/*
-----------------------------------------------------------------
Screen-CSS für die Website der Kulturbühne Alte Druckerei,
Eine Seite der Werbeagentur Alte Tabakfabrik Grosssachsen:
www.alte-tabakfabrik.de
-----------------------------------------------------------------
*/



/*
-----------------------------------------------------------------
CSS zuruecksetzen
-----------------------------------------------------------------
*/

* { padding: 0; margin: 0; border: 0px; text-decoration: none; } 




/*
-----------------------------------------------------------------
Allgemeines
-----------------------------------------------------------------
*/

html { height: 101%; }

body { 
  background-color: white;
  color: #991b1e; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;   
}

body a {
  color: #991b1e;
  font-weight: bold;   
}





/*
-----------------------------------------------------------------
Allgemeines
-----------------------------------------------------------------
*/

.skiplink {
  position: absolute; 
  top: -5000px; 
  left: -5000px; 
  width: 0;
  height: 0; 
  overflow: hidden; 
  display: inline; 
}



/*
-----------------------------------------------------------------
Programmkasten an sich
-----------------------------------------------------------------
*/

.programmkasten_mit_link {
  width: 529px;
  height: 363px;
  margin-top: 10px;
  margin-left: 220px;
  background-image: url(bilder_allgemein/programmkasten_mit_link.gif);
}

.programmkasten {
  width: 529px;
  height: 363px;
  margin-top: 10px;
  margin-left: 220px;
  background-image: url(bilder_allgemein/programmkasten.gif);
}



/*
-----------------------------------------------------------------
Programmkasten: Teile
-----------------------------------------------------------------
*/

.programmkasten_genre {
  position: absolute;
  color: white;
  font-weight: bold;
  font-size: 12px;
  padding: 10px 20px;
}

.programmkasten_datum {
  color: white;
  font-weight: bold;
  font-size: 12px;
  text-align: right;
  margin-right: 5px;
  padding: 10px 20px;
}

.programmkasten_titel {
  font-weight: bold;
  font-size: 16px;
  padding: 10px 20px;
}

.programmkasten_titel span {
  font-size: 14px;
}

.programmkasten_text {
  font-size: 12px;
  padding: 0px 240px 10px 20px;
  line-height: 150%;
  height: 196px;
}

.programmkasten_bild {
  margin-top: -239px;
  margin-left: 296px;
  width: 206px;
  height: 257px;
  border: 4px solid white;
}

.programmkasten_bild_2zeilig {
  margin-top: -263px;
  margin-left: 296px;
  width: 206px;
  height: 257px;
  border: 4px solid white;
}


.programmkasten_weblink a {
  display: block;
  width: 220px;
  height: 15px;
  margin-top: -15px;
  margin-left: 11px;
  }

#content_programm .programmkasten_kuenstler {
  color: white;
  font-weight: bold;
  font-size: 12px;
  text-align: right;
  margin-top: 13px;
  margin-left: 10px;
  margin-right: 22px;
  }
 
 .programmkasten_ausverkauft {
  position: absolute;
  width: 197px;
  height: 133px;
  margin-top: 209px;
  margin-left: 323px;
  background-image: url(bilder_allgemein/ausverkauft.png);
}

 .programmkasten_ausverkauft_2 {
  position: absolute;
  width: 197px;
  height: 133px;
  margin-top: 209px;
  margin-left: 323px;
  background-image: url(bilder_allgemein/ausverkauft.png);
}

/*
-----------------------------------------------------------------
Programmkasten-Hacks, um die IE-Angaben wieder rauszuschmeissen
-----------------------------------------------------------------
*/

html>/**/body .programmkasten_datum {
  margin-top: 6px;
  padding: 10px 20px;
  }

html>/**/body #content_programm .programmkasten_kuenstler {
  margin-top: 4px;
  margin-right: 5px;
  padding: 12px 20px;
  } 
  
html>/**/body .programmkasten_ausverkauft {
  margin-left: 543px;
}

html>/**/body .programmkasten_ausverkauft_2 {
  margin-top: 219px;
  margin-left: 543px;
}   

/*
-----------------------------------------------------------------
Standardkaesten
-----------------------------------------------------------------
*/  

#kasten_normal {
  margin-top: -421px;
  margin-left: 220px;
  width: 529px;
  line-height: 150%;
  font-size: 12px;
    }

