@charset "utf-8";
/* CSS Document */

/* RESET */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*=================	LAYOUT & STYLE ===================*/
html {
    background: url(images/new/bg_main.gif) repeat-x;
    background-color: white;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}


body {
  color: #444444;
  font-family: Tahoma, Verdana, Arial, Sans-Serif;
  font-size:12px;
  line-height:18px;
}

p {
  margin-bottom:15px;
}

hr {
 margin:30px 0px 30px 0px;
 padding:0px;
 height:1px;
 background-color:#CCC;
 color:#CCC;
 display:block;
 border:0;
}


ul, ol {
  list-style-type:square;
  margin-left:15px;
  margin-bottom:15px;
}

h1 			{ margin-bottom:15px; font-size:24px; line-height:28px; }
h2 			{ margin-bottom:15px; font-size:20px; line-height:24px; }
h3 			{ margin-bottom:15px; font-size:15px; line-height:20px; }
h4 			{ margin-bottom:10px; font-size:13px; line-height:18px; font-weight:bold; }
h5 			{ margin-bottom:15px; font-size:14px; line-height:22px; }


a:link 		{ color: #009aad; text-decoration:none; }
a:visited	{ color: #009aad; text-decoration:none; }
a:hover		{ color: #009aad; text-decoration:underline; }

abbr {
color:#009aad;
}

#logo {
  margin-top:20px;
  margin-left:3px;
}

#top_search {
  position:absolute;
  left:50%;
  margin-left:87px;
  width:400px;
  height:43px;
  background:url(images/new/search.png) no-repeat;
}

#maincontent {
  padding-bottom:30px;
}

#addthis {
  padding:9px 0px 0px 12px;
  float:left;
}

div#atffcc {
	height:0px;
}

#addthis a {
  color:#f8971c;
  text-decoration:underline;
}

#header {
  height:115px;
  width:960px;
}

#footer {
  background:url(images/new/footer_bg.png) repeat-x;
  background-color:#70a235;
  border-top:3px solid #a5da4d;
  float:left;
  width:100%;
  color: white;
  padding:20px 0px 20px 0px;
}

#footer_content {
  width:960px; 
  margin:0 auto;
}

#footer_content table tr th, #footer_content table tr td {
  text-align:left;
  padding-right:60px;
  font-size:11px;
}

#footer_content table tr th a, #footer_content table tr td a {
  color: white;
}

#footer_content hr {
  border-top:1px solid #5c912b;
  border-bottom:1px solid #84b33f;
  width:960px;
  margin:20px 0px 20px 0px;
  padding:0px;
  height:0px;
}

#partners {
  float:right;
  margin-top:32px;
}

#partners img {
  padding-left:20px;
}

/*=====================SEARCH===========================*/

#search {
 float: left;
 margin-left:28px;
}

#searchform input#s {
 border:none;
 background:none;
 width:130px;
 float:left;
 margin-top:10px;
 font-family:Tahoma, Geneva, sans-serif;
 font-size:11px;
 color:#6e6e6e;
}

#searchform input#s_button {
 width:48px;
 height:21px;
 background:url(images/new/button_search.png) no-repeat;
 border:none;
 cursor:pointer;
 margin:7px 0px 0px 21px;
 float:left;
 
}

/*=====================FRONTPAGE===========================*/

#front_banner {
  width:680px;
  height:355px;
  float:left;
}

#front_news1 {
  width:265px;
  float:left;
  margin:15px 0px 0px 15px;
}


#front_news2 {
  width:960px;
  min-height:205px;
  float:left;
  background:url(images/new/bg_nyheder.png) no-repeat;
}
.ehandel {
	display: block;
	margin:0 0 30px 20px;
}

#front_shortcuts {
  margin:10px 0px 0px 20px;
}

#news1 {
  float:left;
  width:350px;
  padding:20px 0px 0px 22px;
}

#news2 {
  float:left;
  width:220px;
  padding:20px 0px 0px 70px;
}

#news3 {
  float:left;
  width:220px;
  padding:20px 0px 0px 60px;
}


.button_green, .button_gray {
	display: block;
	height: 30px;
	width: 93px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: white;
	float: left;
}

.button_green { background: url(images/button_green.gif) 0 1px no-repeat; }
.button_green:hover { background: url(images/button_green.gif) 0 -31px no-repeat; }
.button_gray { 	background: url(images/button_gray.gif) 0 1px no-repeat; }
.button_gray:hover { background: url(images/button_gray.gif) 0 -31px no-repeat; }


#content_header h1{
border-right: 1px solid silver;
}

#section_header h2{
font-size: 28px;
margin: 0;
padding: 0;
color: silver;
}

#content_header h1 {
font-size: 38px;
font-weight: normal;
margin-top: 10px;
margin-bottom: 0;
line-height: 20px;
padding: 0;
color: gray;
}

#section_header span {
color: #a0cc3a;
font-size: 14px;
}

