.jsnav2 {}
.jsnav3 {}

/* LAYOUT */

/* img, div { behavior: url(/media/iepngfix.htc) } */ 

body			{ background: #fff; color: #444; font-size: 12px; font-family: Verdana, sans-serif;}

#logo			{ margin-left: 30px;background: url('/media/logo.png') no-repeat; width: 215px; height: 110px;}

#tool			{ list-style: none; position: absolute; left: 0; top: 48px; width: 945px;}
#tool li		{ float: right; padding-left: 20px; line-height: 21px;}

#tool input#id31search	{ border: 1px solid #999; color: #999; }
#tool input#knap		{ cursor: pointer; background: url(/media/icon-arrow-input.png) no-repeat; border: none; height: 16px; width: 16px;}	



#menuTop		{ list-style: none; background: url(/media/menu-bg.png) repeat-x; height: 40px; margin: 0 0 35px 0; padding: 0 0 0 30px;}
#menuTop li		{ float: left; margin-right: 20px; display: inline; }


#menuSecond	{ width: 215px; float: left; list-style: none; padding: 0; margin: 0 0 0 30px; }
#menuThird 		{ width: 215px; float: left; list-style: none; }

#content		{ float: left; margin-left: 30px;}
	
	#topBillede img	{ margin-bottom: 30px; }

	.colset1, .colset2, .colset3	{ margin-bottom: 30px;}
	.colset1 div, .colset2 div, .colset3 div { /*display: inline;*/ }

#forsideBokse {}
.colset1 { display: none;}
.colset2 { float: left;}
.colset3 { float: left; width: 960px;}

	.colset1 .col1	{ width: 685px;}
	
	.colset2 .col1	{ width: 450px; float: left; margin-right: 40px; }
	.colset2 .col2	{ width: 215px; float: left; padding-top: 1.5em; } /* paddding for at få samme højde som col1 header */

	.colset3 .col1	{ width: 450px; float: left; margin-right: 20px; }
	.colset3 .col2	{ width: 215px; float: left; padding-top: 1.5em; margin-right: 20px; }
	.colset3 .col3	{ width: 215px; float: right; padding-top: 1.5em; } /* paddding for at få samme højde som col1 header */
	.colset3 .col4  { float: left; width: 685px; }






#maineditdiv .col1, #maineditdiv .col2, #maineditdiv .col3, #maineditdiv .col4 { border: 2px dotted red; } 


.col1 div.section, .col2 div.section, .col3 div.section { /*margin-bottom: 15px;*/}

.boks			{ float: left; width: 215px; min-height:175px;height:auto !important; height:175px; background: #cd0000 url('/media/box-bg.png') repeat-x left bottom; line-height: 150%; color: #fff; margin: 20px 5px; display: inline; position: relative; }
.boks .gutter	{ padding: 10px 10px 20px; }
.boks .readMore	{ position: absolute; bottom: 5px; left: 10px; background: url(/media/icon-arrow-input.png) no-repeat; padding-left: 25px;}
.boks .readMore a { line-height: 16px;}

#footer			{ clear: both; width: 95%; margin: 10px auto; list-style: none; border-top: 1px solid #dc0000;}
#footer li		{ color: #999; float: left; padding: 15px; font-size: 10px;}
#footer li#terms{}




/*	TYPOGRAFI
------------------------------------------ */

p 				{ margin: 10px 0; line-height: 150%;}
h1, h2, h3 		{ color: #cd0000; margin: 0; padding: 0; font-family: 'Charlotte Sans Medium Plain', Arial, sans-serif;}
h2				{ font-size: 18px; margin-bottom: 15px;}

.col1 h2 		{ font-size: 36px; margin-bottom: 25px;}
.boks h2		{ font-size: 22px; margin-bottom: 15px;color: #fff;}



/* 	LINKS
------------------------------------------ */

a:link, a:visited	{ color: #000; text-decoration: none;}
a:hover		{ text-decoration: underline;}

.boks a:link, .boks a:visited { color: #fff; font-weight: bold;;}
.boks a:hover { text-decoration: underline;}

.boks p.sectionlink a.sectionlink { background: url(/media/icon-arrow-hover-grey.png) no-repeat; display: block; height: 16px; padding-left: 20px;}
.boks p.sectionlink a.sectionlink:hover { background-position: 0 -16px;}


#tool a:link, #tool a:visited, #footer a:link, #footer a:visited { color: #999; text-decoration: none;}
#tool a:hover, #footer a:hover { color: #000;}

h2 a:hover	{ text-decoration: none;} /* fjerner Tangora standard ting */


#menuTop li a:link, 
#menuTop li  a:visited		{ display: block; padding: 10px 6px; height: 20px; float: left; color: #fff; text-decoration: none;}
#menuTop li a:hover		{ background: url(/media/menu-bg.png) repeat-x 0 -40px; }
#menuTop li.current a 		{ font-weight: bold;}

* html #menuTop li a:hover { background: none; font-weight: bold;}




#menuSecond li { padding-bottom: 4px;}
#menuSecond li a { color: #666;} /* #2 normal */
#menuSecond li a:hover { color: #cd0000;}
#menuSecond li.current a { color: #cd0000; font-weight: bold; } /* #2 current */

#menuSecond li.current ul li a { color: #666; font-weight: normal;} /* #3 normal */
#menuSecond li.current ul li.current a { color: #cd0000; font-weight: bold; } /* #3 current */





/* 	FORSIDE STYLNG
------------------------------------------ */
#p42 #logo		{ position: absolute; left: 0; top: 200px; background: url('/media/logo.png') no-repeat bottom left; width: 215px;}
#p42 #tool		{ list-style: none; position: absolute; left: 0; top: 256px; width: 930px;}
#forsideBokse	{ margin-top: 20px; border-top: 1px solid #777; }
#p42 #payoff	{ display: block;}



/* FORSIDE PAYOFF
------------------------------------------ */
#payoff			{ height: 250px; background: #fff url(/media/forside-top.jpg) no-repeat; color: #fff; position: relative; margin-bottom: 60px;}
#payoff .gutter	{ position: absolute; left: 500px; top: 20px;}
#payoff h2		{ font-size: 40px; margin: 0; }
#payoff p		{ font-size: 20px; margin: 0; letter-spacing: -1px; }
#payoff img		{ }		
#payoff span	{ font-size: 11px; font-weight: bold; letter-spacing: 0;}
#payoff a { line-height: 16px;}

#payoff			{ display: none;}



.clearfix:after { 
content: "."; 
display: block; 
clear: both; 
visibility: hidden; 
line-height: 0; 
height: 0; 
} 
.clearfix { 
display: block; 
} 
html[xmlns] .clearfix { 
display: block; 
} 
* html .clearfix { 
height: 1%; 
} 


/* 	PRINT STYLES 
------------------------------------------ */
@media print {
	
	/* Clear that shit */
	#payoff, ul#tool, ul#menuTop, ul#menuSecond { display: none; }
	
	body 		{ background: #fff none; font-family: Arial; font-size: 12pt; color: #111;}
	#logo 		{ height: 110px; position: static; top: 0; left: 0;}
	
	/* Fancy shit */
	a::after 	{ content: " (" attr(href) ") "; font-size: 90%; }
	h2, h3 		{ page-break-after: avoid; }

}

 .sectionheader {
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
background-color: ,}


