body {
background-image: url(http://www.volkstheater-rostock.de/images/main_back2011.jpg);
background-position: 800px top;
background-repeat: no-repeat;

background-color: #c6ea00;
color: #084D5D;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
SCROLLBAR-FACE-COLOR: #888888; 
SCROLLBAR-HIGHLIGHT-COLOR: #666666;
SCROLLBAR-SHADOW-COLOR: #ABABAB;
SCROLLBAR-3DLIGHT-COLOR: #ABABAB;
SCROLLBAR-ARROW-COLOR:  #C7EA00;
SCROLLBAR-TRACK-COLOR: #ABABAB;
SCROLLBAR-DARKSHADOW-COLOR: #ABABAB;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
}


hr {
border: 0;
color: #D1E3E9;
background-color: #D1E3E9;
height:1px;
margin-top:3px;
margin-bottom:3px;
}


h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing:1px; 
font-size: 24px;
color: #136B80;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 6px;
text-transform: uppercase;
width: 340px;
}

h5 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing:1px; 
font-size: 26px;
color: #136B80;
margin-right: 5px;
margin-bottom: 9px;
text-transform: uppercase;
}

.headlineduenn {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing:1px; 
font-size: 18px;
color: #136B80;
text-transform: uppercase;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #136B80;
text-transform: uppercase;
letter-spacing:1px; 
margin-bottom: 1px;
position: relative;
left: 50px;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #136B80;
text-transform: uppercase;
letter-spacing:1px; 
margin-bottom: 1px;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #136B80;
text-transform: uppercase;
letter-spacing:1px; 
margin-top: 25px;
margin-bottom: 1px;
}

h6 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #136B80;
letter-spacing:1px; 
margin-top: 25px;
margin-bottom: 1px;
}


p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #084D5D;
line-height: 16px;
margin-top: 15px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 10px;
}

.sptext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #136B80;
line-height: 16px;
}
.spbig {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #136B80;
text-transform: uppercase;
line-height: 16px;

}




.text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #084D5D;
line-height: 16px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

.kleiner {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #084D5D;
line-height: 16px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

.tablehell {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #084D5D;
line-height: 16px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
background-color:#FFFFFF;
}
.tabledunkel {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #084D5D;
line-height: 16px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
background-color:#F4F7F8;
}

.tablehead {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #084D5D;
line-height: 16px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
background-color:#D1E3E9;
text-transform: uppercase;
}

td.label{
width: 110px;
}
td.anmeldung{
width: 300px;
}

td #underline{
border-bottom: 1px solid #f4f7f8;}



p.unterzeile {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
font-size: 11px;
color: #084D5D;
position: relative;
top: -10px;
}

.bildtitel {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #084D5D;
text-align:right;
margin-bottom: 20px;
}

.bild {
position: relative;
top: 15px;
margin-bottom: 5px;
}

.ueberzeile {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #084D5D;
}

.spalte1 {
padding-right:5px;
padding-top:22px;
padding-bottom:10px;
}

.spalte3 {

padding-top:22px;
padding-bottom:10px;
}


.spalte2 {
padding-left:22px;
padding-right:10px;
padding-top:22px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
font-size: 11px;
color: #084D5D;
}

.footer {
position:relative;
left:50px;
padding-top:22px;
padding-bottom:10px;
}


.listentabellen {
position:relative;
top: 5px;
left:45px;
width: 400px;
}

/*Listen*/
ul {
margin-top: 10px;
/*position:relative;*/
left:16px;
padding-right:5px;
line-height: 17px;
}

li {
   /*list-style-image:url(/images/listen.gif);*/
   list-style-type: disc;
   padding-left:8px;
   padding-right:5px;
   color: #056D89;
   font-size: 11px;
  }
li.sub {
   /*list-style-image:url(/images/listen_sub.gif);*/
   list-style-type: circle;
   padding-left:8px;
   padding-right:5px;
   color: #056D89;
  }
li.subsub {
   list-style-image:url(images/arrow.gif);
   list-style-type: circle;
   padding-left:8px;
   padding-right:5px;
   color: #056D89;
  }
  li.down{
   list-style-image:url(/images/down_thumb.gif);
   line-height: 20px;
   margin: 0 0 0 0px;
}


/*Links*/


a.subaktiv:link {
  color: #136B80;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;  
}

a.subaktiv:visited {
  color: #136B80;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;  
}

a.subaktiv:hover {
  color: #056D89;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 11px;
 }



a.subinaktiv:link {
  color: #056D89;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 11px;  
}

a.subinaktiv:visited {
  color: #056D89;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 11px;  
}

a.subinaktiv:hover {
  color: #136B80;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
 }
 
a.gross:link {
  color: #136B80;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 13px;
  margin-bottom: 3px;  
}

a.gross:visited {
  color: #136B80;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 13px;  
  margin-bottom: 3px; 
}

a.gross:hover {
  color: #056D89;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 13px;
  margin-bottom: 3px; 
  font-weight: bold;
 }


a:link {
  color: #0075E2;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  
}

a:visited {
  color: #0075E2;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
 
}
  
a:hover {
  color: #C7EA00;
  text-decoration: underline;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
 
}

a:active {
  color: #0075E2;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}


a.blue:link {
  color: #056D89;
  text-decoration: none;
  font-size: 10px;  
}

a.blue:visited {
  color: #056D89;
  text-decoration: none;
  font-size: 10px;  
}

a.blue:hover {
  color: #D6F334;
  text-decoration: none;
  font-size: 10px;
 }

a.spblue:link {
  color: #056D89;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}

a.spblue:visited {
  color: #056D89;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}

a.spblue:hover {
  color: #D6F334;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
 }

a.sporange:link {
  color: #EB7100;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
;}

a.sporange:visited {
  color: #EB7100;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;

}

a.sporange:hover {
  color: #056D89;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold; 
}




input.kontakt {

BORDER-BOTTOM: #B0B0B0 1px solid;
BORDER-RIGHT: #B0B0B0 1px solid;
BORDER-TOP: #B0B0B0 1px solid;
BORDER-LEFT: #B0B0B0 1px solid;
font-family: Arial, Helvetica, sans-serif;
color: #084D5D;
font-size: 12px;
background-color:#FFFFFF;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
height: 22px;
width: 200px;

}
input.kontakterrorInput {

border:1px solid #ff0000;
font-family: Arial, Helvetica, sans-serif;
color: #084D5D;
font-size: 12px;
background-color:#FFFFFF;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
height: 22px;
width: 200px;

}



textarea, select {

height: 100px;
BORDER-BOTTOM: #B0B0B0 1px solid;
BORDER-RIGHT: #B0B0B0 1px solid;
BORDER-TOP: #B0B0B0 1px solid;
BORDER-LEFT: #B0B0B0 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color:#FFFFFF;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
height: 100px;
width: 200px;
color: #084D5D;
}

textarea.errorInput{

height: 100px;
BORDER: 1px solid #ff0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color:#FFFFFF;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
height: 100px;
width: 200px;
color: #084D5D;
}


/* Ensemble Uebersicht */

div.ensemble{
margin: 0px 0px 0px 0px;
padding: 0px;
}

div.ensemble ul{
width: 480px;
margin-left: 33px;
padding: 0px 0px 70px 0px;
}

div.ensemble li{
background-image: url(images/separator_ens_nav.gif);
background-position: left top;
background-repeat: repeat-x;
padding: 10px 0px 0px 0px;
list-style: none;
margin-left: 0px;
margin-top: 25px;
}

div.ensemble a.subaktiv{
font-weight: normal;
}
div.ensemble a.subinaktiv:hover, div.ensemble a:hover.subaktiv{
font-weight: bold;
}

div.ensemble ul a{
display: block;
background: url(../images/ensemble_liste_btn.gif) no-repeat 460px 0px ;
}

div.ensemble ul a:hover{
display: block;
background: url(../images/ensemble_liste_btn.gif) no-repeat 460px -27px ;
}

div.ensemble p#ens_text{
margin: 10px 35px 5px 35px;
}
div.ensemble h1{
margin: 25px 35px;
}

img#seperator{
width: 100%;
background: url(/images/seperator_dot.gif) 0px 0px;
}

span#kriterium{
color: #eb7100;
}






/* Philharmonische Gesellschaft */

p#ueberschrift{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #136B80;
text-transform: uppercase;
letter-spacing:1px; 
margin-bottom: 1px;
}