#kasten_normal span {
  font-weight: bold;
    }

#kasten_normal .kasten_oben {
  margin-top: 0px;
  width: 529px;
  height: 30px;
  background-image: url(bilder_allgemein/kasten_oben.gif);
    }     

#kasten_normal .kasten_muster_u_schatten {
  margin-top: 0px;
  width: 529px;
  background-image: url(bilder_allgemein/kasten_muster_u_schatten.gif);
    }


#kasten_normal .kasten_unten {
  margin-top: 0px;
  width: 529px;
  height: 39px;
  background-image: url(bilder_allgemein/kasten_unten.gif);
    } 
    
   

#kasten_normal .kasten_titel {
  font-weight: bold;
  font-size: 16px;
  padding: 13px 20px;
}

#kasten_normal .kasten_text {
  position: absolute;
  padding: 0px 240px 10px 20px;
  width: 270px;
  height: 250px;
  white-space: nowrap;
  }

#kasten_normal .kasten_titel_rechts {
  font-weight: bold;
  font-size: 16px;
  line-height: 130%;
  margin-left: 222px;
  padding: 10px 20px;
}

#kasten_normal .kasten_text_rechts {
  position: absolute;
  padding: 0px 0px 10px 20px;
  margin-left: 222px;
  height: 156px;
  white-space: nowrap;
}


/*
Kontakt
*/

#kontakt #kasten_normal .kasten_text_2 {
  width: 270px;
  margin-left: 75px;
  margin-top: -113px;
  white-space: nowrap;
  }
  
#kontakt #kasten_normal .kasten_muster_u_schatten {
  height: 896px;
    }    

#kontakt #anfahrtsskizze {
  margin-top: 210px;
  margin-left: 18px;
  margin-bottom: 20px;
  width: 485px;
  height: 505px;
  border: 3px solid #991b1e;
    }
#kontakt #parkschild {
  margin-left: 20px;
  margin-bottom: 60px;
  width: 44px;
  height: 52px;
}

/*
Event
*/
   
#event #kasten_normal .kasten_trennbalken {
  width: 514px;
  height: 23px;
  margin-left: 7px;
  margin-top: 15px;
  margin-bottom: 5px;
  background-color: #991b1e;
  }
  
#event #kasten_normal .kasten_muster_u_schatten {
  height: 1285px;
    }

#kasten_normal #bild_event_01 {
  margin-top: -30px;
  margin-left: 301px;
  width: 205px;
  height: 137px;
  border: 4px solid white;
}

#kasten_normal #bild_event_02 {
  margin-top: 12px;
  margin-left: 301px;
  width: 205px;
  height: 93px;
  border: 4px solid white;
}

#kasten_normal #bild_event_03 {
  margin-top: 12px;
  margin-left: 20px;
  width: 485px;
  height: 312px;
  border: 4px solid white;
}

#kasten_normal #bild_event_04 {
  margin-top: -53px;
  margin-left: 20px;
  width: 208px;
  height: 224px;
  border: 4px solid white;
}

#kasten_normal #bild_event_05 {
  position: absolute;
  margin-top: 15px;
  margin-left: 20px;
  width: 208px;
  height: 151px;
  border: 4px solid white;
}

#kasten_normal #bild_event_06 {
  margin-top: 10px;
  margin-left: -495px;
  width: 208px;
  height: 137px;
  border: 4px solid white;
  margin-bottom: 15px;
}

#kasten_normal #bild_event_07 {
  margin-top: 15px;
  margin-left: 250px;
  width: 253px;
  height: 312px;
  border: 4px solid white;
  margin-bottom: 15px;
}


/*
Startseite
*/
  
#startseite #kasten_normal .kasten_trennbalken {
  width: 514px;
  height: 23px;
  margin-left: -13px;
  margin-top: 15px;
  margin-bottom: 5px;
  background-color: #991b1e;
  }

#startseite #kasten_normal .kasten_muster_u_schatten {
  height: 900px;
  width: 509px;
  padding-top: 10px;
  padding-left: 20px;
    }

/*
Werbung
*/

#werbung #kasten_at {
  width: 529px;
  height: 511px;
  margin-top: -425px;
  margin-left: 220px;
  background-image: url(bilder_allgemein/kasten_at.gif);

}

