body{
margin: 0 0 10px 0;
padding: 10px 0 0 0;
background: #fff;
font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
color: #000;
}
h1, h3{
font: normal 18px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
letter-spacing: -1px;
}
h1{
position: absolute;
top: 260px;
left: 50%;
width: 340px;
height: 20px;
margin-left: -455px;
padding: 5px 10px 5px 10px;
z-index: 4;
background: #fff;
overflow: hidden;
text-transform: uppercase;
color: #c86f25;
}
h1 a{
color: #c86f25;
text-decoration: none;
}
h1 a:hover{
text-decoration: underline;
}
h3{
margin: 1em 0 0.2em 0;
padding: 0 0 0.2em 0;
border-bottom: 1px dotted #000;
color: #a94e3f;
}
h2{
margin: 0 0 0.5em 0;
font: bold 13px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
h5{
margin: 0 0 0.3em 0;
padding: 0 0 0.2em 0;
font: normal 14px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
color: #453322;
border-bottom: 1px dotted #bd9876;
}
h4{
height: 20px;
margin: 0 0 0.5em 0;
padding: 4px 0 0 0;
background: #79593b;
font: bold 12px Arial, Verdana, Helvetica;
color: #d7cdc4;
text-align: center;
}
h4 a{
color: #fff;
text-decoration: none;	
}
h6{
height: 20px;
margin: 0 0 0.5em 0;
background: #000;
font: bold 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
color: #fff;
}
p{
margin: 0 0 0.7em 0;
padding: 0;
}
img, form{
border: 0;
margin: 0;
padding: 0;
}
fieldset{
border: 0;	
}
table{
border-collapse: collapse;
margin: 0 0 1em 0;
}
th, td{
text-align: left;
border: 1px solid #000;
}
#container{
width: 950px;
margin: 0 auto 0 auto;
display: table;
background: transparent url(/img/dotted.gif) repeat-y top center;
}
#header{
position: absolute;
top: 10px;
width: 930px;
height: 55px;
padding: 35px 20px 0 0;
background: #79593b url(/img/header.gif) repeat-y top center;
overflow: hidden;
text-align: right;
z-index: 3;
}
#header a{
color: #fff;
text-transform: uppercase;
text-decoration: none;
}
#header a:hover{
text-decoration: underline;
}
#foto{
position: absolute;
top: 110px;
margin-left: 410px;
width: 540px;
height: 190px;
z-index: 5;
overflow: hidden;
}
#categorieen{
width: 364px;
height: 160px;
position: absolute;
top: 100px;
padding: 20px 18px 20px 18px;
background: #af8258;
z-index: 1;
}
#categorieen a{
color: #fff;
text-decoration: none;
}
#categorieen a:hover{
text-decoration: underline;
}
#categorieen ul{
float: left;
margin: 0;
padding: 0 20px 0 0;
list-style: square inside;
color: #79593b;
text-transform: uppercase;
}
#midden{
width: 669px;
padding: 0 0 1em 21px;
margin: 300px 0 0 0;
position: relative;
min-height: 600px;
height: auto !important;
height: 600px;
}
#midden ul{
list-style: square inside;
padding: 0;
margin: 0 0 0.5em 10px;
color: #a94e3f;
}
#midden a{
color: #a94e3f;
}
#midden .rss{
list-style: none inside;
margin: 0 0 0.5em 10px;
color: #000;
float: left;
}
#rechts{
width: 239px;
margin: 0 0 0 690px;
position: absolute;
top: 310px;
color: #000;
z-index: 2;
}
#rechts .bl{
margin: 0 0 1em 0;
background: #deccbb;
border: 1px dotted #b1a395;
}
#rechts ul{
margin: 0;
padding: 0 0 0.5em 18px;
list-style: square;
color: #79593b;
}
#rechts p{
text-align: center;
}
#rechts a{
color: #000;
}
#rechts a:hover{
text-decoration: underline;
}
#rechts .adbl{
font: 12px arial,sans-serif;
margin: 0 0 1em 0;
padding: 0.5em 0 0 20px;
background: #deccbb;
border: 1px dotted #b1a395;
}
#rechts .adbl p{
text-align: left;
}
#rechts .gakop a{
text-decoration: underline;
font-weight: bold;
}
#rechts .domein{
color: #684d33;
font-size: 10px;
text-decoration: none;
}
#footer{
width: 930px;
height: 35px;
padding: 5px 10px 0 10px;
background: #79593b url(/img/header.gif) repeat-y top center;
clear: both;
color: #fff;
}
#footer a{
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
#logo{
position: absolute;
top: 23px;
left: 50%;
z-index: 6;
width: 234px;
height: 63px;
margin-left: -495px;
background: url(/img/logo.jpg);
cursor: pointer;
}

/* formulieren */
#midden fieldset{
padding: 5px;
border: 0;
}
#midden .veld{
position: relative;
margin: 0 0 0.5em 0;
clear: both;
}
#midden label{
width: 130px;
float: left;
}
#midden fieldset sup{
padding: 0 0 0 1px;
color: red;	
}

/* ajax */
#succes{
display: none;	
}
#melding{
color: #ff0000;	
}

/* website weergave */
#midden .rij{
clear: both;	
}
#midden .site{
clear: both;
min-height: 90px;
height: auto !important;
height: 90px;
padding: 0 0 0.2em 0;
border-bottom: 1px dotted #ccbc9f;
margin: 0 0 0.5em 0;
}
#midden .site p, #midden .site h2{
margin-left: 130px;
}
#midden .site img{
float: left;
}
#midden .subcat{
width: 120px;
padding: 2px;
margin: 5px 11px 5px 11px;
border: 2px solid #79593b;
float: left;
text-align: center;
height: 140px;
overflow: hidden;
}
#midden .subcat:hover{
border: 2px solid #c86f25;
}
#midden .subcat h2{
color: #000;
}
#midden .subcat a{
display: block;
text-decoration: none;
width: 120px;
height: 140px;
color: #000;
}
#midden .subcat a:hover{
background: #ce7e3b;
}
#midden .kolom{
float: left;
}
#midden .blok{
width: 211px;
margin: 0 10px 1em 0;
padding: 0 0 0.5em 0;
border: 1px dotted #ccbc9f;
background: #f0f0f0;
}
#midden .blok ul{
margin-bottom: 0;
}
#midden .meerlink{
padding: 0 0 0 10px;
color: #a94e3f;
}
#midden .meerlink a{
font-weight: bold;
}
#thumbwebsite{
float: left;
margin: 0 0.5em 0.5em 0;
text-align: center;
font-size: 13pt;
background: #deccbb;
border: 1px dotted #b1a395;
}
#thumbwebsite a{
text-decoration: none;
color: #000;
}
#thumbwebsite a:hover{
text-decoration: underline;
}
#navigatie{
clear: both;
padding: 0.9em 0 0 0;
text-align: center;
}
#zoekmachine{
width: 220px;
margin: 0 4px 0.3em 4px;
}
#zoekwoord{
width: 155px;
margin: 0 4px 0.3em 4px;
}
#rechts button{
margin: 0 4px 0.3em 0;
}
#google{
text-align: center;
}
#google_onder{
clear: both;
padding: 1em 0 0.5em 0;
text-align: center;
}