div.blank_list ul{
margin: 0px 0px 0px 10px;
padding: 0px;
}
div.blank_list li{
color: #084D5D;
list-style: none;
margin: 0px 0px 11px 0px;
padding: 0px;
}

table#aktuelles{
color: #084D5D;
font-size: 9pt;

}
table#aktuelles td{
padding: 3px 3px 3px 3px;
border: 1px solid #d1e3e9; 
}

table#aktuelles td#head{
background-color: #d1e3e9; 
}

table.kontakt{
font-family: Arial, Helvetica, sans-serif;
color: #084D5D;
font-size: 9pt;
}
table.kontakt td{
padding:5px;
}

fieldset#kontakt{
border:0px;
margin: 0px;
padding: 0px;
}




/* spielplan seperator start*/

tr.seperator_print{
display: none;
}

/* spielplan seperator ende*/

img#icon{
display: block;
border: 0px;
width:25px;
height:25px;
margin: 5px 0px 0px 10px;
float: right;

}

h1#spielplan{
margin: 15px 0px 0px 0px;
padding: 0px;
text-align: top;

}

div#spielplan_head{
width: 100%;
vertical-align: top;
}



/*terve-rostock---------------------*/

div.container{
width:100%;
text-align:center;
}
div.container div#tervelink{
margin:50px auto;
padding:10px 20px 20px 20px;
width:450px;
text-align:left;
background:#f4f7f8;
}

span.tervelink{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #136B80;
text-transform: uppercase;
letter-spacing:1px; 
margin: 0px;
padding: 0px;
}


/*terve-rostock----------ende-------*/

/*schultheatertage---------------------*/

div.box{
clear:both;
width:100%;
margin:15px 0px 15px 0px;
font-size:10pt;
}
div.box span.left{
font-weight:bold;
float:left;
width:100px;
margin:0px 0px 10px 0px;
}
div.box span.mitte{
float:left;
width:250px;
margin:0px 0px 10px 0px;
}
div.box span.right{
float:right;
width:100px;
margin:0px 0px 10px 0px;
}

div.seperator{
clear:both;
width:100%;
height:5px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
background:url(images/seperator_dot.gif);
}



/*schultheatertage----------ende-------*/