body,  h1, h2, h3, h4, h5, h6, p, blockquote, a, div, span, strong, em, ol, ul, li, td, th, tr, address {
 font-family: "Trebuchet MS",  Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 font-style: normal;
 font-stretch: normal;
 font-size: 100.01%;
 margin-bottom: 0px;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
}
.kopf-print {
 display: none;
}
.invisible {
position: absolute;
top: -9999px;
left: -9999px;
display: none; 
}
p {
 font-size:100%;
 margin-bottom: 8px;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
}
body {
 background-color: #FFFDD1; 
 background-repeat: repeat-y;
 text-align: center;
}
#seite {
 background-image: url(/stadt/theater/pics/bg1.gif);
 background-repeat: repeat-y;
  position: relative;
 min-height: 98%;
 text-align: left;
 max-width: 1024px;
 min-width: 800px;
 margin-left: auto;
 margin-right: auto;
 border: 1px solid #D4EACF;
 margin-top: 10px;
 margin-bottom: 10px;
 zoom: 1;
}

ul {
 margin-bottom: 8px;
 padding-left: 5px;
}
ul li {
 margin-left: 14px;
 padding-bottom: 2px;
 list-style-type: disc;
}
hr {
 clear: both;
 visibility: hidden;
margin: 0;
padding: 0;
height: 1px;
}

#kopf-screen {
 height: 243px;
 position: relative;
 background-color: #ECD9EB;
 background-image: url(/stadt/theater/pics/header_kachel.jpg);
 background-position: top left;
 background-repeat: repeat-x;
 z-index: 2;
}
/*
########################################################################
Header
########################################################################
*/
.header   {
 color: #666666;
 height: 243px;
 background: #F4F7E9;
}
.headergrafik   {
 color: #666666;
 width: 456px;
 height: 243px;
 position: absolute;
 z-index: 2;
 top: 0px;
 left: 0;
}
.header_logo {
 position: absolute;
 top:0;
 right: 0;
}
.headertitel  {
 color: #666666;
 position: absolute;
 top: 200px;
 left: 180px;
 z-index: 200;
}
/*
########################################################################
ENDE Header
########################################################################
*/
#inhalt {
}

/*
#####################################################################
Überschriften
#####################################################################
*/
h1 {
  font-size: 1.5em;
  font-weight: bold;
}
h2  {
  font-size: 1.3em;
  font-weight: bold;
}
h3  {
  font-size: 1.2em;
  font-weight: bold;
  color: #666666;
}
h4 {
  font-size: 1.0em;
  font-weight: bold;
}
h5 {
  font-size: 0.9em;
  font-weight: bold;
}
/*
#####################################################################
Ende Überschriften
#####################################################################
*/

/*#####################################################################
Text-Links
#####################################################################*/
.normtext {
 font-size: 0.8em;
 margin-bottom: 10px;
}
a.normtext {
 text-decoration: underline;
}
a.textlink:link {
  font-weight: bold;
  font-size: 0.8em;
}
a.textlink:visited {
  font-weight: bold;
  font-size: 0.8em;
}
a.textlink:hover {
  color: #666666;
  font-weight: bold;
  font-size: 0.8em;
}
a.textlink:active {
  color: #666666;
  font-weight: bold;
  font-size: 0.8em;
}
#partner {
 font-size: 0.8em;
 margin-bottom: 20px;
 clear: both;
 border: 1px solid red;
 z-index: 1000;
}
#partner img {
 float: left;
 border: none;
 margin-right: 20px;
}

/* 
########################################################################
Ende Text Links
########################################################################
*/
/* 
########################################################################
########################################################################
Navigation
########################################################################
########################################################################
*/
.navigation {
 width: 140px;
 padding-top: 8px;
 padding-left: 8px;
 height: 90%;
}
.navigationsbox {
 /*background-image: url(../_img/layout/kachel_links.gif);
 background-repeat: repeat;*/
 width: 164px;
 height: 90%;
}
/* 
########################################################################
HauptNaviPunkt
########################################################################
*/
a.hauptnavtxt:link {
 font-size: 0.8em;
 font-weight: bold;
 display: block;
 width: 140px;
 text-decoration: none;
}

