body {margin: 0px; padding: 0px;  font-family: Verdana, Arial, serif; font-size: 11px; color: #666666}

body,
td {}

form {margin: 0px;}

h1 {}
h2 {}
h3 {margin-bottom: 0px;}
a {color: #003B77}
/* framework */
#bodywrapper {background-image: url(../gfx/bgimg.gif);}
#wrapper {width: 900px; margin: 0px auto; clear: both;}
#contentWrapper {width: 900px; clear: both;}

.clear {clear: both;}
.padding {padding: 0px 5px;}

/* page menu */
#pageMenuContainer {width: 970px; margin: 0px auto;}
#pageMenu {position: absolute; top: 10px; padding-left: 5px;}

/* form */
.formField {border: 1px solid #b3b3b3;}
.formfieldname {font-weight:bold}
.formField_active {border: 1px solid #ff0000;}
.formbutton {background-image: url(../gfx/formbutton_bg.gif); background-repeat:repeat-x;  padding:0px; font-weight: bold; border: 0px; height:23px; color: #FFFFFF; cursor: pointer; }

/* header */
#hdwrapper { background-color: #a19f96; height: 104px; margin-bottom: 34px; }
#hdcontent { width: 900px; margin: 0px auto; height: inherit;}
#hdLeft {width: 92px; float: left; height: inherit;}
#hdRight {width:808px; height:72px; float:right; text-align:right;}

#logo {}
#logo img{cursor:pointer;}
#navbar {height: 32px; overflow:hidden; float:right;}
.navitem { 
	float: left;
	padding: 7px 20px;
	font-size: 14px;
	font-weight: bold;
}
.navitem a {
	text-decoration: none;
	color: #FFFFFF;
}
.navitemhover {

}
.navitemsel {
	float: left;
	padding: 7px 20px;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../gfx/bgimg.gif);
	height: 32px;
}
.navitemsel a {
	text-decoration: none;
	color: #000000;
}

#subnavbar {	
	height: 31px; 
	position: relative; 
	top: 1px;
}

.subnavitem, .subnavitemsel { 
	float: left;
	padding: 7px 10px;
	font-size: 14px;
	font-weight: bold;
	background-color:#FFFFFF;
}
.subnavitem a {
	color: #333333;
}

.subnavitemsel a {
	text-decoration: none;
	color: #e4312c;
}

.subnavitem_liddetail {
	width: 210px;
	border-top: 1px solid #cccccc; 
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 7px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	background-color:#FFFFFF;
}
.subnavitem_weergave {
	float: left;
	width: 60px;
	border-top: 1px solid #cccccc; 
	border-left: 1px solid #cccccc;
	padding: 8px 10px;
	color: #333333;
	background-color:#FFFFFF;
	font-weight: bold;
}
.subnavitem_kaart {
	float: left;
	width: 60px;
	border-top: 1px solid #cccccc;
	padding: 7px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #e4312c;
	background-color:#FFFFFF;
}

.subnavitem_lijst {
	float: left;
	width: 40px;
	border-top: 1px solid #cccccc; 	
	border-right: 1px solid #cccccc;
	padding: 7px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #e4312c;
	background-color:#FFFFFF;
}

.subnavitem_liddetail a {color: #e4312c; text-decoration:none}
.subnavitem_kaart a, .subnavitem_lijst a, .subnavitem_weergave a {color: #333333;}

.ge_wrapper {margin-bottom: 10px;}
.ge_wrapper a{color: #333333;}

/* footer */
#ft {background-color: #FFFFFF; height: 40px; margin-top: 35px; padding-top: 15px;}
#ftcontent {width: 900px; margin: 0px auto; }
#ftcontent a {color: #999999; text-decoration: underline;}
#ft a:hover {color: #000000;}
#ftimages { float: right; margin-top: -12px;}

/* home framework */
#homeLeftClmn {
	float: left;
	width: 450px;
	margin-right: 10px;
}
#homeRightClmn {
	float: right;
	width: 440px;
}

/* teaser */
.homeTeaser_wrapper {
	width: 443px;
	height: 198px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}

.homeTeaser {
	width: 403px;
	padding: 20px;	
	color: #666;
}
.homeTeaser h2 {
	font-size: 17px;
	margin-bottom: 3px;
	margin-top: -6px;
}
.homeTeaser h3 {
	margin-top: 0px;
	margin-bottom: 7px;
	font-size: 12px;
}
.homeTeaser a {
	color: #333333;
}

/* Text */
.homeText_wrapper {
	width: 443px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}

.homeText {
	padding: 20px;	
	color: #666;
}

.homeText h2 {
	font-size: 17px;
	margin-bottom: 3px;
	margin-top: -6px;
}
.homeText h3 {
	margin-top: 0px;
	margin-bottom: 7px;
	font-size: 12px;
}

/* Visual */
#homeVisual{width:448px; overflow:hidden;}

.docwrapper {
	color: #666666;
}
.docwrapper h2 {
	font-size: 12px;
	margin-bottom: 0px;
}
.docwrapper a {
	color: #666666;
}
.docwrapper p {
	margin-top: 0px;
	margin-bottom: 0px;
}
.teasertext p {
	margin-bottom: 0px;
}
.banner {
	margin-bottom: 20px;
}

/* search form */
#searchFormContainerHome { 
	float: left;
	width: 450px;
	height: 198px;
	background-color: #333333;
	margin-bottom: 22px;
}
#searchFormContainerHomeLeftClmn {
	float: left;
	width: 200px;
	margin-left: 17px;
	margin-right: 18px;
}
#searchFormContainerHomeLeftClmn input, #searchFormContainerHomeLeftClmn select, #searchFormContainerSmall select{
	width: 190px;
	color: #666666;
}
#searchFormContainerHomeRightClmn {
	float: left;
	width: 200px;
}
#searchFormContainerHomeLeftClmn h2, #searchFormContainerHomeRightClmn h2, #searchFormContainerSmall h2 {
	color:white;
	font-size: 12px;
	margin: 18px 0px 4px 0px;
}

