*{padding: 0; 	margin: 0;	}

body.bg {}

h2 { font-family: Verdana; }		   
				
a:link {color: #000000;text-decoration: underline; border-color:white; target: _blank;}

a:active{color: #000000; text-decoration<style type="text/css"}
a:visited {color: #000000; text-decoration: none}
a:hover { color: #000000; text-decoration: none; }
			
a:hover.hover{ text-decoration: underline;
			color: #8c530a;	} 		



.container { 	background-color: white;
				width: 95%;
				margin: 0px auto;
			}




img {max-width: 100%; height: auto; }

.list-header { font-size: 16px;
		font-weight: bold;
}

button {background-color: #ffffff; color: #100c85; padding: 5px; letter-spacing:0.5px; "}


.hfdblk { background-color: #faedcf; width: 827pt; height: 820pt; border: 3pt ridge #a9a5a8; } 
.menu { text-align: center; margin-left: 10pt; }
.main {text-align: left; margin-left: 3em; font-size:10pt; text-decoration: bold; font-family: verdana; color: #1d1d1d; }

.blok {position: absolute; left: 49%; width: 350pt; top: 310pt; background: #faedcf; border: 2pt inset #a9a5a8; margin-left: 5em; color: #000000; }



/* tbv blad Biografie */

img.bio { position: absolute; top: 270pt; left: 720pt; height: 240px;}
.txtbio { position: absolute;top: 270pt; width: 480pt; margin-left: 10pt; font-family: verdana; color:#000000; font-size:9.5pt;}
.txtbio2 {position: absolute; top: 465pt; width: 760pt; margin-left: 10pt; font-family: verdana; color:#000000; font-size:9pt; }
.txtbio3 {position: absolute; top: 562pt; width: 760pt; margin-left: 10pt; font-family: verdana; color:#000000; font-size:9pt;} /* tbv duitse tekst */
.blok3 { position: absolute; top: 200; width: 945; margin-left: 29; height: 820; background-color: #36334a;}
.blok4 { position: absolute; top: 1200; width: 975; height:6; background-color:#3e3b55;} 

a:link.bio {font-family: verdana; color: #18158e; text-decoration: none; font-size:12}
a:active.bio{font-family: verdana; color: #18158e;text-decoration: none; font-size:12 }
a:visited.bio {font-family: verdana; color: #18158e;text-decoration: none; font-size:12 }
a:hover.bio {font-family: verdana; color: #18158e; text-decoration: underline; font-weight: normal; font-size:12 } 

/* linken op repertoire onderdeel */

a:link.rep {font-family: arial rounded mt bold; color: #cac6bf;text-decoration: none;} 
a:active.rep {font-family: arial rounded mt bold; color: #cac6bf ;text-decoration: underline;}
a:visited.rep {font-family: arial rounded mt bold; color: #cac6bf ;text-decoration: none;}
a:hover.rep {font-family: arial rounded mt bold; color: #cac6bf ;text-decoration: underline; font-weight: normal;}

/* css tbv blad repertoire */
.repblk { background-color: #faedcf; width:827pt;  height: 800pt; overflow:auto; border: 3pt ridge #a9a5a8; }
.blokrep1_1 {position: absolute;  left: 10pt; width: 325pt; background-color: #faedcf; color:#000000; margin-left: 2pt;text-align: left; }
.blokrep1_2 {position: absolute;  left: 335pt; width: 220pt;  background-color: #faedcf; border-left: 1px solid #766d61; text-align: left;}
.blokrep1_3 {position: absolute;  left: 555pt; width: 220pt;  background-color: #faedcf; border-left: 1px solid #766d61; text-align: left; }
.blokrep1_4 {position: absolute; overflow: auto; top: 200pt; left: 240pt; width:250pt; height: 500pt; color:#cac6bf; font-family: verdana;font-size:10pt;line-height: 1.5}
/* tbv blad repertoire opera/operette */

.blokrep2_1 {position: absolute; top: 200; left: 40; width: 339; height: 60; background-color: #312e43; color:#cac6bf; border-bottom: 1px solid #766d61; border-right: 2px solid #766d61;}
.blokrep2_2 {position: absolute; top: 200; left: 317; width: 339; height: 60; background-color: #36334a;color:#cac6bf; border-left: 1px solid #766d61; }
.blokrep2_3 {position: absolute; top: 200; left: 595; width: 339; height: 60; background-color: #312e43; border-left: 1px solid #766d61; border-bottom: 1px solid #766d61; }
.blokrep2_4 {position: absolute; top: 200; left: 40; width: 900; height: 500; background-image: url(bgrep1.jpg);color:#cac6bf; font-family: verdana;font-size:12;line-height: 1.5;}

/* tbv blad repertoire symfonische werken */

.blokrep3_1 {position: absolute; top: 200; left: 40; width: 339; height: 60; background-color: #312e43;  border-bottom: 1px solid #766d61; border-right: 2px solid #766d61;}
.blokrep3_2 {position: absolute; top: 200; left: 317; width: 339; height: 60; background-color: #312e43; border-left: 1px solid #766d61; border-bottom: 1px solid #766d61; border-right: 2px solid #766d61;}
.blokrep3_3 {position: absolute; top: 200; left: 595; width: 339; height: 60;background-color: #36334a; border-left: 1px solid #766d61;}
.blokrep3_4 {position: absolute; top: 200; left: 40; width:900; height: 500; background-image: url(bgrep1.jpg); color:#cac6bf; font-family: verdana;font-size:12;line-height: 1.5}

/* tbv blad midi-files */

table.midi {margin-top: 10pt; margin-left: 55pt; font-family: verdana; color:#000000; font-size:9pt; background-color:#faedcf;}
table.midisub { font-family: verdana; color:#000000; font-size:10pt;}
a:link.midi { color: #000000;text-decoration: none; }
a:active.midi{ color: #000000;text-decoration: none}
a:visited.midi {color: #000000;text-decoration: none}
a:hover.midi { color: #000000; text-decoration: underline; font-weight: normal;} 

/* tbv blad Fotoos */
.blok5 { position: absolute; top: 30px; width: 650px; left: 390px; background-color: #faedcf;font-family: verdana; color: #000000; }

a:link.foto { color: #000000;text-decoration: none; }
a:active.foto{ color: #000000;text-decoration: none}
a:visited.foto {color:  #000000;text-decoration: none}
a:hover.foto { color: #000000; text-decoration: underline; font-weight: normal;} 

/* tbv Foto Concert Hosanna 12-11-2009 */

body.foto { background-color: #1a1823;} 
table.foto { border-color: #1d1d1d;} 
td.foto { background-color: black; width: 160; text-align: center;}


/* tbv blad Links */

p.link {color: #0b0a44; }
a:link.link {color: #000000;text-decoration: none; }
a:active.link{ color: #000000;text-decoration: none}
a:visited.link {color: #000000;text-decoration: none}
a:hover.link { color: #0b0a44; text-decoration: underline; font-weight: normal;} 
.blok6 { position: absolute; width: 450pt; left: 210pt; font-family: verdana;font-size:10pt; color: #000000; }

/* tbv blad Projecten */







table.proj {margin-top: 15pt; margin-left:2pt; font-family: verdana; color:#000000; font-size:11px; line-height: 1.7; text-align: top;}
.mainproj { position: relative; left: 8pt; top: 15pt; text-align: left; margin-left: 3em; font-size:10pt;}