body      {
          font-size: 11px;
          font-family: verdana;
          }

a
           {           
           text-decoration: none;          
           } 


p
           {           
font-size: 11px;           
margin: 5px 0 5px 0;
           } 

 

h2 
           {
           font-size: 11px;
           color: #000000;
           font-weight: bold;
           margin: 5px 0 0 0;
           }


h4 
           {
           font-size: 11px;
           color: #000000;
           font-weight: normal;
           }



/* Framelayout*/

#container
          {
          position: relative;      
          left: 50%;
          top: 10px;
          width: 800px;          
          margin: 0 0 0 -400px;
          border: 1px solid #D5001C;
          }

#top
          {
          position: relative;      
          left: 0;
          top: 0;
          width: 800px;
          height: 160px;
          margin: 0 0 0 0;
          background-image:url(/Layout/img/hint_top.gif);
          background-repeat: repeat-x;
          background-color: #000000;
          }

#stadtlogo
          {
          position: absolute;      
          right: 0;
          top: 0;
          }

#mainleft
          {
          float: left;      
          padding: 0 5px 0 5px;
          width: 120px;        
          margin: 0px 0 0 0;
          }

#mainleft h2
          {
          font-weight: bold;
          color: #D5001C;
          font-size: 10px;     
          padding: 0 0px 0 0px;     
          margin: 0px 0px 5px 0;
          }

#mainleft a
          {
          color: #D5001C;
          text-decoration: none;
          }


#main
          {
          position: relative;      
          left: 0px;
          top: 0px;       
          margin: 0px 0 0 130px;        
          border-top: 1px dotted #D5001C;
          min-height: 330px;         
          }
          
* html #main
          {
          height: 330px;
          }

#main a
          {
          color: #D5001C;
          text-decoration: none;
          }

#main a:hover
          {
          color: #D5001C;
          text-decoration: underline;
          }

#contleft_ens table
          {
          cellspacing: 0;
          cellpadding: 0;
          width: 100%;
          }


#contleft_ens td
          {
          padding: 10px 0px 10px 0;
          vertical-align: top;    
          border-bottom: 1px solid #FFFFFF;
          margin: 0;
          }


.formselect
          {
font-size: 11px;
          width: 215px;
border: 0; 
          }

.formline
          {
margin-top: 20px;
border-top: 1px solid #FFFFFF; 
          }

#footer
          {
          font-size: 11px;
          position: relative;      
          left: 50%;
          top: 0px;
          width: 800px;
          margin: 0 0 0 -400px;
          }

#footer a
          {
          color: #000000;
          text-decoration: none;
          margin: 0 10px 0 0;
          }
          
#footer a:hover
          {          
          text-decoration: underline;
          }

#contleft input 
         {
          font-size: 11px;         
          border: 0;       
          width:200px;
          padding: 2px 5px 2px 5px;
          margin: 0 0 0 0px;
          
          }

#contleft input.submit 
         {
                   
          border: 1px solid #D5001C;          
          }


#contleft textarea
          {
          font-size: 11px;     
          font-family: verdana;
          border: 0;       
          width:200px;
          height: 100px;
          overflow: auto;
          padding: 2px 5px 2px 5px;
          margin: 0 0 0 0px;    
          }



#contleft, #contleft_ens 
          {
          float: left;       
          width:380px;
          padding: 0 0 0 10px;
          margin: 0 0 0 0px;    
          }

#contleft h1, #main h1, #contleft_ens h1
          {
          font-weight: normal;
          font-size: 11px;
          padding: 10px 0 10px 0px;
          margin: 0 0 15px 0px;    
          border-bottom: 1px dotted #000000;
          }

#contleft h2, #main h2, #contleft_ens h2
          {
          font-weight: bold;
          color: #000000;
          font-size: 11px;
          padding: 10px 0 10px 0px;
          margin: 0 0 15px 0px;    
          border-bottom: 1px dotted #000000;
          }

#contleft h3, #main h3, #contleft_ens h3
          {
          color: #000000;
          font-size: 11px;
          padding: 10px 0 10px 0px;
          margin: 0;
          }

#main h1.noborder {border-bottom: 0px;}

#contleft ul, #main ul, #contleft_ens ul
          {
          list-style: none;
          
          margin: 0;
          padding: 0;
          }

