.jsnav2 {}
.jsnav3 {}

/*
	LETH BETON
	udviklet af GrafiskHus jan. 2009
*/

/* 	BODY & TYPOGRAPHY
------------------------- */
body { background: #fff; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #1a1a1a; }

p 			{ margin: 0 0 15px; line-height: 130%; font-size: 12px;}
h1, h2, h3 	{ color: #45931e; margin: 0; font-weight: normal; line-height: 1; font-family: Helvetica, Arial, sans-serif; }
h1 			{ font-size: 40px; letter-spacing: -1px; }
h2			{ font-size: 25px; }
h3 			{ font-size: 15px; }

.colset-2 .col1 h2, .colset-3 .col2 h2 { font-size: 40px; margin-bottom: 20px; }
.colset-2 .col2 h2, .colset-3 .col3 h2 { font-size: 25px;}


/* 	LINKS
------------------------- */
a:link, a:visited	{ color: #000; text-decoration: none; }
a:hover				{ color: #45931e;}
a img				{ border: 0;}
.col a:link, .col a:visited { border-bottom: 1px solid #777; color: #45931e; }


/* 	LAYOUT
------------------------- */
#site-wrapper				{ width: 990px; margin: 0 auto; }
#site-wrapper-inner			{ width: 900px; float: right; border-top: 5px solid #777;}

#top						{ height: 95px; width: 100%; position: relative; margin-bottom: 10px;}
#top h1#logo						{ color: #fff; width: 201px; height: 70px; position: relative; overflow: hidden; top: 25px;}
#top h1#logo span				{ width: 100%; height: 100%; position: absolute; background: url('/media/logo.png') no-repeat;  }
#top #tool 						{ position: absolute; right: 0; bottom: 0; text-align: right;}
#top #tool a { color: #777;}
#top #tool input 				{ border: 1px solid #777; color: #777; padding: 4px; margin-top: 5px; width: 192px;}
#top #tool input:focus { border: 2px solid #777; color: #1a1a1a; }

#wrapper					{}
#main-content				{ margin-bottom: 0px; padding: 10px 0; float: left;}
.Forside #main-content { padding-top: 0; border-bottom: 5px solid #777; }

#maincell { float: left;}

.col						{ display: inline; float: left; }

.colset-1					{ float: left;}
.colset-1 .col				{ border-top: 5px solid #777; padding: 10px 0; border-bottom: 1px solid #bbb; float: left;}
.colset-1 .col1				{ width: 100%; }
.colset-1 .col1 .gutter		{}

.colset-2					{ float: left; }
.colset-2 .col 				{ border-top: 5px solid #777; padding: 10px 0;}
.colset-2 .col				{ border-bottom: 1px solid #bbb; float: left;}
.colset-2 .col1 			{ width: 450px; margin-right: 25px;}
.colset-2 .col1 .gutter		{}
.colset-2 .col2 			{ width: 200px;}
.colset-2 .col2 .gutter 	{}

.Forside .colset-2					{ float: left; padding-top: 10px; }
.Forside .colset-2 .col 			{ border-top: 5px solid #777; padding-top: 10px;}
.Forside .colset-2 .col				{ border-bottom: 1px solid #bbb; float: left;}
.Forside .colset-2 .col1 			{ width: 500px; margin-right: 100px;}
.Forside .colset-2 .col1 .gutter	{ padding-right: 0px;}
.Forside .colset-2 .col2 			{ width: 300px;}
.Forside .colset-2 .col2 .gutter 	{ padding-right: 10px;}

.colset-3				{ float: left; }
.colset-3 .col			{ border-top: 5px solid #777; border-bottom: 1px solid #bbb; padding: 10px 0 2px; float: left;}
.colset-3 .col1 		{ width: 200px;}
.colset-3 .col1 .gutter	{}
.colset-3 .col2 		{ width: 450px; margin: 0 20px 0 0;}
.colset-3 .col2 .gutter {}
.colset-3 .col3 		{ width: 200px;}
.colset-3 .col3 .gutter {}

.colset-4				{ float: left; padding: 2px 0; }
.colset-4 .col			{ width: 210px; height: 116px; overflow: hidden; float: left;}
.colset-4 .col1 		{ margin-right: 20px;}
.colset-4 .col1 .gutter	{}
.colset-4 .col2 		{ margin-right: 20px;}
.colset-4 .col2 .gutter {}
.colset-4 .col3 		{ margin-right: 20px;}
.colset-4 .col3 .gutter	{}
.colset-4 .col4 		{ margin: 0;}
.colset-4 .col4 .gutter {}

#quicklinks	{ display: none;}
.Forside #quicklinks { display: none; }
#quicklinks .col	{ position: relative;}
#quicklinks .col img	{ position: absolute;}

#footer 		{ width: 100%; float: left; padding: 0; color: #777; background: #bbb; height: 30px; line-height: 30px; font-size: 10px; margin: 5px 0; clear: both; list-style: none;}
.Footer {}
#footer li { float: left; margin: 0 35px 0 10px;}
#footer a:link,
#footer a:visited { color: #777;}
#footer a:hover { border-bottom: 1px solid #bbb;}


/* 	FORSIDE QUICKLINKS I 2. COL
------------------------- */
dl.entry	{ clear: both; overflow: auto; border-top: 1px solid #bbb; padding: 5px 5px 3px; margin: 0; }
dl.entry dt	{ float: left; margin: 0 20px 0 0; display: inline; }
dl.entry dd { margin: 0;}
dl.entry dd p { margin: 0;}

dl.entry:hover { background: #45931E; color: #fff; }


/* 	TOPMENU & SUBMENU
	------------------------- */
	
#topmenu, #submenu 			{ margin: 0; padding: 0;}
#topmenu li, #submenu li 	{ list-style: none; }

#topmenu 					{ height: 50px; margin-bottom: 10px; background: #ccc url('/media/menu-bg2.png') 0 0; }
#topmenu li 				{ float: left; font-size: 15px; }

#topmenu li a:link, 
#topmenu li a:visited 		{ height: 50px; line-height: 50px; padding: 0 20px; background: url('/media/menu-bg2.png') 0 0; color: #fff; text-transform: uppercase; display: inline-block; }
#topmenu li a:hover			{ /*background: url('/media/menu-bg2.png') 0 -50px;*/  }
#topmenu li.current a		{ color: #222; background: #fff; background: url('/media/menu-bg2.png') 0 -50px; }


#submenu 				{ float: left; width: 200px; display: inline; margin-right: 25px; border-bottom: 1px solid #bbb;}
#submenu li 			{ border-top: 1px solid #bbb; }	
#submenu li a:link, 
#submenu li a:visited 	{ padding: 7px 0 7px 15px; margin: 0; text-transform: uppercase; color: #1a1a1a; display: block;}
#submenu li a:hover 	{ color: #fff; background: url('/media/menu-bg2.png') 0 -50px; }
#submenu li.current a	{ font-weight: bold; }
#submenu li li a:link, 
#submenu li li a:visited	{ color: #1a1a1a; font-weight: normal; font-size: 11px; }
#submenu li li a:hover 		{ color: #fff; }
#submenu li.current li.current a { font-weight: bold; }


/* 	NEWS
------------------------- */


/* FORMS
------------------------- */
input, textarea { padding: 2px 3px; font-size: 12px;}
textarea { font-family: Verdana, sans-serif; }
#tool input { font-size: 11px; }

.col input, .col textarea { margin: 5px 0; padding: 5px; border: 1px solid; border-color: #888 #ccc #ccc #888;}
.col .submit-knap input { padding: 4px 15px; background: #67a54b; border: 1px solid #3b6e22; color: #fff;}
.col .submit-knap input:hover { background: #387718; }

.formreq { color: red; margin: 2px; font-weight: bold; }



#fContainer p 			{ margin: 0 20px; color: #fff; } 
#fContainer h2 			{ letter-spacing: -1px; margin: 40px 20px 10px; font-weight: bold; font-family: Helvetica, serif; font-size: 36px; color: #fff; }

#fContainer			{ width: 900px; height: 285px; position: relative; }
#fContainer #fPic 	{ /*background: url('billede1.jpg') no-repeat 0 0;*/ height: 250px;}

#fContainer .box		{ cursor: pointer; overflow: hidden; z-index: 20; width: 300px; height: 0; background: #316715; }
#fContainer #box1		{ bottom: 0; left: 0; position: absolute; }
#fContainer #box2		{ bottom: 0; left: 300px; position: absolute; }
#fContainer #box3		{ bottom: 0; left: 600px; position: absolute; }

#fContainer .box p.link { margin-top: 15px; font-weight: bold; }
#fContainer .box p.link a:link, a:visited { color: #fff;}

#fMenu		{ z-index: 10; position: absolute; bottom: 0;margin: 0; padding: 0;}
#fMenu 		{ background: url('/media/menu.png') repeat-x; height: 35px;}
#fMenu li 	{ font-size: 15px; list-style: none; float: left; width: 300px;}

#fMenu li a:link, 
#fMenu li a:visited 		{ padding-left: 20px; text-transform: uppercase; color: #1a1a1a; display: inline-block; height: 35px; line-height: 35px; }
#fMenu li a:hover,
#fMenu li a.currentpage	{ color: #fff; font-weight: bold;}

#fPic img { position: absolute; top: 0; left: 0; }

#fContainer						{ display: none; }
.Forside #fContainer 			{ display: block; }

.hidden { position: absolute; top: -10000px; }


/* 	MISC
------------------------- */
.manchet 	{ display: block; margin: 20px 0; font-size: 18px; font-weight: bold; line-height: 140%; }
.round		{-webkit-border-radius: 8px;  -moz-border-radius: 8px; }


/* 	CLEARFIX
------------------------- */

.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%; 
} 


/* 	TANGORA
------------------------- */
#maineditdiv { width: 920px; background: #fff; }
#maineditdiv .col { border: 2px dotted red;  }
#maineditdiv .colset-2 .col1 { width: 450px; float: left; }
#maineditdiv .colset-2 .col2 { display: inline; margin-left: 100px; width: 200px; float: left;} 


/* 	PRINT STYLES 
------------------------------------------ */
@media print {

.col { border: 0 !important;}

#tool, #topmenu, 
#submenu, #quicklinks 	{ display: none; } 

body 					{ background: #fff none; font-family: Arial; color: #111; }
body, li, p { font-size: 12pt;}

.col1, .col2 			{ float: left; }
.colset-2 .col1 {width: 60%;}
.colset-2 .col2 {width: 30%; float: right;}

/* Fancy shit */
a::after 	{ content: " (" attr(href) ") "; font-size: 90%; }
h2, h3 		{ page-break-after: avoid; }
#footer { padding: 5px 0; border-top: 5px solid #777; }

#fContainer { height: 300px;}
#fContainer .box	{ height: 300px;}
#fContainer #fPic, #fMenu 	{ display: none;}

}


 .sectionheader {
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold}