@charset "UTF-8";
html{background: #745A43 url(mainback.jpg) top center repeat fixed; padding: 0 18px 0 18px;}
body{margin: 0; background: #F9FFE5; font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, Sans-serif; font-size: 86%; cursor: default; color: #45431A; border: 2px solid #49311C; border-top: 0; border-bottom: 0;
width: 864px; border-top: 1px solid #3A4D00;
position: absolute; top: 0; left: 50%; margin-left: -432px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
margin-left: auto;
margin-right: auto;
position: static;
}
html>body{position: static; margin-top: -3px;}
#side{width: 309px; padding-right: 22px; padding-left: 20px; height: 400px; float: left;
  margin-left: -50px; position: relative; left: 50px; /* om wrappen te voorkomen in IE */
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 267px;
}
html>body #side{height: auto; width: 267px;}
#main, #side{padding-top: 24px; margin-bottom: 15px; background: transparent url(main-welcome.gif) top right no-repeat scroll; min-height: 27em;}
#main{float: left; margin-top: 0; width: 600px; padding-top: 45px; background: transparent url(main-welcome.gif) top left no-repeat scroll;
padding-left: 25px;
  voice-family: "\"}\""; 
  voice-family:inherit;
width: 530px;
}
html>body #main{width: 530px;}
p#footer{margin: 0; clear: both; background: #626638 url(f.gif) top center no-repeat scroll; padding:0; line-height: 85px; height: 65px; overflow:hidden; font-size: 0.8em; color: #A7AC75; text-align: center; margin-top: -12px;}
html>body #footer{line-height: 1.6em; padding-top: 32px; padding-bottom: 11px; overflow: inherit; height:auto;}
p#welkom{background: #d6deaf url(p-welkom.jpg) bottom left no-repeat; margin: 0 1px 19px 0; font-size: 1.15em; padding: 0 1em 1em 1em; font-style: italic; color: #4f5f09;}
h1{clear: both; text-indent: -1000em; margin: 0px 0 -113px -205px; left: 50%; height: 111px; width: 406px; background: transparent url(h1.jpg) 0px 0px no-repeat scroll; position: relative; z-index: 20;}
html>body h1{margin-top:2px;}
h2{font-size: 1.55em; letter-spacing: -0.06em; margin-top: 0; font-weight: normal;}
h2,h3{color: #A15212; font-family: Verdana, Tahoma, "Trebuchet MS", Heltetica, Sans-serif; border-bottom: 1px solid #c3b963; padding-bottom: 4px; margin-bottom: .2em; clear: both;}
h3{font-size: 1.25em; font-family: Arial, Helvetica, Sans-serif; margin-bottom: -.3em; color: #766626; background: transparent url(h3.gif) bottom center no-repeat; border-bottom: 1px solid #D5D9AA; margin-top:1.6em;}
div>p{text-indent:1.8em;}
div>h2 + p, div>h2 + img + p, div>h3 + p,p#welkom, div>h3 + img + p{text-indent:0;}
#reacties,#latest{font-family:Tahoma,Sans-serif;}

/* Todo: voice family hack op ul#latest voor de hoogte */

ul#latest, ul#nav{list-style: none; margin: 0; padding: 0; margin-left: 12px;}
ul#latest{background: transparent url(latest.gif) top 35% no-repeat scroll; margin-bottom: -29px; width: 315px; height: 273px; margin-right: -70px; padding-top: 46px; float:right; position: relative; z-index: 20;}
html>body ul#latest{background: transparent url(latest.png) top right no-repeat scroll;}
ul#latest li{margin: 0px 46px 18px 31px; height: 54px; font-size: 0.8em; line-height: 1.5; overflow: auto;}
ul#latest a{color: #81481c; display: block;text-decoration:none;border:0;}
ul#latest a:hover,ul#latest a:focus{color: #943804;outline:none;text-decoration:underline;}
ul#latest li cite{font-weight: bold; font-style: normal; padding-left: 24px; background: transparent url(doc.gif) 0px -40px no-repeat scroll;line-height:1.6;font-size:1.1em;font-family:"Trebuchet MS",sans-serif;}
ul#latest li:hover cite{background-position: 0px 0px; color: #000;}
ul#latest li + li{margin-left: 32px;}
ul#latest li + li + li{margin-left: 33px;}

ul#nav{margin: 0; padding-top: 93px; float:left; width: 100%; font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif; font-size: 0.81em; background: #60743B url(navback.gif) 0px 0px repeat-x scroll;}
ul#nav li{float:left; text-align: center; margin:0; background: transparent url(nav.gif) 0px -46px no-repeat scroll; padding-left: 6px; margin-right: -1px; position: relative; z-index: 21; left: 23.2%;}
ul#nav li a{display: block; text-decoration: none; padding: 0.3em 8px 0.35em 2px; background: transparent url(nav.gif) 100% -46px no-repeat scroll; color: #6E6902; float: left;}
html>body ul#nav li a{padding: 0.3em 8px 0.35em 7px; margin-left: -5px;}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a {float:none;border:0;}
/* End IE5-Mac hack */
ul#nav li a:hover{color: #000; text-decoration: underline;}
ul#nav li a:focus{background-position: 100% 0px;outline:none;}
ul#nav li:hover{position: relative; top: -3px; margin: 0 -3px -3px -2px; background-position: 0px 0px; z-index: 22;}
ul#nav li:hover a{background-position: 100% 0px; text-decoration: none;padding: 0.3em 10px 0.6em 9px;}
html>body ul#nav li a:active{padding: 0.45em 10px 0.45em 9px; }

#side h2{clear: none;}
.inhoud li{line-height: 1.7em;}

address{font-style: normal; font-size: 0.9em; margin-top: 1em;}
#side address{display: block; text-indent:-10000em; background: transparent url(a.gif) 0px 0px no-repeat scroll; width: 318px; height: 222px; float:right; margin-right: -37px; position: relative; z-index: 10;}
html>body #side address{margin-right: -66px; background: transparent url(address.png) 0px 0px no-repeat scroll; }
abbr[title]{cursor: help;}
a{color: #296787;text-decoration:none;border-bottom:1px solid #b2c5c3;}
a:hover{color: #1981b6; border:0; text-decoration: none;}
table a,li a{border:0;}
p a:hover{background:#EBF3D2;}
p#welkom a:hover{background:transparent;}
#footer a{color: #C5C9A0; text-decoration: none; border-bottom: 1px solid #A89E7E;}
#footer a:hover{border-bottom: 1px solid #DAC37F; color: #EBEFC9; background:transparent;}
.klusverhalen ol{font-size: 1.1em;}
.klusverhalen ol li a{display: block; padding: .3em;}
#main ul li, #main ol li{margin: 5px 0 5px 0;}
label:after{content: ":";}
label{font-size: 0.95em; color: #AB9052;}
label[for]:hover{color: #6E551C;cursor:pointer;}
input[type=submit]{cursor:pointer; padding: 1px;}
.huur-jos-in label{width: 50%;}
.huur-jos-in form{padding: 0 380px 0 0; margin-right: -379px; background: transparent url(ta.png) 97.6% 75% no-repeat scroll;}
.huur-jos-in fieldset{border: 0; margin-left: 5%; padding: 20px 0 60px 0; background: transparent url(plug.gif) 67% 98.5% no-repeat scroll;}
.huur-jos-in fieldset legend{display: none;}
.huur-jos-in input, .huur-jos-in label{display: block; height: 1.4em;}
.huur-jos-in input{margin: -3.1em 0 0px 40%; width: 40%;}
.huur-jos-in input.knop{margin: 15px 0 0 0; width: 9.4em; border: 1px solid #AB7713; background: transparent url(latestli.gif) bottom left repeat-x scroll; color: #FFF; font-size: 0.8em; padding: 2px 0 2px 0; font-weight: bold; height: 2em;}
.huur-jos-in textarea{width: 80%; overflow: auto; height: 13.8em;}
textarea, input{border: 1px solid #ACBC75; background: #FDFFF5; font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, Sans-serif; font-size: 0.9em; padding: 2px;}
.huur-jos-in label:hover + br + input, .huur-jos-in label:hover + br + textarea, input:hover, input:focus, textarea:hover, textarea:focus{border-color: #B75200;}
input:hover, input:focus, textarea:hover, textarea:focus{background: #F0F5D5;}
input[type=submit]:hover{border-color: #200E00; padding: 2px 1px 0px 1px;}
img.frimg{float: right; margin: 4px -20px -24px 29px; position: relative; z-index: 10;}
img.flimg{float: left; margin: 7px 19px 10px -15px; position: relative; z-index: 10;}

/* #main ul{list-style-image: url(normal-li.gif);} */

.links ul{list-style:none; font-weight: bold; padding:0; margin-left:2em;}
.links ul li ul{margin: -1.68em 0 1.4em 14.5em; font-weight: normal;}

#side ul#latest + address strong{text-indent: -2000em; background: transparent url(sleutel.png) 0px 0px no-repeat scroll; display: block; width: 322px; height: 192px; top: 249px; z-index: 20; position: absolute; margin-left: 5px;}
.over{padding-bottom: 170px; background: transparent url(sc.jpg) bottom center no-repeat scroll;}
/* #main.klusverhalen{position:relative; left: -80px; padding-left: 95px; margin-right: -95px; background: transparent url(rm.gif) 0px 70px no-repeat scroll;}
html>body #main.klusverhalen{left: -94px; padding-left: 94px; margin-right: -94px;} */

#main strong{color:#434b49;}
#main address{width: 202px; float: right;  padding: 0 5px 9px 15px; background: #fdfff6 url(main-address.gif) bottom left no-repeat;line-height:1.5;font-family:Verdana,Tahoma,Helvetica,Arial,Sans-serif;font-size:.8em;}
#main address strong{display:block;margin:0 -5px -14px -15px;padding:9px 5px 0 15px;background: #fdfff6 url(main-address.gif) top left no-repeat;}
html>body #main address{margin-top: -3px;}

#reacties{border-bottom:1px dotted #DFC898;font-size:.8em;margin-top:2em;}
#reacties dt{font-weight:bold;border:1px solid #c4cbb8;background:#fcfff1;padding:3px 10px;border-left:0;border-right:0;}
#reacties dd{margin:.5em 0 1.5em 8px; color: #97580F;line-height:1.4;}
#reacties + p{font-size: .9em;}
p.reageer{font-weight:bold;line-height:2;background:transparent url(reageer.gif) 0% 50% no-repeat;text-indent:30px;}
p.reageer a{border:0;}

.klusverhalen img{margin-right: -100px;} /* Anders doet zijbalk vreemd in IE */

::-moz-selection{
	background:#BF782A;
	color:#fff;
}

::selection {
	background:#BF782A;
	color:#fff;
}