/* CSS Document */
body, html {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
body  { background-color: #e4e6ef;  background-repeat: repeat-x }
body,td, P, div, a {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #003063;
	
}

a:link, a:visited {
	text-decoration: underline;
}
a:hover, a:active {
	
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
em, i {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
u {	
	text-decoration: underline;	
}

.kopje1{
	font-size: 13px;
	font-weight: bold;
}

.kopje2{
	font-size: 11px;
	font-weight: bold;
}

#totaal{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

#totaal{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

#tabeltotaal{
	height: 100%;
	width: 828px;
	background-color: #FFFFFF;
}

#kop { background-image: url("/images/kop.jpg"); background-repeat: no-repeat; width: 800px; height: 100px }

.verticaalverlooptabel{
	height: 100%;
	width: 14px;
}

#verticaalverlooplinks1 { background-image: url("/images/verloop_verticale_balklinks.jpg"); background-repeat: no-repeat; width: 14px }

.verticaalverlooplinks2 { background-image: url("/images/verloop_verticale_balklinks2.jpg"); background-repeat: repeat-y; width: 14px }

#verticaalverlooprechts1 { background-image: url("/images/verloop_verticale_balkrechts.jpg"); background-repeat: no-repeat; width: 14px }

.verticaalverlooprechts2 { background-image: url("/images/verloop_verticale_balkrechts2.jpg"); background-repeat: repeat-y; width: 14px }

#inhoud { background-color: #fff; background-image: url("/images/verloop_inhoud.jpg"); background-repeat: repeat-x }

#nav{
	height: 60px;
}

#kolomrechts{
	width: 260px;
}

#tabelrechts{
	background-color: #fddeb5;
}

#tekstwelkom{
	height: 250px;
	width: 450px;
}

#flashvak{
	width: 510px;
	height: 250px;
}

#woningenvak{
	width: 510px;
	height: 180px;
	background-color: #c7ccdd;
}

#woningzoeken{
	width: 260px;
	height: 250px;
}

#adres1{
	width: 260px;
	height: 200px;
}


#adres2{
	width: 220px;
	height: 200px;
	padding-right: 20px;
	padding-left: 20px;
}

#footer{
	height: 220px;
}





#tabelinhoud{
	width: 780px;
	margin-right: 10px;
	margin-left: 10px;
}


#rij1links{
	height: 250px;
	width: 510px;
}

#rij1rechts{
	height: 250px;
	width: 250px;
	background-color: #fdddb3;
}

#rij2links{
	height: 180px;
	width: 510px;
	background-color: #c7ccdd;
}

#rij2rechts{
	height: 180px;
	width: 250px;
	background-color: #fdddb3;
}

#rij3links{
	height: 200px;
	width: 510px;
}

#rij3rechts{
	height: 200px;
	width: 230px;
	padding-left: 20px;
	background-color: #fdddb3;
}

.tussen10hoog{
	height: 10px;
}

.tussen10hoogoranje{
	height: 10px;
	background-color: #fdddb3;
}

.tussen10breed{
	width: 10px;
}
/* div styles */
#paulien  { background-image: url("../afbeeldingen/verlooporanje.png"); background-repeat: no-repeat; width: 15px }


ul#menu {
	list-style-type:none;
	margin-left:0px;
	margin-top:20px;
	padding-left:0px;
	
}
ul#menu li {
	display: inline;
	
}


/*aanbod*/
div#aanbod {
	width:769px;
	height:562px;
	overflow:auto;
	position:relative;
	
	
	
}

div#aanbod h2 { font-size:15px;}


div#aanbod div.object {
	position:relative;
	width:740px;
	height:120px;
	font-size:9px;
	padding-left:10px;
	padding-top:10px;
	}


div#aanbod  div.odd {
	background-color:#FDEBD3;
	}
div#aanbod  div.even {
	background-color:#ffffff;
	}
	
div#aanbod div.object div.photo {
	float:left;
	position:relative;
	}

div#aanbod div.object div.photo  div.statusplaatje {
	position:absolute;
	top:0px;
	left:39px;
	}
div#aanbod div.object div.description  {
	position:absolute;
	top:10px;
	left:180px;
	width:200px;
}

div#aanbod div.object div.description div.price {
	display:none;
}

div#aanbod div.object div.description div.status {
	color:#Dc1427;
	font-weight:bold;
	margin-top:2px;
	}
	
div#aanbod div.object div.description div.meerinfo {
	margin-top:40px;
	}
div#aanbod div.object div.description div.meerinfo a.infobutton {
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 4px;
	font-weight: bold;
	border: 1px solid #003063;
	background-color: #ffffff;
	}

div#aanbod div.object div.description a.infobutton:hover {
	color:#Dc1427;
	}	
	
div#aanbod div.object  div.details { 
	position:absolute;
	top:5px;
	left:360px;
	width:380px;
	height:120px;
	
}

div#aanbod div.object  div.details div.detailsRow {
clear:both;
border-bottom:solid 1px #003063;
height:20px;
}
div#aanbod div.object  div.details div.detailsRow div.name {
	float:left;
	display:block;
	width:250px;}
	
div#pages {
	position:absolute;
	top:10px;
	left:468px;
	height:20px;
	width:280px;
	
}

.green {
color:#86BE75;}

/*woning*/
.aanbod-photo-main{
	width: 153px;
	height: 114px;
	border: 2px solid #003063;
}

.kenmerken_top {
	padding-left:20px;
	}
	
.kenmerken_top a {
	color:#EA9C04;
	}
	

.hidediv{
	display: none;
}
.showdiv{
	display: block;
}

.table-content{
	text-align: left;
}
.table-tabs-active{
	border: 1px solid #003063;
	border-bottom: none;
	background-color: #EA9C04;
	color: #003063;
	height: 14px;
	width: 50px;
	padding: 2px 2px 2px 10px;
	font-weight: bold;
}
.table-tabs-inactive{
	border: 1px solid #003063;
	background-color: #FDEBD3;
	color: #003063;
	height: 14px;
	width: 50px;
	padding: 2px 2px 2px 10px;
	cursor: pointer;
	font-weight: bold;
}
.table-tabs-empty{
	border-bottom: 1px solid #000000;
	width: 2px;
}

.table-tabs-content{
	background-color: #FFF;
	color: #003063;
	border: 1px solid #003063;
	border-top: none;
	padding: 8px;
}
	
/*formulieren */
	
div.input_blok {margin-top:5px;}
div#input_notes { margin-top:25px;}

div.input_blok input.formElement, div.input_blok input.formElementInvalid, div.input_blok  textarea {
	border:solid 1px #00483A;
	width:185px;
	height:14px;
	}
DIV.input_blok LABEL {
	width: 90px;
	display: block;
	float: left;
}

div#input_notes textarea {
	width: 240px;
	height:160px;
	}
	
img.aanbod-photo-large { cursor:pointer;}