/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.martingruetter.de/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.martingruetter.de/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.martingruetter.de/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.martingruetter.de/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.martingruetter.de/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.martingruetter.de/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.martingruetter.de/fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.martingruetter.de/fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.martingruetter.de/fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.martingruetter.de/fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.martingruetter.de/fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.martingruetter.de/fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}


/* cormorant-garamond-500 - latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.martingruetter.de/fonts/cormorant-garamond-v16-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.martingruetter.de/fonts/cormorant-garamond-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.martingruetter.de/fonts/cormorant-garamond-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.martingruetter.de/fonts/cormorant-garamond-v16-latin-500.woff') format('woff'), /* Modern Browsers */
       url('https://www.martingruetter.de/fonts/cormorant-garamond-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.martingruetter.de/fonts/cormorant-garamond-v16-latin-500.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}






/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('https://www.martingruetter.de/fonts/Muli-Regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.martingruetter.de/fonts/Muli-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* muli-italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('https://www.martingruetter.de/fonts/Muli-Italic.woff') format('woff'), /* Modern Browsers */
       url('https://www.martingruetter.de/fonts/Muli-Italic.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* muli-900 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('https://www.martingruetter.de/fonts/Muli-Black.woff') format('woff'), /* Modern Browsers */
       url('https://www.martingruetter.de/fonts/Muli-Black.ttf') format('truetype'); /* Safari, Android, iOS */
}





body { 
background-color : #493325;
font-family: Muli, Verdana, Arial, sans-serif;
font-size: 9.5pt;
font-weight: 300;
background-image : url(grafiken/skwhintergrundpattern.jpg);
background-position: center 0px;
} 

#gesamt {
position: relative;
background-color: #ffffff;
width : 1200px;
margin-left : auto;
margin-right : auto;
}

div {
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
}

div.titel {
position: absolute;
top: -10px;
width: inherit;
}

div.seitencontent {
position: absolute;
top: 130px;
width: 100%;
background-color: #f4f4f4;
}

div.main-body {
position: relative;
top: 0px;
left: 170px;
width: 1030px;
min-height: 400px;
line-height : 14pt;
font-weight : 400;
text-align : justify;
background-color: transparent;
}

div.grosstitel1 {
position: absolute;
top: 40px;
width: inherit;
z-index: 1;
font-family : Raleway, Verdana;
font-size : 30pt;
letter-spacing : 4px;
word-spacing: 2px;
font-variant: small-caps;
text-align: center;
color: #ffffff;
}

div.grosstitel2 {
position: absolute;
top: 41px;
left: 1px;
width: inherit;
z-index: 0;
font-family : Raleway, Verdana;
font-size : 30pt;
letter-spacing : 4px;
word-spacing: 2px;
font-variant : small-caps;
text-align : center;
color: #333333;
}

div.grosstitel-mobil1, div.grosstitel-mobil2 {
display: none;
}

div.sprachen {
position: absolute;
top: 5px;
right: 5px;
}

div.sprachen a img {
opacity: 0.6;
}

div.sprachen a .downloadbereich {
position: relative;
top: -3px;
margin-right: 15px;
display: inline-block;
font-size: 6pt;
font-weight: 900;
text-transform: uppercase;
background-color: #dddddd;
border-radius: 5px;
padding: 2px;
opacity: 1;
}

div.sprachen a:hover .downloadbereich {
background-color: #ffffff;
scolor: #001876;
}

div.sprachen a:hover img {
opacity: 1;
}

div.footer {
position: relative;
top: 20px;
margin-top: 15px;
padding-bottom: 10px;
clear: both;
width: 100%;
height: 30px;
font-size: 7pt;
letter-spacing: 0px;
line-height: 13pt;
text-align: center;
}

div.einzelwerkseite > div > div {
padding-bottom: 10px;
}

div.einzeldokumentseite > div > div {
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}

div.menu {
position: absolute;
top: 0px;
left: 0px;
width: 170px;
font-family: Open Sans, Verdana;
font-size : 11pt;
letter-spacing: 0px;
text-transform: lowercase;
line-height: 25pt;
text-align: left;
background-color: #F8F8F8;
}

nav, nav > ul { 
width: 100%; 
margin: 0; 
padding: 0;
}

nav > ul a > li, nav > ul > li {
position: relative;
display: inline-block; 
text-align: left;
padding: 10px 20px;
background-color: #F8F8F8;
width: 130px;
border-top: 1px solid #F1F1F1;
color: #333333;
}

#ausgewaehlt {
cursor: default;
}

