/*
	*******************************************
	*                                         *
	* CSS FOR WIZI                            *
	*                                         *
	* By Rasmus Frey <frey@verk.dk>           *
	*                                         *
	*******************************************
	**/
	
	
	body, html {margin:0px;padding:0px;height:auto;}
	
	
	body {
	text-align:center;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background: #fff url(../graphics/firmacyklen_logo.gif) no-repeat right top;
	}
	a {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	color: #333333;
}
	#container {
	position:relative;
	overflow:hidden;
	width:710px;
	height:auto;
	background-color:#fff;
	margin: 0 auto;
	text-align:left;
	margin-top:25px;
	margin-bottom:25px;
	}
	
	#header{
	position:relative;
	height:190px;
	overflow:hidden;
	background: url(../media/34.jpg) no-repeat
	}
	#navigation { height:50px;margin-top:12px;}
	#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	#navigation ul li {
	display: inline;
	float:left;
	}
	#navigation ul li a {outline:none; color:transparent; text-decoration:none;}
	#navigation ul li#forside a {
	background: url(../graphics/meni/meni_r2_c2.jpg) no-repeat left center;
	padding: 17px 109px 17px 0px;
	font-size:0px;
}
	#navigation ul li#forside a:hover {background: url(../graphics/meni/meniover_r2_c2.jpg) no-repeat left center; }
	#navigation ul li#forside a.active {
	background: url(../graphics/meni/meniselected_r2_c2.jpg) no-repeat left center;
}

    #navigation ul li#omfirma a {
	background: url(../graphics/meni/meni_r3_c3.jpg) no-repeat left center;
	padding: 17px 158px 17px 0px;	
	font-size:0px; 
	}
	#navigation ul li#omfirma a:hover { background: url(../graphics/meni/meniover_r3_c3.jpg) no-repeat left center;}
	#navigation ul li#omfirma a.active {background: url(../graphics/meni/meniselected_r3_c3.jpg) no-repeat left center; }
	
	#navigation ul li#cykler a {
	background: url(../graphics/meni/meni_r3_c4.jpg) no-repeat left center;
	padding: 17px 93px 17px 0px;	
	font-size:0px; 
	}
	#navigation ul li#cykler a:hover { background: url(../graphics/meni/meniover_r3_c4.jpg) no-repeat left center; }
	#navigation ul li#cykler a.active { background: url(../graphics/meni/meniselected_r3_c4.jpg) no-repeat left center; }
	
	#navigation ul li#referencer a {
	background: url(../graphics/meni/meni_r3_c5.jpg) no-repeat left center;
	padding: 17px 131px 17px 0px;	
	font-size:0px; 
	}
	#navigation ul li#referencer a:hover {background: url(../graphics/meni/meniover_r3_c5.jpg) no-repeat left center; }
	#navigation ul li#referencer a.active { background: url(../graphics/meni/meniselected_r3_c5.jpg) no-repeat left center;}
	
	#navigation ul li#nyheder a {
	background: url(../graphics/meni/meni_r3_c6.jpg) no-repeat left center;
	padding: 17px 106px 17px 0px;	
	font-size:0px; 
	}
	#navigation ul li#nyheder a:hover {background: url(../graphics/meni/meniover_r3_c6.jpg) no-repeat left center; }
	#navigation ul li#nyheder a.active {background: url(../graphics/meni/meniselected_r3_c6.jpg) no-repeat left center; }
	
	#navigation ul li#kontakt a {
	background: url(../graphics/meni/meni_r2_c7.jpg) no-repeat left center;
	padding: 17px 106px 17px 0px;	
	font-size:0px; 
	}
	#navigation ul li#kontakt a:hover {background: url(../graphics/meni/meniover_r2_c7.jpg) no-repeat left center; }
	#navigation ul li#kontakt a.active { background: url(../graphics/meni/meniselected_r2_c7.jpg) no-repeat left center; }	
	
	
	#ramme {
	width: 700px;
	border: 1px solid #ddd;
	margin-bottom:50px;
	padding:0;
	}
	#leftbox{
	width:200px;
	float:left;
	}
	#content {
	padding: 20px 15px 10px 10px;
	margin:0px;
}
* html #content {
	
}
	#middlebox{
	float:left;
	padding:0;
	margin: 0px 0px 20px;
	display:inline;
	}
	
	#left { 
	float:left;
	width:200px;}
	#right {
	float:left;
	width:450px;
	}
	#right form { margin-left:150px;}
	#right img {padding:15px;}
	#leftbox, #middlebox, #rightbox{
	position:relative;
	height:auto;
	min-height:300px;
	}
	
	#footer{
	clear:both;
	width:auto;
	height:18px;
	overflow:hidden;
	background:#f0efef;
	text-align:center;
	padding-top:5px;
	color:#666;
			
	}
	
#news  {
	float:right;
	width:260px;
	padding: 10px 10px 10px 20px;
	display:inline;
}

 #newsone h3 {font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999999; }
#news h3, h5 {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}
div#nyheder {
	padding:0px 15px 10px 5px;
}
div#nyheder h3 {font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999999; }
.field_label { display:inline; color:#333;
	font-size: 9px;}

.submit_button_field {
	display:inline;
	border:1px solid #999999;
	background:#fff;
	color:#333;
	font-size: 9px;
}
input.text_field {border:1px solid #999999; background:#eee; }