/***************************************************/
/*Linkfarbe color:#ffdd00 */
/**************************************************/
body {
        margin: 0;
        padding: 0;
        background:#fff url(../images/hg_dreck_aussen.jpg) center top repeat;
  background-attachment:fixed; /* für Zentrierung auch in Opera */
        font-family: Courell, Verdana, Arial, Helvetica, serif;
        color:#333; /* dunkelgrau */
        font-weight:normal;
        line-height:1.3em;
}
h1 { font-size:12px;
}
h2 { font-size:14px; margin-bottom: 1em;
}
h2.sh2 { font-size:14px; margin-bottom: 1em; }
h3 { font-size:16px;}
h4 { font-size:18px;}
li { margin-top:3px; }
div,td,th,address,blockquote,p { font-size:12px; line-height:1.3em; }
.dotborder { border-bottom: 2px dotted #ccc;
             border-top: 2px dotted #ccc;}
/**************************************************************/
/* Fonts */
@font-face {
  font-family: 'Courell';
  src: url('../fonts/courell_bold-webfont.eot');
  src: local('©'), url('../fonts/courell_bold-webfont.woff') format('woff'), url('../fonts/courell_bold-webfont.ttf') format('truetype'), url('../fonts/courell_bold-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  }
/**************************************************************/
/**********************************************/
         /* Links */
/**********************************************/
a {
        margin: 0px;
        padding: 0px;
        text-decoration: none;
        color: #333;
        font-size: 12px;
}
a:active { color:#000;
font-weight:normal;
text-decoration:none;
border:0px solid black;
}
a:hover { color:#000;
font-weight:normal;
text-decoration:none;
background-color:#ffdd00;
border-bottom: 2px dotted #000;
}
/**********************************************/
         /* Images */
/**********************************************/
img {
border:0px;
}
a.active_black, a:visited.active_black, a:active.active_black a:hover.active_black {
color:#333;
text-decoration:none;
border:0px solid black;
}
.lightboximage {
                position: relative;
                width:90px;
                height:65px;
                float:left;
                margin: 3px;
                }
.lightboximage a:hover {
border-bottom:none;
}
.lightboximage_hoch {
                position: relative;
                width:90px;
                height:140px;
                float:left;
                margin: 3px;
                }
.lightboximage_hoch a:hover {
border-bottom:none;
}
.team_lightboximage {
                position: relative;
                width:170px;
                height:117px;
                float:left;
                margin: 3px;
                }
.team_lightboximage a:hover {
border-bottom:none;
}
.team_lightboximage_hoch {
                position: relative;
                width:170px;
                height:263px;
                float:left;
                margin: 3px;
                }
.team_lightboximage_hoch a:hover {
border-bottom:none;
}
.lightboximage_hochkant {
                position: relative;
                width:75px;
                height:117px;
                float:left;
                margin: 3px;
                }
.lightboximage_hochkant a:hover {
border-bottom:none;
}
#button {
        BACKGROUND-COLOR: #ffffff; COLOR: #333; FONT-FAMILY: Courell, serif; FONT-SIZE: 12px; font-weight:bold;
}
#button :hover {
        BACKGROUND-COLOR: #333; COLOR: #333; FONT-FAMILY: Courell, serif; FONT-SIZE: 12px; font-weight:bold;
}
.text_normal {
        font-size: 12px;
        color:#333;
        text-decoration: none;
}
.red_text {
        font-size: 12px;
        color:#ffdd00;
        font-weight: bold;
        text-decoration: none;
}
/**********************************************/
         /* Switchcontent */
/**********************************************/
/*Style sheet used for demo. Remove if desired*/
.handcursor{
cursor:hand;
cursor:pointer;
}
.switch {
        color: #ffdd00;
        font-weight: bold;
        width: 10px;
}
.status {
        width: 100%;
        }
div.normalswitch {
        font-size: 11px;
        color: #333;
        }
div.clear {
        clear: both;
}
.switch-container {
position:relative;
width:530px;
float:left;
clear: both;
}
/**********************************************/
         /* div id's */
/**********************************************/
.box_bold {
position:relative; top:10px; left:0px;
width: 550px;
float:left;
padding-bottom:0px;
border-top: 2px dotted #ccc;
}

/**************************************************************/
/* Seite */

#feld {
   margin: 5px auto; width: 1050px; position: relative;
  background:#fff;}

/**********************************************/
/* Hauptnavigation */
/**********************************************/
#navigations-container {
position:absolute; top:15px; left:165px; width:540px; height:400px;
}
#seite {
position:absolute; top:15px; left:180px; width:540px; height:800px;
}
#hauptnavigation {
position:relative; top:0px; left:0px;
width:555px;
height:35px;
background-color:#ffffff;
}
#hauptnavigation a {
text-decoration:none;
background-color:#fff;
border-bottom: none;
}
#hauptnavigation a:active {
text-decoration:none;
background-color:#fff;
border-bottom: none;
}
#hauptnavigation a:hover {
text-decoration:none;
background-color:#fff;
border-bottom: 2px dotted #000;
}
#hauptnavigation a:visited {
text-decoration:none;
background-color:#fff;
border-bottom: none;
}
#index_header {
position:absolute; top:495px; left:165px;
font-size:24px;
weight:bold;
color:#000;
height:30px;
width:540px;
border-top: 2px dotted #ccc;
padding-top:10px;
padding-left:10px;
background-color:#ffffff;
z-index:29;
}
#index_hauptcontainer {
position:absolute; top:551px; left:165px;
width:550px;
height:auto;
background-color:#ffffff;
z-index:28;
zoom:1;
}
#hauptcontainer {
position:absolute; top:175px; left:165px;
width:550px;
height:auto;
background-color:#ffffff;
z-index:86;
zoom:1;
}
.titel {
position:relative;
height:40px;
width:540px;
font-size:28px;
weight:bold;
color:#000;
background-color:#ffffff;
padding-left:10px;
padding-bottom:10px;
float:left;
}
#hauptinfocontainer {
position:relative; top:50px; left:182px;
width:530px;
background-color:#ffffff;
z-index:1;
}
.hauptinformation_1 {
position:relative;
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
padding-right:10px;
width:530px;
background-color:#ffffff;
border-top: 2px dotted #ccc;
float:left;
display:inline;
}
.link_bilder {
position:relative;
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
padding-right:10px;
width:530px;
background-color:#ffffff;
border-top: 2px dotted #ccc;
float:left;
display:inline;
}
.link_bilder a { Border:none;
}
.sub-titel {
position:relative;
padding-left:10px;
padding-top:5px;
width:540px;
height:45px;
color: #000;
font-size:30px;
clear:both;
  /* margin-top:-1px;  doppelte Linie vermeiden am Anfang von Spalte "haupt" */
  border-top: 2px dotted #ccc;
float:left;
}
.hauptinformation_2 {
position:relative;
min-height:40px;
width:540px;
float:left;
background-color:#ffffff;
padding-left:5px;
}
#inhalt {
position:relative;
width:540px;
float:left;
background-color:#ffffff;
}
#inhalt a {
color: #000;
}
#inhalt a:hover {
color: #000;
background-color:#ffdd00;
border-bottom: 2px dotted #000;
}
/* Team Seite Image + Beschreibung */
.team_image {
position:relative;
width:120px;
min-height:240px;
background-color:#ffffff;
text-decoration: none;
float:left;
}
.team_image a {
position:relative;
width:120px;
min-height:240px;
background-color:#ffffff;
text-decoration: none;
}
.team_image a:hover {
position:relative;
width:120px;
min-height:240px;
background-color:#ffffff;
text-decoration: none;
}
.portrait {
position:relative;
width:170px;
height:260px;
background-color:#ffffff;
text-decoration: none;
float:left;
border-bottom:none;
}
.portrait a {
position:relative;
width:170px;
height:260px;
background-color:#ffffff;
text-decoration: none;
border-bottom:none;
}
.portrait a:hover {
position:relative;
width:170px;
height:260px;
background-color:#ffffff;
text-decoration: none;
border-bottom:none;
}
.team_beschreibung {
position:relative;
left:20px;
width:400px;
min-height:240px;
background-color:#ffffff;
float:left;
}
.portrait_beschreibung {
position:relative;
left:30px;
width:350px;
min-height:260px;
background-color:#ffffff;
float:left;
}
.iframe {
position:relative;
width:527px;
height:auto;
padding-left:40px;
padding-top:30px;
float:left;
}
#iframe_terminkalender {
position:absolute; left:0px;
top:180px;
width:700;
height:530;
z-index:100;
}
#iframe_forum {
position:absolute; left:0px;
top:180px;
min-width:725px;
min-height:2000;
z-index:100;
}
/**********************************************/
/* Banner + Navigtion LINKS */
/**********************************************/
#logo {
position:absolute; top:5px; left:0px;
height:160px;
width:160px;
border:0px;
float:left;
z-index:35;
}
#logo a {

