* {
  margin: 0;
  padding: 0;
}

html {
  background: #cbceca;
}

div#oben {
  margin: auto;
  height: 135px;
  width: 650px;
  position: relative;
  left: -20px;
}

div#oben img {
    display: block;
    margin: auto;
}

div#oben p a img:hover {
    opacity:0.4;
    filter:alpha(opacity=40); /* fuer IE 8 und aelter */
}

div#haupt {
  margin: auto;
  position: relative;
  width: 964px;
}


div#nav {
  position: relative;
  left: -20px;
}

div#nav ul {
  text-align: center;
  border: 0;
  max-height: 60px;
}

div#nav li {
  list-style: none;
  display: inline-block;
  max-height: 60px;
}

div#nav li a {
  display: inline-block;
  max-height: 60px;
}

div#nav li#vita_sel {
  background: url(buttons/Vita_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}
  

div#nav li#vita a {
  background: url(buttons/Vita.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#vita a:focus, div#nav li#vita a:hover,
div#nav li#vita a:active {
  background: url(buttons/Vita_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}


div#nav li#repertoire_sel {
  background: url(buttons/Repertoire_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#repertoire a {
  background: url(buttons/Repertoire.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#repertoire a:focus, div#nav li#repertoire a:hover,
div#nav li#repertoire a:active {
  background: url(buttons/Repertoire_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}


div#nav li#termine_sel {
  background: url(buttons/Termine_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#termine a {
  background: url(buttons/Termine.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#termine a:focus, div#nav li#termine a:hover,
div#nav li#termine a:active {
  background: url(buttons/Termine_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#presse_sel {
  background: url(buttons/Presse_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#presse a {
  background: url(buttons/Presse.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#presse a:focus, div#nav li#presse a:hover,
div#nav li#presse a:active {
  background: url(buttons/Presse_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#audio_sel {
  background: url(buttons/Audio_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#audio a {
  background: url(buttons/Audio.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#audio a:focus, div#nav li#audio a:hover,
div#nav li#audio a:active {
  background: url(buttons/Audio_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#galerie_sel {
  background: url(buttons/Galerie_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#galerie a {
  background: url(buttons/Galerie.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#galerie a:focus, div#nav li#galerie a:hover,
div#nav li#galerie a:active {
  background: url(buttons/Galerie_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#links_sel {
  background: url(buttons/Links_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#links a {
  background: url(buttons/Links.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#links a:focus, div#nav li#links a:hover,
div#nav li#links a:active {
  background: url(buttons/Links_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#kontakt_sel {
  background: url(buttons/Kontakt_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#kontakt a {
  background: url(buttons/Kontakt.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#kontakt a:focus, div#nav li#kontakt a:hover,
div#nav li#kontakt a:active {
  background: url(buttons/Kontakt_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#impressum_sel {
  background: url(buttons/Impressum_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#impressum a {
  background: url(buttons/Impressum.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}

div#nav li#impressum a:focus, div#nav li#impressum a:hover,
div#nav li#impressum a:active {
  background: url(buttons/Impressum_Hover.png);
  height:  55px;
  width:  96px;
  text-decoration: none;
  text-indent: -999em;
}


div#inhalt {
  background:  url(img/Fenster_kl.png) no-repeat;
  overflow: hidden;
  height: 437px;
  padding-left:  2px;
  padding-right: 2px;
  font-family: "Times New Roman", serif;
  font-size: 100%;
}


div#ibild {
    margin-top: 6px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 15px;
    width: 300px;
    height: 412px;
    float: left;
    display: table;
}

div#ibild p {
    display: table-cell;
    vertical-align: middle;
}

div#ibild img {
    display: block;
    margin: auto;
}

div#itext {
    margin-top: 6px;
    margin-right: 14px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: auto;
    max-height: 408px;
}

div#ilbild {
    margin-top: 6px;
    padding: 2px;
    width: 480px;
    height: 412px;
    float: left;
    display: table;
}

div#ilbild p {
    display: table-cell;
    vertical-align: middle;
}

div#ilbild img {
    display: block;
    margin: auto;
}

div#ilbild p a img:hover {
    opacity:0.4;
    filter:alpha(opacity=40); /* fuer IE 8 und aelter */
}

div#irbild {
    margin-top: 6px;
    padding: 2px;
    width: 470px;
    height: 412px;
    float: right;
    display: table;
}

div#irbild p {
    display: table-cell;
    vertical-align: middle;
}

div#irbild img {
    display: block;
    margin: auto;
}

div#irbild p a img:hover {
    opacity:0.4;
    filter:alpha(opacity=40); /* fuer IE 8 und aelter */
}


div#galerie {
  overflow: auto;
  width: 941px;
  margin: 5px;
  max-height: 418px;
} 

div#galerie img {
    opacity:1.0;
    filter:alpha(opacity=100); /* fuer IE 8 und aelter */
}

div#galerie img:hover {
    opacity:0.4;
    filter:alpha(opacity=40); /* fuer IE 8 und aelter */
}

div#galerie table {
    margin-left:  15px;
}

div#galerie td {
    padding: 2px;
    padding-right: 10px;
}

.inhalt td {
	 padding: 0.1cm;
	 margin-top: 10px;
	 font-style: italic;
}

.quelle {
	font-size: 80%;
	text-align: right;
	padding-bottom: 0.7cm;
	padding-top: 0.1cm;
}

.audio_tab {
	padding-left: 10px;
}

.rep_tab {
	padding-left: 50px;
	font-style: italic;
}

.termine {
	padding-left: 20px;
}

div#datenschutz {
    margin: auto;
    height: 135px;
    width: 900px;
    position: relative;
    left: -20px;
    text-align: left;
}