#contleft dt, #main dt, #contleft_ens dt
          {
          font-weight: bold;
          padding: 0; 
          margin: 20px 0 5px 0; 
           }

#contleft dd, #main dd, #contleft_ens dd
          {
          padding: 0; 
          margin: 0 0 0 0px;
          }

#main ul#presslist li, #main ul#list li
          {

          padding: 10px 0 10px 0px;
          margin: 0 0 0px 0px;    
          border-bottom: 1px solid #FFFFFF;         
          }


#main ul#presslist li a
          {
                   
          background-image: url(/Layout/img/doclist.gif);
	  background-repeat: no-repeat;
          background-position: 10px 3px;        
          padding: 1px 10px 0 22px;
          margin: 0px 0 0 -10px;        
          }


#contright 
          {
          float: right;
          width:270px;
          }

#contright h2
          {
          font-weight: bold;
          color: #FFFFFF;
          font-size: 12px;
          background-color: #D5001C;
          padding: 5px 10px 5px 10px;
          margin: 0 0 0 0px;
          border: 0;
          }


.inszbild
           {
float: left;           
margin: 0 20px 20px 0;                  
           }

.prbild
          {
          float: left;          
          
          margin: 0 2px 10px 0px; 
          border: 0;
          padding: 0;
          }
/*
.prbildquer
          {
          float: left;          
          width: 270px;
          margin: 0 0px 10px 0px; 
          border: 0;
          padding: 0;
          }
*/
.prbildcopy
          {
          color: #FFFFFF;
          font-size: 9px;
          background-color: #D5001C;
          padding: 5px 10px 5px 10px;
          margin: 0 0 0 0px;          
          }

.copy
          {         
          font-size: 9px;
          width: 130px;
          v-align: top;
          }


/* Navigation */

#nav      {
          position: relative; 
          top: 105px;
          margin: 0px 0 0 130px;
          }

#nav ul   {
          list-style: none;
          line-height: 25px;
          margin: 0;
          padding: 0;
          }

#nav ul li 
          {
          display: inline;
           }

#nav ul li a 
            {
            font-weight: bold;
            text-decoration: none;
            color: #ffffff;
            padding: 3px 17px 6px 17px;
            }

#nav ul li a:hover 
            {
            text-decoration: underline;
            }

#nav ul li a.navhi 
            {
            font-weight: bold;
            text-decoration: none;
            color: #D5001C;
            background-color: #ffffff;
            padding: 3px 17px 6px 17px;
            }

#subnav     {
            position: relative; 
            top: 105px;
            margin: 0px 0 0 130px; 
            }

#subnav ul  
            {
            list-style: none;
            line-height: 25px;
            margin: 0;
            padding: 0;
            }

#subnav ul li  
            {
            display: inline;
            }

#subnav ul li a
            {
            font-weight: normal;
            color: #D5001C;
            text-decoration: none;
            padding: 3px 17px 0 17px;
            }

#subnav ul li a:hover
            {
            text-decoration: underline;
            }

#subnav ul li a.subnavhi 
            {
            color: #D5001C;
            font-weight: bold;
            text-decoration: none;
            padding: 3px 17px 0 17px;
            }
            
 /* Startseite */
 
 
#main .teaser {
  
         color: #FFFFFF;
         padding: 8px 8px 8px 8px;
         width: 260px;
         margin: 10px 0 20px 375px;
         background-color: #D5001C;
         }


#main .teaser a 
           {
color: #FFFFFF;
}
 
 
#main .teaser h1 
           {
           font-size: 11px;
           font-weight: bold;
           color: #ffffff;
           margin: 0px 0px 0px 0px;
           padding: 0px 0px 5px 0px;
          border-bottom: 1px dotted #FFFFFF;
           } 

#main .teaser p 
           {
           
           margin: 0px 0px 0px 0px;
           padding: 0px 0px 0px 0px;
           }

#main .teaser h2 
          {           
           font-size: 11px;
           font-weight: bold;
           color: #FFFFFF;
           margin: 5px 0 0 0;
padding: 0;           
border: 0;
           }

#main .teaser h3 
          {           
           font-size: 11px;
           font-weight: normal;
           color: #FFFFFF;
           margin: 2px 0 0 0;
           border: 0;
padding: 0;
           }

#main .teasergast {
  
         
         padding: 8px 8px 8px 8px;
         width: 260px;
         margin: 10px 0 20px 375px;
         background-color: #FFFFFF;
