html, body {height: 100%}


/* Baggrund på siderne */
img.bg { height:auto; left:0; min-height:100%; min-width:1024px; position:fixed; top:0; width:100%; }
#wrapper {min-height: 100%;
   margin-bottom: -50px;
   position: relative;}


/* Header */
div#container-header { background:transparent url(/common/img/header_bg.png) repeat 0 0 scroll; height:118px; position:fixed; width:100%; z-index:20; }
div#container-subheader { background:transparent url(/common/img/header_bg2.png) repeat 0 0 scroll; height:118px; position:fixed; width:100%; z-index:20; }
	div#header { margin:0 auto; width:940px; position:relative; }

		div#language { font-family:AllerLight, Arial; font-size:14px; font-weight:normal; text-transform:uppercase; position:absolute; top:80px; right:0; }
			div#language li { float:left; padding:0 10px; border-right:1px solid #69a6c2; }
			div#language li.last { border-right:0; }

		div#navigation { float:left; font-family:AllerDisplay, Arial; font-size:14px; font-weight:normal; position:relative; top:72px; left:10px; /* height:86px; */ text-transform:uppercase; }
			#nav li { margin:0 5px; padding:0 0 8px; float:left; position:relative; list-style:none; }

			/* main level link */
			#nav a { color:#16526d; text-decoration:none; display:block; padding:8px 10px; margin:0; }
			#nav a:hover { color:#165200; }

			/* main level link hover */
			#nav .current a,#nav li:hover > a { color:#1c6887; border-bottom: 2px solid #C81D1F; }

			/* sub levels link hover */
			#nav ul li:hover a,#nav li:hover li a { background:none; border:none; color:#666; }
			#nav ul a:hover { background:#0078ff url(img/gradient.png) repeat-x 0 -100px!important; color:#fff!important; }

			/* dropdown */
			#nav li:hover > ul { display:block; }

			/* level 2 list */
			#nav ul { display:none; margin:0; padding:0; width:185px; position:absolute; top:35px; left:0; background:#ddd url(img/gradient.png) repeat-x 0 0; border:solid 1px #b4b4b4; z-index: 1; }
			#nav ul li { float:none; margin:0; padding:0; }
			#nav ul a { font-weight:normal; }

			/* level 3+ list */
			#nav ul ul { left:181px; top:-3px; }

			/* clearfix */
			#nav:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }

		div#logo { float:left; display:inline; }
			div#logo h1 { width:96px; height:118px; background:url(/common/img/red_logo.png) no-repeat 0 0; text-indent:-9999px; display:block; }
			div#logo h1 a { display:block; width:100%; height:100%; outline:none; }

/* Content */