nav > ul a:hover > li, #ausgewaehlt {
color: #004989;
background-color: #FFFFFF;
}

h1 { 
font-family: Open Sans, Verdana;
font-size: 22pt;
letter-spacing: 3px;
word-spacing: 2px;
line-height: 100%;
font-weight: 300;
font-variant: small-caps;
text-align: center;
color: #00315b;
}

h2 { 
font-family: Open Sans, Verdana;
font-size: 12pt;
letter-spacing: 3px;
word-spacing: 2px;
line-height: 140%;
font-weight: 300;
font-variant: small-caps;
text-align: center;
color: #00315b;
}

h2.neuerabsatz {
margin-top: 40px;
padding-top: 20px;
padding-bottom: 10px;
border-top: 1px solid #e1e1e1;
}

h2.hauptseite {
margin-top: 0px;
padding-left: 0px;
margin-bottom: 5px;
text-align: left;
letter-spacing: 2px;
font-size: 11pt;
sborder-bottom: 1px solid #e1e1e1;
text-transform: lowercase;
sdisplay: none;
color: #888888;
}

.hauptseitenbox h2.hauptseite {
margin-left: 3px;
}

h2.theorie {
padding-top: 20px;
padding-left: 20px;
text-align: left;
border-bottom: 1px solid #e1e1e1;
}

h2.download {
margin-bottom: 0px;
margin-top: 20px;
}

a {
text-decoration: none;
color: #0058a6;
outline: none;
}

a:hover {
text-decoration: none;
color: #0088ff;
outline: none;
}

