/* !OFFERTES */

#offertes{
	margin-top: 0px;
}
div#offertes div.listing{
	margin-top: 20px;
}
#offertes_page{
	background-image: url(./image/bg_offertes.gif);
	background-repeat: repeat-y;
	position:relative;
}
#offertes_page h1{
	left: 183px;
	font-size: 20px;
	position:absolute;
	color: #000;
}
#offertes_page h1 a{
	color: #333;
	color: #000;
}
#offertes_page #nav{
	float:left;
	padding-left: 15px;
	margin-left: -30px;
	width: 180px;
}
#offertes_page #nav h3{
	font-size: 18px;
	padding-left: 15px;
}
#offertes_page div.offerte h3{
	font-size: 18px;
	padding-left: 15px;
}
#offertes_page ul#topnav{
	margin-top: 10px;
	width: 167px;
}
#offertes_page ul#topnav li{
	padding-left: 15px;
	line-height: 1.8em;
	font-size: 12px;
	color: #666;
}
#offertes_page ul#topnav li a{
	line-height: 1.8em;
	font-size: 12px;
	color: #454545;
	font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
	text-transform: lowercase;
}

#offertes_page ul#topnav li.active{
	color: #fff;
	background-image:url(./image/orange.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #ddd;
	margin:0;
}
#offertes_page ul#topnav li.active ul li{
	color: #fff;
	margin:0;
}

#offertes_page ul.subnav{
	margin:0;
	padding-left: 15px;
	margin-left: -15px;
	background-color: #eeeeee;
}
#offertes_page  ul#topnav li.subactive{
	color: #fff;
	background-color: #D0E4EF;
}

#offertes_page h4{
	color: #000;
	font-size: 18px;
}

#offertes_page p{
	color: #666;
}

#offertes_page img.back{
	float:right;
	margin:0;
}
#offertes_page a:hover{
	color: #bb8855;
}

div.offerte{
	padding-top: 15px;
	background-image: url(./image/bg_dots_separator.gif);
	background-repeat: repeat-x;
	width: 425px;
}

div.offerte p{
	padding-bottom: 15px;
}


div.offerte_img{
	width: 116px;
	height: 116px;
	float:right;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: -15px;
}
div.listing,div.offerte_detail{
	width: 405px;
	padding: 5px;
	position: relative;
	min-height: 720px;
	background-color: #fff;
	float:left;
}
div.offerte_detail div.offerte{
	margin-top: 35px;
	background-image: url(./image/bg_dots_separator.gif);
	padding-top:10;
	clear:both;
}

div.offerte_detail h5{
	font-size: 18px;
}


#offerteform{
	position: relative;
}
#offerteform.offertes {
	margin-left: 120px;
}
#offerteform fieldset{
	padding-left: 10px;
}

#offerteform h3{
	margin:0;
	padding:0;
	margin-left: 10px;
}
#offerteform span.label{
	background-color: #eeeeee;
	color: #444;
	height: 17px;
	padding: 5px;
	margin:0;
	margin-top: -2px;
	margin-bottom: 7px;
	font-size: 11px;
	width: 70px;
	display:inline-block;
}
#offerteform span.label.maintenance,
#offerteform span.label.date,
#offerteform span.label.extra{
	width: 395px;
}
#offerteform td select{
	margin-left: 5px;
}
#offerteform span.housenumber{
	width: 42px;
}
#offerteform span.housenumberadditive{
	width: 56px;
}
#offerteform span.city{
	width: 42px;
}
#offerteform span.prefix{
	width: 87px;
}
#offerteform input#initials{
	width: 139px;
}
#offerteform span.label.wrong{
	color: #a00;
}

#offerteform input[type='text'],#offerteform textarea{
	display: inline-block;
	background-color: #fff;
	border: 1px solid #aaa;
	color: #666;
	height: 18px;
	padding: 3px;
	margin:0;
	margin-bottom: 7px;
	margin-top: -2px;
	font-size: 11px;
}

#offerteform textarea{
	clear:both;
	
	margin-top: 12px;
	width: 400px;
	height: 100px;
}


#offerteform input.radio{

}

#offerteform #initials{
	width: 90px;
}
#offerteform #firstname{
	width: 149px;
}
#offerteform #prefix{
	width: 74px;
}
#offerteform #lastname{
	width: 322px;
}
#offerteform #streetname{
	width: 125px;
}
#offerteform #housenumber{
	width: 27px;
}
#offerteform #housenumberadditive{
	width: 27px;
}
#offerteform #zipcodenumeral{
	width: 40px;
	margin-right: 5px;
}
#offerteform #zipcodechars{
	width: 20px;
}
#offerteform #city{
	width: 132px;
}
#offerteform #email{
	width: 322px;
}
#offerteform #phone{
	width: 322px;
}
#offerteform #maintenance{
	height: 150px;
	width: 397px;	border: 1px solid #aaa; 
}
#offerteform #extra{
	height: 100px;
	width: 397px;
	border: 1px solid #aaa;
}
#offerteform select{
	width: 100px;
}
#offerteform select.formfocus2{
	width: 200px;
}
#offerteform select.formfocusday{
	width: 130px;

}

#offerteform select.formfocusmonth{
	width: 130px;

}
#offerteform select.formfocusyear{
	width: 130px;
}


#offerteform span.contact{
	width: 395px;
	clear:right;
}
#offerteform input[type='radio']{
	position:static;
	display:inline;
	margin:2px;
	margin-right: 0px;
	margin-left: 10px;
	vertical-align: middle;
}


#offerteform input.submit{
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	color: #eeeeee;
	height: 25px;
	width: 78px;
	border:none;
	background-image:url(./image/btn_aanvragen.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	position:absolute;
	left: 340px;
}

#offerteform.onderelkaar span.label{
	width: 150px;
}

#offerteform.onderelkaar span.maintenance{
	width: 395px;
}
#offerteform.onderelkaar span.extra{
	width: 395px;
}

#offerteform.onderelkaar span.date{
	width: 395px;
}

#offerteform.onderelkaar select{
	width: 200px;
}

#offerteform.onderelkaar select.formfocusday{
	width: 125px;
}

#offerteform.onderelkaar select.formfocusyear{
	width: 125px;
}

#offerteform.onderelkaar select.formfocusmonth{
	width: 125px;
}

#offerteform input.submit:hover{
	background-image:url(./image/btn_aanvragen_h.gif);
	background-repeat: no-repeat;
}

form#offerteform table.fieldset td{
	vertical-align: middle;
}
form#offerteform table td span.label{

}

a#overzicht{
	float:right;
	display:block;
	width: 130px;
	height: 24px;
	background-image: url(./image/btn_overzicht.gif);
	background-repeat: no-repeat;
}
a#overzicht:hover{
	display:block;
	background-image: url(./image/btn_overzicht_h.gif);
	background-repeat: no-repeat;
}