border:none;
}
#linker_container {
position:absolute; top:225px; left:0px;
min-height:150px;
width:165px;
border:0px;
float:left;
z-index:40;
}

                 /* Hauptseite Navigation Aktuell*/
#index_logo {
position:absolute; top:5px; left:0px;
height:160px;
width:160px;
border:0px;
float:left;
z-index:35;
}
#index_logo a {
border:none;
}
#index_linker_container {
position:absolute; top:225px; left:0px;
min-height:150px;
width:165px;
border:0px;
float:left;
z-index:40;
}
                 #index_box_premiere {
                 position:absolute; top:270px; left:0px;
                 font-size:12px;
                 font-weight:bold;
                 height:auto;
                 width:150px;
                 padding-left:5px;
                 padding-bottom:2px;
                 padding-top:2px;
                 display:block;
                 float:left;
                 color:#000;
                 background-color: #ffdd00;
                 z-index:60;
                 }
                 #index_box_demnaechst {
                 position:absolute; top:280px; left:0px;
                 font-size:12px;
                 height:auto;
                 width:150px;
                 padding-left:5px;
                 padding-bottom:5px;
                 display:block;
                 float:left;
                 color:#000;
                 z-index:60;
                 }
                 #index_box_demnaechst a {
                 color:#333;
                 font-size:12px;
                 font-weight:normal;
                 text-decoration:none;
                 display:block;
                 padding:0px;
                 }
                 #index_box_demnaechst a:hover {
                 color:#000;
                 font-size:12px;
                 font-weight:normal;
                 text-decoration:none;
                 background-color:#ffdd00;
                 }