.hauptseitenbox {
background-color: #ffffff;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}

.links .hauptseitenbox {
margin-top: 20px;
margin-bottom: 40px;
margin-left: -20px;
margin-right: -50px;
padding-left: 20px;
padding-right: 50px;
padding-top: 5px;
padding-bottom: 5px;
}

.normal .hauptseitenbox {
margin-top: 0px;
margin-bottom: 30px;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
}

.besetzung {
font-style: italic;
text-align: center;
font-size: 12.5pt;
padding-bottom: 15px;
color: #00213d;
}

.werkhintergrund {
display: block;
position: relative;
padding-right: 60px;
padding-left: 20px;
margin-left: 50px;
margin-bottom: 1px;
width: 590px;
}

.werkhintergrund-klickbar {
width: 590px;
padding-top: 4px;
padding-bottom: 15px;
padding-right: 20px;
}

a .werkhintergrund-klickbar {
color: #000000;
}

.unterwerk .werkhintergrund {
padding-left: 40px;
width: 570px;
}

.unterwerk .werkhintergrund-klickbar {
width: 570px;
padding-top: 0px;
}

.werkhintergrund:hover {
background-color: #f1f1f1;
margin-top: -1px;
border-top: 1px solid #aaaaaa;
}

.nichtklickbar:hover {
background-color: #f4f4f4;
border-top: 0px;
margin-top: 0px;
}

.werktitel {
font-variant: small-caps;
font-weight: 900;
letter-spacing: 1px;
font-size: 100%;
}

.werktitel a:hover {
color: #0088ff;
}

.werktitel a {
color: #004989;
}

.werktitel-fliesstext {
font-variant: small-caps;
}

.werkzusatzinfos {
font-size: 8pt;
font-style: italic;
}

.werkanhoeren {
position: absolute;
display: inline-block;
top: 0px;
padding-top: 10px;
width: 60px;
left: 630px;
z-index: 2;
}

.grosseschrift {
font-size: 300%;
}

.werknochzusatzinfos {
display: none;
position: absolute;
top: 0px;
font-size: 8.5pt;
line-height: 16px;
margin-top: -1px;
margin-left: 650px;
padding-left: 10px;
padding-right: 20px;
padding-top: 4px;
border-top: 1px solid #aaaaaa;
width: 280px;
z-index: 3;
}

.unterwerk .werknochzusatzinfos {
margin-left: 630px;
}

.werknochzusatzinfos > .einzeilig {
position: relative;
margin-top: 5px;
margin-bottom: 6px;
}

.werknochzusatzinfos > * + .einzeilig {
margin-top: 0px;
}

.werknochzusatzinfos > .einzeilig > .info {
position: absolute;
top: 0px;
left: 75px;
}

.werknochzusatzinfos .mehrzeilig {
position: relative;
top: 5px;
margin-bottom: 15px;
}

.werknochzusatzinfos .mehrzeilig .info {
position: relative;
margin-top: 2px;
}

.werknochzusatzinfos .mehrzeilig .info ul {
position: relative;
margin-top: 5px;
width: inherit;
}

.werkaudio, .werkaudio-alternativ {
display: none;
position: absolute;
top: 0px;
margin-top: -1px;
margin-left: 40px;
padding-left: 10px;
padding-right: 0px;
width: 300px;
font-style:italic;
border-top: 1px solid #aaaaaa;
}

.werkaudio {
padding-top: 0px;
font-size: 8.5pt;
line-height: 16px;
z-index: 3;
}

.werkaudio .untertitel-aufnahme {
padding-left: 20px;
padding-right: 20px;
font-style: italic;
text-align: center;
}

.werkaudio-alternativ {
padding-top: 10px;
text-align: center;
z-index: 2;
}

div.werkanhoeren:hover {
cursor: pointer;
}

div.werkanhoeren:hover > div {
display:block;
}

.kleineschrift {
font-size: 80%;
}

ul {
list-style-type: none;
list-style-image: url(grafiken/punkt.png);
padding-left: 16px;
}

.uebersichtsleiste {
-webkit-position: sticky; 
position: sticky;
top: 0px;
z-index: 4;
background-color: #f4f4f4;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #b1b1b1;
text-transform: lowercase;
font-variant: small-caps;
letter-spacing: 2px;
font-size: 100%;
color: #808080;
line-height: 16px;
}

.chronologieleiste {
height: 2060px;
width: 45px;
padding-left: 5px;
position: absolute;
background-image: linear-gradient(to top, #eaeaea 0%, #f4f4f4 100%);
}

.chronologieleiste-en {
height: 2010px;
}

.chronologieleiste .jahreszahlen, .chronologieleiste-en .jahreszahlen {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
padding-left: 20px;
font-size: 130%;
color: #e4e4e4;
}

.boxen {
padding-left: 20px;
padding-right: 20px;
}

.boxen .rechts {
float:right;
width: 460px;
}

.boxen .links {
float:left;
width: 460px;
}

.boxen .box {
border: 1px solid #b1b1b1;
padding: 0px 10px 10px 10px;
margin-bottom: 30px;
}

.boxen .bildbox {
border: 1px solid #b1b1b1;
margin-bottom: 30px;
text-align: center;
font-size: 110%;
}

.boxen .bildbox .bild {
padding: 0px;
background-color: #ffffff;
}

.boxen .bildbox .unterschrift {
background-color: #f0f0f0;
padding: 10px;
}

.boxen .bildbox .grenze {
border-bottom: 1px solid #b1b1b1;
}

.boxen a .bildbox {
color: #000000;
}

.boxen a:hover .bildbox .bild, .boxen a:hover .bildbox .unterschrift {
background-color: #ffffff;
opacity: 1;
color: #0058a6;
}

.boxen .box div {
margin-bottom: 10px;
}

.boxen .farbe1 {
background-color: #ffffff;
}

.boxen .farbe2 {
background-color: #f8f8f8;
}

.boxen .farbe3 {
background-color: #f1f1f1;
}






.sektion {
clear: both;
background-color: #f4f4f4;
}

.sektion + .sektion {
margin-top: 0px;
}

.sektion > .rechts {
float: right;
width: 500px;
}

.sektion > .links {
float: left;
width: 460px;
margin-left: 20px;
padding-bottom: 0px;
}

.sektion > .rechts > .auffuehrungen {
background-color: #ffffff;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #b1b1b1;
dborder-bottom: 1px solid #b1b1b1;
dborder-top: 1px solid #b1b1b1;
margin-bottom: 10px;
margin-right: 20px;
margin-left: 20px;
}

.sektion > .rechts > .auffuehrungen ul {
margin-top: 10px;
margin-bottom: 0px;
}

.sektion > .rechts > .auffuehrungen > .mehr {
text-align: right;
font-size: 80%;
}

.sektion > .rechts > .partitur {
position: relative;
right: 0px;
margin-bottom: 0px;
top: 10px;
opacity: 0.5;
}

.partitur + * {
margin-top: 30px;
}

.sektion > .rechts > .video {
sposition: absolute;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 10px;
text-align:center;
font-size:90%;
background-color: #ffffff;
}

.sektion > .links > .video {
sposition: absolute;
margin-right: 20px;
margin-bottom: 10px;
width: 100%;
text-align:center;
font-size:90%;
background-color: #ffffff;
}

.video-mobil {
display: none;
}

.sektion .foto {
sposition: absolute;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 10px;
padding-bottom: 0px;
text-align:center;
font-size:90%;
background-color: #ffffff;
}

.links > .einzeilig, .einzeldokumentseite .einzeilig {
position: relative;
margin-bottom: 6px;
}

.links > .einzeilig > .info {
position: absolute;
top: 0px;
left: 170px;
}

.einzeldokumentseite .einzeilig > .info {
position: absolute;
top: 0px;
left: 190px;
}

.sektion .mehrzeilig {
position: relative;
margin-bottom: 15px;
}

.sektion + .sektion .mehrzeilig {
top: 15px;
}

.sektion * + .mehrzeilig {
top: 15px;
}

.sektion .mehrzeilig br {
display: block;
margin: 3px 0;
}

.sektion .eng br {
display: block;
margin: 0px 0;
}

.sektion .rechts .mehrzeilig {
margin-left: 20px;
margin-right: 20px;
}

.sektion > .mehrzeilig {
margin-left: 20px;
margin-right: 20px;
}

.sektion .mehrzeilig > .info {
position: relative;
margin-top: 2px;
}

.sektion .mehrzeilig > .info ul {
position: relative;
margin-top: 5px;
width: inherit;
}

.sektion > .normal {
position: relative;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
}

.links > .normal {
position: relative;
padding-top: 5px;
padding-bottom: 5px;
}

.links > .partitur {
position: relative;
right: 0px;
margin-bottom: 20px;
top: 10px;
opacity: 0.5;
}

.links > .rezensionen {
background-color: #eaeaea;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #b1b1b1;
margin-top: 40px;
margin-bottom: 20px;
width: 440px;
}

.rechts > .rezensionen {
background-color: #eaeaea;
border: 1px solid #b1b1b1;
margin-left: 20px;
margin-top: 40px;
margin-bottom: 20px;
width: 460px;
}

.rezensionen .quelle {
text-align: right;
font-style: italic;
font-size: 90%;
}

.zurueckweiter {
position: relative;
margin-top: 10px;
}

.weiter {
position: absolute;
top: 0px;
right: 0px;
}

h3 {
position: relative;
text-transform: lowercase;
font-variant: small-caps;
letter-spacing: 2px;
font-size: 100%;
font-weight: 300;
color: #808080;
margin: 0px;
}

.konzertarchivhintergrund {
position: relative;
font-size: 90%;
}

.konzertarchivhintergrund .datum {
position: absolute;
top: 0px;
left: 20px;
}

.konzertarchivhintergrund .rest {
position: relative;
left: 180px;
width: 800px;
line-height: 160%;
}

.fett {
font-weight: 900;
}

.konzerthintergrund {
position: relative;
sfont-size: 9pt;
height: 42px;
margin-bottom: 0px;
margin-right: 0px;
}

.konzerthintergrund#anklickbar {
cursor: pointer;
}

.konzerthintergrund .datum {
position: absolute;
top: 0px;
left: 20px;
}

.konzerthintergrund .stadt {
position: relative;
top: 0px;
left: 200px;
width: 200px;
}

.konzerthintergrund.durchgestrichen * {
text-decoration: line-through;
}

.konzerthintergrund .stueck, .konzerthintergrund .trenner, .konzerthintergrund .interpret {
display: inline-block;
}

.konzerthintergrund .zeile1 {
position: absolute;
top: 0px;
left: 400px;
}

.konzerthintergrund .zeile2 {
position: relative;
top: -4px;
color: #bbbbbb;
font-size: 9pt;
}

.konzerthintergrund .uhrzeit {
position: absolute;
left: 20px;
}

.konzerthintergrund .location {
position: absolute;
left: 200px;
}

.konzerthintergrund .restzeile2 {
position: absolute;
left: 400px;
}

.externer-link {
display: inline-block;
opacity: 0.5;
width: 8px;
}

.konzerthintergrund .datum:hover .externer-link, .externer-link:hover {
display: inline-block;
opacity: 1;
}

.konzerthintergrund:hover {
border-top: 1px solid #aaaaaa;
height: 42px;
margin-top: -1px;
scolor: #00315b;
background-color: #f1f1f1;
}

.konzerthintergrund:hover .zeile2 {
color: #000000;
}

.konzerthintergrund .auff-ort {
height: 100%;
}

.ua {
color: #880000;
}

.sendung {
color: #880000;
font-variant: none;
}

.sendungstitel {
font-variant: none;
font-weight: 400;
letter-spacing: 0px;
}

.hervor {
color: #0088ff;
}

.hervor:hover {
color: #0088ff;
}

.pressezitat {
font-size: 140%;
font-family: Cormorant Garamond;
font-weight: 500;
}

.pressequelle {
dfont-variant: small-caps;
color: #666666;
font-size: 80%;
}

.instrumentenkalkulator-aussen {
position: relative;
padding: 0px 20px 20px 20px;
background-color: #eeeeee;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
margin-bottom: 20px;
height: 930px;
}

.instrumentenkalkulator {
position: relative;
min-height: 590px;
}

.eins {
position: absolute;
left: 0px;
width: 130px;
min-height: 570px;
background-color: #ffffff;
padding-left: 5px;
padding-right: 5px;
}

.eins div {
padding-top: 10px;
padding-bottom: 10px;
}

.zwei {
position: absolute;
left: 165px;
width: 130px;
min-height: 570px;
background-color: #ffffff;
padding-left: 5px;
padding-right: 5px;
}

.zwei div {
padding-top: 10px;
padding-bottom: 10px;
}

.drei {
position: absolute;
left: 330px;
width: 130px;
min-height: 570px;
background-color: #ffffff;
padding-left: 5px;
padding-right: 5px;
}

.drei div {
padding-top: 10px;
padding-bottom: 10px;
}

.eins select, .zwei select, .drei select {
width: 130px;
}

.instrumenthinzufuegen-aussen {
position:relative;
left: 490px;
width: 500px;
}

.instrumenthinzufuegen {
display:none;
}

.instrumenthinzufuegen > div {
margin-top: 20px;
margin-bottom: 20px;
}

.instrumenthinzufuegen > div + div {
margin-bottom: 0px;
}

.instrumenthinzufuegen input {
width: 100%;
}

.instrumenthinzufuegen .ton {
width: 68px;
}

.instrumenthinzufuegen .okt {
width: 56px;
}

.tonhoehenlegende {
position:relative;
margin-top: -5px;
margin-bottom: 30px;
}

.tonhoehenlegende div {
font-size: 60%;
}

.tonhoehenlegende1 {
position:absolute;
left: 0px;
}

.tonhoehenlegende2 {
position:absolute;
left: 71px;
}

.tonhoehenlegende3 {
position:absolute;
left: 151px;
}

.tonhoehenlegende4 {
position:absolute;
left: 223px;
}

.tonhoehenlegende1-eng {
position:absolute;
left: 77px;
}

.tonhoehenlegende2-eng {
position:absolute;
left: 151px;
}

.tonhoehenlegende3-eng {
position:absolute;
left: 235px;
}

.tonhoehenlegende4-eng {
position:absolute;
left: 309px;
}

.dreiinstrumente {
position:relative;
margin-top: -20px;
margin-bottom: 50px;
}

.erstesinstrument {
position:absolute;
left: 0px;
}

.zweitesinstrument {
position:absolute;
left: 170px;
}

.drittesinstrument {
position:absolute;
left: 340px;
}

#resultat {
position: relative;
left: 490px;
width: 500px;
padding: 0px;
}

