body {
font: 11px Arial, Helvetica, sans-serif;
background: url("../_images/top.jpg") top left repeat-x #FFFFFF;
margin: 0; 
padding: 0;
height:100%;
}

html
{
height:100%;
}

/* THE USUAL ------------------------------------------------------------ */

#image_rotate {
  list-style-type:none;
  padding:0;
  margin:0;
  display: block
  }

.editmode
{
padding:10px 10px 10px 30px;
background: url("../_images/lichtje.gif") 5px 10px no-repeat #eef3ff;
border:1px solid #cad8fa;
line-height:20px;
font-size:12px;
color:#093B93;
}

td
{
font-size:11px;
}
.clear
{
clear:both;
margin:0;
padding:0;
}

hr
{
border:none;
background:#BBBBBB;
color:#BBBBBB;
height:1px;
margin-bottom:5px;
}

#content a:link, #content a:visited
{
color:#54B948;
text-decoration:none;
border-bottom:1px solid #B8E8B1;
}

#content a:hover
{
color:#54B948;
text-decoration:none;
border-bottom:1px solid #54B948;
}

.groen
{
color:#54B948;
}

#content h1
{
font-size:14px;
margin-bottom:9px;
}

#content h2
{
color:#54B948;
font-size:13px;
margin-bottom:9px;
}

#content h3
{
color:#54B948;
font-size:12px;
margin-bottom:9px;
}

#content a:link img, #content a:visited img, #content a:hover img, #content a:active img,
#resultaten a:link img, #resultaten a:visited img, #resultaten a:hover img, #resultaten a:active img,
#resultaten a:link, #resultaten a:visited, #resultaten a:hover, #resultaten a:active
{
border-bottom:0px solid #FFFFFF;
text-decoration:none;
}

#content .leesverder, #content a .leesverder img, #content a:link .leesverder, #content a:visited .leesverder, #content a:hover .leesverder
{
border-bottom:0px solid #FFFFFF;
vertical-align:middle;
margin-left:5px;
}

/* BLOCKS ------------------------------------------------------------ */



#container {
width: 1000px;  
position:absolute;
left:50%;
margin-left:-500px;
}

#top
{
}

#content
{
position:absolute;
left:330px;
top:40px;
width:634px;
}

#logo
{
background: url("../_images/logo.jpg") no-repeat;
position:absolute;
left:10px;
top:32px;
width:126px;
height:309px;
}

#groene_balk
{
position:absolute;
top:32px;
left:160px;
width:162px;
height:616px;
background: url("../_images/groene_balk.jpg") no-repeat;
}

#groene_balk #aanbod_op_kaart
{
margin-top:0px;
width:162px;
height:68px;
display:block;
}

#groene_balk #aanbod
{
margin-top:0px;
width:162px;
height:66px;
display:block;
}

#groene_balk #bel_terug_button
{
margin-top:0px;
width:162px;
height:85px;
display:block;
}

#groene_balk #zoekopdracht
{
margin-top:0px;
width:162px;
height:85px;
display:block;
}

#groene_balk #afspraak
{
margin-top:0px;
width:162px;
height:84px;
display:block;
}

#groene_balk #contact
{
margin-top:0px;
width:162px;
height:84px;
display:block;
}

#blok1
{
margin-top:10px;
background: url("../_images/staal_01.jpg") no-repeat;
width:644px;
height:118px;
}

#blok2
{

background: url("../_images/staal_02.jpg") no-repeat bottom left #ECEDEE;
width:644px;
height:132px;
}

.blokje
{
padding:10px;
float:left;
width:290px;
}

#content #aanbod
{
background: url("../_images/aanbod_blok.jpg") no-repeat;
width:644px;
height:174px;
}

#content #aanbod h1
{
padding:12px 0px 0px 10px;
margin-bottom:0px;
}

#content #aanbod .aanbod
{
float:left;
width:127px;
height:111px;
text-align:center;
color:#FFFFFF;
}

#content #aanbod .aanbod a
{
color:#FFFFFF;
text-decoration:none;
border-bottom:none;
}

#content #aanbod .aanbod img
{
margin:20px 0px 5px 10px;
}

#content #aanbod #meer_aanbod
{
width:70px;
height:30px;
position:absolute;
background-color: #fff;
filter:alpha(opacity=0);
opacity: 0;
-moz-opacity:0;
right:10px;
border-bottom:0px;
}

#content #tekstcontainer
{
position:absolute;
background: url("../_images/tekst_bg.jpg") top left #b3b4b6;
height:608px;
width:644px;
padding:0px;
}

#content #agendacontainer
{
position:absolute;
background: url("../_images/kalender_bg.jpg") no-repeat top left #b3b4b6;
height:608px;
width:644px;
padding:0px;
}

