/* 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*/
.ploegboek{
background-image:url(ploegboek/KB-EtsKracht.jpg);
background-position:top right;
}

.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;
width: 568px;
}

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

#foto{
background-color:#FF0000;
/*zonder float lukt het niet*/
float:left;
padding-top:40px;
/*hierdoor ruimte voor zijkant*/
padding-left:75px;
padding-right:184px;
/*dit getal is afhankelijk van de breedte van de foto denk ik*/
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;

}

.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;
float:right;
height:520px;
width:12em;
margin-top:2em;
margin-left:-18em;
padding-left:5em;
}



#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;
width: 568px;
/*height:520px;*/
overflow:auto;

}
#contact img{
float:left;
padding-right:0.4em;
}
#contact2{
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;
width: 568px;
height:520px;
overflow:auto;

}
#galerie{
background-color:#FF0000;
padding-top:40px;
padding-left:75px;
padding-right:20px;
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;
overflow:auto;
}
#galerie img{
padding:0.2em;
}
.ploegprent{
float:right;}
.floatrechts{
float:right;}
.clear{
clear:both;}