#resultat p {
margin-left: 0px;
margin-right: 0px;
}

#resultat .hinweis {
font-size: 70%;
font-style: italic;
margin-top: -18px;
}

#resultat select {
width: 180px;
}

.hinzufuegebutton {
font-size: 130%;
}

.konzert-hauptseite {
background-color: #ffffff;
padding: 10px 10px 0px 10px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 95%;
text-align: center;
}

.presse-hauptseite {
background-color: #ffffff;
padding: 5px;
margin-bottom: 0px;
}

.waspassiert {
background-color:#f1f1f1;
dborder: 1px solid #dddddd;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
font-size:100%;
border-bottom: 1px solid #dddddd;
}

.hauptseitenfoto {
margin-right: 0px;
}

.biographiefoto {
margin-right: 0px;
margin-top: -20px;
}

.mzvn-hauptseite {
position: relative;
margin-bottom: 0px;
margin-top: 10px;
font-size: 95%
}

.mzvn-hauptseite .inhalt {
font-size: 85%;
line-height: 12px;
height: 25px;
overflow: hidden;
}

.mzvn-hauptseite .mzvnweiteraussen {
position: absolute;
bottom: -5px;
right: 0px;
z-index: 1;
opacity: 0.5;
padding: 1px 9px 1px 2px;
background-color: #ffffff;
color: #ffffff;
}