#freiraum_links {
position:absolute; top:530px; left:0px;
font-size:10px;
width:155px;
min-height:160px;
float:left;
z-index:39;
}
#zurueck {
position:absolute; top:410px; left:0px;
width:140px;
display:block;
z-index:60;
}
#zurueck a {
font-size:11px;
padding:5px;
color:#808080;
font-weight:bold;
text-decoration:none;
display:block;
}
#zurueck a:hover {
color:#000;
font-size:11px;
font-weight:bold;
text-decoration:none;
background-color:#ffdd00;
}
/**********************************************/
/* Banner + Navigtion RECHTS */
/**********************************************/
#banner_rechts {
position:absolute; top:5px; left:750px;
height:300px;
width:200px;
background:#ffffff;
border:0px;
float:bottom;
}
#box_navi_rechts {
position:absolute; top:340px; left:750px;
width: 200px;
min-height:101%;
padding-top:10px;
padding-left:5px;
background-color:#ffffff;
}
#box_navi_rechts a {
font-size:12px;
font-weight:bold;
color:#5F5F5F;
text-decoration:none;
display:block;
padding:7px;
}
#box_navi_rechts a:hover {
color:#000;
font-size:12px;
font-weight:bold;
text-decoration:none;
background-color:#ffdd00;
}
#Hauptbild {
position:absolute; top:340px; left:750px;
height:auto;
width:200px;
border:0px;
background-color: #ffffff;
}
#Hauptbild a {
border-bottom:none;
}
#Hauptbild a:active {
border-bottom:none;
}
#Hauptbild a:visited {
border-bottom:none;
}
#Hauptbild a:hover {
border-bottom:none;
}
#repertoire_rechts {
position:absolute; top:340px; left:750px;
height:auto;
width:200px;
border:0px;
background-color: #ffffff;
}
#repertoire_rechts a {
color:#000;
}
#repertoire_rechts a:hover {
color:#000;
background-color:#ffdd00;}
#sitemap {
position:absolute; top:600px; left:540px;
width: 160px;
}
#sitemap a {
font-size:12px;
font-weight:bold;
text-decoration:none;
display:block;
padding:7px;
border:0px solid black;}
#sitemap a:hover {
color:#ffdd00;
font-size:12px;
font-weight:bold;
text-decoration:none;
background-color:#ffdd00;}
/**********************************************/
/* INDEX - Banner + Navigtion RECHTS - INDEX */
/**********************************************/
#index_banner_rechts {
position:absolute; top:5px; left:750px;
background-image:url(../images/main/ltd_logo_farbe_ffdd00.png);
border:0px;
float:bottom;
z-index:35;
}
#index_banner_rechts a
{
text-decoration:none;
border-bottom: none;
background-color:none;
}
#index_banner_rechts a:hover
{
background-color:none;
}
#index_info_rechts {
position:absolute; top:496px; left:750px;
color:#000;
width:195px;
padding-top:8px;
padding-bottom:8px;
padding-left:5px;
background-color:#ffdd00;
z-index:100;
}
#index_info_rechts a {
font-size:18px;
color:#000;
background-color:#ffdd00;
}
#index_info_rechts a:hover {
font-size:18px;
font-weight:bold;
color:#000;
border-bottom: none;
background-color:#ffdd00;
}
#index_box_navi_rechts {
position:absolute; top:550px; left:750px;
width: 195px;
height:auto;
min-height:101%;
padding-top:10px;
padding-left:5px;
background-color:#ffffff;
}
#index_box_navi_rechts a {
font-size:12px;
font-weight:bold;
color:#5F5F5F;
text-decoration:none;
display:block;
padding:7px;
}
#index_box_navi_rechts a:hover {
color:#000;
font-size:12px;
font-weight:bold;
text-decoration:none;
background-color:#ffdd00;
}
#index_Hauptbild {
position:absolute; top:55px; left:0px;
height:400px;
width:950px;
border:0px;
padding: 0px;
z-index:30;
}

