/* CSS Document voor www.decontrabas.nl
Webwol Design: http://www.webwol.nl
*/

/* dit is om bij alle paddings en margins tussen van 0 uit te gaan*/
* {
padding: 0px; 
 margin: 0px; 
 } 
 
/*####################################################################*/
/*#################### HTML tags ################################*/
/*##################################################################*/

body{
	background-color: #99cdff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.5em;
	color: #000066;
	text-align: center;/*nodig voor ie6 om te centreren*/
	margin: 0 auto; /*centreren*/
	background-image: url(../images/contrabaspatroon-klein.jpg);
}

h1{
	font-weight: bold;
	font-size: 1.25em;
	padding-bottom: 0.9em;
}

h2, caption{
	font-weight: bold;
	font-size: 1.05em;
	padding-bottom: 0.5em; /*was 0.8*/
	padding-top: 1.0em; /*was 1.3em*/
}


h3{
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 0em;
	padding-bottom: 0em;
}

p{
	padding-bottom: 0.5em;  /*was 0.9em*/
}

table, th, td{
	margin-bottom: 1.1em;
	border: 1px solid #99cdff;
}

th{
	font-weight: bold;
	font-size: 1em;
	text-align: left;
	padding: 0.3em;
	border: 1px solid #99cdff;
	
}

td{
	padding: 0.3em;
	border: 1px solid #99cdff;
	
}

ol{
	padding-left: 3%;
	padding-right: 4%;
	padding-bottom: 1em;
}

ul{
	padding-bottom: 1em;	
}




hr{
	margin-top: 1em;
	margin-bottom: 1.5em;
}
img{
	 padding: 0px;
 	margin: 0px;
 }
 
/*###################################################*/
/*################# Classes ######################*/
/*####################################################*/
.formrand{
 	border: 1px solid #99cdff;
}
.randloos{
	border: 0px;
	padding-left: 0px;
}

.image-links{
	float: left;
	margin: 2% 1em 2% 0%;
}

.image-rechts{
	float: right;
	margin: 2% 0% 2% 2%;
}



.afbeelding-onderschrift{
	font-size: 0.9em;
	font-style: italic;
	padding-top: 0px;
}

.linksoverzicht{
	list-style-type: none;
}

.linksoverzicht a{
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 0.9em;
	color: #000000;
}

.voorbeeldtekst{
	font-size: 0.9em;
	font-style: italic;
	border: 1px solid gray;
	padding: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.gedicht{
	font-style: italic;
	
	line-height: 1.4em;
}

.datum_groepspagina{
	font-style: italic;
	text-align: right;
	font-size: 0.75em;
}

.formulierfout{
	font-weight: bold;
	font-style: italic;
	color: red;
	text-align: center;
}

	
/*-----Classes voor het onderhoudsgedeelte van de site ------*/




.toelichting{
	font-size: 0.9em;
	font-style: italic;
}

.login{     /*voor de ondertekening van de nieuwsberichten*/
	font-size: 0.9em;
	color: #999999;
	text-decoration: none;
	/*border: 1px solid #999999;*/
	padding: 2px;
}

.wijzigknop{
	/*float: left;*/
}
.verwijderknop{
	color: red;
	/*float: right;*/
}
.contrabasletter{
	font-size: 2em;
	font-weight: bold;
	border: 0px;
}

/*----------------------------------------------------------------------*/
/* Zo kun je de linkermarge van "Home" corrigeren   */
.eerste-menu-item{ 
	margin-left: 2.5%;
}
.tabelrij-arcering {   /*voor de samenkomstenpagina*/
	background-color: #DDDDAF;
	
}
/*###################################################################################*/
/* ####### Hier komen de div's voor de semantische opbouw van de site in HTML ########*/
/*#############################################################################$####*/

div#header{
	height: 236px;
	width: 988px;
	margin: 0 auto; /*centreren*/
}

/*--------------------------------------*/
div#navigatie{
	padding-left: 25px;
	padding-right: 18px;
	padding-top: 1.3em;
	padding-bottom: 1em;
	/*width: 135px;*/
	float: left;
	background-color: #000066;
	margin-top: 80px;
	margin-left: 15px;
	font-size: 0.9em;
	background-image: url(../images/menu-achtergrond.jpg);
	background-repeat: repeat-y;
	line-height: 1.3em;
}

	
div#navigatie li{
	font-size: 1em;
	color: #ECDE9D;
	list-style-image: none;
	list-style-type: none;
	
	
	
}