.mzvn-hauptseite .mzvnweiter {
position: absolute;
bottom: -5px;
right: 0px;
z-index: 1;
background-color: #dddddd;
padding: 1px 2px 1px 2px;
opacity: 1;
}

.mzvn-hauptseite .mzvnweiter:hover {
background-color: #eeeeee;
}

.partitur-hauptseite {
margin-top: 20px;
margin-left: -17px;
}

.hauptseite-ende {
font-size: 10pt;
text-align: center;
margin-bottom: 10px;
}

#biographie div {
margin-bottom: 10px;
}

div#biographie .uebersichtsleiste {
dpadding-left: 0px;
dpadding-right: 0px;
smargin-left: -10px;
smargin-right: -10px;
}

#biographie h2 {
margin-top: 20px;
padding-left: 160px;
text-align: left;
clear: both;
background-color: #eeeeee;
}

#biographie h2 ~ h2 {
margin-top: 60px;
}

#biographie div.zeile {
clear: both;
margin-left: 20px;
margin-right: 20px;
}

#biographie div.zeile div {
margin-top: 0px;
}

#biographie div.biographiepartitur {
height: 50px;
overflow: hidden;
margin-top: 15px;
margin-bottom: 15px;
opacity: 0.5;
}

.zeile .ereignis {
float: right;
width: 850px;
}

