/* algemeen*/

body{
margin: 0;
font-family:'Times New Roman';
background-color: white;
}


a:link { color:black;}
a:visited { color:rgb(61,65,71);}
a:active { color:red; }
a:hover { color:red; }

div#main_container{
position: relative;
margin: 0 auto 0 auto;
width: 984px;
align: left;
border: 0px solid #000000;
}

ul#navigation {
list-style-type: none;
list-style-position: inside;
margin: 0px 0 0 0;
padding: 0px 0 0px 0;
}

/* logo*/

div#header1{
float: left;
width: 293px;
height: 100px;
}

div#logo{
background: url(images/wbhlogo.jpg) no-repeat bottom left;
border: 0px;
width: 293px;
height: 27px;
margin: 65px 0 0 0;
}


/* menu rechts boven*/

a.menutop { font: 'Times New Roman'; 
font-size:12pt; 
font-weight: bold; 
line-height:100%; 
text-decoration:none;
}

div#header2{
position: relative;
float: left;
width: 507px;
height: 100px;
}

div#menu{
position: absolute;
width: 379px;
height: 20px;
top: 75px;
right: 0px;
border: 1px solid #000000;
}

#navigation .right{
float: right;
display: inline;
margin: 0px 8px 0 8px;
}


/* ruimte helemaal rechts boven*/

div#header3{
background-color: white;
float: left;
width: 172px;
height: 100px;
}


/* content veld met nieuws, tekst en beeld*/

div#main1-1{
position: relative;
float: left;
width: 798px;
height: 352px;
border: 1px solid #000000;
}


/* tekstveld*/

div#tekstboxbth{
backgroundcolor: transparant;
border: 0px solid #000000;
position: absolute;
display: inline;
left: 320px;
top: 15px;
padding: 0 0 0 0;
width: 465px;
height: 320px;
font-family:'Times New Roman'; 
font-size: 11pt;
letter-spacing: 0.0em; 
color:black; text-decoration:none; 
line-height: 95%; 
margin: 0 0 0 0;
text-align: left; 
font-weight: normal;
}


a.tekstlink { font: 'Times New Roman'; 
font-size:11pt; 
font-weight: bold; 
text-decoration:none;
}


/* beeldveld*/

div#beeldbth{
border: 0px solid #000000;
position: absolute;
left: 5px;
top: 15px;
padding: 0px 0 0 0px;
width: 306px;
height: 320px; 
overflow: no;
}


/* hovers*/ 

#container {position:absolute; width:302px; height:50px; border:0px solid #000; margin:0px ; top:250px; left: 0px; }
#text {position:absolute; top : 0px; left: 0px; width: 300px; height:320px; background:white; border: 1px solid #000; margin: 0px ;
font-size: 11pt;letter-spacing: 0.00em; color:black; text-decoration:none; line-height: 100%; margin-top:0; margin-bottom:0;text-align: left; font-weight: bold; font-family:'Times New Roman';
}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:73px; height:73px; float:left; margin:0px 0px; position:relative; cursor:default; }

a.slidea 
a.slideb 
a.slidec 
a.slided {background:url(images/knopveluwshoutverblijf4.jpg);}


a.gallery span {visibility:hidden; display:block; position:absolute; width:0px; height:0px; top:100px; left:0px; color:#000; background:transparant; text-align:center; border:0px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",; letter-spacing:1px; cursor:default;}


a.slidea span {left:-1px; top:-253px;}
a.slideb span {left:-76px; top:-253px;}
a.slidec span {left:-151px; top:-253px;}
a.slided span {left:-226px; top:-253px;}


a.gallery:hover {white-space:normal; border:1px solid #DD0000; z-index:100;}
a.gallery:hover span {visibility:invisible; z-index:100;}
a.gallery:hover span img {margin:1px; border:0px solid #000; position:relative; z-index:100;}
a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}
a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}
a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:0px; z-index:10;}



/* huisje rechts*/

div#main2{
background: url(images/rechts1.gif) no-repeat top left;
float: left;
width: 170px;
height: 348px;
} 


/* onderste veld alles*/

div#onder1{
float: left;
width: 798px;
height: 109px;
border: 0px solid #000000;
}

/* nieuwsveld*/

a.linknieuws { font: 'Times New Roman'; 
font-size:10pt;  
line-height:100%; 
text-decoration:none;
}

a.linknieuws:link {color: #006666; font-weight: bold;}
a.linknieuws:active {color: #006666; font-weight: bold;}
a.linknieuws:visited {color: #006666; ; font-weight: bold;}
a.linknieuws:hover {color: red; ; font-weight: bolder;}

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

li.nieuws{
display: list-item;
border-bottom: 0px solid black;
margin: 0px 0px 0 0px;
padding: 0px 0px 0 0px;
}

div#nieuwsnav{
border: 0px solid #000000;
float:left;
position: relative;
text-align: left;
overflow: auto;
left: 15px;
top: 5px;
padding: 0px 0 0 0;
width: 500px;
height: 320px; 
letter-spacing: 0.00em;
padding: 0 0 0 0; 
}


/* menu links onder*/

a.menubottom { font: 'Times New Roman'; 
font-size:12pt; 
font-weight: bold; 
line-height:100%; 
text-decoration:none;
}

div#menuonder {
position: relative;
float: left;
width: 441px;
height: 20px;
top: 6px;
border: 1px solid #000000;
text-align: bottom; 
}

ul#navigation .left{
float: left;
display: inline;
margin: 0 10px 0 5px;
}


/* extra menu rechts onder*/

a.menuextralinks { font: 'Times New Roman'; 
font-size:9pt; 
line-height:100%; 
text-decoration:none;
}

a.menuextralinks:link {color: red; font-weight: bold;text-decoration:none; }
a.menuextralinks:active {color: red; font-weight: bold;text-decoration:none; }
a.menuextralinks:visited {color: #006666; font-weight: bold;text-decoration:none; }
a.menuextralinks:hover {color: red; font-weight: bolder; text-decoration:none;
}



div#extramenu{
position: relative;
float: right;
width: 160px;
height: 20px;
border: 0px solid #000000;
}

ul#extralinks {
list-style-type: none;
list-style-position: inside;
margin: 0px 0 0 0;
padding: 0px 0 0px 0;
}

#extralinks .right{
float: right;
display: inline;
margin: 0 0px 0 12px;
}


/* quotes*/