.aufmacher_bild {
  position:relative;
  width:950px; height:400px;
  overflow:hidden;
  }
.aufmacher_text {
position:absolute; top:295px; left:0px;
width:auto;
z-index:31;
}
.aufmacher_text a {
                 font-size:48px;
                 font-weight:bold;
                 width:auto;
                 text-decoration:none;
                 padding-left:20px;
                 padding-right:20px;
                 background-color:#ffdd00;
                 color:#000;
                 border-bottom: none;
                 }
.aufmacher_text a:hover {
                 font-size:48px;
                 font-weight:bold;
                 text-decoration:none;
                 width:auto;
                 padding-left:20px;
                 padding-right:20px;
                 background-color:#ffdd00;
                 color:#000;
                 border-bottom: none;
                 }

#index_Hauptbild img {
padding: 0px;
border: 0px;
display: inline;
}
#index_Hauptbild a
{
border-bottom: none;
}
#index_Hauptbild a:hover
{
border-bottom: none;
}
#index_Hauptbild_2 {
position:absolute; top:360px; left:0px;
height:100px;
width:auto;
z-index:31;
}
#index_Hauptbild_2 a {
                 font-size:48px;
                 font-weight:bold;
                 text-decoration:none;
                 padding:20px;
                 background-color:#ffdd00;
                 color:#000;
                 border-bottom: none;
                 }
#index_Hauptbild_2 a:hover {
                 font-size:48px;
                 font-weight:bold;
                 text-decoration:none;
                 padding:20px;
                 background-color:#ffdd00;
                 color:#000;
                 border-bottom: none;
                 }