#inputLocation{margin: 0 0 15px 0;}
#inputCategory{margin: 0 0 10px 0;}
	
#searchFormContainerHomeRightClmn input, #searchFormContainerSmall input{
	width: 190px;
	color: #666666;
}
#searchFormContainerHomeLine, #searchFormContainerSmallLine {
	height: 1px;
	background-color: #666;
	font-size: 1px;
}
#searchFormContainerHome input.searchbtn {
	margin: 13px 0 0 24px;
	width: 70px;
}
#searchFormContainerSmall input.searchbtn {	
	padding-left: 20px;
	width: 70px;
}

#searchFormContainer {width: 190px; padding-top: 15px; padding-bottom: 8px;}
#searchFormContainer table {width: 190px;}
#searchFormContainer table td {font-weight: bold;}
#searchFormContainer table td input.formField,
#searchFormContainer table td input.formField_active {width: 186px; color: #666666;}
#searchFormContainer table td select.formField,
#searchFormContainer table td select.formField_active {width: 186px;}

#searchFormContainerSmall { 
	width: 330px;
	background-color: #333333;
}
.searchFormSearchfield {
	padding-left: 20px;
	margin-bottom: 10px;
}
#searchFormContainerSmallOutside {
	float: left;
	width: 330px;
	height: 250px;
	background-color: #333333;
	margin-bottom: 20px;
}

/* homepage */
#hp {}
#hpLeft {width: 250px; float: left;}
#hpRight {width: 705px; float: right; border-left: 1px solid #b3b3b3;}

/* content page */
#contentTop {background-color: #FFFFFF; width: auto; border: 1px solid #cccccc; border-bottom: none; padding-top:20px;}
#cp {background-color: #FFFFFF; width: auto; border: 1px solid #cccccc; border-top: none; padding-top:20px;}
#cpLeft {width: 534px; float: left; margin-left: 10px;}
#cpRight {width: 330px; float: right;}

#contentTop h1, #legenda h1{margin: 0px 0px 0px 10px; color: #e4312c; font-size: 16px;}

