body   { font-size: 11px; position: relative; width: 100%; background-color: #feffff; margin: 0; padding: 0; }
frame { position: relative; width: 770px; background-color: #feffff; margin: 0; padding: 0; }
* { margin: 0; padding: 0; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; }
h1  { color: rgb(242,142,0); font-weight: bold; font-size: 17px; line-height: 130%; margin-bottom: 3px !important; padding: 0; }
h2 { font-size: 100%; font-weight: bold; line-height: 140%; margin: 0 0 18px 0; padding: 0;  }
h4, h5, p { font-size: 100%; font-weight: normal; line-height: 140%; margin: 0 0 18px 0; padding: 0;  }
/* h3 und h6 bleiben frei, h4 unc h5 sind gleich und nur zur Klassifizierung für Suchmaschine zu benutzen. */
table, th, tr, td { font-size: 11px; }
a:link, a:visited  { color: rgb(242,142,0); font-weight: bold; text-decoration: none; padding: 0;}
a:hover, a:active  { color: #fff; text-decoration: none; font-weight: bold; background-color: rgb(242,142,0); padding: 0; }
a:hover img, a:active img  { background-color: rgb(242,142,0); }
.margin  { padding-right: 20px; padding-left: 20px }
img { border: 1px solid rgb(242,142,0); display: block; }
.noborder { border: 0; }
.nomarbot { margin-bottom: 0; }
em { color: #333; font-weight: bold; font-style: normal; }
p.pullquote { display: block; color: rgb(242,142,0); font-weight: normal; font-style: italic; font-size: 17px; text-align: left; line-height: 140%; margin: 0 0 11px; padding: 10px 0; border-top: 1px dashed rgb(242,142,0); border-bottom: 1px dashed rgb(242,142,0) !important; }
p.pullquote2 { display: block; font-weight: bold; font-size: 11px; color: black; text-align: left; line-height: 140%; margin: 0 0 11px; padding: 10px 0; border-top: 1px dashed rgb(242,142,0); border-bottom: 1px dashed rgb(242,142,0) !important; }
p.pullquote3 { display: block; font-weight: normal; font-size: 11px; color: black; text-align: left; line-height: 140%; margin: 0 0 11px; padding: 10px 0; border-top: 1px dashed rgb(242,142,0); border-bottom: 1px dashed rgb(242,142,0) !important; }
.speziell { color: #c00; font-size: 11px; font-weight: bold; text-transform: uppercase; }
.titel { text-transform: uppercase; font-weight: bold; } 
/* credits fuer Zitate und Pullquotes*/
.credit { font-size: 11px; font-style: normal; color: #000; } 
/* CSS Code fuer Headers*/
#header  { background-color: rgb(242,142,0); text-align: left; position: relative; z-index: 1; width: 100%; height: 135px; }
#heater img { float: left; margin-top: 15px; }
#index a, #plan a, #tickets a, #service a, #uns a  { color: #000; letter-spacing: 2px; font-weight: normal; text-decoration: none; vertical-align: middle; text-align: center; display: block; padding: 5px 0 }
#index   { background-color: rgb(255,211,0); visibility: visible; position: absolute; z-index: 5; top: 88px; left: 20px; width: 146px; height: auto; }
#index a:link, #index a:visited { background-color: rgb(255,211,0); color: #000; }
#index a:hover, #index a:active {background-color: rgb(242,142,0); color: #fff; }
#plan { background-color: rgb(245,163,00);  visibility: visible; position: absolute; top: 88px; left: 166px; width: 146px; height: auto; }
#plan a:link, #plan a:visited { background-color: rgb(247,173,0); color: #000; }
#plan a:hover, #plan a:active {color: #fff; background-color: rgb(242,142,0); }
#tickets { visibility: visible; position: absolute; top: 88px; left: 312px; width: 146px; height: auto; }
#tickets a:link, #tickets a:visited {background-color: rgb(255,211,0); color: #000; }
#tickets a:hover, #tickets a:active {color: #fff; background-color: rgb(242,142,0); }
#service { visibility: visible; position: absolute; top: 88px; left: 458px; width: 146px; height: auto; background-color: rgb(255,159,69); }
#service a:link, #service a:visited {background-color: rgb(247,173,0); color: #000; }
#service a:hover, #service a:active {color: #fff; background-color: rgb(242,142,0); }
#uns  { visibility: visible; position: absolute; top: 88px; left: 604px; width: 146px; height: auto; }
#uns a:link, #uns a:visited { background-color: rgb(255,211,0); color: #000; }
#uns a:hover, #uns a:active {color: #fff; background-color: rgb(242,142,0); }
#nav2   { visibility: visible; position: absolute; top: 111px; left: 20px; width: 730px; height: auto; margin: 0; }
#nav2 ul {text-align: center; padding: 0; margin: 0; padding: 5px; }
#nav2 ul li { display: inline; list-style: none; margin: 0; }
#nav2 a { color: #000; text-decoration: none; font-size: 11px; font-weight: normal; padding: 5px; text-align: center; letter-spacing: 2px;}
#nav2 a:hover { color: #fff; background-color: transparent;  }
/* CSS Properties fuer eingefuegte Schauspielerliste und Schauspielerseiten */
#headshot  { visibility: visible; position: absolute; z-index: 5; top: 155px; left: 312px; width: 146px; height: 100px }
#txt2colr { visibility: visible; position: absolute; top: 152px; left: 478px; width: 272px; height: auto; }
#liste { visibility: visible; margin: 0; padding: 0; position: absolute; top: 152px; left: 20px; width: 240px; height: auto }
#liste h5 { margin-bottom: 2px; font-weight: bold; margin-top: 11px; }
#liste p { padding: 0; margin-bottom: 0; }
/* CSS Properties fuer positionierte Elemente */
#text3colr    { visibility: visible; position: absolute; top: 152px; left: 332px; width: 408px; height: auto; }
#presse    { visibility: visible; position: absolute; top: 152px; left: 332px; width: 418px; height: auto; }
#bild2coll     { visibility: visible; position: absolute; top: 155px; left: 20px; width: 292px; height: auto; }
#bild2coll img { margin-bottom: 20px; }
#bild2coll p { margin-top: 20px; text-align: right; }
/* Properties für Bildergalerie */ 
#frame { margin: 0; padding: 0; width: 492px; height: 620px; position: relative; background-color: #feffff; z-index: 1; visibility: visible; }
#frame img { border: 0; }
#foto-hoch  { visibility: visible; position: absolute; z-index: 5; top: 20px; left: 95px; width: 302px; height: 452px }
#foto-quer  { visibility: visible; position: absolute; z-index: 5; top: 20px; left: 20px; width: 452px; height: 452px }
#einPfeil   { visibility: visible; position: absolute; z-index: 10; top: 500px; left: 230px; width: 32px; height: 32px }
#text     { visibility: visible; position: absolute; z-index: 5; top: 550px; left: 20px; width: 452px; height: auto }
#text { text-align: center; }
#previous { float: left; }
#next { float: right; }
#arrows   { visibility: visible; position: absolute; z-index: 10; top: 500px; left: 186px; width: 120px; height: 30px }
#arrows a:hover img, #arrows a:active img  { background-color: rgb(255,211,0); display: block; }
#einPfeil a:hover img, #einPfeil a:active img  { background-color: rgb(255,211,0); display: block; }