#index_sitemap {
position:absolute; top:600px; left:520px;
width: 180px;
}
#index_sitemap a {
font-size:12px;
font-weight:bold;
text-decoration:none;
display:block;
padding:7px;
border:0px solid black;}
#index_sitemap a:hover {
color:#ffdd00;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
/* ****************************************** */
/* Mittelcontainer                                          */
/* ****************************************** */
/* Produktionen */
.beschreibung {
        font-size: 12px;
        color: #333;
        margin-bottom: 2em;
}
.box_grau {
color:#868480;
font-size:12px;
font-weight:normal;
text-decoration:none;
}
.autor {
color:#52514e;
font-size:12px;
font-weight:normal;
font-style:italic;
}
.autor a {
color:#52514e;
font-size:12px;
font-weight:normal;
font-style:italic;
}
.autor a:hover {
color:#52514e;
font-style:italic;
font-size:12px;
font-weight:normal;
}
/* Repertoire */
/* Repertoire Listenansicht */
.repertoire_item {
  position:relative;
  float: left;
  /* margin-top:-1px;  doppelte Linie vermeiden am Anfang von Spalte "haupt" */
  border-top: 2px dotted #ccc;
  padding-top:5px;
  font-family: Courell, "Courier New", Courier, serif;
  font-size: 0.9em;
  line-height:1.2em;
  width: 540px;
  margin-left: 10px;
  margin-bottom: 2em;
  clear: none;}
.repertoire_item a {
  padding-top:0px;
  font-size: 18px;
  font-weight:normal;
    }
.repertoire_item a:hover {
  padding-top:0px;
  background:none;
  font-size: 18px;
  font-weight:normal;
  }
#inhalt .repertoire_image {
  float:left;
  display:inline;
  padding-bottom:10px;
  }
#inhalt .repertoire_image a {
  background:none;
  }
#inhalt .repertoire_image a:hover {
  border:none;
  }
#inhalt .repertoire_image img {
  margin-right:10px;
  }
.mehr {
  text-align:right;
  }
.mehr a {
  text-align:right;
  font-size:14px;
  }
.mehr a:hover {
  text-align:right;
  font-size:14px;
  }
#inhalt .repertoire_single {
    color: #000;
    background: none;
    padding:0px;
    }
#inhalt .premiere
{
color: #000;
padding:0px;
    }

/* ****************************************** */
/* Navigation                                 */
/* ****************************************** */

/* Navigation 1 */

ul#navi1 {
  z-index:999;
  width:750px; height:45px;
  list-style:none;
  margin:0px;
  padding:0px;
  }

ul#navi1 li {
  float:left;
  margin:0px;
  padding:0px;
  }
ul#navi1 li a {
  margin:0px; margin-top:10px; margin-right:5px;
  padding-top:3px; padding-left:5px; padding-right:5px; padding-bottom:5px;
  display:block;
  /* font-family: BodoniXT, Times New Roman, serif; */
  font-family: Courell, "Courier New", Courier, serif;
  font-size:16px;
  color:#333;
  text-decoration: none;
  }
ul#navi1 li a:hover {
  color:#ffdd00;
  padding-top:1px; padding-left:4px; padding-right:4px; /* Platz für Kontur */
  border: 2px solid #ffdd00;
  font-family: Courell, "Courier New", Courier, serif;
  }

ul#navi1 li a.an,
ul#navi1 li a.an:hover {
  font-family: Courell, "Courier New", Courier, serif;
  color:#000;
  background:#fff;
  padding:0px; padding-top:1px; padding-bottom:5px;
  border:none; border-top: 2px solid #ffdd00;
  margin-left:5px; margin-right:10px;
  }


/* Dropdownmenü */

ul#navi1 li.active a.lvl_1,
ul#navi1 li.active a.an,
ul#navi1 li.active a.an:hover {
  z-index:1000; margin-top:9px; position:relative; top:1px; height:20px; /* Kontur des Menüs überdecken */
  font-family: Courell, "Courier New", Courier, serif;
  color:#000;
  background-color:#fff;
  padding-top:1px; padding-left:4px; padding-right:4px;
  margin-left:0px; margin-right:5px;
  border: 1px solid #ffdd00; border-top: 2px solid #ffdd00; border-bottom:none;
  }

