body {
font-family: Verdana;
color: #CCCCCC;
line-height: 16pt;
margin-left: 10pt;
margin-right: 10pt;
background: black;
}


h1 {font: 24pt Times;
font-weight: bold;
line-height: 14pt;
text-align: center;
color: #FF9999;
}

.top {
color: #990033;
}

.thispage {
color: #990033;
}

img.photo {
border: 2px solid white;
float: middle;
margin: 4px 24px 8px 14px;

}

img.photoR {
border: 2px solid white;
float: left;
margin: 12px 24px 8px 72px;

}

.info {
text-align: center;
font-weight: bold;
font-size: 14pt;
color: #990033;
padding: 2px;
margin-left: 48px; 
margin-right: 48px;
background-color: white;
}

.info2 {
text-align: center;
font-weight: bold;
font-size: 14pt;
color: #FF9999;
padding: 2px;
margin-left: 48px; 
margin-right: 48px;
background-color: black;
}

.welkom {
text-align: center;
font-size: 18pt;
font-weight: bold;
line-height: 24pt;
}

.about {
text-align: left;
vertical-align: top;
margin-top: 36px;
}

.visiephoto {
text-align: left;
float: right; 
vertical-align: top;
margin-top: 36px;
margin-right: 36px;
}

.visiephotocenter {
text-align: center; 
vertical-align: top;
margin-top: 36px;
margin-right: 36px;
}

.les {
text-align: left;
vertical-align: top;
margin-top: 36px;
margin-left: 36px;
margin-right: 148px;
line-height: 18pt;
}

.subtitle {
text-align: left;
vertical-align: top;
margin-top: 36px;
font: 14pt Verdana;
}

ul.visie {
font: 12pt Verdana;
list-style: bullet;
line-height: 18pt;
padding-top: 30px; 
margin-right: 148px;
}

.lesphoto {
text-align: right;
float: left; 
vertical-align: top;
margin-top: 36px;
}

.lesphotoright {
text-align: right;
float: right; 
vertical-align: top;
margin-top: 36px;
}


.smallphotos {
padding-left: 24px;
padding-right: 24px;
text-align: right; 
vertical-align: top;
margin-top: 36px;
}

.cv {
font-size: 14pt;
padding: 2px;
margin-left: 36px; 
margin-right: 148px;
}



#photo {
padding-left: 24px; 
padding-right: 24px; 
padding-top: 0px; 
padding-bottom: 8px; 
border-width: 2px;
text-align: left;
}

h1 {font: 24pt Times;
font-weight: bold;
line-height: 14pt;
text-align: center;
}

h2 {font: 12pt Verdana;
font-weight: bold;
padding-top: 16px;
padding-bottom: 0px;
text-align: center;
}


h3 {font: 12pt Verdana;
line-height: 20pt;
text-align: left;
padding-top: 12px;
}

h4 {font: bold italic 14pt Verdana;
text-align: left;
margin-left: 4em;
padding: 12px;
}

h5 {font: bold italic 14pt Verdana;
text-align: left;
margin-left: 4em;
padding-left: 4px;
padding-top: 30px
}


div.nav { line-height: 12pt;
text-align: center;
}

a {text-decoration: none;}
a:link {color: white;}
a:visited {color: white;}
a:active {color: #FF9999;}
a:hover {color: #FF9999;}

.sounds {
margin-left: 10em;
}

.soundcomp {
text-align: center;
padding-top: 30px;
}

.soundpiece {
font-style: italic;
}

div.diverse {
position: relative;
}

.concerten {
list-style-type: none;
line-height: 8pt;
}

.date {
font: bold 12pt Verdana;
margin-left: 0px;
padding-top: 4px;
}

.blurb {
font: 12pt Verdana;
padding-left: 36px;
padding-top: 8px;
}

.timeplace {
font: italic 11pt Verdana;
padding-left: 48px;
padding-top: 8px;
padding-bottom: 18px;
}

ul.links {
font: 12pt Verdana;
list-style: none;
line-height: 24pt;
padding-top: 30px;
}

div.contact {
display:block;
width: 275px;
margin-bottom:2px;
border:1px double white;
color:white;
background-color:#003333;
text-align:center;
font: 8pt Verdana;
margin-left: 250px;
margin-right: 250px;
}

div.contactpage {
text-align: center;
font-weight: bold;
padding-top:10px;
}

.repertoire {
margin-left: 100px;
line-height: 36pt;
}

.comp {
font: bold 12pt Verdana;
text-align: right;
padding-right: 12px;
}

.piece {
font: 12pt Verdana;
}

.role {
font: italic 12pt Verdana;
padding-left: 8px;
}

.otherrep {
margin-left:4em;
padding-top: 0;
}