/*-------------------------------------Teksteigenschappen*/
body, td
{
font-family:										verdana;
font-size:											12px;
vertical-align:									top;	
color:													#000000;		
}

textarea
{
font-family:										verdana;
font-size:											11px;
color:													#000000;	
}

.datumtext
{
font-size:											10px;
color:													000000;
font-style:											italic;
}

.titel
{
padding:												4 0 0 8;
font-family:										verdana;
font-size:											15px;
color:													#ffffff;	
font-weight:										bold;
height:													25;
}


.agendatitel
{
font-size:											18px;
font-weight:										bold;
font-family:										verdana;
color:													#1c1d93;
}

.agendadatum
{
font-size:											10px;
font-weight:										bold;
font-family:										verdana;
}

.datumklein
{
font-family:										verdana;
font-size: 											9px; 
color:													purple;
}

.red
{
color: 													#ee0000;
}
/*-------------------------------------Omleidingen FF IE*/
div
{
-moz-box-sizing:								border-box;
box-sizing:											border-box;
-webkit-box-sizing:							border-box;
overflow:												hidden;
text-align:											left;

}

/*-------------------------------------Basiseigenschappen*/
body
{
background:											url('plaatjes/.gif') fixed;
background-color:								#ccccff;
margin:													0;
}

img
{
border:													0;
}
/*-------------------------------------Maten van de Websiteonderdelen*/
#totaal
{
width:													980;
}

#banner, #footer
{
width: 													980;
}

#banner
{
height:													125;
margin:													6 0 6 0;
}

#footer
{
height:													30;
}

#logo
{
margin:													0 0 0 0;
float:													left;
}

#inlogscherm
{
margin:													10 10 0 0;
padding:												10 0 0 10;
width:													250;
height:													110;
float:													right;
background:											url('plaatjes/inlogbg.png');
}

#links, #midden, #rechts
{
float: 													left;
}

#links, #menu, #links.titel
{
width: 													160;
}

#midden, #nieuws, #agenda, #sponsors, #gastenboek, #zoek, #toetertje, #pagina, #verslagen, #foto, #link, #muziek, #midden.titel, .middenvak, ul#zoeklijst li 
{
width: 													580;
}

#rechts, .rechtervak, #zoeken, #verslagenmenu, #fotomenu, #paginamenu, #toetertjemenu, #gastenboekmenu, #sponsorsmenu
{
width: 													228;
}

#midden, #rechts
{
margin:													0 0 0 6;
}
/*-------------------------------------Overige eigenschappen Websiteonderdelen*/
#menu
{
background:											url('plaatjes/menulinks.png');
background-repeat:							no-repeat;

}

#nieuws, #toetertje, #agenda, #pagina, #foto, #zoek, #verslagen, #link, #gastenboek, #sponsors, #muziek
{
background:											url('plaatjes/menumidden.png');
background-repeat:							no-repeat;
}

#zoeken, #verslagenmenu, #fotomenu, #paginamenu, #toetertjemenu, #gastenboekmenu, #sponsorsmenu
{
background:											url('plaatjes/menurechts.png');
background-repeat:							no-repeat;
}

#footer
{
background:											url('plaatjes/menuonder.png');
background-repeat:							no-repeat;
color:													#ffffff;
padding:												4 8 0 8;
}

#fotoscroll
{
width:		 											564;
height:		 											100;
overflow:											  auto;
}

#fotoshow
{
width:		 											564;
height:		 											580;
text-align:											center;
padding:												10 0 0 0;
}

.linkervak, .middenvak, .rechtervak
{
background-color:								#ffffff;
padding:												4 8 4 8;
margin:													2 0 4 0;
}



/*-------------------------------------Links en Lijsten*/
a, a:active
{
color:													#000000;
text-decoration:								underline;
}

a:hover
{
color:													#ff0000;
text-decoration:								underline;
}

#footer a, #footer a:active
{
color:													#000000;
text-decoration:								none;
}

#footer a:hover
{
color:													#ffffff;
text-decoration:								none;
}

ul#menulijst 
{ 
list-style: 										none; 
padding: 												0; 
margin: 												0px; 
}

ul#menulijst li 
{ 
text-align: 										left; 
margin: 												0; 
padding: 												0; 
width:													160;
margin:													2 0 0 0;
float:													left;
}

ul#menulijst li a 
{ 
display: 	 	 										block; 
height:													18;
padding: 												3 0 0 8; 
color: 													#000000; 
font-size: 											12px;
text-decoration: 								none; 
background-color:								#ffffff;
}

ul#menulijst li a:hover
{ 
color: 		 											#000000; 
background-color: 							#88b6ca; 
}

ul#menulijst li.accent a 
{ 

background-color:								#ff9900;
}

ul#menulijst li.accent a:hover
{ 
color: 		 											#000000; 
background-color: 							#cc6600; 
}

ul#menulijst li.mod a 
{ 

background-color:								#009900;
}

ul#menulijst li.mod a:hover
{ 
color: 		 											#000000; 
background-color: 							#006600; 
}


ul#zoeklijst 
{ 
list-style: 										none; 
padding: 												0; 
margin: 												0px; 
}

ul#zoeklijst li 
{ 
text-align: 										left; 
margin: 												0; 
padding: 												0; 
margin:													2 0 2 0;
float:													left;
}

ul#zoeklijst li a 
{ 
display: 	 	 										block; 
height:													50px;
padding: 												3 8 3 8; 
color: 													#000000; 
font-size: 											11px;
text-decoration: 								none; 
background-color:								#ffffff;
}

ul#zoeklijst li a:hover
{ 
color: 		 											#000000; 
background-color: 							#0099cc; 
}

ul.zijmenulijst 
{ 
list-style: 										none; 
padding: 												0; 
margin: 												2 0 0 0; 

}

ul.zijmenulijst li 
{ 
text-align: 										left; 
margin: 												0; 
padding: 												0; 
width:													228;
margin:													0 0 2 0;
float:													left;
}

ul.zijmenulijst li a 
{ 
display: 	 	 										block; 
height:													18;
padding: 												3 0 0 8; 
color: 													#000000; 
font-size: 											11px;
text-decoration: 								none; 
background-color:								#ffffff;
}

ul.zijmenulijst li a:hover
{ 
color: 		 											#000000; 
background-color: 							#88b6ca;  
text-decoration: 								none; 
}