.product_wrap {
width:480px;
height:321px;
margin-bottom:30px;

}

.re 		{ background:url(images/new/produkt_bg_re.jpg) no-repeat; }
.re-plus	{ background:url(images/new/produkt_bg_re-plus.jpg) no-repeat; }
.nodstrom	{ background:url(images/new/produkt_bg_nodstrom.jpg) no-repeat; }
.ke 		{ background:url(images/new/produkt_bg_ke.jpg) no-repeat; }
.elskov		{ background:url(images/new/produkt_bg_elskov.jpg) no-repeat; }

#product_text {
padding:140px 0px 0px 45px;
position:absolute;
}

#product_text ul {
margin:0px 0px 20px 0px;
}

#product_text ul li {
list-style-type:none;
background:url(images/new/bullet_square_white.png) 0px 7px no-repeat;
padding-left:21px;
width:390px;
}

#product_text h5 {
color:white;
line-height:20px;
margin:0px;
}

.product_img_l {
 float:left;
 margin:2px 25px 0px 0px;
}

.product_img_r {
 float:right;
 margin:2px 0px 0px 25px;
}


/*=====================BREADCRUMB===========================*/

.breadcrumb {
font-size:11px;
margin-bottom:15px;
margin-top:10px;
color:#6a6a6a;
}

.separator {
width:20px;
height:10px;
background:url(images/new/bullet_grey.png) no-repeat;
float:left;
}


/*=====================MENU===========================*/

#menu {
float: right;
margin:82px 0px 0px 0px;
}

#menu li{
float: left;
margin-left: 20px;
display: inline;
font-size: 16px;
/*padding-left:15px;
border-left:1px solid #CCC;*/

}

#menu li.current_page_item, #menu li.current_page_item a {
color:#a5a5a5;
margin-top:-5px;
}

#menu li.current_page_parent, #menu li.current_page_parent a {
color:#a5a5a5;
margin-top:-5px;
}

#menu li a{
color: #505050;
text-decoration: none;
text-transform:uppercase;
}

#menu li a:hover {
text-decoration: none;
color:#a5a5a5;
}

/*=====================SMALL TOP MENU===========================*/

#menu_small {
  position:absolute;
  left:50%;
  margin-left:-185px;
  top:8px;
  width:400px;
  height:43px;
}

#menu_small li{
float: left;
margin-left: 10px;
padding-right:10px;
display: inline;
font-size: 11px;
font-weight:bold;
border-right:1px solid #0ca1b4;
}

#menu_small li.current_page_item, #menu_small li.current_page_item a {
color:#a0d9e1;
}

#menu_small li.current_page_parent, #menu_small li.current_page_parent a {
color:#a0d9e1;
}

#menu_small li a{
color: white;
text-decoration: none;
}

#menu_small li a:hover {
text-decoration: underline;
color: white;
}

/*===================SUB MENU=========================*/
#sub_menu {
	position: relative;
    display:inline;
	float:left;
	width:200px;
	margin:45px 40px 20px 0px;
}

#sub_menu ul{
	padding-left: 0;
	margin-left: -10px;
}

#sub_menu div#sub_content {
	padding: 10px 10px 10px 0;
}

#sub_top {
	background: url(images/new/submenu_top.png) no-repeat;
	width:185px;
	height: 27px;
	padding:3px 0px 0px 15px;
	color:white;
}

ul.pretty, ul.pretty2, ul.pretty3{
	line-height: 18px;
	list-style-type: none;
	margin-left:0px;
	margin-bottom:0px;
}

#sub_menu ul {
	margin:17px 0px 0px 5px;
}

#sub_menu ul li {
	padding-left: 12px;
	background: url(images/new/bullet_blue_med.png) 0 6px no-repeat;
	font-weight:bold;
	line-height: 19px;
	list-style-type: none;
}

ul.pretty li {
	padding-left: 20px;
	background: url(images/bullet.png) 0 3px no-repeat;
}

ul.pretty2 li {
	padding-left: 12px;
	background: url(images/new/bullet_blue.gif) 0 8px no-repeat;
}

ul.pretty3 li {
	padding-left: 12px;
	margin:0px;
	background: url(images/new/bullet_blue.gif) 0 8px no-repeat;
}

#sub_menu ul li.current_page_item a{
	color:#9d9d9d;
}

#sub_menu ul li.current_page_item {
	background: url(images/new/bullet_grey_med.png) 0 6px no-repeat;
}

	

/*=================== SIDEBAR =========================*/

#sidebar {
	width:200px;
	float:left;
	margin-left:40px;
	display:inline;
	margin-top:13px;
}

/*=================== ARTICLE CONTENT =========================*/

#article_content {
	width:480px;
	float:left;
	display:inline;
	border-top:1px solid #d2d2d2;
	padding-top:13px;
}

#article_content img.alignleft {
	margin:0px 10px 5px 0px;
}