border: 1px solid #D5001C;
         }
 
 
#main .teasergast h1 
           {
           font-size: 11px;
           font-weight: bold;
           color: #D5001C;
           margin: 0px 0px 0px 0px;
           padding: 0px 0px 5px 0px;
          border-bottom: 1px dotted #D5001C;
           } 

#main .teasergast h2 
          {           
           font-size: 11px;
           font-weight: bold;
           color: #000000;
           margin: 5px 0 0 0;
padding: 0;           
border: 0;
           }

a.start
	       {
	        background-image: url(/Layout/img/hintateaser.gif);
	        background-repeat: no-repeat;
	        background-position: 2px 7px;
	        position: relative;
	        font-size: 11px;
	        font-weight: normal;
	        padding: 3px 5px 0 12px;
	        margin: 0px 0 0 0px;	        	        
	        color: #D5001C;
	        }

#main .teasergast li
	       {

	        padding: 5px 0px 0 0px;
	        margin: 0;	        	        
	        }

  /* Linke Spalte */
  

  /* Calender */
  

#calhead
         {
         color: #ffffff;
         font-weight: bold;
         text-align: center;
         background-color: #D5001C;
         border-bottom: 1px dashed #FFFFFF;
         padding: 3px;
         
         }

 ul#calender
         {
         background-color: #D5001C;
         list-style: none;
         margin: 0;
         padding: 8px;
         line-height: 17px;
         }
         
 ul#calender li
         {
         display: inline;
         margin: 0;
         padding: 3px;
         }


 ul#calender li a
         {
         color: #ffffff;
         font-weight: bold;
         text-decoration: none;
         
         }  
 
  ul#calender li a:hover
         {
         color: #D5001C;
         background-color: #ffffff;        
         } 
         

  /* Teaser Left */

#teaserleft h1, #teaserleft2 h1, #teaserleft3 h1
         {
         color: #ffffff;
         font-size: 11px;
         font-weight: bold;       
         background-color: #0BA6E9;
         border-bottom: 1px dashed #FFFFFF;
         padding: 3px;
         margin: 0;         
         }

#teaserleft, #teaserleft2, #teaserleft3
         {
         text-align: left;
         color: #ffffff;
         background-color: #0BA6E9;
         padding: 3px;       
         border: 0;
margin: 0;
font-weight: normal;
font-size: 11px;
         }



  /* Ensemble Left*/
  
  ul#ensleft
         {
         font-size: 11px;
         color: #333333;
         list-style: none;
         margin: 0;
         padding: 0px;
         
         }
         
 ul#ensleft li
         {
         margin: 0 0 5px 0;
         padding: 0px;
         }


 ul#ensleft li a
         {         
         color: #D5001C;
         font-size: 11px;
         font-weight: normal;
         text-decoration: none;         
         }  
 
  ul#ensleft li a:hover
         {
         color: #D5001C;
         text-decoration: underline;       
         } 
         
   ul#ensleft li a.hi
         {
         font-weight: bold;
         text-decoration: none;         
         } 
  

  /* Spielplan Legende */ 

ul#legende
        {
       
list-style: none;
         margin: 0;
         padding: 0;
         font-size: 10px;
         }

ul#legende li
        {
         clear: left;
         margin: 0px 0 0 0;
         }

.icon    {
         width:10px;
         height: 10px;
         float: left;
         margin: 2px 5px 0 0;
         }