#content #tekst
{
font: 11px Arial, Helvetica, sans-serif;
height:540px;
line-height:16px;
overflow:auto;
padding: 20px 20px 20px 20px;
clear:all;
}

#content #tekst ul li
{
margin-left: 20px;
}

.zoekformulier h1
{
color:#54B948;
margin-top:8px;
margin-bottom:8px;
font-size:16px;
}

.zoekformulier fieldset p label
{
width:200px;
display:block;
float:left;
}


.zoekformulier input, .zoekformulier textarea
{
width:350px;
color:#54B948;
border:1px solid #BBBBBB;
}

.zoekformulier input.checkbox
{
border:none;
width:15px;
}

.zoekformulier fieldset
{
padding:10px;
margin-top:10px;
border:1px solid #EEEEEE;
}

.zoekformulier legend
{
font-weight:bold;
margin-left:-8px;
padding-left:-8px;
margin-bottom:10px;
}

.zoekformulier .submit
{
width:70px;
height:24px;
border:none;
margin-bottom:10px;
}

.zoekformulier .submitcontact, #agenda_boeken .submitcontact
{
width:57px;
height:17px;
border:none;
margin-bottom:10px;
}


#tekstcontainer .zoekformulier p
{
margin-bottom:5px;
}


.submitcontainter
{
text-align:right;
width:604px;
}

.pasfoto
{
margin-right:10px;
height:110px;
float:left;
}


/* NAVIGATIE ----------------------------------------------------- */

#navigatie
{
font-size:10px;
margin:0px 0px 0px 330px;
} 

#navigatie ul
{
list-style-type:none;
padding:0px;
margin:0px;
}

#navigatie li
{
margin-top:0px;
margin-right:1px;
text-align:center;
float:left;
}

#navigatie li a
{
padding-top:14px;
color:#FFFFFF;
text-decoration:none;
display:block;
height:18px;
width:105.6px;
}
#navigatie li a:hover, #navigatie li.current a
{
padding-top:4px;
margin-top:10px;
height:30px;
background:#FFFFFF;
color:#54B948;
}

#subnav
{
float:left;
font-weight:bold;
padding:0px 0px 0px 10px;
height:26px;
list-style-type:none;
margin:0;
padding:0;
text-transform:uppercase;
}
#subnav li
{
padding-top:8px;
float:left;
}

#subnav a:link,#subnav a:visited
{
text-decoration:none;
border-bottom:none;
color:#808080;
padding-right:10px;
padding-left:10px;
border-right:2px solid #FFFFFF;
}

#subnav a:link.actief, 
#subnav a:visited.actief, #subnav a:hover.actief, #subnav a:hover
{
text-decoration:none;
border-bottom:none;
color:#54B948;
padding-right:10px;
padding-left:10px;
border-right:2px solid #FFFFFF;
}

#subnav a.noborder {
	border: 0px;
}

#subnav a:hover
{
text-decoration:none;
border-bottom:none;
color:#54B948;
padding-right:10px;
padding-left:10px;
border-right:2px solid #FFFFFF;
}

/* EINDE NAVIGATIE ------------------------------------------------ */



/* ZOEKEN---------------------------------------------------------- */


#zoek_blok
{
padding:0px 10px 0px 10px;
background: url("../_images/aanbod_zoek_bg.jpg") no-repeat;
height:193px;
width:644px;
}

#aanbod_zoek_th
{
margin-top:5px;
background: url("../_images/aanbod_zoek_th.jpg") no-repeat;
height:28px;
width:644px;
}

#zoek_blok .formulier
{
line-height:18px;
margin-top:10px;
}

#zoek_blok .formulier input.checkbox
{
border:none;
}

#resultaten
{
border-top:1px solid #DDDDDD;
margin:0px;
padding:0px;
overflow:auto;
height:380px;
width:644px;
}

#resultaten_zoek
{
border-top:1px solid #DDDDDD;
margin:0px;
padding:0px;
overflow:auto;
height:380px;
_height:360px;
width:644px;
}

#resultaten .resultaat_odd,
#resultaten_zoek .resultaat_odd
{

background: url("../_images/resultaat_bg.jpg") no-repeat center left #DDDDDD;
height:98px;
border:0px solid #FF6600;
cursor:pointer;
}

#resultaten .resultaat,
#resultaten_zoek .resultaat
{

background: url("../_images/resultaat_bg_even.jpg") no-repeat center left #FFFFFF;
height:98px;
cursor:pointer;
}


