/* General tags */
* {margin:0; padding:0;}
body {background:#cccccc url(bodybg.gif) repeat; font:76% verdana,tahoma,sans-serif; color:#555555;}
a {background-color:inherit; color:#816C51; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:0 0 16px 0;}
ul, ol {margin:0 0 16px 15px; padding-left:5px;}
ul ul, ol ol {margin:3px 0 0 15px;}
img {margin:0 10px 5px 0;}

/* Headers */
h1 {color:#816C51; font-size:3.6em; letter-spacing:-3px; margin:0; text-align:right;}
h2 {font-size:19px; font-weight:normal; letter-spacing:-1px; margin:5px 0 10px;}
.h3 {color: #816C51; margin-bottom: 0px; font-size: 0.5em;}
h4 {color: #816C51; margin-bottom: 10px; font-size: 1.5em;}
h5 {color: #816C51; margin-left: 15px; font-size: 0.8em;}

/* Various containers with background images */
#container-intro {background:#fff url(background-intro.jpg) top left repeat-y; border:20px solid #816C51; color:#555; margin:0 auto 15px; padding:10px; width:58em; height:33em; line-height:1.3em;}
#container-welcome {background:#fff url(background-welcome.jpg) top left repeat-y; border:20px solid #816C51; color:#555; margin:0 auto 15px; padding:10px; width:58em; height:33em; line-height:1.3em;}
#container-cv {background:#fff url(background-cv.jpg) top left repeat-y; border:20px solid #816C51; color:#555; margin:0 auto 15px; padding:10px; width:58em; height:33em; line-height:1.3em;}
#container-press {background:#fff url(background-press.jpg) top left repeat-y; border:20px solid #816C51; color:#555; margin:0 auto 15px; padding:10px; width:58em; height:33em; line-height:1.3em;}
#container-concerts {background:#fff url(background-concerts.jpg) top left repeat-y; border:20px solid #816C51; color:#555; margin:0 auto 15px; padding:10px; width:58em; height:33em; line-height:1.3em;}
#container-repertoire {background:#fff url(background-repertoire.jpg) top left repeat-y; border:20px solid #816C51; color:#555; margin:0 auto 15px; padding:10px; width:58em; height:33em; line-height:1.3em;}
#container-ensembles {background:#fff url(background-ensembles.jpg) top left repeat-y; border:20px solid #816C51; color:#555; margin:0 auto 15px; padding:10px; width:58em; height:33em; line-height:1.3em;}
#container-stockhausen {background:#fff url(background-stockhausen.jpg) top left repeat-y; border:20px solid #816C51; color:#555; margin:0 auto 15px; padding:10px; width:58em; height:33em; line-height:1.3em;}
#container-freude {background:#fff url(background-freude.jpg) top left repeat-y; border:20px solid #816C51; color:#555; margin:0 auto 15px; padding:10px; width:58em; height:33em; line-height:1.3em;}
#container-teaching {background:#fff url(background-teaching.jpg) top left repeat-y; border:20px solid #816C51; color:#555; margin:0 auto 15px; padding:10px; width:58em; height:33em; line-height:1.3em;}
#container-gallery {background:#fff url(background-gallery.jpg) top left repeat-y; border:20px solid #816C51; color:#555; margin:0 auto 15px; padding:10px; width:58em; height:33em; line-height:1.3em;}
#container-media {background:#fff url(background-media.jpg) top left repeat-y; border:20px solid #816C51; color:#555; margin:0 auto 15px; padding:10px; width:58em; height:33em; line-height:1.3em;}
#container-contact {background:#fff url(background-contact.jpg) top left repeat-y; border:20px solid #816C51; color:#555; margin:0 auto 15px; padding:10px; width:58em; height:33em; line-height:1.3em;}

/* IDs */
#title {margin:20px auto -9px; width:700px;}
#sidebar {float:left; padding-left:14.6em; width:10em;}
#sidebar p {margin:10px 0 5px 10px; text-align:left; font-size:0.8em;}
#sidebar p a {font-weight:400;}
#main {float:right; width:31em; height:33em; overflow:auto}
#main-intro {float:right; width:47em}
#footer {clear:both; color:#aaa;}

/* Menu */
.menu {border:1px solid #ffffff; color:#816C51; display:block; font-size:1.1em; font-weight:bold; padding:4px 2px 4px 10px; width:9em;}
.menu:hover {background-color:#f8f8f8; border:1px solid #cccccc; color:#333333; text-decoration:none;}

/* Boxes */
.box {border:1px solid #E6E6E6; color:#333333; display:block; font-size:1em; font-weight:normal; padding:4px 2px 4px 5px; margin-bottom:3px; width:auto;}
.box:hover {background-color:#f8f8f8; border:1px solid #cccccc; color:#333333; text-decoration:none;}

/* Various classes */
.credits {color:#777; font-size:75%; margin-bottom:0;}
.credits a {color:#777;}
.day {color:#FFFFFF; font-size:1.8em; text-align:center}
.month {color:#816C51; font-weight:bold; text-align:center}
.quotes {color:#816C51; text-align:justify; font-style:italic}