.radjung
{line-height: 30px;}




  /* Spielplan List */ 
  



  #bodyspielplan
         {
          float: left;  
          left: 0px;
          top: 0px;       
          margin: 0px 0 0 0px;         
background-color: #F8D1DF;
         padding: 0;
width: 100%;
         }

  .spizeile
         {
          float: left;            
          width: 520px;
          padding: 0 0 0 130px;
          margin: 0 0 0 0px;
         }

  .spidate
         {
          float: left;            
          width: 40px;
          padding: 0 0 0 10px;
         }
   
   .spitime
         {
          float: left;
          width: 80px;
         }
      
    .spititle
         {
          float: left;
          width: 350px;
         }
 
     .spilink
         {
          float: left;      
          width: 70px;                 
         }
         
     .spialert
         {
          
          font-weight: bold;
          float: left;   
         width: 110px; 
         }

 .spirep
         {
          float: left;            
          width: 470px;
          padding: 0 0 0 10px;
         }          
         
 .spigastspiel
         {
         background-color: #CCE7FA;
         }         
 
 .spipremiere
         {
         background-color: #cccccc;
         }
         
 .spireihe
         {
         background-color: #9EEEAB;
         }  

         
 #bodyspielplan ul
         {
         list-style: none;
         margin: 1px 0 0 0;         
         padding: 0px;
width: 100%;


         }

   #bodyspielplan ul li a
         {
         color: #000000;
         text-decoration: none;
         }   
   
   #bodyspielplan ul li a:hover
         {
         color: #000000;
         text-decoration: underline;
         }   
  

   #bodyspielplan ul li  
         {
         display: block;
         width: 100%;
         
         padding: 5px 0 5px 0;
         margin: 0px;
         border-bottom: 1px dotted #D5001C;          
         }
 
#bodyspielplan ul li.sppremiere 
         {
         color: #FFFFFF;
         background-color: #D5001C;
         border-bottom: 1px dotted #FFFFFF; 
         border-top: 1px dotted #FFFFFF;
         margin: -2px 0 0 0;
         }

#bodyspielplan ul li.sppremiere a 
         {
         color: #FFFFFF;
         }

#bodyspielplan ul li.sppremiere a:hover 
         {
         color: #FFFFFF;
         text-decoration: underline;
         }
              


/*SPIELPLAN TABLE*/





.spiborder
        {
         padding: 5px 0 5px 0;
         margin: 0px;
         border-bottom: 1px dotted #D5001C; 

}
         

   #bodyspielplan td a
         {
         color: #000000;
         text-decoration: none;
         }   
   
   #bodyspielplan td a:hover
         {
         color: #000000;
         text-decoration: underline;
         }   

 
#bodyspielplan td.sppremiere 
         {
         color: #FFFFFF;
         background-color: #D5001C;
         border-bottom: 1px dotted #FFFFFF; 
         border-top: 1px dotted #FFFFFF;
         margin: -2px 0 0 0;
         }

#bodyspielplan td.sppremiere a 
         {
         color: #FFFFFF;
         }

#bodyspielplan td.sppremiere a:hover 
         {
         color: #FFFFFF;
         text-decoration: underline;
         }

  .spizeiletd
         {
                  
          width: 520px;
          padding: 0;
          margin: 0 0 0 0px;
         }

  .spidatetd
         {
                      
          width: 40px;
          padding: 0 0 0 10px;
         }
   
   .spitimetd
         {
         
          width: 80px;
         }
      
    .spititletd
         {
         
          width: 350px;
         }
 
     .spilinktd
         {
              
          width: 70px;                 
         }
         
     .spialerttd
         {
          
          font-weight: bold;
          
         width: 115px; 
         }

 .spireptd
         {
                   
          width: 470px;
          padding: 0 0 0 10px;
         }          

.prem
      {
          color: FFFFFF;
          background-color: #D5001C;
      
       }

 .spizeiletdprem
         {
                  
          color: FFFFFF;
          background-color: #D5001C;
          width: 520px;
          padding: 0;
          margin: 0 0 0 0px;
         }

  .spidatetdprem
         {
           color: FFFFFF;
          background-color: #D5001C;                     
          width: 40px;
          padding: 0 0 0 10px;
         }
   
   .spitimetdprem
         {
           color: FFFFFF;
          background-color: #D5001C;        
          width: 80px;
         }
      
    .spititletdprem
         {
          color: FFFFFF;
          background-color: #D5001C;         
          width: 350px;
         }
 
     .spilinktdprem
         {
          color: FFFFFF;
          background-color: #D5001C;              
          width: 70px;                 
         }
         
     .spialerttdprem
         {
          color: FFFFFF;
          background-color: #D5001C;          
          font-weight: bold;
          
         width: 115px; 
         }


.spizeiletdprem a, .spidatetdprem a, .spitimetdprem a, .spititletdprem a, .spilinktdprem a, .spialerttdprem a, 
        {
          color: FFFFFF;
                            
        }

/* Angaben zur Seite im Editmode */
#seiteninfo
          {	
      position: relative;      
      padding: 5px;
      border: 1px solid #FF0000;
      color: #FF0000;
      background-color: #FFBBBB;                
       }