ul#navi1 div.menu {
  z-index:999;
  display:none; /* wird von js sichtbar gemacht */
  position:absolute;
  width:200px; /* feste Breite wegen Schräge */
  margin:0px;
  padding:0px;
  border-top: 1px solid #ffdd00;
  background: url(../images/navig/hg_menu_ende_ffdd00.png)right bottom no-repeat;
  padding-bottom:11px; /* Platz für Schräge */
  }
ul#navi1 li div.menu ul {
  list-style:none;
  margin:0px;
  padding:0px;
  }
ul#navi1 li div.menu li {
  width:198px; /* Breite ohne Kontur */
  margin:0px;
  padding:0px;
  background-color:#fff;
  border-left: 1px solid #ffdd00; border-right: 1px solid #ffdd00;
  }

ul#navi1 li div.menu li a {
  margin:0px;
  padding:0px;
  display:block;
  padding-left:5px; padding-top:2px; padding-bottom:3px; padding-right:8px;
  /*font-family: Verdana, Geneva, sans-serif;*/
  font-family: Courell, "Courier New", Courier, serif;
  font-size:14px;
  line-height:1em;
  text-decoration:none;
  }
ul#navi1 li div.menu li a:hover {
  color:#000;
  background-color:#ffdd00;
  font-family: Courell, "Courier New", Courier, serif;
  padding-left:5px; padding-top:2px; padding-bottom:3px; padding-right:8px;
  border:none;
  }
ul#navi1 li div.menu li a.da {
  font-family: Courell, "Courier New", Courier, serif;
  color:#000;
  background-color:#ffdd00;
  }
ul#navi1 li div.menu li a.da:hover {
  color:#000;
  }


/**************************************************************/
/* Navigation 2 */

ul#navi2 {
  width:160px;
  list-style:none;
  margin:0px;
  padding:0px;
  border-bottom: 2px dotted #ccc;
  margin-bottom:40px;
  }
ul#navi2 li {
  margin:0px;
  padding:0px;
  display:block;
  }
ul#navi2 li a {
  margin:0px;
  padding:0px;
  display:block;
  border-top: 2px dotted #ccc;
  padding-left:3px; padding-top:2px; padding-bottom:3px;
  font-family: Courell, "Courier New", Courier, serif;
  font-size:12px;
  color:#333;
  line-height:1em;
  text-decoration:none;
  }
ul#navi2 li a:hover,
ul#navi2 li a.an:hover {
  color:#000;
  background-color:#ffdd00;
  background-image: none;
  padding-left: 3px;
  border-top: 2px solid #fff; border-bottom:none;
  font-family: Courell, "Courier New", Courier, serif;
  }
ul#navi2 li a.da,
ul#navi2 li a.active {
  color:#000;
  background-color:#ffdd00;
  background-image: none;
  border-top: 2px solid #fff;
  font-family: Courell, "Courier New", Courier, serif;
  }
ul#navi2 li a.da:hover {
  color:#000;
  }
ul#navi2 li a.an {
  color:#000;
  border-top: 2px solid #ffdd00;
  font-family: Courell, "Courier New", Courier, serif;
  }

/* zweite Ebene (eingerückt) */
ul#navi2 li ul {
  list-style:none;
  padding:0px; padding-left:10px;
  width:150px;
  margin:0px;
  }
/* Fußzeile */
#fuss {
  position:relative;
  float:left;
  /*clear:both;*/
  border-top: 2px dotted #ccc;
  padding-top:5px;
  width:607px;
  padding-bottom:50px;
  }
#fuss p {
  font-size:0.84em;
  }
#fuss .links {
  position:relative;
  float:left;
  }
#fuss .rechts {
  position:relative;
  float:right;
  }
#fuss a {
        color: #333;
        font-size:0.95em;
        background: #fff;
        border-bottom: none;
        }
#fuss p a:hover,
#rechts li a:hover,
#inhalt h5 a:hover {
        color: #000;
        background: #ffdd00;
        padding-left: 0px; padding-right: 3px;
        border-bottom: 1px solid #000;
        }
#fuss .zurueck a:hover {
        color: #000;
        background: #ffdd00 center no-repeat;
        border-bottom: 1px solid #000;
        }