a.hauptnavtxt:visited {
 font-size: 0.8em;
 font-weight: bold;
 display:block;
 width: 140px;
 text-decoration: none;
}
a.hauptnavtxt:hover {
 font-size: 0.8em;
 color: #ffffff;
 font-weight: bold;
 display:block;
 width: 140px;
 text-decoration: none;
}
a.hauptnavtxt:active {
 font-size: 0.8em;
 color: #ffffff;
 font-weight: bold;
 display:block;
 width: 140px;
 text-decoration: none;
}
.hauptnavpoint1 { /*NICHT angewählt*/
 background-color: #ffffff;
 width: 140px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000000;
}
.hauptnavpoint01 { /* 1. Punkt, NICHT angewählt*/
 background-color: #ffffff;
 width: 140px;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #000000;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000000;
}
.hauptnavpoint1 a:link {
 background-color: #ffffff;
 width: 140px;
}
.hauptnavpoint1 a:hover {
 background-color: #A7A9AC;
 width: 140px;
 display:block;
}
.hauptnavpoint01 a:hover {
 background-color: #A7A9AC;
 width: 140px;
 display:block;
}
.hauptnavpoint1 a:active {
 background-color: #A7A9AC;
 width: 140px;
}
.hauptnavtxt2 {
 font-size: 0.8em;
 color: #ffffff;
 font-weight: bold;
 width: 140px;
 text-decoration: none;
}
.hauptnavpoint2  { /* ANGEWÄHLT */
 background-color: #A7A9AC;
 width: 140px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000000;
}
.hauptnavpoint02  { /* 1. Punkt, ANGEWÄHLT */
 background-color: #A7A9AC;
 width: 140px;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #000000;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000000;
}
/* 
########################################################################
Sub-1-Navigation
########################################################################
*/
.sub1navigation {
 width: 132px;
 padding-left: 8px;
}
/* 
########################################################################
sub1NaviPunkt
*/
a.sub1navtxt:link {
 font-size: 0.8em;
 color: #666666;
 display: block;
 display:block;
 width: 132px;
 text-decoration: none;
}
a.sub1navtxt:visited {
 font-size: 0.8em;
 color: #666666;
 display:block;
 width: 132px;
 text-decoration: none;
}
a.sub1navtxt:hover {
 font-size: 0.8em;
 display:block;
 width: 132px;
 text-decoration: none;
}
a.sub1navtxt:active {
 font-size: 0.8em;
 display:block;
 width: 132px;
 text-decoration: none;
}
.sub1navpoint1  {/*NICHT angewählt*/
 background-color: #EBEBE8;
 width: 132px;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #000000;
}
.sub1navpoint1 a:link {
 background-color: #EBEBE8;
 width: 132px;
 text-decoration: none;
}
.sub1navpoint1 a:hover {
 background-color: #C6CBD1;
 width: 132px;
 display:block;
 text-decoration: none;
}
.sub1navpoint1 a:active {
 background-color: #C6CBD1;
 width: 132px;
 text-decoration: none;
}
.sub1navtxt2 {
 font-size: 0.8em;
 width: 132px;
 text-decoration: none;
}
.sub1navpoint2  {/*  ANGEWÄHLT  */
 background-color: #C6CBD1;
 width: 132px;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #000000;
}
/* 
########################################################################
Sub-2-Navigation
########################################################################
*/
.sub2navigation {
 width: 123px;
 padding-left: 9px;
}
/*  
########################################################################
sub2NaviPunkt
*/
a.sub2navtxt:link {
 font-size: 0.8em;
 color: #666666;
 display: block;
 width: 123px;
 text-decoration: none;
}
a.sub2navtxt:visited {
 font-size: 0.8em;
 color: #666666;
 display:block;
 width: 123px;
 text-decoration: none;
}
a.sub2navtxt:hover {
 font-size: 0.8em;
 width: 123px;
 text-decoration: none;
}
a.sub2navtxt:active {
 font-size: 0.8em;
 display:block;
 width: 123px;
 text-decoration: none;
}
.sub2navpoint1  {/*NICHT angewählt*/
 background-color: #DCDDDE;
 width: 123px;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #000000;
}
.sub2navpoint1 a:link {
 background-color: #DCDDDE;
 width: 123px;
 text-decoration: none;
}
.sub2navpoint1 a:hover {
 background-color: #C6CBD1;
 display:block;
 width: 123px;
 text-decoration: none;
}
.sub2navpoint1 a:active {
 background-color: #C6CBD1;
 width: 123px;
 text-decoration: none;
}
.sub2navtxt2 {
 font-size: 0.8em;
 width: 123px;
 text-decoration: none;
}
.sub2navpoint2  {/*  ANGEWÄHLT  */
 background-color: #C6CBD1;
 width: 123px;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #000000;
}
/* 
########################################################################
ENDE-Navigation
########################################################################
*/
/*
######################################################################## 
CONTENT BEREICH   
########################################################################
*/
#content   {
 color: #333333;
 padding-top: 5px;
 padding-bottom: 10px;
 padding-right: 10px;
 background-color: #F4F7E9;
}
.spielplantext  {
 font-size: 0.75em;
 color: #000000;
 border-bottom: 1px dotted #000000;
 margin-bottom: 10px;
 padding-bottom: 10px;
 } 
 h3.spielplan  {
  font-size: 1.2em;
  font-weight: bold;
  color: #333333;
}
.spielplan_table p {
 font-size: 0.7em;
 color: #000000;
 padding-bottom: 4px;
 margin-bottom: 0;
}
/*
####################
Bilder Spielplan u. Anreißer, Ensemble, Lightbox
*/
    .spielplanbild {
    float: right;
    }
    .spielplanbild img,
    .teaserbild img {
    border: none;
    margin-top: 4px;
    }
    .teaserbild p {
    margin: 0 0 4px 0;
    padding: 2px 2px 2px 2px;
    font-size: 0.75em;
    border: 1px solid silver;
    border-top: none;
    }
  .teaserbild img.leiste {
    margin-bottom: 4px;
  }
