﻿/*** Miljøordning for biler - www.bilordning.dk ***/

/*** Sidst opdateret: 20.juli 2010 ***/

body{
	margin:0 0 10px 0;	
	background:#fff repeat-x url(../images/bg.gif) top left;
}

body, div, p, h1, h2, h3, td, th, span, input, textarea, select, label{
	font-family:Verdana,Arial,sans-serif;
	font-size:11px;
	color:#666666;
}

#page{	
	width:900px;	
	margin-left: auto;
	margin-right: auto;
	text-align:left;	
}

/****************** TOP ******************/

#top{
	background:no-repeat url(../images/top.gif) top right;
	height:160px;
	width:900px;
	float:left;
	margin-bottom:2px;
}

#logo{	
	height:50px;	
	width:480px;
	margin:28px 0 0 10px;
	background:transparent no-repeat url(../images/logo.gif) left top;	
}

#logo img{	
	float:left;
}

#service ul{		
	float:left;
	margin:6px 0 0 56px;
	padding:0px;
	list-style-type: none;	
}

#service ul li{	
	display:block; 
	float:left;
	color:#ccc;
	padding:0 10px 0 30px;
	margin:0;
	background:transparent no-repeat url(../images/arrowlogo.gif) center right;	
}

#service ul li a, #service ul li a:visited{	
	display:block; 
	text-decoration:none;	
	font-size:11px;
	color:#333;
}

#service ul li a:hover{	
	color:#2e831a;
}

#service ul li.selected a, #service ul li.selected a:hover{	
	text-decoration:underline;
	color:#2e831a;
}

#logoprint{
	display:none;
}

#nav{	
	margin-top:27px;
	height:55px;
	background:transparent no-repeat url(../images/menu.gif) left top;	
}

#menuNav_0 ul{	
	padding:0;
	margin:0 0 0 10px;
	list-style-type:none;
}

#menuNav_0 li{	
	float:left;
	background:transparent no-repeat url(../images/menulevel0.gif) right top;	
}

#menuNav_0 ul li a, #menuNav_0 ul li a:visited{
	display:block;
	float:left;	
	font-family:Garamond,Verdana,Arial,sans-serif;
	font-size:1.5em;
	font-weight:bold;	
	padding:13px 20px 23px 20px;
	text-decoration: none;		
	color:#fff;	
}

#menuNav_0 ul li a:hover{
	color:#ddd;
}

#menuNav_0 ul li.selected a, #menuNav_0 ul li.selected a:hover{	
	background:transparent no-repeat url(../images/menulevel0sel.gif) center bottom;			
}

/****************** TOP ******************/

/****************** CONTENT ******************/

#printlink{	
	clear:both;
	margin-bottom:10px;
	height:13px;	
}

#printlink a{
	float:right;
	height:13px;
	padding:0 10px 0 20px;
	text-decoration:none;
	background:transparent no-repeat url(../images/print.gif) left center;
	font-size:9px;
	color:#333;
}

#printlink a:hover{
	color:#000;
}

.mainarea{
	clear:both;
	float:left;
	width:648px;	
	padding-left:10px;	
}

#leftcolumn{	
	float:left;
	width:324px;
}

#rightcolumn{
	float:left;
	width:324px;	
}

#relatedcolumn{
	float:left;
	width:242px;	
}

.boxcontainer{	
	background:#fff no-repeat url(../images/boxcontainer648.jpg) left top;
	margin:0 0 15px 0;	
	min-height:250px;	
}

.boxcontainer_below{	
	background:#fff no-repeat url(../images/boxcontainer648_below.jpg) left top;
	margin:0 0 15px 0;	
	min-height:150px;		
}

.boxcontainer table.tblcontent{		
	margin:0 0 0 15px;
}

.boxcontainer td.tdlbl{
	width:120px;	
}

.boxcontainer h1, .boxcontainer_below h1{	
	border-bottom:1px solid #c5c5c5;	
	font-weight:bold;	
	padding:19px 0 0 0;
	margin:0 0 15px 0;		
}

.boxcontainer table h1{
    margin-right:16px;
}

.boxcontainer h1 .green, .boxcontainer_below h1 .green{	
	font-family:Garamond,Verdana,Arial,sans-serif;		
	font-size:1.0em;
}

#map{
	background:#fff;
	width:303px;
	margin-left:1px;	
}

#map img{
	margin-left:67px;	
}