div#navigatie a{
	color: #e9d9dd;
	text-decoration: none;
	
}

div#navigatie a:hover{
	/*color: #CDCC00;*/
	color: #FFFFFF;
	
	
}
/*-------------------------------------------*/
div#content{
	width: 988px;
	background-color: #99cdff;
	height: 100%;
	margin: 0 auto; /*centreren*/
	background-image: url(../images/muziekpapier.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	text-align: left;
}

/*--------------------------------------------------*/	
div#tekstvak{
	width: 420px;
	margin-left: 200px;
	
	padding-top: 53px;
}

div#tekstvak li{
	list-style-position: outside;
	margin-left: 1.3em;
}
/*--------------------------------------------------------*/
div#extra-info{
	color: #FFFFFF;
	float: right;
	text-align: left;
	width: 250px;  
	margin-right: 25px; 
	margin-top: 30px;
	padding: 20px;
	padding-top: 25px;
	background-color: #3366cc;
	font-size: 0.9em;
	
}

div#extra-info li{
	padding-bottom: 1em;
	list-style-position: outside;
	margin-left: 1.3em; 
	
}

div#extra-info a{
	color: #FFFFFF; 
	
}

div#extra-info p{
	padding-bottom: 1em; 
	
}
div#extra-info h2{
	font-size: 1.2em;
	padding-bottom: 0.9em;
	padding-top: 0em; 
}
div#extra-info h3{
	font-size: 1.1em;
	
}
/*div#extra-info td p{
	font-size: 0.7em; /*voor IE6
}*/
/*------------------------------------------------------------*/
div#footer{
	clear: both;
	font-size: 0.7em;
	padding-left: 3%;
	padding-right: 3%;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 0.5em;
	margin-left: 90px;
}

div#footer hr{
	margin-bottom: 0em;
	margin-top: 0em;
}

div#infoform{
	padding-left: 15px;
}
/*##########################################################################*/
/* ############ div's die per pagina verschillen #######################*/
/*##########################################################################*/

div#nieuwsvak{    /*vcor het nieuwsvak op de homepage*/
	float: left;
	width: 100%;
	/*padding-left: 1.5%;
	padding-right: 1%;*/
	padding-bottom: 1em;
	
}



div#nieuwsvak h3{
	font-size: 1.1em;
}

div#nieuwsvak a{
	color: #FFFFFF;
}

div#nieuwsvak td{   /*dit is nodig voor IE6 die tekst in de tabel de eigenschappen van de parent niet overnemen*/
	color: #FFFFFF;
	border: 0px; 
	
}
div#nieuwsvak table{
	border: 0px; 
}	

div#nieuwsvak th{
	border: 0px; 
}	
div#nieuwsvak p{
	padding-bottom: 0px; 
}	


/*----------------------------*/

div#submenu{
	padding-left: 10px;
}
div#submenu ul{
	padding-bottom: 0em;	
}	


/*------------------------------------------------*/
/*div#webpagina_marge{ /*Gebruikt op de onderhoudspagina's voor de webpagina formulieren */
	/*float: left;
	width: 7%;
	height: 515px;
	
}*/

/*---------------wisselende tekstvakken/--------------------------------
/*--------------------------------------------*/

/*---------------voor de pagina's vd groepen-------------------- */
div#groepen-tekstvak{ 
	width: 590px;    /*wijkt af*/
	margin-left: 200px;
	padding-top: 53px;
}
div#groepen-tekstvak h1{
	padding-bottom: 0em;
	padding-top: 0em; 
}
div#groepen-tekstvak h2{
	padding-bottom: 0em; 
	padding-top: 0em; 
}

div#groepen-tekstvak h3{
	padding-bottom: 0em;
	padding-top: 0em;  
}
div#groepen-tekstvak table{
	
	margin-bottom: 0em;
}	

div#groepen-tekstvak hr{
	margin-top: 0em;
	margin-bottom: 0em;
}

div#groepen-tekstvak label{
	 margin-top: 2em; 	 
}

div#groepen-tekstvak p{
	 padding-bottom: 0em;	 
}

