/* CSS Document */
/*ploegkleur="#dd2e21*/
body{font-family:Verdana, Arial, sans-serif;
letter-spacing:0.1em;
margin:0;
padding:0;
background-color:#699;
}
HTML{	
	SCROLLBAR-FACE-COLOR: white;
	SCROLLBAR-HIGHLIGHT-COLOR: grey;
	SCROLLBAR-SHADOW-COLOR: grey;
	SCROLLBAR-3DLIGHT-COLOR: grey;
	SCROLLBAR-ARROW-COLOR: black;
	SCROLLBAR-TRACK-COLOR: white;
	SCROLLBAR-DARKSHADOW-COLOR: white;
	
}
p{
margin-top:0;
margin-bottom:0;
}
#alles{
width:900px;
margin-left:auto;
margin-right:auto;
height:580px;
}
/*hier het header deel*/
#header{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
/*padding: 20px 20px 20px 75px;*/
padding-left:75px;
padding-bottom:0;
background-color:#FFFFFF;
font-size:28px;
letter-spacing:0.6em;
border-bottom:solid 1px black;
border-right:solid 1px black;
/*background-image:url(foto/hoek3.gif);*/
background-repeat:no-repeat;
height:110px;
padding-top:1em;

}

/*Hier de achtergrondplaatjes in de header met hun positie*/
.history{
background-image:url(foto/gommer-web.jpg);
background-position:top right;
}

.index{
background-image:url(foto/kolvoortheksenvogel.gif);
background-position:bottom right;
padding-right:2em;
}
.leden{
background-image:url(foto/reinier.jpg);
background-position:top right;
}
.exposities{background-image:url(foto/wortelhuisjes.jpg);
background-position:bottom right;

}
.links{background-image:url(foto/kracht.jpg);
background-position:top right;
}
.vrienden{background-image:url(foto/gommer2b.jpg);
background-position:top right;
}
.contact{background-image:url(foto/sjoerdtsje.jpg);
background-position:top right;
}
#foto-rechts{
margin:0;
float:right;
margin-top:-80px;
padding-right:50px;
padding-bottom:0;}


/*hier de navigatie*/

#navigatie{
}

#navigatie ul li{
color:#000000;
display:inline;
list-style:none;
padding-right: 0.3em;
padding-left: 0em;
border-right:solid 1px black;
}

#navigatie ul{
margin-left:0;
padding-left:75px;
font-variant:small-caps;
margin-top:3px;
background-color:#FFFFFF;
padding-bottom:0.3em;
padding-top:3px;
border-bottom:solid 1px black;
border-right:solid 1px black;
background-image:url(foto/nav-back3.jpg);
background-position:bottom;
background-repeat:repeat-x;
/*text-align:center;*/
margin-bottom:0.2em;
}


a{text-decoration:none;
color:#333333;
font-weight:bold;
}

a:hover{
border-bottom:solid 1px #dd2e21;
color:#dd2e21;
}

#navigatie ul li.current{
font-weight:bold;
color:#999999;
background-color:#CCCCCC;
background-image:url(foto/nav-back-rev.jpg);
background-position:bottom;
background-repeat:repeat-x;
padding-left:0.5em;
}

#navigatie ul li.laatste{
border-right:none;
}

*/
/* hier de inhoud*/
p{
margin-bottom:0.4em;
}

#inhoud{
background-color:#FF0000;
/*zonder float lukt het niet*/
float:left;
padding-top:40px;
/*hierdoor ruimte voor zijkant*/
padding-left:75px;
padding-right:20em;

background-color:#FFFFFF;
border-bottom:solid 2px black;
border-right:solid 1px black;
line-height:1.4em;
font-size:0.8em;
background-image:url(foto/wortel.jpg);
background-repeat:no-repeat;
background-position:bottom left;
padding-bottom:75px;
}

#inhoud img{
float:left;
padding-right:1em;
padding-bottom:0.1em;
padding-top:0.1em;
}

.eerste{
font-size:18px;
font-weight:600;
font-family:Georgia, "Times New Roman", Times, serif;
font-variant:small-caps;
color:#dd2e21;
}

#leden{
height:250px;
width: 568px;
overflow:auto;
line-height:1.6;
}

#leden ul{
padding:0;
margin:0;
padding-top:1em;
padding-bottom:2em;
list-style:none;
}

/* hier de zijkant*/
#zijkant{
padding:1em;
/*margin-top:-380px;*/
float:right;
height:520px;
overflow:hidden;
/*margin-right:35px;*/
width:18em;
margin-top:6em;
margin-left:-22em;
/*margin:3em 0 1em -18em;*/
background-color:#FFFFFF;
/*width:200px;*/
border:solid 1px gray;
/*
padding-left:25px;
padding-right:5px;
padding-top:75px;
*/
/*background-image:url(foto/bettenweblucht2.jpg);
background-repeat:repeat-x;
background-position:top;*/
background-image:url(foto/background.gif);
/*overflow:hidden;*/
font-size:11px;
}

#zijkant h3{
font-size:14px;
border-bottom:solid 1px #dd2e21;
color:#dd2e21;
letter-spacing:0.5em;
font-weight:1.4em;
padding-left:auto;
padding-right:auto;

}

#voetnoot{
margin-top:-2em;
margin-left:35px;
margin-right:35px;
padding:0.1em;
clear:both;
color: #FFFFFF;
text-align:center;
font-size:9px; 
border-right:solid 1px black;
}
/*
content krijgt ruime padding rechts, daardoor blijft er rechts
een stuk onbeschreven ruimte, daar moet de sidebar, de zijkant komen.
Content float left.
Door de zijkant geen width te geven en een negatieve left-margin die groter is dat de 
gewenste breedte van de sidebar, plus float left, dan komt de sidebar er naast,
want hij heeft geen breedte en dus is er plek voor.
margin: 0 3 4 -18; bijvoorbeeld.
*/
.kopje{
color:#dd2e21;
padding-bottom:0;
margin-bottom:0;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;}

#contact{
background-color:#FF0000;
/*zonder float lukt het niet*/
float:left;
padding-top:40px;
/*hierdoor ruimte voor zijkant*/
padding-left:75px;
padding-right:20em;

background-color:#FFFFFF;
border-bottom:solid 2px black;
border-right:solid 1px black;
line-height:1.4em;
font-size:0.8em;
background-image:url(foto/wortel.jpg);
background-repeat:no-repeat;
background-position:bottom left;
padding-bottom:75px;
height:250px;
width: 568px;
overflow:auto;

}
#contact img{
float:left;
padding-right:0.4em;
}