.newsitem{
	margin:0 0 15px 0;	
}

#leftcolumn .boxcontainer, #rightcolumn .boxcontainer{
	background:#fff no-repeat url(../images/boxcontainer324.jpg) left top;	
	margin:0 0 15px 0;
	padding-bottom:10px;
	min-height:130px;	
}

#leftcolumn .boxcontainer_below, #rightcolumn .boxcontainer_below{
	background:#fff no-repeat url(../images/boxcontainer324_below.jpg) left top;	
	margin:0 0 15px 0;
	padding-bottom:10px;
	min-height:130px;	
}

#leftcolumn .boxcontainer p, #rightcolumn .boxcontainer p, #leftcolumn .boxcontainer_below p, #rightcolumn .boxcontainer_below p{	
	margin:0 34px 0 15px;	
}

#leftcolumn .boxcontainer h1, #rightcolumn .boxcontainer h1, #leftcolumn .boxcontainer_below h1, #rightcolumn .boxcontainer_below h1{	
	margin:0 34px 15px 15px;	
}

#leftcolumn .boxcontainer h2, #rightcolumn .boxcontainer h2, #leftcolumn .boxcontainer_below h2, #rightcolumn .boxcontainer_below h2{	
	margin:0px 34px 5px 15px;
}

#relatedcolumn .boxcontainer{
	background:#fff no-repeat url(../images/boxcontainer242.jpg) left top;	
	margin:0 0 15px 0;
	padding-bottom:10px;
	min-height:130px;	
}

#relatedcolumn .boxcontainer h1, #relatedcolumn .boxcontainer h2{
	margin:0 26px 15px 15px;		
}

#relatedcolumn .boxcontainer table{		
	margin:0 0 0 15px;
}

#content{
	margin:0 34px 0 15px;	
}

#content p{
	margin:0 0 15px 0;
}

#content h2{		
	margin-bottom:5px;	
}

#content h3{		
	padding:0;
	margin:0 0 5px 0;	
}

#quicklinks{
	float:left;
	background:#535353 repeat-x url(../images/quicklinks.jpg) top left;		
	width:232px;	
	margin-bottom:1px;
}

#quicklinks ul{	
	padding:5px 0 0 0;
	margin:0 15px 0 15px;
	list-style-type:none;
}

#quicklinks li{	
	border-bottom:1px solid #000;	
}

#quicklinks li.end{	
	border-bottom:none;	
}

#quicklinks ul li a, #quicklinks ul li a:visited{
	display:block;	
	padding:10px 0 10px 0;
	font-family:Garamond,Verdana,Arial,sans-serif;
	background:transparent no-repeat url(../images/quicklinksarrow.gif) center right;			
	font-size:1.5em;
	font-weight:bold;	
	text-decoration: none;		
	color:#fff;	
}

#quicklinks ul li a:hover{
	color:#ddd;
	background:transparent no-repeat url(../images/quicklinksarrow_hover.gif) center right;			
}

#quicklinks ul li.selected a, #quicklinks ul li.selected a:hover{	
	color:#ddd;
	background:transparent no-repeat url(../images/quicklinksarrow_hover.gif) center right;
}

#quicklinksbottom{
	height:10px;
	background:transparent no-repeat url(../images/quicklinksbottom.gif) center bottom;	
}

#searchpanel{	
	float:left;
	margin:10px 0 15px 0;
}

#searchpanel fieldset{	
	margin:0;
	padding:0;
}

#searchpanel .container{	
	float:left;
	margin-right:0px;	
	color:#ff0000;
}

#searchpanel label{	
	display:block;
	margin-bottom:5px;	
}

#searchpanel .zipcode{	
	width:35px;	
	margin-right:30px;
}

#searchpanel select{	
	padding:2px;
	font-size:9px;
	width:100px;	
	margin-right:20px;
}

#searchpanel select.region{	
	width:110px;	
}

#searchpanel .google{	
	width:140px;	
	margin-right:30px;
}

#searchpanel .date{	
	width:65px;	
	margin-right:30px;
}

#searchpanel input[type='text']{
	font-size:9px;
	padding:2px 0 2px 2px;	
}

#searchpanel input[type='submit']{
	font-size:9px;
	cursor:hand;
	width:80px;
	margin-top:17px;	
}

#searchpanel input[type='submit'].btn110{	
	width:95px;	
}

#searchpanel .lbmsgperiodnotvalid{	
	display:block;	
	color:#33911d;	
	margin-top:10px;
}