div#groepen-tekstvak li{
	list-style-position: inside;
	margin-left: 2em;	 
}
div#groepen-tekstvak ol{
	padding-left: 0em;
}
/*--------------------------------------------------------*/
div#groepen-extra-info{
	color: #FFFFFF;
	float: right;
	text-align: left;
	width: 120px;  /*wijkt af*/
	margin-right: 25px; 
	margin-top: 30px;
	padding: 15px;
	padding-top: 25px;
	background-color: #3366cc;
	font-size: 0.9em;
}

div#groepen-extra-info li{
	padding-bottom: 1em;
	margin-left: 0em;
	list-style-type: none;	
}

div#groepen-extra-info a{
	color: #FFFFFF; 
	
}

div#groepen-extra-info p{
	padding-bottom: 1em; 
	
}
div#groepen-extra-info a{
	text-decoration: none; 
	
}
div#groepen-extra-info h2{
	font-size: 1.2em;
	padding-bottom: 0.9em;
	padding-top: 0em; 
}


/*----------------------------------------------------*/
/*--------------------------------------------*/
div#volledig-tekstvak{ /*voor de pagina nieuws (nieuws.php) en voor de losse nieuwsberichten (bericht.php)*/
width: 760px;
	margin-left: 200px;	
	padding-top: 53px;
	
}
div#volledig-tekstvak h1{
	padding-bottom: 0em;
	padding-top: 0em; 
}
div#volledig-tekstvak h2{
	padding-bottom: 0em; 
	padding-top: 0em; 
}

div#volledig-tekstvak h3{
	padding-bottom: 0em;
	padding-top: 0em;  
}
div#volledig-tekstvak table{
	/*margin-top: 1em;*/
	border: 0px;
	margin-bottom: 0em;
}	

div#volledig-tekstvak th{
	border: 0px; 
}	

div#volledig-tekstvak td{
	border: 0px; 
}

div#volledig-tekstvak hr{
	margin-top: 0em;
	margin-bottom: 0em;
}

div#volledig-tekstvak label{
	 margin-top: 2em; 	 
}

div#volledig-tekstvak p{
	 padding-bottom: 0em;	 
}

div#volledig-tekstvak li{
	list-style-position: inside;
	margin-left: 2em;	 
}
div#volledig-tekstvak ol{
	padding-left: 0em;
}
.nieuwstitel{
	width: 100%;
	height: 1em;
	padding-bottom: 0.8em;
	padding-top: 0.5em;
	background-color: #3366cc;
	color: #FFFFFF;
	margin-bottom: 0.3em;
	

}
.paraaf{     /*voor de ondertekening van de nieuwsberichten*/
	font-size: 0.75em;
	
}

/*-----------------------------------------------------*/
div#team-tekstvak{
	width: 490px;
	margin-left: 200px;
	padding-top: 30px;
}


div#teamlid-foto{
	text-align: center;
}
div#team-extra-info{
	color: #FFFFFF;
	float: right;
	text-align: left;
	width: 200px;  
	margin-right: 25px; 
	margin-top: 30px;
	padding: 20px;
	padding-top: 5px;
	background-color: #3366cc;
	font-size: 0.9em;
	
}

div#team-extra-info li{
	padding-bottom: 1em;
	list-style-position: outside;
	margin-left: 1.3em; 
	
}

div#team-extra-info a{
	color: #FFFFFF; 
	
}

div#team-extra-info p{
	padding-bottom: 1em; 
	
}
div#team-extra-info h2{
	font-size: 1.2em;
	padding-bottom: 0.2em;
	padding-top: 0em; 
}
/*-----------------------------------------------*/
	
div#kalender-tekstvak{ /*voor de kalender*/
	width: 760px;
	margin-left: 200px;	
	padding-top: 53px;
		
}

/*------------------------------------------------------*/
/*-----------------------------------------------*/
div#linkslijst{

	padding-left: 4em;
}

/*-------------------------------------------*/


div#schoolgidsknop{
	text-align: center;
}

div#onderhoud_uitleg{
	text-align: left;
	width: 55%;
	margin: 1em;
	margin-left: 10em;
}
/*------------------------------*/
.inlog-groep{    /*voor het inlog formulier van de groepspagina's*/
	width: 13em;
}