/*

 Certes CSS v1.0
 ---------------
  Revised: 06/03/09
  All rights reserved. 2009

 */

 @media all {

 * { margin:0; padding:0; border:0; }

 /* untag next line for debugging only */
 /*  div { border: 1px solid #f2e; } */

 body {
  font: 		62.5%/1.6 Arial, Helvetica, sans-serif;
  padding:		5px;
  background:		#f3f3f3 url(../img/body-background.jpg) repeat-x top;
  color:		#222;
 }

 /* universal wrapper...set page width here */
 div#wrap { margin:0 auto; width:980px; position:relative; }
 div#page { padding:0; position:relative; }


 /*_______ pre-defined elements */

 h1,h2,h3,h4,h5,h6 { font-family: Arial Narrow, Helvetica, sans-serif; margin:0; padding:0; }

 h1 { font-size:2.8em; }
 h2 { font-size:2.4em; margin:0 0 20px 0; }
 h3 { font-size:1.8em; color:#2c7773; }
 h4 { font-size:1.5em; position: relative; color:#eee ;background: #516e6c url(../img/h4-a-background.jpg) repeat-x top; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #ccc; margin:0; padding:4px 8px; clear:both; }
 .short { font-size:1.2em; font-weight:bold; color:#555; background-image:none; background-color:transparent; padding:4px 0;}
 h5 { font-size:0.9em; text-transform:uppercase; background-color:#183e3d; color:#ddd; padding:4px 6px; font-weight:normal; font-family: Verdana, Helvetica, sans-serif; clear:both; }
 h6 { font-size:2.8em; color:#b5dfdf; padding:40px 0 0 195px; font-weight:normal; letter-spacing:1px;  }

 a { color:#3963c2; text-decoration:none; }
 a:hover { text-decoration:underline; }

 p { margin:10px 0; }

 img { margin:0; padding:0; border:0; }


 /*_______ class helpers */

  .clear { clear:both; line-height:0em; font-size:0em; }
  .left { float:left; }
  .right { float:right; }
  .logo { margin:0; float:left; position:absolute; top:0; }
  .people { margin:0; float:left; position:absolute; top:0; right:120px;}


 /*_______ universal column structure */

  .col1, .col2, .col3, .col4 { float:left; position:relative; }



 /*_______ universal navigation */

  .default  			 { padding:0; margin:0; }
  .default li   		 { padding:0; margin:0; display:block; }
  .default li a	 		 { text-decoration:none; }
  .default li a:hover 		 { text-decoration:underline; }

  .children 	   		 { padding:0; margin:0; }
  .children li   		 { padding:0; margin:0; display:block; list-style-type:none; }
  .children li a	 	 { text-decoration:none; }
  .children li a:hover 	  	 { text-decoration:underline; }


 /*_______ universal definitions */

 #header, #content, #footer { clear:both; }


 /*_______ header definitions */

 #header { margin:0 1px; padding:0 10px 0px 18px; background: url(../img/header-background.jpg) repeat-x top; height:125px; position:relative; }
 #header .wrap { padding:0; }

  #header ul.default      		 { margin:-65px 15px 0 0; padding:0; float:right; font-size:1.1em;  }
  #header ul.default li   		 { display:block; margin:0; padding:0 0 0 15px; color:#ccc; background:url(../img/bullet.jpg) no-repeat left top; }
  #header ul.default li a		 { color:#eee; }
  #header ul.default li a:hover 	 { color:#fff; }
  #header ul.default li a.selected 	 { color:#fff; }


 /*_______ content definitions */

 #content { margin:0; padding:0; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; }
 #content .wrap { padding:15px; background: #ffffff url(../img/intro-background.jpg) repeat-x top; border-top:1px solid #fff; }

  #content ul.default      		 { margin:0; padding:3px 6px 3px 200px; font-size:1.2em; border-top:1px solid #529c9b; background: #25615f url(../img/navigation-background.jpg) repeat-x top; }
  #content ul.default li   		 { display:inline;   font-family:Arial, Helvetica, sans-serif; font-weight:bold;   }
  #content ul.default li a		 { color:#c7edee; padding:5px 15px; border-right:1px solid #aaa; }
  #content ul.default li a:hover 	 { color:#fff; background-color:#183e3d; text-decoration:none; }
  #content ul.default li a.selected 	 { color:#fff; background-color:#183e3d; text-decoration:underline; }
  #content ul.default li.right 	 	 { margin:-29px 25px 0 0; position:relative; }

  #content ul.children      		 { margin:0 0 10px 0; padding:10px; font-size:1.2em; border-right:2px solid #ccc; position:relative; }
  #content ul.children li		 { margin:0 0 10px 0; display:block; border-bottom:1px solid #ccc; }
  #content ul.children li a	 	 { color:#666; padding:4px; }
  #content ul.children li a:hover	 { color:#444; }
  #content ul.children li a.selected	 { color:#222; font-weight:bold; }
  #content ul.children li a.right 	 { margin:-40px 0 0 0; }

  .smallwrap p { font-size:1.2em; }
  .smallwrap ul.list { font-size:1.2em; margin:0 0 0 35px; }
  .smallwrap ul.list ul { margin:0 0 0 20px; }
  
  
  /*______Woonkrant definitions */
  #woonkrant{text-align:center;}
  #woonkrant ul{ list-style-type:none;}
  #woonkrant li{display:inline-block; width: 110px; vertical-align:text-top; margin: 10px 30px; font-size: 12px;}


 /*_______ footer definitions */

 #footer { margin:0; padding:15px 0; color:#aaa; font-size:1.0em; }
 #footer .wrap { padding:0; }

  #footer ul.default      		 { margin:0; padding:0; }
  #footer ul.default li   		 { display:inline; margin:0 5px; }
  #footer ul.default li a		 { color:#999; text-decoration:underline; }
  #footer ul.default li a:hover 	 { color:#666; }
  #footer ul.default li a.selected 	 { color:#444; }

  #footer p { margin:0 20px 0 0; padding:0 25px 0 0; float:left; border-right:1px solid #ccc; }


 /*_______ news definitions */

  ul.news      			 	{ margin:0; padding:10px 15px; color:#888; }
  ul.news li   		 		{ display:block; margin:0 0 10px 0; list-style-type:none; border-bottom:1px solid #ccc; padding:0 0 5px 0; }
  ul.news li a				{ color:#3963c2; display:block; font-size:1.1em; padding:0; }
  ul.news li a:hover 			{ color:#444; }
  ul.news li a.selected 		{ color:#222; }
  ul.news li.more 			{ text-align:right; }
  ul.news li.more a 			{ font-weight:bold; }


 .intro { height:213px; padding:10px 50px; clear:both; }
 .intro p { margin:4px 0; font-size:1.2em; } 
 .intro img { float:left; margin:0 10px 10px 0; } 

 .box { background: #dde7e9 url(../img/box-background.jpg) repeat-x bottom; padding:0; margin:0 0 5px 0; font-size:1.1em; }
 .box td { margin:0; padding:0; }
 .box p { margin:4px 0; } 
 .box a { font-weight:bold; } 

 .box2 { margin:0; padding:0; clear:both; border:1px solid #ccc; background-color:#fff; }
 .box2 td { margin:0; padding:0; }
 .box2 p { margin:4px; } 

  p.action { margin:0 0 10px 0; background-color:#536F6E; text-align:right; padding:2px 6px; color:#ddd; clear:both; } 
  p.action a { color:#eee; } 

 .latest { background: #c6dcda url(../img/latest-background.jpg) repeat-x top; float:left; height:251px; }
 .latest h4 { background: url(../img/h4-b-background.jpg) repeat-x top; } 
 .latest p { margin:4px 0; } 

 .highlight { background-color: #183e3d; color:#fff; font-size:1.6em; margin:0; padding:0; width:100%; line-height:1.0em; }
 .highlight p { margin:0 0 0 25px; }

 .result { background: #f0f2f1 url(../img/result-background.jpg) repeat-x bottom; border:1px solid #ddd; padding:10px; margin:0 0 6px 0; clear:both;}
 .result img { float:left; margin:0 20px 15px 0; background-color:#fff; padding:5px; border:1px solid #ccc; }
 .result a { font-weight:bold; font-size:1.1em; padding:0 0 0 5px; }

 .result2 { background: #afd9cb url(../img/result2-background.jpg) repeat-x bottom; border:1px solid #ddd; padding:10px; margin:0 0 6px 0; clear:both;}
 .result2 img { float:left; margin:0 20px 15px 0; background-color:#fff; padding:5px; border:1px solid #ccc; }
 .result2 a { font-weight:bold; font-size:1.1em; padding:0 0 0 5px; }

  .search { margin:0 0 55px 0; }
 .search ul {  list-style-type:none; display:block; }
 .search li {  margin:5px 0; }
 
 .search   label { float:left; width:100px; font-size:1.2em; }
 .search  .label { display:block; color:#444; margin:5px 0; font-size:1.1em; font-weight:bold; }
 .search input, .search select, .search button { border-bottom:2px solid #aaa; border-right:2px solid #aaa; }
 div.search .checkbox { width:20px; border:0px; }
 
 .search .submit { background-color:#477f7e; color:#eee; font-size:1.2em; padding:3px; margin: 0px;  }

 .sliderContainer { margin-bottom: 8px }
 .range { width:62px; padding:1px 6px; }
 .slider { width: 196px; height: 13px; background: url(../img/slider.jpg); }
 .sliderButton { position: relative; cursor: pointer; }
 .sliderButton:hover { cursor: hand; }

  #map { width:200px; height:180px; overflow:hidden; border:1px solid #888; }

  #fraList { border:1px solid #aaa; position:absolute; left:470px; }

 .pandImgWrap { width: 375px; height: 281px; overflow:hidden; } 
 .pandimg { border:1px solid #888; margin:0; position:relative; height: 281px; }
 .thumbs { margin:0 0 20px 0; }
 .thumbs img { border:1px solid #2c7270; }

 .info { float:right; color:#444; width:200px; margin:15px 0 10px 15px; padding:0 0 10px 15px; border-left:1px solid #ccc; }
 .info span.dsc { font-size:0.8em; margin:10px 0 0 0; color:#888; }
 .info p { clear:both; line-height:1.2em; }
 .info br { clear:both; }

 .info p.properties { font-weight:bold; border-bottom:1px solid #888; margin:35px 0 0 0; }

 .type { font-size:1.2em; }
 .xaction { font-weight:bold; background-color:#222; padding:3px 6px; color:#fc9b00; border:2px solid white; font-size:1.4em; }
 /*.price { font-size:1.4em; color:#b06552; margin:25px 0 0 0; font-weight:bold; line-height:2.2em; } */


 .filter { background-color:#536f6e; padding:5px; }
 .filter li { list-style-type:none; display:inline; margin:2px; }
 .paginator { background-color:#536f6e; padding:5px; color:#eee; }

 .form li { list-style-type:none; display:block; margin:5px; }
 
 a.tab { font-size:1.0em; background-color:#006a9e; color:#d6ffff; padding:1px 6px; }
 a.tab:hover { background-color:#14536f; }

 #legend {
		border:1px solid #AAAAAA;
		position:absolute;
		width: 250px;
		height: 465px;
		margin:0 auto;		
 }
 
#legend .pand { background:#d2e0e0 url(../img/zoeklijst-background.jpg) repeat-x top; margin:0; clear:both; border-top:1px solid #fff; }
#legend .pand-hover { background:#f3f3f3 url(../img/zoeklijst-background-hover.jpg) repeat-x top; margin:0; clear:both; border-top:1px solid #fff; }
#legend .col { float:left; width:48%; padding:1%; }
#legend p { font-size:1.1em; margin:2px 0; line-height:1.4em; }

#legend .pImgWrap { 
	margin:5px 0 0 5px;
	width:80px;
	height:75px;
	display:block;
	border-left:2px solid #888;
	border-top:1px solid #888;
	border-bottom:2px solid #666;
	border-right:3px solid #666; 
}
#legend .pimg { margin:5px 0 0 5px; padding:0; border:0; display:block; border-left:2px solid #666; border-top:1px solid #666; border-bottom:2px solid #222; border-right:3px solid #222; }
#legend .limg { margin:0; padding:0; border:0; display:block; border:1px solid #222; }

#legend .price { font-size:1.8em; color:#830f56; margin:0; font-weight:bold; }
#legend a.more { font-size:1.0em; background-color:#006a9e; color:#d6ffff; padding:1px 6px; }
#legend a.more:hover { background-color:#14536f; }

#divPopup {
	position: absolute;
	left: 100px;
	top: 100px;
	width: 600px;
	height: 500px;
	display: none;
}

#fraPopup {	
	width: 600px;
	height: 500px;	
}

#toolbar { background-color:#2b706d; text-align:right; padding:2px; }
#toolbar a { font-weight:bold; font-size:1.1em; color:#ddd; text-decoration:none; background-color:#274f4d; padding:2px 8px; }
 #toolbar a:hover { text-decoration:underline; } 

div#topbar { background-color:#2e7877; padding:4px; color:#eee; border-bottom:1px solid #eee; }
div#bottombar { background-color:#2e7877; padding:4px; color:#eee; border-top:1px solid #eee; height: 20px; }
div#topbar .close { color:#fff; float:right; margin:0 0 0 0; background-color:#274f4e; font-weight:bold; padding:0px 6px; margin-left: 4px; font-size:1.1em; }
div#bottombar .close { color:#fff; float:right; margin:2px 0 0 0; background-color:#274f4e; font-weight:bold; padding:0px 6px; margin-left: 4px; font-size:1.1em; }

.certesForm table { margin-bottom: 8px }
.certesForm .widthRow { height: 0px; font-size: 0pt; }

.certesForm div.section { padding-bottom: 16px; }
.certesForm p { padding-top: 2px; margin: 0px; clear: both; }
.certesForm input { border:1px solid #ccc; float: left; height:20px; margin-bottom: 0px; }
.certesForm textarea { border:1px solid #ccc; float: left; }
.certesForm select { border:1px solid #ccc; height: 20px; margin-bottom: 1px;}
.certesForm .submit { background-color:#477f7e; color:#eee; font-size:1.2em; padding:3px;  }
.certesForm label { float: left; width: 120px; }
.certesForm .compact label { width: 108px; }
.certesForm span { float: left; }
.certesForm label.inline { width: 108px; margin-left: 10px}

.certesForm .small { width: 60px; }
.certesForm .smallComplement { width: 120px; }
.certesForm .full { width: 300px; }
.certesForm .fullBig { width: 300px; height: 80px; }
.certesForm select.full { width: 302px; }

.certesForm input.col2 { width: 80px; }
.certesForm select.col2 { width: 82px; }
.certesForm span.col2Post { width: 30px; text-align: center; }

.certesForm .municipalities {  border: 1px solid #ccc; margin-left: 20px; padding-left: 8px; cursor: pointer; clear: both; }
.certesForm .municipalities:hover { background-color: #F0F0F0; }

.certesForm .check { width: 20px; height: 20px; vertical-align: middle; border: none; }
.error { color: red }

.certesForm-compact table { margin-bottom: 8px }
.certesForm-compact .widthRow { height: 0px; font-size: 0pt; }

.certesForm-compact div.section { padding-bottom: 16px; }
.certesForm-compact p { padding-top: 2px; margin: 0px; clear: both; }
.certesForm-compact input { border:1px solid #ccc; float: left; height:20px; margin-bottom: 0px; }
.certesForm-compact textarea { border:1px solid #ccc; float: left; }
.certesForm-compact select { border:1px solid #ccc; height: 20px; margin-bottom: 1px;}
.certesForm-compact .submit { background-color:#477f7e; color:#eee; font-size:1.2em; padding:3px;  }
.certesForm-compact label { float: left; width: 104px; }
.certesForm-compact .compact label { width: 108px; }
.certesForm-compact span { float: left; }
.certesForm-compact label.inline { width: 108px; margin-left: 10px}

.certesForm-compact .small { width: 60px; }
.certesForm-compact .smallComplement { width: 120px; }
.certesForm-compact .full { width: 300px; }
.certesForm-compact .fullBig { width: 300px; height: 80px; }
.certesForm-compact select.full { width: 302px; }

.certesForm-compact input.col2 { width: 80px; }
.certesForm-compact select.col2 { width: 82px; }
.certesForm-compact span.col2Post { width: 30px; text-align: center; }

.certesForm-compact .municipalities {  border: 1px solid #ccc; margin-left: 20px; padding-left: 8px; cursor: pointer; clear: both; }
.certesForm-compact .municipalities:hover { background-color: #F0F0F0; }

.certesForm-compact .check { width: 20px; height: 20px; vertical-align: middle; border: none; }
.error { color: red }

.adsysWindow {
  background: none; 
}

div.waiting {
  display: none;
  background: #ffffff url(../img/intro-background.jpg) repeat-x top;
  width: 200px;
  height: 200px;
  border: 1px solid black;
}

div.waiting img {
  margin: 70px 70px;
}

.bottom-banner a { text-decoration: none; color:#FFFFFF; }

  .certes-list table {
    width: 100%; 
    font-size: 1.1em;
  }
  
  .certes-list thead tr{
    background-color: #25615F;
    color:#FFFFFF;    
  }
  
  .certes-list thead a{
    color:#FFFFFF;    
  }
  
  .certes-list tbody tr {
    background:#D2E0E0 url(../img/zoeklijst-background.jpg) repeat-x;
    border-bottom:1px solid #B5CECF;
    border-top:1px solid #FFFFFF;
  }
  
  .certes-list tbody a{
    color:#222222;    
  }
  
  .certes-list td {
    padding: 0px 4px;
  }

}