/*
Table Boxen
########################################################################
*/
table .plan {
    width: 100%;
}
.plan td,
.plan th {
    margin: 1px;
    padding: 2px 4px 2px 6px;
}
.tabletext  {
 font-size: 0.7em;
 color: #000000;
} 
.tableboxgruen  {
 margin-top: 2px;
 background-color: #FFFDD1;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #000000;
 padding-top: 2px;
}
.tableboxgruen2  {
 background-color: #FFFDD1;
 margin-top: 2px;
 padding-top: 2px;
}
.tableboxfarbig  {
 margin-top: 2px;
 background-color: #FFE5B2;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #000000;
 padding-top: 2px;
}
.tableboxfarbig2  {
 background-color: #FFFDD1;
 margin-top: 2px;
 padding-top: 2px;
}
.tableboxfarbig th {
 background-color: #FFE5B2;
 color: #000000;
 margin-top: 2px;
 padding-top: 2px;
 font-size: 0.85em;
 text-align: left;
}
.tableboxgrau  {
 background-color: #EEEBE3;
 background: #EEEBE3;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #000000;
}
.tableboxgrau2  {
 background-color: #EEEBE3;
 background: #EEEBE3;
}
.tableboxbild  {
 background-color: #EEEBE3;
 background: #EEEBE3;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 3px;
 padding-top: 8px;
}
.textboxgestrichelt  {
 font-size: 0.8em;
 color: #000000;
 margin-bottom: 8px;
 margin-top: 3px;
 padding-bottom: 3px;
 padding-top: 3px;
 border-top-width: 1px;
 border-top-style: dotted;
 border-top-color: #000000;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #000000;
}
.textbox2  {
 font-size: 0.8em;
 color: #000000;
 margin-bottom: 8px;
 padding-top: 3px;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #000000;
}
.tableboxweiss  {
 background-color: #FFFFFF;
 margin-top: 2px;
 background: #FFFFFF;
 padding-top: 2px;
}
td.bild {
padding-right: 15px;
}
.right {
float: right;
margin-left: 10px;
margin-bottom: 3px;
}
#galerie {
width: 99%;
}
.galeriebild {
float: left;
margin-right: 10px;
margin-bottom: 6px;
height: 235px;
}
.galeriebild img {
border: 1px solid #000000;
}
/* 
########################################################################
ENDE CONTENT BEREICH   
########################################################################
*/
/* 
########################################################################
Teaser
########################################################################
*/
.teaserbox   {
 color: #333333;
 height: 100%;
 width: 218px;
}
.teaser   {
 color: #33333;
 padding-left: 15px;
 padding-top: 5px;
 width: 170px;
 height: 100%;
}
.teaserartikel  {
 font-size: 0.7em;
 color: #333333;
 margin-bottom: 5px;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #000000;
 width: 170px;
}
.teaserbild  {
 font-size: 0.7em;
 color: #333333;
 margin-bottom: 5px;
 width: 170px;
}
a.teaserbild {
 color: #333333;
}
a.teaserbox {
 color: #333333;
}

.teaserartikel form {
margin: 0;
padding: 0 5px 0px 5px; 
}
.teaserartikel form p {
padding-right: 0;
padding-left: 0; 
}
.submit {
 width: 8em;
 color: #ffffff; 
 font-weight: 600; 
 background-color: #A7A9AC; 
 text-align: center; 
 padding: 2px;
 border: solid 1px #000000;
 xline-height: 1em;
}
fieldset {
border: none;
font-size: 0.8em;
}


/* 
########################################################################
Ende Teaser
########################################################################
*/
/* 
########################################################################
Footer
########################################################################
*/
.footer   { 
 font-size: 0.9em;
 color: #333333;
 width: 100%;
 height: 40;
 background-color: #F4F7E9;
}
.footerlink  { 
 font-size: 0.9em;
 color: #666666;
}
/* 
########################################################################
Ende Footer
########################################################################
*/

.reddot {
 color: #cc0000;
 font-size: 12px;
 font-family: Verdana  
}