#werbung #kasten_at_text {
  width: 529px;
  height: 300px;
  margin-top: -278px;
  margin-left: 252px;
  line-height: 170%;
  white-space: nowrap;
  color: #79512c;
  font-size: 12px;
}

#werbung #kasten_at_text span a {
  line-height: 280%;
  color: #79512c;
  border-bottom: 1px solid #79512c; 
}

/*
Kartenservice
*/

#kartenservice #kasten_normal .kasten_muster_u_schatten {
  height: 390px;
  width: 509px;
  padding-top: 17px;
  padding-left: 20px;
  margin-right: 50px;
    }
    
#kartenservice #kasten_kartenshop {
  width: 250px;
  height: 300px;
  margin-left: 220px;
  margin-top: -5px;
}

#kartenservice #kasten_kartenshop img{
  position: absolute;
  margin-left: -220px;
  margin-top: 5px;
}

#kartenservice #kasten_ticketonline {
  width: 250px;
  height: 300px;
  margin-left: 220px;
  margin-top: -85px;
}

#kartenservice #kasten_ticketonline img {
  position: absolute;
  margin-left: -220px;
  margin-top: 5px;
}

/*
Newsletter
*/

#newsletter #kasten_newsletterformular {
  margin-top: 0px;
  margin-left: 20px;
  width: 400px;
  height: 400px;
}

#newsletter #kasten_normal .kasten_muster_u_schatten {
  height: 435px;
  width: 529px;
      }

#newsletter #kasten_normal .kasten_muster_u_schatten .input {
  margin-top: 15px;
  width: 200px;
  height: 15px;
  padding: 5px;
  background-color: white;
  color: #991b1e;
  border: 1px solid #991b1e;
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
      }

#newsletter #kasten_normal .kasten_muster_u_schatten .button {
  margin-top: 20px;
  width: 80px;
  height: 25px;
  padding: 0px 5px 4px 5px;
  background-color: #991b1e;
  color: white;
   font-size: 12px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
      }

/*
Impressum
*/

#impressum #kasten_normal .kasten_muster_u_schatten {
  height: 2170px;
  width: 529px;
      }
#impressum #impressum_text {
  margin-left: 20px;
  width: 400px;
}
  

/*
--------------------------------------------------------------------------
Redaktionelle Bilder außerhalb der Programmseiten
--------------------------------------------------------------------------
*/
  




#startseite_highlight_bild {
  margin-top: 20px;
}



#kasten_normal .text_willkommen {
  width: 490px;
}

#kasten_normal .text_highlight {
  padding-top: 20px;
  font-size: 30px;
  font-weight: bold;
}
#kasten_normal .text_highlight span {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}



/*
--------------------------------------------------------------------------
Hack, um die falsche IE-Angaben oben wieder zu relativieren:
--------------------------------------------------------------------------
*/


html>/**/body #kasten_normal {
  margin-top: -413px;
  }  
  
html>/**/#event #kasten_normal .kasten_muster_u_schatten {
  height: 1275px;
  }
  
html>/**/#kontakt #kasten_normal .kasten_muster_u_schatten {
  height: 887px;
  }  

/*
-----------------------------------------------------------------
Feste Layoutbereiche
-----------------------------------------------------------------
*/

   

 

#wrapper { 
  position: relative;
  background-image: url(bilder_allgemein/background_wrapper.jpg); 
  color: #991b1e;
  width: 988px; 
  margin: 0px auto;
}

/*
Oben
*/

#top {
  position: relative;
  left: 0;
  top: 0;
  height: 179px;
  width: 988px;
  background-repeat: no-repeat;
  }

#top_a #top { 
  background-image: url(bilder_allgemein/top_a.jpg);
  }
  
#top_b #top { 
  background-image: url(bilder_allgemein/top_b.jpg);
  }
  
/*
Hauptnavi
*/
  
