/**
*	Default CSS for all browsers
*/
/* site elementen */	
* { 
	margin:0px;
	padding:0px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0px;
	color:black;
}
body {
	margin:auto;
	background:#727432;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
	height:100%;
	width:100%;
	}
div	span{
	display:none;
}
table {
	border:1px solid black;
	border-right:0px;
	border-bottom:0px solid black;	
	margin-left:10px;
	width:580px;
	}
table strong{
	text-transform:capitalize;
	}
table a{
	text-transform:capitalize;
	}	
td{
	padding:5px;
	border-right:1px solid black;
	border-bottom:1px solid black;
	}

li{	
	list-style-type:none;
}
	
#content ul{

}
#content li{
	list-style-type:none;
	}

#content #tekst ul{
	margin-left:30px;
	margin-right:10px;
}
	
#content #tekst li{
	padding-left:5px;
	margin-bottom:auto;
	list-style-type:disc;
	margin-bottom:10px;
	}
	
/* basis site elementen */	
#site{
	width:980px;
	display:block;
	margin:auto;
	border:0px solid #00CC66;
	background-color:#ffffff;
	}
	
#head{
	border:0px solid red;
	width:962px;
	height:106px;
	display:block;
	clear:both;
	background-image:url(../img/head-img.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin:auto;
	}
	#topknop{
		float:right;
		margin-right:20px;
		margin-top:5px;
		width:205px;
		border:0px solid #737131;
		border-top:0px;
		}
	#topknop a{	
		color:#737131;
		text-decoration:none;
		font-weight:bold;
		}
	#topknop a:hover{
		text-decoration:underline;
		}
	
	#headbanner{
		border:0px solid red;
		float:right;
		display:block;
		margin-right:10px;
		margin-top:20px;
		}
	
#left{
	border:0px solid red;
	display:block;
	float:left;
	width:170px;
	margin-left:10px;
	margin-right:10px;
	margin-top:38px;
	background-color:#ffffff;
	}
	#left .blok{
		background-image:url(../img/left-menu-rpt.jpg);
		background-position:left top;
		background-repeat:repeat-y;
		width:170px;
		height:auto;
		display:block;
		clear:both;
		padding:0px;
		margin:0px;
		border-bottom:1px solid #CAE001; /*alleen in Firefox*/
		}
		#left .img,
		#right .img {
			margin:0px; 
			padding:0px; 
			float:left; 
			clear:both;
			width:170px;
			height:10px;
			border:0px;
			display:block;
			margin-bottom:10px;		
			border:0px solid red;
		}
		#left .img{
			background-image:url(../img/left-menu-onder.jpg);
			}
		#right .img{
			background-image:url(../img/right-menu-onder.jpg);
			}
	#left a,
	#right a{
		display:block;
		text-align:left;
		text-decoration:none;
		font-weight:bold;
		text-decoration:none;
		margin:0px;
		padding:0px;
		}

	#left a:hover,
	#right a:hover{	
		color:#FFFFFF;
		text-decoration:underline;
		}
		
	#left p,
	#right p{
		margin:4px;
		margin-bottom:10px;
		margin-top:0px;
		display: block;
		border:0px solid red;
		}		

	#left h1{
		background-image:url(../img/left-menu-top.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		width:160px;
		height:24px;
		margin:0px;
		font-size:12px;
		padding-top:5px;
		padding-left:10px;
		}
	#left ul,
	#right ul{	
		width:140px;
		height:auto;
		padding-bottom:0px;
		clear:both;
		display:block;
		margin:0px;
		margin-bottom:5px;
		border:0px solid red;
		border-bottom:0px solid #727432; /*Indien zoals in ontwerp op 1px zetten.*/
		}
	#left li,
	#right li{
	margin-bottom:0px;
		}
	#left li a,
	#right li a{
		margin:0px;
		clear:both;
		display:block;
		width:131px;
		height:20px;
		line-height:20px;
		text-align:left;
		padding-left:7px;
		margin-left:-2px;
		text-decoration:none;
		}
	#left li a:hover,
	#right li a:hover{
		text-decoration:underline;
		}