#searchresult{	
	clear:both;
	margin:10px 0 0px 0;
	font-size:9px;	
}

#explanations{
	margin:15px 0 20px 0;		
}

#explanations label.bigvehicles{		
	padding-left:20px;
	height:16px;
	background:transparent no-repeat url(../images/bigvehicles.gif) center left;	
}

#explanations label.redmark{	
	margin-left:10px;
	padding-left:15px;
	background:transparent no-repeat url(../images/redmark.gif) 5px 5px;	
}

.bigvehicleslist{		
	margin:0 2px 0 2px;
	width:14px;
	height:16px;	
	background:transparent no-repeat url(../images/bigvehicles.gif) center left;	
}

.redmarklist{	
	margin:0 2px 0 2px;
	width:10px;
	height:16px;	
	background:transparent no-repeat url(../images/redmark.gif) center center;	
}

#companydata{
	float:left;
	width:285px;
	margin:10px 10px 15px 0;
}

#companydata .changecodelink{		
	margin-left:80px;	
}

#companydata label{	
	float:left;
	width:80px;	
	margin-bottom:10px;	
}

#companydata label.data{	
	clear:none;
	float:left;		
	width:auto;				
}

#quantity{	
	min-height:116px;
	clear:both;
	width:285px;
	margin:10px 10px 15px 0;	
}

#quantity input[type='text']{	
    width:37px;
}

#quantity input[type='submit']{					
	cursor:hand;
	margin:15px 0 0 0;		
}

#companydata label.databold{	
	font-weight:bold;
	clear:none;
	float:left;		
	width:auto;				
}

#companychangecode{	
	display:none;
	float:left;
	width:300px;	
	margin:10px 0 15px 0;
}

#companychangecode label{	
	clear:both;
	float:left;
	width:140px;	
}

#companychangecode input[type='password']{
	float:left;
	width:130px;
	margin-bottom:5px;	
}

#companychangecode input[type='button']{	
	clear:both;
	float:left;
	margin:0 5px 0 140px;
	cursor:hand;		
}

#companychangecode input[type='submit']{
	float:left;	
	cursor:hand;	
}

#companychangecode #msg{
	display:none;
}

#companymap{
	float:left;
	width:300px;	
	margin:10px 0 15px 0;
}

#companymap ul{
	padding:0;
	margin:10px 10px 10px 0px;
	list-style-type:none;	
}

#companymap ul li a, #companymap ul li a:visited{		
	clear:both;
	padding-right:10px;
	margin-bottom:5px;
	float:left;
	background:transparent no-repeat url(../images/arrow.gif) right center;	
	text-decoration:none;		
	color:#2e821a;	
}

#companymap ul li a:hover{
	color:#333;
	text-decoration:underline;
}

#statnav{
	float:left;			
}

#statnav ul{		
	padding:0;
	margin:0;
	list-style-type:none;
}

#statnav li{	
	float:left;
	width:140px;
}

#statnav ul li a, #statnav ul li a:visited{
	display:block;
	font-size:10px;
	font-weight:bold;	
	padding:12px 0 12px 17px;	
	text-decoration: none;		
	color:#666;		
}

#statnav ul li a:hover{
	color:#33911d;
}

#statnav ul li.statnav_hide{
	background:transparent repeat-x url(../images/statnav_hide.gif) top left;	
	height:36px;
	width:147px;
}

#statnav ul li.statnav_start{
	background:transparent no-repeat url(../images/statnav_start.gif) top left;		
}

#statnav ul li.statnav_start_selected{
	background:transparent no-repeat url(../images/statnav_start_selected.gif) top left;	
}

#statnav ul li.statnav_mid{
	background:transparent no-repeat url(../images/statnav_mid.gif) top left;	
}

#statnav ul li.statnav_mid_selected{
	background:transparent no-repeat url(../images/statnav_mid_selected.gif) top left;	
}

#statnav ul li.statnav_li{
	background:transparent no-repeat url(../images/statnav_li.gif) top left;	
	width:8px;
	height:35px;
}

#statnav ul li.statnav_li_left{
	background:transparent no-repeat url(../images/statnav_li_left.gif) top left;	
	width:8px;
	height:35px;
}

#statnav ul li.statnav_li_right{
	background:transparent no-repeat url(../images/statnav_li_right.gif) top left;	
	width:8px;
	height:35px;
}

