@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}

body {
margin:0px 0px 0px 0px; 
font-size:13px;
font-family: Arial;  
background-color: #FFF; 
}


#wrapper {
margin:0px auto; 
width:909px;
padding:0px 18px 0px 18px;
background-color: #FFF; 
}

#rodebalk {
margin:0px;	
height:8px;
background-color: #FF0B0B; 
}


#containerlogo {
width:909px;
background-color: #FFF; 
}

#logovandermeer {
float:left;
padding: 15px 0px 13px 10px;	
width:250px;
}

#logonvm {
float:right;
margin:10px 4px 13px 0px;
width:300px;
}

#containerbox {
padding:18px 0px 18px 0px;
width:909px;
background-color: #FFF; 
position:relative;
z-index:1;
}



/*--------------------------------------- CODE ROLLOVER ---------------------------------------------- */
.hoverbox
{
 cursor: default;
 list-style: none;

}
.hoverbox a
{
 cursor: default;
}
.hoverbox a .preview
{
 display: none;
}

/* extra voor previewlinks */
.hoverbox a .previewlinks
{
 display: none;
}

/* extra voor previewbanklogo */
.hoverbox a .previewbanklogo
{
 display: none;
}

.hoverbox a:hover .preview
{
 display: block;
 position: absolute;
 top: 0px;
 left: 101px;
 z-index: 1;
}

/* extra voor previewlinks */
.hoverbox a:hover .previewlinks
{
 display: block;
 position: absolute;
 top: 0px;
 left: -404px;
 z-index: 1;
} 

/* extra voor previewbanklogo */
.hoverbox a:hover .previewbanklogo
{
 display: block;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 1;
} 

.hoverbox img {
 border-color: #aaa #ccc #ddd #bbb;
 border-style: none;
 border-width: 0px;
 color: inherit;
 padding: 0px;
 vertical-align: top;
 width: 100px;
 height: 100px;
}
.hoverbox li
{
 width: 100px;
 height: 100px;
 border-color: #ddd #bbb #aaa #ccc;
 border-style: none;
 border-width: 0px;
 color: inherit;
 display: inline;
 float: left;
 padding: 0px 1px 1px 0px;
 position: relative;

}
.hoverbox .preview
{
 border-color: #000;
 width: 403px;
 height: 100px;
 padding: 0px 1px 1px 0px;
}

/* extra voor previewlinks */
.hoverbox .previewlinks
{
 border-color: #000;
 width: 403px;
 height: 100px;
 padding: 0px 1px 1px 0px;
}

/* extra voor previewbanklogo */
.hoverbox .previewbanklogo
{
 border-color: #000;
 width: 100px;
 height: 100px;
 padding: 0px 1px 1px 0px;
}

/* -------------------------------------------------------------------------------------------------------- */


#footerboven {
margin: 0px auto;	
padding:20px;
width: 868px;
background-color: #e6e6e6;
clear:both;
background-image: url(image/achtergrond-footer.gif);
background-repeat: no-repeat;
background-position: 100% 0%;
}

#footerboven td {
color:#444;
padding:0px 45px 3px 0px; 
font-size: 8pt;
}

#footerboven a{
color:#444;
text-decoration: none;
}

#footerboven a:hover{
color:#444;
text-decoration: underline;
}

#footeronder {
margin: 0px auto;
height:37px;
width:868px;
padding: 8px 20px 5px 20px;
background-color: #252525;
}

#footerondercontentlogo {
float:left;
color: #FFF;
padding:5px 10px 7px 0px; 
font-size: 8pt;
}

#footerondercontent {
float:left;
color: #FFF;
padding:9px 10px 7px 10px; 
font-size: 8pt;
}

img {  
border-style: none;
}

#containercontent {
padding:17px 0px 18px 0px; 
background-color: #FFF; 
clear:both;
float:left;
width:706px;
}

#containercontent h1 {
color:#FF0B0B;
font-family:"georgia";
font-size:24px;
font-weight:normal;
}

#containercontent h2 {
color:#000;
font-family:"georgia";
font-size:18px;
}

#containercontent p {
color:#000;
font:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:13px;
padding:3px 0px 2px 0px;
line-height:140%;
}

#containercontent a{
color:#FF0B0B;
text-decoration: none;
}

#containercontent a:hover{
color:#FF0F0F;
text-decoration: underline;
}

#containercontent ul{
padding: 2px 0px 2px 14px;
}

#containercontent li{
line-height:140%;
}

#containercontent table{
padding: 5px 0px 5px 0px;
}


#containercontent h3 {
color:#FF0B0B;
font:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:16px;
font-weight: bold;
padding:5px 0px 0px 0px;
}

#containercontent h4 {
color:#000;
font:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:16px;
font-weight: bold;
padding:5px 0px 0px 0px;
}

#containercontent h5 {
color:#FF0B0B;
font-family:"Arial";
font-size:18px;
}

.lijn {
display:block;
border-style:dotted;
border-width:1px 0px 0px 0px;
border-color:#BBB;
margin: 3px 0px 3px 0px;
width:689px;
}

.lijn2 {
display:block;
border-style:dotted;
border-width:1px 0px 0px 0px;
border-color:#BBB;
margin: 0px 0px 9px 0px;
width:689px;
}

.lijnnieuwsboven {
display:block;
border-style:dotted;
border-width:1px 0px 0px 0px;
border-color:#BBB;
margin: 3px 0px 0px 0px;
width:689px;
}


.lijnindex {
float:left;
display:block;
border-style:dotted;
border-width:1px 0px 0px 0px;
border-color:#BBB;
margin: 0px 0px 9px 0px;
width:689px;
}

