/* CSS robdisbergen.nl // p. // aug 2006 */

/* algemene stijlen */
* {
padding:0;
margin:0;}

a img{
border:none;}

body, p, td, a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
line-height:15px;
text-decoration:none;
}

.hide{
position:absolute;
display:none;}

ol{
  padding-left:20px;
  margin-left:5px;}

ul{
  list-style:disc;
  padding-left:20px;
  margin-left:0px;}

input, select, textarea{
  font-family:verdana,helvetica,sans-serif;
  font-size:11px;}

/* pagina opbouw en layout*/
html, body{
text-align:center;
height:100%;
}

#body{
background-color:#FFFFFF;
text-align:left;
width:860px;
min-height:100%;
background-image:url(afb/body.png);
position:relative;
margin: 0 auto;}

* html #body{
height:100%;}

a#logo{
position:absolute;
right:56px;
top:38px;
z-index:9;}

div#datum{
position:absolute;
right:60px;
text-align:right;
color:#235AA6;
top:8px;
z-index:10;}

#menu li a#woningaanbod{
text-decoration:blink;
color:#FCAC00;}

.huis_lijst a#woningaanbod{
text-decoration:none;}

img#anim{
margin-top:-12px;
margin-bottom:10px;}

div.uithangbord{
position:absolute;
left:0;
bottom:0;
z-index:9;
width:220px;
height:320px;}

div.uithangbord2{
position:absolute;
left:0;
bottom:19px;
z-index:9;
width:220px;
height:320px;}

div.uithangbord_specifiek{
position:absolute;
left:0;
bottom:261px;
z-index:10;
width:220px;
height:84px;}

.woningvdweek{
width:175px;}

#kop{
background-image:url(afb/kop.jpg);
background-repeat:no-repeat;
position:relative;
width:860px;
height:145px;
}

/* subnav lijsten en detailpagina */

#sub_navigatie{
margin:8px 0 0 0;
position:relative;
float:left;
padding:5px 0 5px 44px;
width:615px;
height:12px;
color:#7D7D7D;
}

.huis_detail #sub_navigatie{
margin:4px 0 0 0;
height:26px;
padding:0px 0 0px 44px;
}

#sub_navigatie a
{
color:#7D7D7D;
}

#nav_links{
float:left;
display:block;
}

#nav_rechts{
float:right;
text-align:center;
}

/* contentblok en onderdelen daarvan */
#content{
position:relative;
float:left;
width:679px;
height:300px;
overflow:auto;}

#content #cnt{
	margin:18px 0 0 0;
	padding:0 0 0 44px;
	width:615px;
	position:relative;
	overflow: hidden;
}

#zijkant{
position:relative;
float:left;
padding:18px 12px;
width:157px;
}

#zijkant, #zijkant a{
color:#235AA6}

/* menu icm javascript */
#menublok{
color:#fff;
font-size:11px;
font-weight:bold;
z-index:110;
position:absolute;
top:117px;
}

#menu
{
padding-left:12px; 
}

#menu li#home{
padding-left:0;
}

#menu li{
display:block;
float:left;
padding:2px 5px 10px 5px;
list-style: none;
}

#menu li a{
display:block;
color:#fff;
font-size:11px;
font-weight:bold;
}

#menu li li{
padding:2px 5px 2px 10px;
margin:1px;
background-color:#225AA5;
}

#menu li.active li, #menu li.hover li{
display:block;
width:150px;
float:left; }
  
#menu a.actief, #menu a:hover{
color:#FCAC00;}

#menu li ul {
  padding: 0;
  margin: 0;
	margin-left:-14px;
  display: none;
  z-index: 31;
  position:absolute;
  width:160px;
  margin-top:8px;
}

#menu li.active{
  display: block;
  z-index:32;
}
#menu li.hide ul {
  display: none;
}
#menu li.hover ul {
  display: block;
  z-index:100;
}

/* specifieke stijlen content blok */
h1, h2
{
color:#225AA5;
font-size:14px;
font-weight:bold;
}

body a
{
color:#225AA5;
}

h2.adres{
color:#000000;
padding-bottom:14px;
}
#col-rechts h1, #col-rechts h1 a
{
color:#EE9800;
font-size:15px;
padding-top:15px;
padding-bottom:5px;
}


h3
{
color:#4875B5;
font-size:11px;
}

#col-rechts h2, #col-rechts h2 a
{
font-size:10px;
color:#225AA5;
}

#col-rechts p{
line-height:17px;
}

#intro_ww p{
color:#4875B5;
}

.intro p{
color:#4875B5;
font-weight:bold;
}

div.break {
  width:100%;
  height:1px;
  clear:both;
  overflow:hidden;
}

#content p{
padding:0 0 14px 0px;
line-height:14px;
}


#content #col-links img{
margin:0 0 14px 0;}
/* verschillende templates en stijlen */

/* tweekoloms template, een contentblok met 2 kolommen  */

.tweekoloms #content #cnt{
background-image:url(afb/content_bg.png);}

.tweekoloms #col-links
{
position:relative;
width:360px;
padding:3px 30px 20px 3px;
float:left;
overflow:hidden;

}

.tweekoloms #col-rechts
{
position:relative;
width:175px;
padding:3px 24px 10px 10px;
float:left;
}

/* huis_details*/

.huis_detail div#col-rechts img
{
/* 5+92 * 2 */
margin:0 5px 5px 0;
float:left;
width:86px;
height:72px;
}

.huis_detail div#col-links
{
width:400px;
padding:0 3px 0px 3px;
float:left;
}

.huis_detail div#content p
{
color:#235AA6;
}

form{
margin-top:15px;}

.huis_detail div#col-rechts
{
float:left;
position:relative;
/* 5+96 * 2 */
width:202px;
padding:0 3px 0px 3px;
}

#mainphoto{
margin:0 0 14px 0;}

/* huis_ lijst */
.huis_lijst #lijst .detail{
height:105px;
width:605px;
padding:3px 0px;

}

.huis_lijst #lijst .detail div.foto {
	width:145px;
	float:left;
	
}

.huis_lijst #lijst .detail div.description{
	float:left;
	width:440px;
}

#lijst .detail div.adres_status
{
color:#000;
font-size:10px;
font-weight:bold;
height:20px;



}

#lijst div.adres
{
float:left;
height:20px;
color:#000;
font-size:10px;
font-weight:bold;
}


#lijst div.status
{
float:left;
height:20px;
padding-left:20px;
}



#lijst p.intro
{color:#235AA6;

}


#lijst div.prijs
{color:#235AA6;
}

#lijst div.iconen
{color:#235AA6;
float:right;}

/* Voor de kleuren om en om */
#lijst .accent_0{
background-color:#EAEBF5;
cursor:pointer;
}

#lijst .accent_1{
background-color:#FFFFFF;
cursor:pointer;
}

/* Open huis */
#lijst .openhouse{
	padding-top: 7px;
}
#lijst .openhouse .text {
	font-weight: bold;
	color: #ff6600;	
	padding-right: 1em;
}
#lijst .openhouse .date,
#lijst .openhouse .time {
	font-weight: bold;
	color: #0000ff;
	padding-right: 1em;
}

/* recent aangekocht / recent verkocht  */

.recent #lijst .detail{
height:150px;
width:605px;
padding:3px 0px;
}

#content .aanmeldform h1{
font-size:15px;
padding-top:15px;
padding-bottom:5px;}


#thumbnails {width: 200px;}


#internettekst {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
color:#000;
}