/* allgemeine Formate */
body *, body {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6a6a6a; margin:0; padding:0; border:0; text-decoration:none; text-align:left;}
body div, body #grafiken img, #linktipps {position:absolute; left:50%;}
body {background:#f5f5f5 url(../images/hintergrund-seite.jpg);}
ul {list-style-type:none;}
dt, h1, .bold {font-weight:bold;}
h1 {border-bottom:1px solid #6a6a6a; margin-bottom:10px}
h2 {margin-top:10px;}
a {color:#cc0000;}
a:hover {color:#FF0000; text-decoration:underline;}
.noscroll thead {display:none;}

/* Grafik-Gadgets in #Grafiken */
#rose {margin:436px auto auto -435px}
#efeu {margin:436px auto auto 250px}
#portrait {margin:56px auto auto 221px}


/* Kopf */
#kopf {width:740px; margin:7px auto auto -362px;}
#kopf h1 {width:1px; height:1px; overflow:hidden; font-size:0.1em; color:#F5F5F5; margin:0 auto auto auto; border-width:0;}
#logo {float:left;}
#slogan {float:right; margin:22px -5px auto auto;}

/* Flaeche der Inhalte */
#website {position:absolute; left:50%; top:20px; width:950px; height:650px; margin:0 auto auto -475px; background:#ffffff url(../images/hintergrund-inhalte.jpg) no-repeat;}

/* Inhalte */
p {margin-bottom:10px;}
#inhalte h1 {width:100%; padding-bottom:1px;}
#inhalte {width:520px; height:500px; margin:100px auto auto -155px;}
#inhalte {width:365px; text-align:justify; z-index:22;}
#inhalte.kontakt {text-align:left;}

/* Kontaktformular */
form * {clear:both;}
label {display:block; margin-bottom:2px;}
input, textarea {margin-bottom:10px; width:100%; border:1px solid #CCCCCC; background:url(../images/formular-inputs.gif) 0 0 repeat-x;}
#email, #ihrname, #betreff {height:22px;}
#nachrichtlabel {margin-top:10px}
textarea {height:250px; padding-top:5px;}
#submit {background:#DDDDDD; height:22px; text-align:center;}

/* Navigation */
#navigation {width:205px; height:220px; margin:160px auto auto -374px;}
#navigation a {width:195px; height:35px; display:block;}
a#navuebermarion {background:url(../images/navigation-uebermarion.gif) 0 0 no-repeat;}
a#navrepertoire {background:url(../images/navigation-klassisch.gif) 0 0 no-repeat;}
a#navhoerproben {background:url(../images/navigation-hoerproben.gif) 0 0 no-repeat;}
a#navlive {background:url(../images/navigation-live.gif) 0 0 no-repeat;}
a#navkontakt {background:url(../images/navigation-kontakt.gif) 0 0 no-repeat;}
#navigation a:hover {text-decoration:none; background-position:-197px 0;}
#navigation a span {visibility:hidden;}

#uebermarion a#navuebermarion,
#repertoire a#navrepertoire,
#hoerproben a#navhoerproben,
#live a#navlive,
#kontakt a#navkontakt {background-position:-394px 0;}

/* Termine & Repertoire */
#live #inhalte, #repertoire #inhalte {width:530px;}
#termine, #repertoireliste {width:530px; margin:12px 0;}
#termine .datum {width:130px;}
#termine .beginn {width:80px;}
#termine .veranstaltungsraum {width:160px;}
#termine .ort {width:120px;}
#termine .wochentag {width:70px;}
#termine .description td { padding-top:10px; }
#termine .anlass td { }
.abgelaufen td {color:#CCCCCC;}
#repertoireliste td {font-size:10px; vertical-align:top; padding-top:6px;}

   /* Repertoireliste scrollbar*/
    #repertoireliste {left:0; top:80px; width:557px; height:405px; overflow:auto;}
   .verfasser {width:145px; padding-right:10px;}
   .werk {width:160px;}
   .stueck {width:210px;}

/* Zusatzinfos */
#linktipps, #kontaktdaten {margin:320px auto auto 230px; width:200px;}
#linktipps * {font-size:10px;}
#linktipps .extern {font-size:8px;}
#linktipps dt.extern {margin-top:10px;}
#kontaktdaten { height:500px; margin-top:100px; width:140px;}
  #analytics { position:absolute; bottom:0; }
  #analytics, #analytics * { font-size:10px;}

/* blaettern*/
#blaettern {position: absolute; top:370px;}
#blaettern li {float:left; margin:0 5px;}
.seite1 .seite1,
.seite2 .seite2,
.seite3 .seite3 {font-weight:bold;}

/* Fuss */
#fuss {width:400px; margin-top:620px; text-align:right;}
#fuss a {font-size:10px; color:#999999;}
#fuss #metaangaben {font-size:8px;}

/* Yahoo Media Player */
#ymp-player { display:none; }