#statnav ul li.statnav_li_end{
	background:transparent no-repeat url(../images/statnav_li_end.gif) top left;	
	width:5px;
	height:35px;
}

#statnav ul li.statnav_li_end_selected{
	background:transparent no-repeat url(../images/statnav_li_end_selected.gif) top left;	
	width:5px;
	height:35px;
}

#statnav ul li.endselected{
	background:transparent no-repeat url(../images/statnav_endselected.gif) top left;	
}

#statnav ul li.statnav_mid_selected a, #statnav ul li.statnav_mid_selected a:visited, #statnav ul li.statnav_start_selected a, #statnav ul li.statnav_start_selected a:visited{	
	color:#33911d;
}

#statistik{	
	width:600px;
	float:left;
	position:relative;
	top:-2px;
	left:0px;	
	background:transparent no-repeat url(../images/statistikbg.gif) top left;	
	margin:0px 0 15px 0;	
	min-height:150px;	
	z-index:100;
	padding:0 8px 0 8px;
}

#statistik #searchpanel label{	
	float:left;
	padding:2px 5px 0 0;
}

#statistik #searchpanel select.month{		
	width:85px;
	margin-right:5px;
}

#statistik #searchpanel select.year{		
	width:60px;
}

#statistik #searchpanel input[type='submit']{
	margin-top:0px;	
}

#faq ul{	
	padding:0 0 0 0;
	margin:0 0 25px 0;
	list-style-type:none;
}

#faq li{	
	margin:0 0 10px 0;
}

#faq ul li a, #faq ul li a:visited{		
	font-family:Garamond,Verdana,Arial,sans-serif;	
	font-size:1.4em;
	font-weight:bold;	
	text-decoration:none;
	color:#41a52c;
}

#faq ul li a:hover{
	color:#666;
}

/****************** BILORDNING ADMIN ******************/

#editdata{				
	margin-bottom:10px;	
}

#editdata label{	
	float:left;
	width:100px;	
	margin-bottom:10px;	
}

#editdata label.data{	
	clear:none;
	float:left;		
	width:auto;				
}

#editdata input[type='text']{	
	width:250px;				
}

#btngrp input[type='button'], #btngrp input[type='submit']{
    margin-right:10px;
    padding:5px;
    cursor:pointer;
}

/****************** BILORDNING ADMIN ******************/

/****************** TABEL DATA ******************/

table.tbldata{	
	border-right:0px solid transparent;
	border-left:0px solid transparent;
}

table.tbldata th{    
	border-top:0px solid transparent;
	border-left:0px solid transparent;
}

table.tbldata td, table.tbldata th{
	padding-top:5px;			
	padding-bottom:5px;    
	border-bottom:1px solid #d5d5d5;
	border-right:1px solid transparent;	
}

tr.theader th{		
	border-right:1px solid transparent;
	color:#015263;
	font-weight:bold;		
	text-align:left;
}

tr.theader th.company{		
	border-right:1px solid transparent;
	padding:5px 0 5px 2px;	
	text-align:left;
}

tr.theader th.left{	
	padding:5px 0 5px 0;	
	text-align:left;
}

tr.theader th.mid{	
	background:none;
	padding:5px 5px 5px 4px;	
	text-align:left;
}

tr.theader a, tr.theader a:visited{
	background:none;
	text-decoration:none;
	color:#666666;
	font-weight:bold;	
}

tr.theader a:hover{
	color:#333;
}

tr.data1{
	background:#fff repeat-x url(../images/tdbg.gif) top left;	
}

tr.data2{
	background:#fff;
}

td.left{
	background:transparent repeat-y url(../images/dashed.gif) top right;	
	border-right:1px solid transparent;
	padding:5px 6px 5px 2px;
	width:180px;
}

td.mrk{
	background:transparent repeat-y url(../images/dashed.gif) top right;
	border-right:1px solid transparent;	
	padding:5px 6px 5px 2px;	
}

td.none{
	border-right:1px solid transparent;	
}

td.mid{	
	background:transparent repeat-y url(../images/dashed.gif) top right;
	border-right:1px solid transparent;
	padding:5px 5px 5px 4px;	
}

td.right{
	text-align:right;
	padding:5px 2px 5px 5px;	
}

td.num{
	text-align:right;
	background:transparent repeat-y url(../images/dashed.gif) top right;
	border-right:1px solid transparent;	
	padding:5px 5px 5px 5px;
}