.headertekst {
color:#FF0B0B;
font-family:"georgia";
display:block;
font-size:20px;
line-height:140%;
font-weight:normal;
}

.headertekstzwart {
color:#000;
font-family:"georgia";
display:block;
font-size:20px;
line-height:140%;
font-weight:normal;
}

.datumnieuws {
color:#000;
display:block;
font-size:11px;
line-height:160%;
font-weight:bold;
}

.koptekst {
font-family:"georgia";
font-size:18px;
line-height:140%;
}

.fototussentekst {
padding:5px 5px 5px 0px;	
}

.content1 {
float:left;
display:inline;
padding: 0px 35px 18px 0px;
width:200px;	
height:250px;
}

.content1foto {
float:left;
display:inline;
padding: 3px 8px 1px 0px;
}

#containercontent2 {
padding:17px 0px 18px 0px; 
background-color: #FFF; 
display:inline;
float:right;
width:201px;
}

#containercontent2 h1 {
font:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:18px;
}

#containercontent2 p {
font:Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
padding:3px 0px 2px 0px;
}

.content2 {
float:right;
display:inline;
margin: 0px 1px 0px 0px;
padding: 10px 10px 10px 10px;
width:181px;	
background-color: #FF0b0b;
color:#FFF;
background-image: url(image/achtergrond-aanbod.gif);
background-repeat: no-repeat;
font-size:12px;
}


.content2 h1 {
color:#FFF;
font:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:18px;
}


.content3 {
float:right;
display:inline;
margin: 10px 1px 0px 0px;
padding: 10px 10px 10px 10px;
width:181px;	
background-image: url(image/achtergrond-contact.gif);
background-repeat: no-repeat;
font-size:12px;
}

.content4 {
float:right;
display:inline;
margin: 10px 1px 0px 0px;
padding: 10px 10px 10px 10px;
width:181px;	
background-color: #EFEFEF;
}

.content3zonderpadding {
float:right;
display:inline;
margin: 10px 1px 0px 0px;
width:201px;	
}

#contentdriekolommen {
float:left;
display:inline;
padding: 0px 0px 0px 0px;
width:689px;	
}

#contentdriekolommen p {
color:#000;
font:Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, sans-serif;
padding:5px 0px 5px 0px;
}

.nieuwsblok {
width:689px;
padding:9px 0px 9px 0px; 	
}

.nieuwbouwblok {
width:689px;
height:83px;
padding:9px 0px 9px 0px; 	
}

.nieuwbouwblokfoto {
float:left;
display:inline;
padding: 0px 18px 0px 0px;
}

.nieuwbouwbuttonterug {
width:120px;
height:20px; 
margin:0px 0px 3px 10px; 
padding: 2px 4px 0px 7px;
float:right; 
border: none; 
border-width:0px 0px 0px 0px ;
border-color: #000000;
background-color:#fff;
}

#tabbladlinks {
position:absolute;
right:0px;
top: 132px;
width:35px;
height:252px;
}

.rodetekst {
color:#FF0b0b;	
}

.ontwikkelaartable {
padding: 10px;
font: arial;
font-size:10pt;
border-collapse:collapse;	

}

.ontwikkelaartable tr td{
padding:6px;
border-style:solid;
border-width:1px;
border-color: #555;
}







.verkocht {
background-color: #FBFB58;
font-weight: normal;
}




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx vanaf hier excl voor menu xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.menu{
	
width: 908px;
padding:0px;
border:0px 1px 0px 0px;
border-color:#FFF;
	
border:0px;
	
margin:0px;
	
padding:0px;
	
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	
font-size:14px;
	
font-weight:bold;
	
clear:both;
}

.menu ul{
	
background:#000; 
	
height:38px;
	
list-style:none;
	
margin:0;
	
padding:0;
	
}
	

.menu li{
		
float:left;
		
padding:0px;		
}
	

.menu li a{
		
background:#000 url("images/seperator.gif") bottom right no-repeat;
		
color:#ffffff;
		
display:block;
		
font-weight:normal;
		
line-height:38px;
		
margin:0px;
		
padding:0px 25px;
		
text-align:center;
		
text-decoration:none;
		
}
		

.menu li a:hover, .menu ul li:hover a{
			
background: #ff0b0b;
color:#ffffff;
text-decoration:none;
			
}
	

.menu li ul{
		
background:#000  url("image/menu-sub-horizontaal.gif") top left no-repeat ;

		/* achtergrondkleur dropdown menu */	
display:none;
		
height:auto;
		
padding:0px 5px 15px 10px;
		
margin:0px;
		
border:0px;
		
position:absolute;
		
width:auto;
		
z-index:200;
		
/*top:1em;
		/*left:0;*/
		
}
	

.menu li:hover ul{
		
display:block;
		
		
}
	

.menu li li {
		
/* background:url('images/sub_sep.gif') bottom left no-repeat; */
		
display:block;
		
float:none;
		
margin:0px;
		
padding:0px;
		
width:auto;
		
}
	

.menu li:hover li a{
		
background:none;
		
		
}
	

.menu li ul a{
		
display:block;
		
height:27px;
		
font-size:12px;
		
font-style:normal;
		
margin:0px;
		
padding:0px 10px 0px 15px;
		
text-align:left;
		
}
		

.menu li ul a:hover, .menu li ul li:hover a{
			
background:url('image/menu-pijl-rollover.gif') center left no-repeat;
			
border:0px;
			
color:#ffffff;
			
text-decoration:none;
			
}
	

.menu p{
		
clear:left;
		
}