/*--------------------------------------------------------------------------------------*/
/* styles voor logo                                 						 			*/
/*--------------------------------------------------------------------------------------*/

.logo {
  margin-left: 10%;  
}

/*--------------------------------------------------------------------------------------*/
/* styles die voor meerdere pagina's gebruikt worden						 			*/
/*--------------------------------------------------------------------------------------*/

.titel{
  font-size: 140%;
  font-weight: bold;
  color:rgb(21,107,19);
  margin-top: 60px;
  text-align:center;
}

.titel2{
  font-size: 120%;
  font-weight: bold;
  color:rgb(21,107,19);
  margin-top: 60px;
  text-align:center;      
}

.tekst{ 
  margin-left: 5%;
  margin-right: 10%;
}

.tekst2{ margin-left: 10%; }
.tekst3{ text-align: center;}
.tekst4{ margin-left: 15%; }

.letstat { margin-left: 5%;}

/*style nodig om bij lange pagina's in 1 keer naar boven te kunnen gaan door te klikken op de link 'naar boven'*/            
.top {
  text-align: center;
  margin-left: 40%;
  color: #156B13;
}

.voettekst{
  display:block;
  padding:10px 10px 0 10px;
  text-align:justify;
  font-size:80%;
  color:#00051b;
  margin-left: 5%;
  text-align:center;
}

/*--------------------------------------------------------------------------------------*/
/* styles voor menu in rechterkolom                                                     */
/*--------------------------------------------------------------------------------------*/
.buttonmenu{
  position: absolute;
  list-style: none;
  margin: 0 20px;
  padding: 0;
  top: 120px;
  width: 150px;
}

.buttonmenu li{
  background: #156B13;
  padding: 5px 0 3px 0;
  text-align: center;
  list-style: none;
  border-left: 2px solid #187C16;
  border-top: 2px solid #187C16;
  border-right: 2px solid #125C10;
  border-bottom: 2px solid #125C10;
}

.buttonmenu li a{
  text-decoration: none;
  font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  color: white;
}

.afbeelding {
  margin: 350px 10px;
}

/*--------------------------------------------------------------------------------------*/
/* styles voor alle lijsten op de webpagina                                             */
/*--------------------------------------------------------------------------------------*/

.lijst{
  width: 300px; 
  color:black;
  margin-left: 40%;
  padding: 0;
  list-style-type: none;
  display: block;
}

.lijst li {
  color: black; 
  margin: 10px;
  padding: 5px;
}

.lijst a:link, .lijst a:visited, .lijst a:active {
  text-decoration:none; 
  color:#156B13;
}

.lijst a:hover {
    color: #eee;
}

.lijst2{
  width: 300px; 
  color:black;
  margin-left: 30%;
  padding: 0;
  list-style-type: none;
  display: block;
}

.lijst2 li {
  color: black; 
  margin: 10px;
  padding: 5px;
}

.lijst2 a:link, .lijst a:visited, .lijst a:active {
  text-decoration:none; 
  color:#156B13;
}

.lijst2 a:hover {
    color: #eee;
}

.sublijst{
  margin: 0; 
  padding:0; 
  margin-left: 20%;
}

.sublijst li {
  display: inline;
  list-style-type:none;
}
.sublijst a:link, .sublijst a:visited { 
  color:#156B13;
  text-decoration:none;
}

.sublijst a:hover {
  color: #eee;    
}

/*voor de hoogte en kleur van een lijn is geen uniforme oplossing voor de verschillende browsers.*/
/*Daardoor is het nodig meerdere eigenschappen te combineren.*/
/*Er moet gebruik gemaakt worden van de volgende stijleigenschappen om tot vrijwel hetzelfde resultaat in */
/*Microsoft Internet Explorer 4.0 en hoger, Netscape Navigator 6.0 en hoger, Mozilla, Firefox en Opera 4.0 en hoger te komen : */
/*border, color, background-color, width en height*/
.lijn{
  width: 95%;
  height: 0;
  border: 0;
  border-top: 2px solid rgb(21,107,19);
}

/*--------------------------------------------------------------------------------------*/
/* styles voor activiteiten pagina's: activiteiten.htm en oudpapier.htm		 			*/
/*--------------------------------------------------------------------------------------*/

.h3{margin-left: 40%; text-decoration: underline;}
.h4{margin-left: 40%}

/* style nodig voor uitleg adobe reader */
.adobe{ 
  font-size: 80%;
  font-style: italic;
  margin-left: 5%;
}

/*--------------------------------------------------------------------------------------*/
/* styles voor agenda pagina's fanfare en jeugdorkest                                   */
/*--------------------------------------------------------------------------------------*/


/*border-collapse: collapse; is nodig om lijn in header door te laten lopen */
.agenda_tabel {
  width: 80%; 
  margin-left: 5%; 
  text-align: left; 
  border-collapse: collapse;
}

.agenda_header { 
  border-top: 2px solid #156B13;
  border-bottom: 2px solid #156B13;
  padding: 5px 10px;
}

.agenda_hcenter{
  border-top: 2px solid #156B13; 
  border-bottom: 2px solid #156B13;
  border-right: 1px solid #99ff99; 
  border-left: 1px solid #99ff99;
  padding: 5px 10px;
}

.agenda_cell{ padding: 5px 10px; }

.agenda_center{ 
  padding: 5px 10px;
  border-right: 1px solid #99ff99;
  border-left: 1px solid #99ff99;
}

.agenda_cellOud{
  padding: 5px 10px;
  text-decoration: line-through;
  color: #808080;
}

.agenda_centerOud{
  padding: 5px 10px;
  text-decoration: line-through;
  border-right: 1px solid #99ff99;
  border-left: 1px solid #99ff99; 
  color: #808080;
}

/* style voor afbeelding in agenda.htm (zowel fanfare als jeugdorkest) */
.agenda_afbeelding {
    margin-left: 20%;
}

/*--------------------------------------------------------------------------------------*/
/* styles voor pagina links.htm                                                         */
/*--------------------------------------------------------------------------------------*/

.align {
  text-align: center;    
}
.hyperlink {
  color:#156B13;
  font-weight: bold;
}

.span {
  color: #048cfa;   
  text-align: center; 
}

.opmerking {
    margin-left: 5%;
    font-family: verdana;
    font-size: 10px;
}

/*--------------------------------------------------------------------------------------*/
/* styles voor cecieleke pagina                                                         */
/*--------------------------------------------------------------------------------------*/

.adtekst{
  margin-left: 5%;
  font-family: verdana;
  font-size: 10px;  
  font-style: italic;
}

/*--------------------------------------------------------------------------------------*/
/* styles voor contactinformatie                                                        */
/*--------------------------------------------------------------------------------------*/

.h2 {
  margin-left: 5%;
  text-decoration: underline;    
}

/*--------------------------------------------------------------------------------------*/
/* style voor sponsor pagina															*/
/*--------------------------------------------------------------------------------------*/

.sponsor_tabel{
    width: 600px; 
    margin-left: 10%; 
    border-collapse: collapse;
}

.sponsor_tabel td{
  padding: 5px 10px;
  border-spacing: 5px;
  border: 1px solid #156B13;
}