#hauptnavi {
  position: absolute;
  top: 179px;
  left: 0px;
  width: 179px;
  padding-left: 19px;
  padding-top: 0px;
  font-weight: bold;
  font-size: 12px;

 }
 
 #hauptnavi li {
 list-style-type: none;
 }
 
 #hauptnavi li a:link,
 #hauptnavi li a:visited {
    background-color: #d59f9e; 
    color: #991b1e;
    padding: 4px 4px 4px 4px;
    width: 162px;
    margin: 4px 2px 4px 2px;
    text-decoration: none;
      display: block;
   }
   
 #hauptnavi li a:hover,
 #hauptnavi li a:focus,
 #hauptnavi li a:active {
    background-color: white;
      display: block;
   }
 
   
   #hauptnavi span {
    background-color: white;
    padding: 4px 4px 4px 4px;
    width: 162px;
    margin: 4px 2px 4px 2px;
  display: block;    
    }
 

   

/*
Programmnavi
*/

#programmnavi_monate_sepjan {
  margin-top: -422px;
  margin-left: 220px;
  width: 529px;
  height: 53px;
  background-image: url(bilder_allgemein/programm_monatsnavi_sep_jan.gif);
  }

#programmnavi_monate_janjun {
  margin-top: -422px;
  margin-left: 220px;
  width: 529px;
  height: 53px;
  background-image: url(bilder_allgemein/programm_monatsnavi_jan_jun.gif);
  }  
  
/*
--------------------------------------------------------------------------
Hack, um die falsche IE-Angabe zu margin-top oben wieder zu relativieren:
--------------------------------------------------------------------------
*/
html>/**/body #programmnavi_monate_sepjan {
  margin-top: -414px;
  }  
  
html>/**/body #programmnavi_monate_janjun {
  margin-top: -414px;
  }  


/*
Monatsnavi Auswahl / Link fuer das 1. Halbjahr (janjun)
*/

#programm_januar_janjun #programmnavi_auswahl {
  position: relative;
  top: 7px;
  margin-left: 10px;
  width: 72px;
  height: 30px;
  border: 2px solid #991b1e;
  }
  
#programm_februar #programmnavi_auswahl {
  position: relative;
  top: 7px;
  margin-left: 108px;
  width: 80px;
  height: 30px;
  border: 2px solid #991b1e;
  }


#programm_maerz #programmnavi_auswahl {
  position: relative;
  top: 7px;
  margin-left: 214px;
  width: 60px;
  height: 30px;
  border: 2px solid #991b1e;
  }  
  
#programm_april #programmnavi_auswahl {
  position: relative;
  top: 7px;
  margin-left: 299px;
  width: 56px;
  height: 30px;
  border: 2px solid #991b1e;
  }  
  

#programm_mai #programmnavi_auswahl {
  position: relative;
  top: 7px;
  margin-left: 379px;
  width: 53px;
  height: 30px;
  border: 2px solid #991b1e;
  }  
  
#programm_juni #programmnavi_auswahl {
  position: relative;
  top: 7px;
  margin-left: 452px;
  width: 56px;
  height: 30px;
  border: 2px solid #991b1e;
  }   
  
  
 #programmnavi_monate_janjun #programmnavi_link_januar a {
  position: relative;
  display: block;
  width: 72px;
  height: 30px;
  margin-top: -25px;
  margin-left: 10px;
  }
  
#programmnavi_monate_janjun #programmnavi_link_februar a {
  position: relative;
  display: block;
  width: 80px;
  height: 30px;
  margin-top: -32px;
  margin-left: 108px;
  }
  
#programmnavi_monate_janjun #programmnavi_link_maerz a {
  position: relative;
  display: block;
  width: 60px;
  height: 30px;
  margin-top: -29px;
  margin-left: 214px;
  }
  
#programmnavi_monate_janjun #programmnavi_link_april a {
  position: relative;
  display: block;
  width: 56px;
  height: 30px;
  margin-top: -29px;
  margin-left: 299px;
  }
  
#programmnavi_monate_janjun #programmnavi_link_mai a {
  position: relative;
  display: block;
  width: 55px;
  height: 30px;
  margin-top: -32px;
  margin-left: 379px;
  }  

#programmnavi_monate_janjun #programmnavi_link_juni a {
  position: relative;
  display: block;
  width: 56px;
  height: 30px;
  margin-top: -32px;
  margin-left: 452px;
  }  

  
/*
Monatsnavi Auswahl / Link fuer das 2. Halbjahr (sepjan)
*/
  
  

#programm_september #programmnavi_auswahl {
  position: relative;
  top: 7px;
  margin-left: 10px;
  width: 106px;
  height: 30px;
  border: 2px solid #991b1e;
  }
  
