/* De height op 100% instellen zodat de div's ook met height in % kunnen werken */
html, body {
margin : 0px;
padding : 0px;
height : 100%;
width : 100%;
border-color : #cc0000;
background-color : #000000;
color : #000000;
font : 12PX, Arial, Verdana, Helvetica, geneva;
overflow : auto;
}

p:first-letter {
font-family : Arial, Verdana, Helvetica, geneva;
font-size : 150%;
font-style : normal;
font-weight : bold;
color : #6666ff;
 }

p, ul, ol, li {
font : 12PX Arial, Verdana, Helvetica, geneva;
}

h1 {
font : bold 14PX Arial, Verdana, Helvetica, geneva;
color : #6666ff;
padding-bottom : 2px;
margin :0;
}
h2 {
font : bold 12PX Arial, Verdana, Helvetica, geneva;
color : #d9d9d9;
}


h1.positie {
font : bold 16PX Verdana, Arial, Helvetica, geneva;
color : #66ff00;
}

.fototitle {
font : bold 24PX "comic sans ms", Verdana, Arial, Helvetica, geneva;
color : #669999;
display : inline;
}

#fotobutton {
height : 50px;
}

#fotoklein {
height : 50px;
}

a {
border : 0;
color : #6666ff;
text-decoration:none;
}
a:hover {
border : 0;
color : #000000;
text-decoration:none;
}

a.link {
font-size : 20PX;
border : 0;
color : #6666ff;
text-decoration:none;
}
a:hover.link {
font-size : 20PX;
border : 0;
color : #000000;
text-decoration:none;
}

table {
width : 100%;
border : 0px;
padding : 0px;
margin : 0px;
border-collapse: collapse;
/*display: block;*/
}

td.background {
width : 100%;
}


#fotomedium {
width : 250px;
}

/* De hoofd-layout bestaat uit 3 delen om steeds een volledig scherm te vullen.*/
#div_container {
position : absolute;
margin : 0%;
left : 0%;
right : 0%;
height : 100%;
width : 100%;
background-color : #000000;
}

#div_update {
font : bold 12PX Arial, Verdana, Helvetica, geneva;
color : #ffffff;
position : absolute;
bottom : 3%;
left : 2%;
z-index : 6;
}

#div_teller {
position : absolute;
bottom : 3%;
left : 47%;
z-index : 6;
}

#div_hoofding {
position : absolute;
border-top: 2px solid #ffffff; 
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
top : 1%;
left : 1%;
right : 1%;
width : 98%;
z-index : 5;
}

#div_selectie {
position : absolute;
top : 4%;
right : 2%;
width : 20%;
font-family : Papyrus, "comic sans ms", Arial, Helvetica, geneva;
font-size : 30PX;
font-weight : bold;
color : #ffffff;
font-weight : normal;
overflow : auto;
z-index : 5;
}

#div_titel {
position : absolute;
top : 2%;
left : 2%;
width : 30%;
font-family : Papyrus, "comic sans ms", Arial, Helvetica, geneva;
font-size : 20PX;
font-weight : bold;
color : #ffffff;
font-weight : normal;
overflow : auto;
z-index : 5;
}

#div_bottom {
position : absolute;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
bottom : 1%;
left : 1%;
right : 1%;
width : 98%;
z-index : 5;
}

#div_detail {
position : absolute;
top : 15%;
left : 17%;
width : 79%;
height : 78%;
margin : 0px;
color : #000000;
background-color : #ffffff;
padding : 1%;
overflow: auto;
z-index : 5;
}

#div_menu {
position : absolute;
top : 15%;
left : 1%;
width : 23%;
height : 80%;
margin : 0%;
padding : 0%;
z-index : 6;
}



#div_detail_dirigenten {
position : absolute;
top : 15%;
left : 17%;
width : 79%;
height : 78%;
margin : 0px;
color : #ffffff;
background-color : #000000;
padding : 0%;
overflow : auto;
z-index : 5;
}

#historiek {
font-size : 16PX;
}


#bghistoriekdirigent {
 background-image : url("afbeeldingen/fanfare_oud_bg.jpg");
 background-repeat : repeat;
}


#div_detail_dirigenten_menu {
position : absolute;
top : 12%;
left : 17%;
width : 50%;
margin : 0px;
border : 0;
color : #ffffff;
background-color : #000000;
padding : 0%;
overflow : auto;
z-index : 6;
}

#div_detail_dirigenten_menu a {
color : #ffffff;
}

#div_detail_dirigenten_menu a:hover {
color : #000000;
}

#div_detail_dirigenten_kh {
position : absolute;
top : 18%;
left : 17%;
margin : 0px;
color : #ffffff;
font-weight : bold;
padding : 1%;
z-index : 5;
}

#div_detail_dirigenten_ds {
position : absolute;
top : 18%;
right : 5%;
margin : 0px;
color : #ffffff;
font-weight : bold;
padding : 1%;
z-index : 5;
}

#div_repetities {
position : absolute;
top : 15%;
left : 40%;
margin : 0px;
color : #ffffff;
font-size : 20PX;
font-weight : bold;
padding : 1%;
z-index : 5;
}

#navigatie {
 margin : 5%;
}	


#navigatie a {
 color: #ffffff;
 text-decoration: none;
 font : 20PX Papyrus, "comic sans ms", Arial, Helvetica, geneva;
 list-style-image: url(afbeeldingen/button_blue.jpg);
 list-style-position : outside;

}

#navigatie li {padding : 5px;
 list-style-image: url(afbeeldingen/button_blue.jpg);
 list-style-position : outside;
}

#navigatie a:hover {
 color: #cc9933;
 font : 20PX Papyrus, "comic sans ms", Arial, Helvetica, geneva;
 font : bold;
 list-style-image: url(afbeeldingen/button_gold.jpg);
 list-style-position : outside;
}

#navigatie li:hover {
 list-style-image: url(afbeeldingen/button_gold.jpg);
 list-style-position : outside;
}

/* menu dirigenten */
div.menudirigent td {
 padding : 5px;
 text-align : center;
 background :#000000;
 border: 1px solid #ffffff;
}

div.menudirigent td:hover {
padding : 5px;
text-align : center;
background :#ffffff;
border: 1px solid #000000;
}

#activiteit {
width : 10%;
margin : 0px;
padding : 10px;
background-color : #999999;
background-image : url("afbeeldingen/hpim0082.jpg");
color : #999999;
font-family : "comic sans ms", courier;
font-size : 40PX;
font-weight : bold;
}

#act_maand {
padding : 10px;
background : #ffff00;
color : #999999;
font-size : 20PX;
font-family : "comic sans ms", courier;
border-bottom : 3px solid #999999;
}

#act_dag {
width : 10%;
padding : 10px;
background : #ffffff;
color : #ff0000;
font-size : 16PX;
font-weight : bold;
font-family : "comic sans ms", courier;
border-bottom : 1px solid #999999;
}

#act_info {
width : 90%;
padding : 10px;
background : #ffffff;
color : #000000;
font-family : "lucida handwriting", verdana, "comic sans ms", courier;
font-size : 14PX;
border-bottom : 1px solid #999999;
}

/* Tijdelijke settings */
#temp_affiche {
height : 600px;
}