#resultaten .resultaat:hover, 
#resultaten .resultaat_odd:hover,
#resultaten_zoek .resultaat:hover, 
#resultaten_zoek .resultaat_odd:hover
{
margin:0px;
padding:0 0 0 0;
background: url("../_images/resultaat_bg_hover.jpg") no-repeat top left #f6f6f6;
*background-image:none; /* turn off the standard css background for IE */
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../_images/resultaat_bg_hover.jpg', sizingMethod='crop'); /* IE 6 and 7 method.*/ 
cursor:pointer;
height:98px;
display:block;
border-bottom:1px solid #DDDDDD
border-top:1px solid #DDDDDD; 
}

#resultaten .resultaat_odd p, #resultaten .resultaat p,
#resultaten_zoek .resultaat_odd p, #resultaten_zoek .resultaat p
{
padding-bottom:5px;
}

#resultaten .resultaat_odd td, 
#resultaten_zoek .resultaat_odd td
{
color:#000000;
}


#resultaten .resultaat td,
#resultaten_zoek .resultaat td
{
color:#333333;
}




#resultaten .resultaat img, #resultaten .resultaat_odd img,
#resultaten_zoek .resultaat img, #resultaten_zoek .resultaat_odd img
{
margin-left:15px;
margin-top:10px;
}

#sorteer_oppervlakte
{
position:relative;
top:10px;
left:270px;
float:left;
display:block;
width:100px;
height:23px;
background:#FFFFFF;
filter:alpha(opacity=0);
opacity: 0;
-moz-opacity:0;
}

#sorteer_prijs
{
position:relative;
top:10px;
left:300px;
float:left;
display:block;
width:100px;
height:23px;
background:#FFFFFF;
filter:alpha(opacity=0);
opacity: 0;
-moz-opacity:0;
}


/* FORMULIEREN ----------------------------------------------------- */

input, textarea
{
border:1px solid #54B948;
padding:2px;
}

.submit
{
border:none;
}

.grijs
{
color:#BBBBBB;
font-style:italic;
}

.formError, input.formError, textarea.formError{
  color: red;
  border-color: red;
}





/* OBJECT DETAILS ------------------------------------------------- */
#foto
{
height:220px;
width:300px;
float:left;
}
#foto a:link,#foto a:hover, #foto a:visited, #foto a img
{
border:none;
}

#foto_overzicht, #kaart
{
padding-top:10px;
padding-left:10px;
height:570px;
overflow:auto;
}

#foto_overzicht .foto
{
width:200px;
margin:5px 0px 5px 5px;
float:left;
}
#foto_overzicht a:link img, #foto_overzicht a:visited img
{
border:2px solid #FFFFFF;
}

#foto_overzicht a:hover img
{
border:2px solid #EEEEEE;
}

#foto_overzicht a:link
{
border:none;
}



#kenmerken
{

}

#kenmerken .strong
{
font-weight:bold;
width:150px;
}
#kenmerken .row td
{
border-bottom:1px solid #DDDDDD;
}


#omschrijving
{
clear:both;
}

/* REFERENTIES  ------------------------------------------------- */

#referentie-lijst .referentie
{
height:95px;
border-bottom:1px solid #DDDDDD;
margin-bottom:10px;
margin-top:5px;
}

#referentie-lijst .referentie-special
{
height:83px;
border:1px solid #FF0000;
padding:10px 25px 10px 10px;
background:url("../_images/special.jpg") top right #FFFFFF;
}

#referentie-lijst .afbeelding
{
margin-right:10px;
background:#FFFFFF;
padding:2px;
border:1px solid #DDDDDD;
width:108px;
float:left;
}

#referentie-lijst .referentie-special .afbeelding
{
margin-right:10px;
background:#FFFFFF;
padding:2px;
border:1px solid #CCCCCC;
width:108px;
float:left;
}

.datum
{
color:#AAAAAA;
}

/* Media  ------------------------------------------------- */

.media-item .datum
{
margin:0px;
padding:0px;
}
#content .media-item h2
{
margin:20px 0px 3px 0px;
padding:0px;
font-size:22px;
font-weight:normal;
}

#content .media-item a:link, #content .media-item a:visited, #content .media-item a:hover, #content .media-item a:active
{
border-bottom:none;
}

.media-item
{
border-bottom:1px solid #CCCCCC;
margin-bottom:10px;
margin-top:5px;
padding-bottom:5px;
}

.tickbox
{ 
	position:absolute;
	display: none;
	top: 40px;
	left: 50%;
	margin-left:-250px;
	z-index: 100;
}

.tickboxcontent
{
	position:relative;
	background: url(../_images/10HOOG_banner.png) no-repeat;
	width: 500px;
	height: 500px;
	display:block;
}

.closethickbox
{
	display:block;
	height:50px;
	width: 50px;
	position:absolute;
	right: 0px;
	top: 0px;
}