div#container { position: relative; padding-top: 150px; margin: 0 auto; width: 940px;}

	#content { margin:0 auto; width:940px; position:relative; }
		.backgroundWhite { background-color:#FFF; }
		.frontPlace {padding-top: 20px;}

		#content .slideshow {/* float: right; */}
		#content ul.teaser { width:860px; height:200px; /* margin-bottom:10px; */ position:relative; overflow: hidden; z-index: 0; }
			.teaser li {width: 860px; height: 200px;}
			.teaser .img_bg { position:absolute; top:0; left:0; z-index:1; width:860px; height:200px; }
			.teaser .fade_red { background:transparent url(/common/img/fade_slideshow.png) repeat-y 0 0; position:absolute; width:860px; height:200px; top:0; left:0; z-index:2; }
			.teaser .copy { position:relative; top:0; left:0; padding:20px 40px; width:190px; z-index:3; }
			.teaser .copy h1 { font-size:36px; font-family:AllerDisplay, Arial; font-weight:normal; text-transform:uppercase; color:#FFF; line-height:34px; }
			.teaser .copy h1 .thin { font-family:AllerLight, Arial; }
			.teaser .copy p { color:#EEE; }
			.teaser .copy a { color:#FFF; font-weight:bold; }
			
		#content .position { position:fixed; bottom:100px; z-index:0; }
		#content #wideImage { overflow:hidden; width:940px; height:275px; }
		#content #maincol { width:580px; padding:10px 40px 40px 0; float:left; }
		#content #maincol.wide { width:860px; }
		
		/* Category bottom referencer */
		.mainContent h4.referenceCategory {float: left; display: block; width: 560px;}
		.mainContent .referenceOverview {float: left; padding: 10px 10px 10px 0; width: 170px; border-bottom: 1px dotted #eee; margin-bottom: 10px;}
		.mainContent .referenceOverview img {padding:2px; border: 1px solid #ccc; }
		.mainContent .referenceOverview p {}
		.mainContent .referenceOverview p strong {font-weight: bold;}
		
		
		#content #productData { background-color:#1b6481; height:402px; width:230px; overflow:hidden; float:right; padding:25px; color:#FFF; position:relative; }
			#productData span { width:110px; float:left; line-height:1.8em; }
			#productData p { line-height:1.6em; }
			.zmagPDF {position:absolute; bottom: 25px; left: 25px;}
			
		#content #sidecol { float:right; width:260px; padding:40px 0 40px 40px; font-size: 11px; overflow:hidden;}
			#content #sidecol .medias {width: 264px;}
			#content #sidecol .medias img {margin: 1px;}
			
			#content #sidecol .blue {padding:20px; background-color:#16526d; margin-bottom:20px;}
				#content #sidecol .blue h6,#content #sidecol .blue h3 {color: #fff; font-weight: bold;}
				#content #sidecol .blue p {color: #eee;}
				
				#content #sidecol .blue ul {margin: 0 0 1em;}
				#content #sidecol .blue ul li:before { content: "\00BB \0020"; color: #FFF; }
				#content #sidecol .blue ul li {margin: 0 0 0.2em; color: #eee; }
				#content #sidecol .blue a {color: #ddd; text-decoration: underline;}
				#content #sidecol .blue div {padding-bottom: 20px;}	
								
			#content #sidecol .white {padding:0; background-color:#fff; border: 1px solid #16526d; margin-bottom:2px; padding-bottom: 20px;}
				#content #sidecol .white h6 {color: #fff; background-color: #16526d; padding: 20px 20px 10px 20px;}
				#content #sidecol .white p {color: #333; padding: 0 20px;}
				#content #sidecol .white img {overflow: hidden; width: 238px; margin: -0.25em 0 0 0; padding-bottom: 20px;}
				
				#content #sidecol .white ul {margin: 0 0 1em;}
				#content #sidecol .white ul li:before { content: "\00BB \0020"; color: #333; }
				#content #sidecol .white ul li {margin: 0 0 0.2em; color: #333; }	
				
			#content #sidecol .red {padding:0; background-color:#c71d1f; margin-bottom:2px; padding-bottom: 20px;}
				#content #sidecol .red h6 {color: #fff; padding: 20px 20px 10px 20px;}
				#content #sidecol .red p {color: #fff; padding: 0 20px;}
				#content #sidecol .red img {overflow: hidden; width: 238px; margin: -0.25em 0 0 0; padding-bottom: 20px;}
				
				#content #sidecol .red ul {margin: 0 0 1em;}
				#content #sidecol .red ul li:before { content: "\00BB \0020"; color: #fff; }
				#content #sidecol .red ul li {margin: 0 0 0.2em; color: #fff; }	
				#content #sidecol .red a {color: #ddd; text-decoration: underline;}						
			
			#content #maincol.mainNarrow {width: 560px;}
			#content #sidecol.sideWide {width: 300px;}
			#content #sidecol .referenceProject {cursor: pointer;}
				#content #sidecol .referenceProject img {float: left; width: 90px; padding-right: 10px;}
				#content #sidecol .referenceProject span.header {text-transform: uppercase; display: block;}
				#content #sidecol .referenceProject span.header a {text-decoration: none;}
			
			#content #sidecol .links { padding:25px; background-color:#f1f1f1; margin-bottom:2px; }
				#content #sidecol .links ul li { padding-bottom:5px; }
			#content #sidecol .contact,#content #sidecol .formular { padding:25px; background-color:#c71d1f; margin-bottom:2px; color:#FFF; }
				#content #sidecol .contact h6,#content #sidecol .formular h6 { color:#FFF; }
				#content #sidecol .contact a,#content #sidecol .formular a { color:#FFF; }
				#content #sidecol .contact dt,#content #sidecol .formular dt { font-weight:normal; font-size:11px; }
				
		/* Frontpage box placement */		
		#content #main { position:relative; width:940px; }
			#main .holder {float: right;}
			#content #main .small_box { position:relative; width:370px; height: 170px; overflow:hidden; background:transparent url(/common/img/blue_bg.png) repeat 0 0; margin-bottom: 10px; }
			#content #main .box3 { background:transparent url(/common/img/white_bg.png) repeat 0 0; }
			/* #content #main .box3 { padding:0; }
				 .small_box .img_bg { position:absolute; top:0; left:0; z-index:1; width:312px; height:140px; overflow: hidden; }
				 .small_box .fade_white { background:transparent url(/common/img/blue_bg.png) repeat 0 0; position:absolute; width:312px; height:140px; top:0; left:0; z-index:2; } */
				.small_box .copy { position:relative; top:0; left:0; padding:10px 20px; z-index:3; color: #EEE; }
				.small_box .copy h2 { font-size:18px; font-family:AllerDisplay, Arial; font-weight:normal; text-transform:uppercase; color: #FFF; margin: 0 0 0.2em;}
				.box1 .copy h2 {font-size: 36px; margin: 0 0 0.2em; line-height: 1.0em;}
				.box3 .copy h2 {color: #000;}
				.small_box .copy p {margin: 0 0 0.2em}
				.small_box .copy p a {color: #EEE;}
				.small_box .copy p a:hover {color: #BC4E44;}
				.box3 ul.lejemaal_list {margin: 0 0 1em;}
				.box3 ul.lejemaal_list li:before { content: "\00BB \0020"; color: #000; }
				.box3 ul.lejemaal_list li {margin: 0 0 0.2em; }

/* Breadcrumb */
ul#breadcrumb {
	list-style-type:none;
	padding:0;
	margin:0;
	height:2.3em;
	clear: left;
}

#breadcrumb li {
	float:left;
	line-height:2.3em;
	padding-right:.75em;
	color:#aaa;
}

#breadcrumb li a {
	padding:0 5px 0 0;
	color: #aaa;
}

#breadcrumb li a:hover {
	border-bottom: 1px solid #ccc;
}

/* Footer */
.clearfooter { height: 50px; clear: both; }



/* Footer altid placeret nederste på siden */
/* #footer { position:relative; width:100%; height:37px; line-height:37px; background: transparent url('/common/img/footer_bg.gif') repeat-x 0 0; color:#255d76; } */

/* Footer altid placeret i bunden af vinduet */
#footer { position:fixed; z-index: 20; bottom: 0; width:100%; height:50px; /* line-height:50px; */ background: transparent url('/common/img/footer_bg.png') repeat-x 0 0; color:#255d76; font-weight: bold; font-size: 11px; }
	#footer .line { background:transparent url(/common/img/v_line.png) no-repeat scroll right 0px; padding:0 10px; }
	#footer strong { /* font-weight: normal; */}

/* Table common */
.mainContent table {margin: 0 0 15px; text-align: left;}
	.mainContent table td { padding: 10px 20px; vertical-align: top; line-height:1.3em; }
	
	/* Table referencer */
	.mainContent table.reference td {padding: 10px 20px 10px 0;}

/* jQuery sortering */
table.tablesorter { background:transparent url(/common/table_hd_bg.jpg) repeat-x scroll; margin:0 0 15px; width:100%; text-align:left; clear: both; }
	table.tablesorter thead tr th,table.tablesorter tfoot tr th { padding:14px 20px; font-weight:normal; margin-bottom:1px; border-bottom:2px solid #DDD; }
	table.tablesorter thead tr .header { background-image:url(/common/btn/bg.gif); background-repeat:no-repeat; background-position:center right; cursor:pointer; }
	table.tablesorter tbody td { padding:10px 20px; vertical-align:top; }
	table.tablesorter tbody tr.odd td { background-color:#F0F0F6; }
	table.tablesorter thead tr .headerSortUp { background-image:url(/common/btn/asc.gif); }
	table.tablesorter thead tr .headerSortDown { background-image:url(/common/btn/desc.gif); }
	table.tablesorter thead tr .headerSortDown,table.tablesorter thead tr .headerSortUp { border-bottom:2px solid #c81d1f; }

/* Contains the entire tabbed section */
/* .tabbed { padding-top:20px; } */

	/* List of tabs */
	.tabbed ul.tabs { float:left; display:inline; width:100%; margin:0; padding:0; background:transparent url(/common/tabs_bg.jpg) repeat-x 0 0 scroll; }
	.tabbed ul.tabs li { font-family:AllerLight, Tahoma, Arial; font-size:14px; text-transform:uppercase; list-style:none; float:left; margin:0; padding:0; border-right:1px solid #FFF; }
	.tabbed ul.tabs li a { overflow:hidden; display:block; margin:0 2px 0 0; padding:11px 20px; }
	.tabbed ul.tabs li a:hover { color:#333; }

	/* The current selected tab */
	.tabbed ul.tabs li.current { background:transparent url(/common/tabs_active.jpg) repeat-x 0 0 scroll; }

	/* The content shown when a tab is selected */
	.tabbed div { float:left; display:block; width:100%; }

	/* Set the CSS to make sure the other tabs' content isn't shown other than the first */
	.tabbed div.t2,.tabbed div.t3,.tabbed div.t4 { display:none; }

	/* Content for inside your tabs' divs */
	.tabbed div ul { }
	.tabbed div p { }
	.tabbed div div { }

/* Microformats */
#hcard { width:940px; margin:0 auto; padding-top: 25px; }
	#hcard div { float:left; }
	#hcard span { float: left; }

/* Gallery styles */
#gallery { background-color:#000; width:660px; overflow:hidden; float:left; }
	#slides { height:370px; width:660px; overflow:hidden; }
		.slide { float:left; }

	/* This is the container for the thumbnails */
	#menu { height:80px; border:1px solid #000; border-left:3px solid #000; }
		#menugallery li { float: left; width:130px; display:inline-block; list-style:none; height:80px; overflow:hidden; border-right:1px solid #000; }
		#menugallery li.inact:hover { background:url(/common/img/pic_bg.png) repeat; }
		#menugallery li.act,#menugallery li.act:hover { background:url(/common/img/active_bg.png) no-repeat; z-index:100; }
		#menugallery li.act a { cursor:default; z-index:5; }
		#menugallery li a { display:block; background:url(/common/img/divider.png) no-repeat right; height:80px; }

/* Clear Fix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* End hide from IE-mac */















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