#right{
	border:0px solid red;
	display:block;
	float:left;
	width:170px;
	margin-left:10px;
	margin-right:10px;
	margin-top:38px;
	background-color:#ffffff;
	}
	#right .blok{
		background-image:url(../img/right-menu-rpt.jpg);
		background-position:left top;
		background-repeat:repeat-y;
		width:170px;
		height:auto;
		display:block;
		clear:both;
		padding:0px;
		margin:0px;
		border-bottom:1px solid #AFB549; /*alleen in Firefox*/		
		}
	#right h1{
		background-image:url(../img/right-menu-top.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		width:160px;
		height:24px;
		margin:0px;
		font-size:12px;
		padding-top:5px;
		padding-left:10px;
		}

#content{
	border:0px solid red;
	float:left;
	display:block;
	clear:right;
	width:600px;
	min-height:700px;
	background-image:url(../img/bg_content.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	margin:auto;
	margin-top:11px;
	}
	#tabmenu{
		display:block;
		clear:both;
		background-color:#ffffff;
		height:38px;
		background-image:url(../img/bg-tab.jpg);
		background-repeat:no-repeat;
		background-position:left 5px;
		border:0px solid red;
		}
	#content #tabmenu li{
		float:left;
		height:27px;
		width:auto;
		background-image:url(../img/tab-rpt0.jpg);
		background-repeat:repeat-x;
		background-position:left top;
		margin-left:5px;
		border:0px solid red;
		}
		#content #tabmenu li.aan{ 
			float:left;
			height:27px;
			width:auto;
			background-repeat:repeat-x;
			background-position:left top;
			margin-left:5px;
			background-image:url(../img/tab-rpt1.jpg); 
			}
		#tabmenu li a{
			color:#000000;
			display:block;
			float:left;
			font-weight:bold;
			margin-top:8px;
			text-decoration:none;
			}
		#tabmenu li a:hover{
			text-decoration:underline;
			}
		.tab-l{
			background-image:url(../img/tab-l0.jpg);
			float:left;
			width:11px;
			height:27px;
			display:block;
			clear:left;
			}
		.tab-r{
			background-image:url(../img/tab-r0.jpg);
			float:left;
			width:11px;
			height:27px;			
			display:block;
			clear:right;
			}
		.tab-laan{
			background-image: url(../img/tab-l1.jpg);
			float:left;
			width:11px;
			height:27px;
			display:block;
			clear:left;
			}
		.tab-raan{
			background-image:url(../img/tab-r1.jpg);
			float:left;
			width:11px;
			height:27px;			
			display:block;
			clear:right;			
			}			
		
		
#footer{
	border-top:1px solid #727432;
	height:30px;;
	width:980px;
	clear:both;
	background-image:url(../img/bg-footer.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}
	#footer p{
		margin:auto;
		margin-top:5px;
		display:block;
		width:600px;
		}		
/* tekst en element opmaak */	
h1 {
	font-size:18px;
	margin:10px;
	}
h2 {
	font-size:14px;
	margin:10px;
	}

h3 { }

h4 { }

h5 { }

h6 { }

hr{
	height:1px;
	border:0px;
	border-top:1px solid #9CAA18;
	margin:10px;
	}

#content p { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:10px;
	}

#content a {
	color:#737131;
	font-weight:bold;
	text-decoration:none;
	
}
#content a:hover {
	text-decoration:underline;
}

a:visited { 
}
.icon{
	padding-left:20px;
	background-image: url(../img/projectinfo_informatie.jpg);
	background-repeat:no-repeat;
	background-position:left;
	}
input,select { 
	background:none;
	background-color:#FFFFFF;
	border:1px solid #737131;
	padding:3px;
	width:250px;
	}
button {
	background:none;
	border:1px solid #737131;	
	width:120px;
	}
	
#banner{
	width:290px;
	height:190px;
	display:block;
	float:right;
	border:0px solid red;
	margin-right:10px;
	margin-top:-30px;
	}
#lotte{
	width:230px;
	height:170px;
	display:block;
	float:right;
	border:0px solid red;
	margin-right:10px;
	margin-top:-42px;
	}