#article_content img.alignright {
	margin:0px 0px 5px 10px;
}

/*=================== MWR =========================*/
.mwr_menu {
	position: relative;
}

.mwr_menu div.mwr_content {
	padding: 7px 18px 10px 18px;
	width: 164px;
}

.mwr_top {
	background: url(images/new/mwr_top.gif) no-repeat;
	height: 10px;
}

.mwr_content {
	background: url(images/new/mwr_repeat.gif) repeat-y;
}

.mwr_bottom {
	background: url(images/new/mwr_bottom.gif) no-repeat;
	height: 10px;
}

/*------------Utility-------------*/
.fleft {
float: left;
}

.fright {
float: right;
}

.test {
border: 1px dashed pink;
}

.small {
font-size: 8px;
}

.nowhitespace {
margin: 0;
padding: 0;
}

.smalltxt {
	font-size: 10px;
	line-height: 8px;
}

.alignleft { float: left; }
.alignright { float: right; }

.wp-caption {

	text-align: center;
	padding-top: 4px;
	margin: 10px 0 10px 25px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.portrait_big {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  text-align:center;
  width:150px;
  height:220px;
}

.portrait_small {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  text-align:center;
  width:150px;
  height:178px;
}

/*------------Signup-------------*/
.incomplete {
  background-color:#FFDFDF;
}
.complete {
  background-color:#fff;
}
#ssignup{
    margin-left:30px;
    width:484px;
    background-color:#007F8F;
    overflow:visible;
}
#ssignup label {
  font-weight:bold;
  color: #fff;
  font-size: 11px;
}
#signinner {
  margin: 25px;
}
#signuptop{
  background: #007F8F url(images/bbox_top.gif) no-repeat;
  width: 100%;
  height: 5px;
}
#signupbot{
  background: #007F8F url(images/bbox_bot.gif) no-repeat;
  width: 100%;
  height: 5px;
}
.divver {
  background: #007F8F url(images/bbox_div.gif) no-repeat center left;
  width: 484px;
  height: 2px;
  margin: 0 -25px 10px -25px;
  padding-top: 25px;
  clear:both;
}
#ssignup input {
    width: 150px;
    border: 1px solid #00bad1;
    border-top-color: gray;
    border-left-color: gray;
    border-bottom-color: #00bad1;
    border-right-color: #00bad1;
    padding: 0;
}
.inpnorm {
    float:left;
    width:230px;
    margin-right:10px;
}
#plswait {
    font-size:18px;
    text-align:center;
    margin:50px;
    display:none;
}
.und {
    text-decoration:underline;
}
.stdcont {
    margin-left:30px;
    width:484px;
}
.error {
    font-weight: bold;
    color: #f00;
}

/*====================== Kundeservice Accordion ============================*/
#accordion {
  background:#fff url(http://flowplayer.org/img/global/gradient/h600.pnng) 0 0;
  width: 475px;
  border:1px solid #eee;
}

/* accordion header */
#accordion h4 {
	border-bottom: 2px solid #007f8f;
	background-color: silver;
	margin-bottom: 5px;
}
#accordion h4 a {
	color: black;
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
	text-decoration: none;
 }

 #accordion div h4 a {
 	color: black;
	font-weight: normal;
	text-decoration: underline;
	}

#accordion h4 {
  background:#ccc url(http://flowplayer.org/img/global/gradient/h30.png);
  margin:0;
  padding:5px 15px;
  font-size:14px;
  font-weight:normal;
  border:1px solid #fff;
  border-bottom:1px solid #ddd;
  cursor:pointer;
}

/* currently active header */
#accordion h4.current {
  cursor:pointer;
  background-color:#fff;
}

/* accordion pane */
#accordion div.pane {
  border:1px solid #fff;
  border-width:0 2px;
  display:none;

  padding:15px;
  color:#fff;
  font-size:12px;
}

#accordion div.pane a {
color: rgb(0,102,121);
}

/* Product selection */

.product_select {
	width:352px;
	height:205px;
	float:left;
	cursor:pointer;
	margin:0 15px 15px 0;
}

.product_select img {
	width:352px;
	height:205px;
}

.product_select:hover {
	background-position:-352px 0;
}

.product_elskov {
	background:url(http://www.natur-energi.dk/wp-content/uploads/bg_elskov.jpg) no-repeat;
}

.product_nodstrom {
	background:url(http://www.natur-energi.dk/wp-content/uploads/bg_nodstrom.jpg) no-repeat;
}

.product_ren_energi {
	background:url(http://www.natur-energi.dk/wp-content/uploads/bg_ren_energi.jpg) no-repeat;
}

.product_ren_energi_plus {
	background:url(http://www.natur-energi.dk/wp-content/uploads/bg_ren_energi_plus.jpg) no-repeat;
}

.product_kvote_energi {
	background:url(http://www.natur-energi.dk/wp-content/uploads/bg_kvote_energi.jpg) no-repeat;
}
