@charset "utf-8";
/* CSS Document */

html { margin: 0px; padding: 0px; } 
body { width: 100%; background: #000000; text-align: center; font-size: 12px; line-height: 19px; font-weight: normal; color: #ffffff; font-family: Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; }
body.intro { padding-top: 20px; }

a { color: #b19a71; text-decoration: none; }
a:hover { color: #b19a71; }

h1 { color: #b19a71; font-size: 27px; line-height: 32px; text-transform: uppercase; font-weight: bold; text-align: left; }
h2 { color: #000000; font-size: 12px; line-height: 16px; text-transform: uppercase; font-weight: normal; }
h3 { color: #b19a71; font-size: 14px; line-height: 18px; font-weight: normal; text-align: left; }
h4 { font-size: 10px; line-height: 14px; font-weight: bold; }
* + html h2 { padding: 0px; margin: 0px; }
p { margin: 0px; padding: 0px; }
em { color: #b19a71; }
img { border: 0px solid white;}
ul { margin:0; padding:0px; }
label { text-transform: uppercase; font-size:11px; }
input { border: 1px solid #999999; font-size: 11px; margin: 0px; margin-bottom: 2px; width: 40px; }
textarea { border: 1px solid #999999; font-size: 11px; margin: 0px; margin-bottom: 2px; width: 240px; }
.submit { border: 0px solid #999999; margin: 0px; margin-bottom: 2px; width: 91px; }
.address { width: 240px; }
.unit { width: 80px; border: 1px solid #999999; font-size: 11px; }

.panel { margin: 0px auto; padding: 0px; width: 790px; }
.start { width: 800px; height: 600px; padding-top: 280px; }

.header { width: 785px; height: 133px; margin-top: 32px; z-index: 1; text-align: left; }
.header .logo { margin-bottom: 38px; }
.header ul { margin: 0px; padding: 0px; }
.header .mainnav { width: 785px; height: 26px; }
.header .mainnav li { list-style: none; margin: 0px; padding: 0px; float:left; }
.header .mainnav li a { display: block; height: 0px; padding-top: 26px; }

.header .mainnav li.fleischpappe a, .header .mainnav li.stuecke a, .header .mainnav li.spielplan a,
.header .mainnav li.galerie a, .header .mainnav li.biografien a, .header .mainnav li.download a,
.header .mainnav li.kontakt a { background-image: url(../images/navigation.jpg); background-repeat: no-repeat; overflow: hidden; }

.header .mainnav li.fleischpappe a { width: 148px; background-position: 0px -26px; }
.header .mainnav li.stuecke a { width: 72px; background-position: -148px -26px; }
.header .mainnav li.spielplan a { width: 100px; background-position: -222px -26px; }
.header .mainnav li.galerie a { width: 85px; background-position: -322px -26px; }
.header .mainnav li.biografien a { width: 120px; background-position: -407px -26px; }
.header .mainnav li.download a { width: 100px; background-position: -527px -26px; }
.header .mainnav li.kontakt a { width: 94px; background-position: -627px -26px; }

.header .mainnav li.fleischpappe.active a { width: 148px; background-position: 0px 0px; }
.header .mainnav li.stuecke.active a { width: 72px; background-position: -148px 0px; }
.header .mainnav li.spielplan.active a { width: 100px; background-position: -222px 0px; }
.header .mainnav li.galerie.active a { width: 85px; background-position: -322px 0px; }
.header .mainnav li.biografien.active a { width: 120px; background-position: -407px 0px; }
.header .mainnav li.download.active a { width: 100px; background-position: -527px 0px; }
.header .mainnav li.kontakt.active a { width: 94px; background-position: -627px 0px; }

.blankbar { width: 217px; height: 400px; padding-top: 15px; text-align: left; margin-right: 15px; float: left; }

.sidebar { width: 217px; height: 460px; padding-top: 15px; text-align: left; margin-right: 15px; background-image: url(../images/pappe.jpg); background-repeat: no-repeat; float: left; }
.sidebar .line { background-image: url(../images/dots.png); background-repeat: repeat-x; height: 10px; width: 207px; margin-left: 4px; margin-top: 12px; margin-bottom: 6px; }
.sidebar a { color: #000000; font-weight: bold; text-transform: uppercase; line-height: 14px; }
.sidebar a:hover { color: #ffffff; }
.sidebar p { padding-bottom: 6px; }
.sidebar .active { color: #ffffff; }
.sidebar .subnavi { padding-left: 12px; padding-right: 6px; padding-top: 14px; }
.sidebar .tstuecke { background-image: url(../images/tstuecke.png); background-repeat: no-repeat; height: 27px; width: 200px; margin-left: 10px; }
.sidebar .tarchiv { background-image: url(../images/tarchiv.png); background-repeat: no-repeat; height: 27px; width: 200px; margin-left: 10px; }
.sidebar .tspielplan { background-image: url(../images/tspielplan.png); background-repeat: no-repeat; height: 27px; width: 200px; margin-left: 10px; }
.sidebar .tdownload { background-image: url(../images/tdownload.png); background-repeat: no-repeat; height: 27px; width: 200px; margin-left: 10px; }
.sidebar .tbiografien { background-image: url(../images/tbiografien.png); background-repeat: no-repeat; height: 27px; width: 200px; margin-left: 10px; }
.sidebar .tkontakt { background-image: url(../images/tkontakt.png); background-repeat: no-repeat; height: 27px; width: 200px; margin-left: 10px; }
.sidebar .text { text-align: left; padding-left: 12px; padding-right: 6px; color: #000000; padding-top: 0px; margin-top: 0px; }
.sidebar .text h1 { text-transform: uppercase; color: #ffffff; font-size: 12px; line-height: 16px; padding-top: 0px; margin-top: 0px; }
.sidebar .text a { text-transform: lowercase; color: #ffffff; font-weight: normal; }

.content { width: 490px; background-color: #ffffff; color: #000000; float: left; margin-bottom: 16px; }
.content .header { margin: 0px; width: 490px; height: 7px; background-color: #ffffff; color: #000000; background-image: url(../images/header.jpg); background-repeat: no-repeat; }
.content .text { text-align: left; padding-left: 20px; padding-right: 20px; }
.content .image { text-align: center; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }
.content .download { text-align: left; padding-left: 20px; padding-right: 20px; margin-bottom: 20px; }
.content .download a { text-decoration: underline; color: #000000; line-height: 21px; }
.content .idownload { text-align: center; padding-right: 10px; font-size: 10px; line-height: 12px; padding-bottom: 10px; width: 84px; float: left; }
.content .idownload a { text-decoration: none; color: #000000; font-size: 10px; line-height: 12px; }
.content .line { background-image: url(../images/dot.png); background-repeat: repeat-x; height: 10px; width: 480px; margin-left: 4px; margin-top: 12px; margin-bottom: 14px; }
.content .footer { background-image: url(../images/footer.jpg); background-repeat: no-repeat; height: 38px; width: 490px; margin-bottom: 0px; }

.biography { width: 217px; height: 400px; text-align: left; margin-right: 15px; margin-bottom: 15px; background-image: url(../images/pappe2.jpg); background-repeat: no-repeat; float: left; }
.biography .text { font-weight: bold; text-transform: uppercase; text-align: left; padding-top: 15px; padding-left: 12px; padding-right: 6px; color: #000000; padding-top: 0px; margin-top: 0px; }
.biography .line { background-image: url(../images/dots.png); background-repeat: repeat-x; height: 10px; width: 207px; margin-left: 4px; margin-top: 20px; margin-bottom: 6px; }
.biography a { color: #000000; font-weight: bold; text-transform: uppercase; }
.biography a:hover { color: #ffffff; }
.biography .active { color: #ffffff; }
.biography .text h1 { text-transform: uppercase; color: #ffffff; font-size: 17px; line-height: 20px; padding-bottom: 10px; padding-top: 20px; margin-top: 0px; }
.biography .text h1 a { color: #ffffff; }

.gallery { width: 730px; height: 460px; padding-top: 26px; background-image: url(../images/galerie.jpg); background-repeat: no-repeat; }
.gallery .photo { width: 550px; height: 400px; float: left; overflow: hidden; }
.gallery .button { width: 87px; height: 400px; float: left; }
.gallery .pages { color: #b19a71; font-size: 12px; padding-top: 5px; }

.footer { color: #b19a71; font-size: 10px; text-align: right; width: 720px; margin-top: 0px; padding-top: 0px; margin-bottom: 16px; }
.footer a { text-transform: uppercase; }

.item { text-align: left; width: 490px; padding-left: 20px; padding-right: 20px; }
.item .left { width: 70px; padding-right: 20px; float: left; }
.item .right { width: 350px; float: left; }

table { text-align: left; font-size: 11px; }