.zeile .zeit {
float:left;
width: 120px;
}

.zeile .inhalt {
float: right;
width: 800px;
}

.zeile .punkt {
width: 170px;
float:left;
}

.downloadbereich-betreten {
font-size: 110%;
text-align: center;
border: 1px solid #dddddd;
margin-top: 10px;
padding: 5px;
background-color: #f1f1f1;
}

.downloadbereich-betreten:hover {
background-color: #ffffff;
}

.presse {
background-color: #ffffff;
border: 1px solid #dddddd;
padding: 10px;
margin-bottom: 40px;
}

.presse-audio {
background-color: #ffffff;
border: 1px solid #dddddd;
padding: 10px;
margin-bottom: 40px;
margin-left: 20px;
margin-right: 20px;
text-align: center;
}

.rechts .presse {
margin-right: 20px;
}

.dateityp {
color: #ffffff;
border-radius: 5px;
font-size: 80%;
font-weight: 900;
padding-left: 3px;
padding-right: 3px;
opacity: 0.8;
}

a:hover .dateityp {
opacity: 1;
}

.mp3 {
background-color: #0088aa;
border: 1px solid #0088aa;
}

.vid {
background-color: #0066cc;
border: 1px solid #0066cc;
}

.pdf {
background-color: #cc0000;
border: 1px solid #cc0000;
}

.html {
background-color: #bb3300;
border: 1px solid #bb3300;
}

div.dateityp {
width: 30px;
text-align: center;
}

.fehler {
font-size: 8.5pt;
font-variant: italic;
padding-left: 20px;
padding-right: 20px;
}

.disclaimer {
font-size: 7pt;
padding-left: 20px;
padding-right: 20px;
}

.kontaktfoto {
width: 400px;
float: right;
margin-left: 20px;
}

.hauptseitenpartitur {
padding-left: 13px;
padding-right: 17px;
sopacity: 0.5;
margin-top: 20px;
}

.downloadgroesse {
display: inline-block;
font-size: 9px;
color: #aaaaaa;
line-height: 8px;
position: relative;
top: 3px;
text-align: center;
sbackground-color: #ffffff;
padding: 0 2px 0 2px;
sfont-weight: 900;
}

a:hover .downloadgroesse {
color: #000000;
}

.blickindiepartitur-mobil {
display: none;
}