#lotte2{
	width:230px;
	height:170px;
	display:block;
	float:left;
	clear:both;
	border:0px solid red;
	}	
	.titel{
		padding-bottom:5px;
		padding-top:5px;
		text-indent:5px;
		background-color:#ADB24A;
		border:1px solid #737131;
		height:12px;
		text-align:left;
		font-weight:bold;
		display:block;
		}
	#lotte2 img,
	#lotte img{
		float:left;
		margin-right:3px;
		margin-bottom:3px;
		}
#zoekform{
	width:280px;
	height:170px;
	display:block;
	float:left;
	border:0px solid red;
	margin-bottom:10px;
}	
#zoekform .zoeken{
	width:100px;
	}
#tekstblok{
	border:0px solid red;
	width:600px;
	clear:both;
	display:block;
	}
/*Banners*/	
#bannera1{
	width:336px;
	height:280px;
	display:block;
	float:left;
	border:0px solid red;
	margin-left:5px;
	}	
	
/*#banneronder{
	display:block;
	margin-top:-10px;
	height:auto;
	float:right;
	width:255px;
	margin-bottom:30px;
	}*/
#banneronder{
	display:block;
	height:auto;
	width:250px;
	border:0px solid red;
	float:left;
	margin-left:5px;
	margin-top:-10px;
	}
	
#banneronder img{
	clear:both;
	display:block;
	/* width:250px; */
	}
/* Opmaak detail pagina's */
	
.terug{
	display:block;
	clear:both;
	margin-left:10px;
	margin-right:10px;
}
.woningtitel{
	display:block;
	clear:both;
	margin-left:10px;
	margin-right:10px;	
}
.H_img{
	display:block;
	float:left;
	width:250px;
	height:333px;
	margin-left:10px;
	margin-bottom:10px;
	}
.H_img img{
	margin:auto;
}
.tmpimg{
	display:block;
	height:auto;
	clear:both;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	}
.tmpimg img{
	margin:auto;
}
.gegevens{
	margin-top:-10px;
	display:block;
	float:right;
	width:300px;
	}	
.kenmerken{
	display:block;
	float:right;
	width:300px;
	margin-top:10px;
	}	
.omschrijving{
	clear:both;
	display:block;
	margin-top:00px;
	margin-left:0px;
	margin-right:0px;
	padding-bottom:20px;
	}
.aanbieder{
	clear:both;
	display:block;
	margin-top:20px;
	margin-left:10px;
	margin-right:10px;
	}
.financieel{
	clear: left;
	display:block;
	float:left;
	width:200px;
	height:300px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	background-color:#CCCCCC;
	}
.inrichting{
	clear:right;
	display:block;
	float:right;
	width:300px;
	margin-top:10px;
	}	
.bannera1{
	width:336px;
	height:280px;
	display:block;
	float:right;margin-top:10px;
	margin-left:10px !important;
	margin-right:10px;
	margin-bottom:10px !important;
	background-color:#CCCCCC;
	}
/* Zoek resulaten pagina aangepaste css*/	
#zoektitelbalk{
	background-color:#737131; 
	display:block; 
	clear:both;
	height:20px;
	margin-left:10px;
	margin-right:10px;
}
#zoektitelbalk p{
	display:block;
	float:left;
	font-weight:bold;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	margin-top:3px;
	}	
#zoektitelbalk .afbeelding{
	width:110px;
	text-align:center;
	}
#zoektitelbalk .straat{
	width:280px;
	margin-left:5px;
	}
#zoektitelbalk .plaats{
	width:100px;
	margin-left:5px;
	}
#zoektitelbalk .prijs{
	width:60px;
	margin-left:5px;
	}