#programm_oktober #programmnavi_auswahl {
  position: relative;
  top: 7px;
  margin-left: 128px;
  width: 80px;
  height: 30px;
  border: 2px solid #991b1e;
  }


#programm_november #programmnavi_auswahl {
  position: relative;
  top: 7px;
  margin-left: 220px;
  width: 100px;
  height: 30px;
  border: 2px solid #991b1e;
  }  
  
#programm_dezember #programmnavi_auswahl {
  position: relative;
  top: 7px;
  margin-left: 330px;
  width: 100px;
  height: 30px;
  border: 2px solid #991b1e;
  }  
  

#programm_januar_sepjan #programmnavi_auswahl {
  position: relative;
  top: 7px;
  margin-left: 440px;
  width: 73px;
  height: 30px;
  border: 2px solid #991b1e;
  }  
  
  
  
  
 #programmnavi_monate_sepjan #programmnavi_link_september a {
  position: relative;
  display: block;
  width: 106px;
  height: 30px;
  margin-top: -25px;
  margin-left: 10px;
  }
  
#programmnavi_monate_sepjan #programmnavi_link_oktober a {
  position: relative;
  display: block;
  width: 80px;
  height: 30px;
  margin-top: -32px;
  margin-left: 128px;
  }
  
#programmnavi_monate_sepjan #programmnavi_link_november a {
  position: relative;
  display: block;
  width: 100px;
  height: 30px;
  margin-top: -29px;
  margin-left: 220px;
  }
  
#programmnavi_monate_sepjan #programmnavi_link_dezember a {
  position: relative;
  display: block;
  width: 100px;
  height: 30px;
  margin-top: -29px;
  margin-left: 330px;
  }
  
#programmnavi_monate_sepjan #programmnavi_link_januar a {
  position: relative;
  display: block;
  width: 75px;
  height: 30px;
  margin-top: -32px;
  margin-left: 440px;
  }  
  
/*
Partner-Links & -Logos
*/

  #partner_rechts {
  margin-top: -154px;
  margin-left: 785px;
  width: 189px;
   }
   
   

/*
--------------------------------------------------------------------------
Hack, um die falsche IE-Angabe zu margin-top oben wieder zu relativieren:
--------------------------------------------------------------------------
*/
html>/**/body #partner_rechts {
  margin-top: 0;
  }
  


  
#partner_rechts #kubue_logo {
  margin-bottom: 72px;
  }

#partner_rechts img {
  margin-bottom: 8px;
  }

/*
Counter
*/
  
#counter {
  margin-top: 90px;
  margin-left: -161px;
  position: absolute;
  width: 157px;
  height: 26px;
  background-color: #991b1e;
  }

#counter img {
  margin: 3px 40px;
  border: 1px solid #d59f9e;
  }


/*
--------------------------------------------------------------------------
Hack, um die falsche IE-Angabe beim Counter oben wieder zu relativieren:
--------------------------------------------------------------------------
*/ 

html>/**/body #counter {
  margin-top: 0px;
  margin-left: 0px;
  }   

  
  
/*
Unten
*/

  #monatsnavi_unten {
  width: 510px;
  height: 30px;
  margin-left: 228px;
  }
  
/*
------------------------------------------------------------------------------------
Zeigt nicht aktive Links in Hintergrundfarbe an, damit das Layout nicht verrutscht:
------------------------------------------------------------------------------------
*/
  #monatsnavi_unten span {
  color: #fef3b3; 
  }
 
   
  #monat_vorheriger a {
  left: 228px;
  text-align: left;
  color: #991b1e;
  font-weight: bold;
    }

  #monat_naechster a {
  position: absolute;
  margin-top: -12px;
  right: 250px;
  text-align: right;
  color: #991b1e;
  font-weight: bold;
    }

  #schatten_unten {
  width: 988px;
  height: 32px;
  margin-bottom: 0px;
  background-image: url(bilder_allgemein/schatten_unten.jpg);
  }
  

#wrapper_copyright {
  position: relative;
  width: 988px;
  margin: 0px auto;
  }
    
#copyright {
  text-align: center;
  line-height: 150%;
  padding-bottom: 20px;
  }
  
#copyright a {
  color: #991b1e;
  font-weight: bold;
  }


/*
------------------------------------------------------------------------------------
Ende
------------------------------------------------------------------------------------
*/