#legenda {margin-left: 5px; color:#666666; font-size: 13px; }
.legenda_hr {height: 1px; color: #dedede; clear: both;}
.legenda_segment {float: left; height: 22px;}
.legenda_color {width: 16px; height:16px; float:left; margin-right: 10px;}

#searchresultintro {margin-left: 15px; height: 20px; padding-top: 2px;}

.listteaser {width: 530px; border-top: 1px solid #cccccc; color:#666666}
.listteasertext {width: 530px; padding-top: 10px; padding-bottom: 10px;}
.listteasertext_left {float: left; width: 310px;padding-top: 10px; padding-bottom: 10px;}
.listteaserimg {float: right; width:195px; margin-top: 5px; border: 1px solid #c7c6c1; padding: 10px;}
.listteasertext h3, .listteasertext_left h3 {margin-bottom: 5px}
.listteasertext a, .listteasertext_left a {text-decoration: none; color:#333333}
.listteasertext a:hover, .listteasertext_left a:hover {text-decoration: underline; color:#333333}

#listbrowsewrapper {color: #666666; font-weight: bold;}
#listbrowsewrapper a.browsetext{color: #e4312c; text-decoration: none; font-weight: bold;}
#listbrowsewrapper a.browsenumber{color: #8f8f8f;}

/* lid detail */
#lidDetail {background-color: #FFFFFF; width: auto; border: 1px solid #cccccc; border-top: none;}
#lidDetailLeft {float: left; width: 500px; margin-left: 10px; color: #666666; display: inline}
#lidDetailRight {float: right; width: 350px;}
#lidDetailLeft h1 {font-size: 18px; font-size: bold;}
#lidDetailLeft h2 {font-size: 14px; font-size: bold; margin: 0px 0px 10px 0px;}
#lidDetailLeft h5 {font-size: 12px; font-size: bold; margin: 0px;}
#lidDetailLeft a {color: #666666;}

#mapContainerLidDetail {background-color: #333333; padding-left:15px;}
.googleMapLidDetail {width: 318px; height: 300px; border: 1px solid #000000; overflow: hidden}
.route_wrapper {background-color: #333333; padding-left:15px; padding-top: 10px; color:#FFFFFF}
.route_wrapper h2 {color: #FFFFFF; margin: 10px 0px 0px 0px; font-size: 14px;}

.routeinput {border: 1px solid #b3b3b3; height: 18px; color: #b4b4b4; width: 220px;}
.routeinput_active {border: 1px solid #ff0000; height: 18px; color: #b4b4b4; width: 220px;}
.routebtn {
	vertical-align: bottom;
	padding-left: 20px;
	width: 70px;
}

/* custom page - google maps result */
#result {background-color: #FFFFFF; width: auto; border: 1px solid #cccccc; border-top: none; padding-top:20px;}
#resultLeft {width: 554px; float: left; margin-left: 10px;}
#resultRight {width: 330px; float: right;}

.mapContainer {width: 554px;}
.googleMapIndicator {width: 554px; display: none; margin-left: 15px; height:22px;}
.googleMap {width: 554px; height: 540px; border: 1px solid #666666;}

#prevCriteria {margin-top: 12px;}

#other {width: 960px; margin: 5px auto; clear: both;}
#otherLeft {width: 478px; float: left;}
#otherRight {width: 478px; float: right;}

.promotieActie {width: 475px; height: 100px; border: 1px solid #b3b3b3;}

/* lightbox */
#lightbox_wrapper {width: 810px; margin: 0px auto;}
#lightbox {position: absolute; top: 50px; width: 800px; display: none; z-index: 9998;}
#lightbox_close {width: 810px; text-align: right;}
#lightbox_contents {width: 810px; height: 600px; margin: 0px; margin-bottom: 50px; z-index: 9999; background: #ffffff; border-color: #ffffff;}
#overlay {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5000; background-color: #000; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80);}
#overlay[id]{position: fixed;}

#bannerwrapper {text-align: right; margin-bottom: 10px;}

.binnenkijkerwrapper {margin-top:10px; width: 500px;}
.binnenkijkerimg_idle {width: 110px; margin-left: 10px; text-align:center; padding-top: 5px; padding-bottom:2px;}	
.binnenkijkerimg_down {width: 106px; margin-left: 10px; text-align:center; padding-top: 2px; border: 2px inset;}	
.binnenkijkerimg_hilite {width: 106px; margin-left: 10px; text-align:center; padding-top: 2px; border: 2px outset;}