#woning{
	display:block;
	margin:10px;
	border-top:1px solid #737131;
	clear:both;
	}
	#afbeelding{
		display:block;
		float:left;
		width:100px;
		margin:5px;
		border:0px solid red;
		}
	#colm2{
		width:280px;
		float:left;
		display:block;
		margin:5px;
	}
		#straat{
			width:280px;
			height:18px;
			line-height:18px;		
			clear:both;			
			float:left;
			clear:both;
		}
		#aanbieder{
			width:280px;
			height:18px;
			line-height:18px;		
			clear:both;			
			float:left;
			clear:both;
		}	
		#haalbaar{
			width:280px;
			height:18px;
			line-height:18px;		
			clear:both;			
			float:left;
			clear:both;
		}	
		#vergelijk{
			width:280px;
			height:18px;
			line-height:18px;		
			clear:both;			
			float:left;
			clear:both;
		}	
			
	#plaatss{
		display:block;
		margin:5px;
		float:left;
		width:100px;
		border:0px solid red;		
		}	
	#prijss{
		display:block;
		margin:5px;
		float:left;
		width:60px;
		border:0px solid red;
		clear:right;
		}	
.regel{	
	display:block;
	width:570px;
	min-height:15px;
	
	padding:0xp;
	margin:0px;
	clear:both;
	margin-bottom:3px;
	}	
.regel p{
	float:left;
	margin:0px;
	padding:0px;
	margin-top:0px !important;
	height:20px;
	line-height:20px;
	display:block;
	width:250px;
	
	}
	.regel .Fright{
		float:left;
		}
	.regel .geb{
		width:259px;
		display:block;
		float:left;
		text-align:left;
		margin:0px;
		padding:0px;
		height:20px;
		line-height:20px;
		}
	.regel	input{

		}
	.regel textarea{
		width:255px;
		height:70px;
		border:1px solid #737131;
		}
	.regel select{
		width:260px;
		border:1px solid #737131;
		}
.radio{
	border:0px;
	width:15px;
	height:15px;
	background-color:#F7F3DE;
	}
	
.10{
	width:10px !important;
	}
.w20{
	width:20px !important;
	}	
.w20noborder{
	width:20px !important;
	border:0px solid red;
	background-color:#f7f7de;
	}		
.w30{
	width:30px !important;
	}
.w40{
	width:40px !important;
	}
.w50{
	width:50px !important;
	}		
.w60{
	width:60px !important;
	}	
.w70{
	width:70px !important;
	}	
.w80{
	width:80px !important;
	}			
.w90{
	width:90px !important;
	}	
.w100{
	width:100px !important;
	}		
.w110{
	width:110px !important;
	}			
.w120{
	width:120px !important;
	}
.w130{
	width:130px !important;
	}	
.w140{
	width:140px !important;
	}	
.w150{
	width:150px !important;
	}	
.w160{
	width:160px !important;
	}	
.w170{
	width:170px !important;
	}	
.w180{
	width:180px !important;
	}																
.w190{
	width:190px !important;
	}	
.w200{
	width:200px !important;
	}					
form{
	margin-bottom:20px;
	}	
#rndblok{
	display:block;
	background-color:#F7F7DE;
	height:125px;
	overflow:hidden;
	clear:both;
	margin-left:5px;
	}
#imgblok{
	display:block;
	height:75px;
	width:100px;
	overflow:hidden;
	}	
#rndobject{
	border:1px solid #737531;
	width:100px;
	min-height:auto;
	margin:10px;
	float:left;
	background-color:#ADB64A;
	margin-left:7px;
	}	
	#rndobject strong{
		display:block;
		widows:100px;
		overflow:hidden;
		text-align:center;
		margin:0px;
		padding:0px;
		height:15px;
		background-color:#ADB64A;
		margin-top:2px;
		margin-bottom:2px;
		}
	#rndobject p{
		padding:3px;
		}
fieldset{
	padding:3px; margin:10px;
}
.koppeling{
	float:left; 
	display:block; 
	width:180px; 
	margin-left:10px;
}
#Man{
	border:0px solid red;
	width:15px;
	}
#Vrouw{
	border:0px solid red;
	width:15px;
	}	
/*#hypadvies0,
#hypadvies1,
#hypadvies2,
#hypadvies3,
#hypadvies4,
#hypadvies5{
	display:none;
	
	}*/
/*
	----------------------------------------------------------------------
	-------------------------------- CSS ---------------------------------
	----------------------------------------------------------------------	
*/