td.dist{	
	border-right:1px solid transparent;
	padding:5px 5px 5px 5px;
}

tr.total{	
	font-weight:bold;
}

table.tbldata td.right a, table.tbldata td.right a:visited{	
	text-decoration:none;
	padding-right:12px;
	background:transparent no-repeat url(../images/arrow.gif) right center;
}

/****************** TABEL DATA ******************/

/****************** LOGINBOX ******************/

#login{					
	margin:10px 0 0px 0px;	
	width:300px;
}

#login h1{					
	border-bottom:0;	
	margin-bottom:0px;	
}

#login p{					
	margin:10px 0 10px 2px;	
}

#login label{					
	float:left;
	padding-bottom:3px;
	margin:0;
	width:80px;
	text-align:left;
}

#login input[type='text'], #login input[type='password']{					
	margin:0 5px 0px 10px;
	width:130px;
}

#login input[type='button']{					
	float:left;
	width:100px;
	margin-left:9px;
	cursor:pointer;	
}

.validationmsg{					
    color:#ff0000;
}

#sendpassword{					
    margin:0 0 15px 0;
}

#content .msgsendpassword p{        
    color:#ff0000;
    font-weight:bold;	
}

#sendpassword label{					
	float:left;
	padding:0 15px 3px 0;
	margin:0;
	width:88px;
	text-align:right;
}

#sendpassword input[type='submit']{							
	margin-left:10px;
	cursor:pointer;	
}

/****************** LOGINBOX ******************/

/****************** GENEREL ******************/

h1{
	font-family:Garamond,Verdana,Arial,sans-serif;
	font-size:1.5em;
	color:#333;
}

h2{		
	font-family:Garamond,Verdana,Arial,sans-serif;
	font-size:1.5em;
	color:#444;
	font-weight:bold;
}

h3{		
	font-size:13px;
	color:#41a52c;
}

h4{		
	font-size:11px;
	color:#666;	
}	

a, a:visited{
	color:#2e821a;	
	text-decoration:underline;
}

a:hover{	
	color:#333;		
}

a.rmlink, a.rmlink:visited{	
	text-decoration:none;
	padding-right:10px;
	background:transparent no-repeat url(../images/arrow.gif) right center;
}

a.rmlink:hover{	
	text-decoration:underline;
}

img{
	border:0px;
}

.fleft{
	float:left;
}

.fright{
	float:right;
}

.aleft{
	text-align:left;
}

.aright{
	text-align:right;
}

.acenter{
	text-align:center;
}

.clear{	
	clear:both;
}

.clear hr{
	display:none;
}

.bold{
	font-weight:bold;
}

.italic{
	font-style:italic;
}

.btn{
	cursor:pointer;
}

fieldset{
	border:0;	
}

.hidden{
	display:none;
}	

.green{
	color:#33911d;		
}

.boldgreen{
	font-weight:bold;
	color:#33911d;		
}

/****************** GENEREL ******************/

/****************** BOTTOM ******************/

#footer{	
	clear:both;
	float:left;
	width:880px;
	margin:0 10px 0 10px;	
	border-top:1px solid #c5c5c5;
}

#footer p{	
	margin-top:20px;
	color:#afafaf;	
	font-size:10px;
}

#footer a{	
	color:#afafaf;	
}

#footer a:hover{	
	color:#2e831a;	
}

#footer img{	
	float:left;
	margin:15px 30px 5px 0px;
}

/****************** BOTTOM ******************/

/****************** PRINT ******************/

@media print {
	html,body{
		width:100%;
	}	
	body, h2, h3, div, p, td, span, input, textarea, select, label{		
		font-size: 10pt;		
	}			

	#page{
		width:100%;
		border:0;			
	}

	#top, #relatedcolumn, #printlink{
		display:none;
	}
	
	#main{
		width:100%;
		padding:0;		
	}

	#leftcolumn .boxcontainer p, #leftcolumn .boxcontainer h1, #leftcolumn .boxcontainer h2{	
		margin-left:0;	
	}	
	
	#leftcolumn .boxcontainer_below p, #leftcolumn .boxcontainer_below h1, #leftcolumn .boxcontainer_below h2{	
		margin-left:0;	
	}	

	#content{
		margin:0;
	}				
	
	#footer{	
		margin:0;
	}	
	
	#logoprint{
		display:block;
	}		

	a, a:visited{
		color:#4c4c4c;	
	}
}

/****************** PRINT ******************/
