div.container
   {margin: auto
   ;max-width: 1070px
   ;min-width: 800px
   ; background-color: #FFFFFF; 
 }

 div.links 
 {width: 170px
 ;top: 0px
 ;text-align:left
 ;float: left
 ;background-color: #CCCCCC; 
 ;overflow: auto
 }

div.middle {
  margin-left: 170px;
  margin-top: 0px;
  max-width: 900px;
}

div.menu {
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 160px;
  float: left;
}





img {
  max-width: 100%;
}




@media screen and (max-width: 800px) {
  div.container {
    width: 90%;
    min-width: 0;
  }
  div.middle {
    margin-left: 0;
  }
  div.links {
    width: auto;
    float: none;
  }
}

div.foot{
 clear:left;
 background-color: #FFFFFF; 
}

div.unterstuetzt{
;float: left
 ; background-color: #FFFFFF; 
} 

div.impressum{
;float: right
 ; background-color: #FFFFFF; 
} 


div { font-size: 12pt
    ; font-family:  sans-serif, Helvetica, Arial
     ; text-align: justify;
 }




/*-------------------------------------------------------------------
   menu and body  (= css magic ;-)
-------------------------------------------------------------------*/
.body { margin: 1.2em 5% 0% 25%
                        ; padding-top: 0em
                        ; font: 12pt sans-serif, Helvetica, Arial
;    align: center;
                        }

body { padding: 0pt
     ; font-size: 12pt
     ; font-family:  sans-serif, Helvetica, Arial
     ; margin: 0pt
     ; color: #110000
     ; background-color: #FF0000; 
     }



.mainBody {

  text-align: justify;font-size: 16; line-height: 20px;
  padding: 0pt
     ;font-family:  sans-serif, Helvetica, Arial
     ; margin: 0pt
     ; color: #110000
     ; background-color: #AA0000; 


}







.menu li { 
                        ; padding: 2pt
                       ; background-color: #CCCCCC
                        ; color: #ffffff
                        }
a.menu {
      text-decoration: none

                        ; 
                        }



menu:link  { 
      text-decoration: none
color: #FFFFFF; 
                        ; 
                        }


.menu:visited  { color: #FFFFFF; 
                        }

.menu:hover 
                        { color: #FFFFFF;
font-size: 150%;
                        }


h1 a:visited { color: #FFFFFF; 
                        }


td { font-size: 12pt
     ;font-family:  sans-serif, Helvetica, Arial

 }
                        
div.red{ background-color: #FFFFFF; 
     ;font-size: 12pt
     ;font-family:  sans-serif, Helvetica, Arial
     ;margin: 2px 2px 2px 2px
     ;
}




.ensemble{ background-color: #CCCCCC; 
     ; font-size: 12pt
     ;font-family:  sans-serif, Helvetica, Arial
     ;
	 }

h1.productions{ background-color: #CCCCCC;
		font-family:  sans-serif, Helvetica, Arial;
		font-size: 44; line-height: 50px;
}



h1 { padding: 0pt                        }

a.menuOben { 
    text-decoration: none
                        ; padding-left: 0.5em
                        ; padding-right: 0.5em

                         ; background-color:  #EEEEEE
     ; font-family:  sans-serif, Helvetica, Arial
			 ; font-size: 15px;
                         ; list-style: none			

                        }


ul.menu { 
 
		 	; text-align: right
                         ; background-color:  #FFFFFF
     ; font-family:  sans-serif, Helvetica, Arial

			 ; font-size: 16px;
                         ; list-style: none			
			 ; text-align: right
                        }

.menu li { margin: 0em 0.5em 0.2em -0.5em
                        ; padding: 0pt
                         ; background-color: #DDDDDD
			 ; text-align: right
                        }

.menu a { text-decoration: none
			 ; text-align: right
                        ; padding-left: 0.5em
                        ; color: #fff
                        }

.menu a:visited { color: #444444
                        }
img { border: 0pt }

.menu a:hover
                        { color: #333333
                        ; border-left-color: #333333
                        }

/*-------------------------------------------------------------------
   General style
-------------------------------------------------------------------*/
h1 { font-size: 140%;
font-family: sans-serif, Helvetica, Arial}
h1.top { 

font-size: 140%;
font-family: sans-serif, Helvetica, Arial}
h2 { 
	color: #000;
	font-family: Helvetica, Arial;
	font-size: 20px;
	font-weight: normal;
	line-height: 22px;
}
h3 { 
	color: #000;
	font-family: Helvetica, Arial;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
}

h4 { 
	color: #000;
	font-family: Helvetica, Arial;
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
}


h4.top { font: 110% sans-serif, Helvetica, Arial
       ; margin: -1ex 20px 0 0

}


h1.top,h2.top { border-bottom: solid black 1px }

a:link { color: #110000 }
a:visited { color: #444444 }

pre, code,
strong { color: black }

td { vertical-align: top }






/*-------------------------------------------------------------------
   IE bug fixes
   see <http://www.positioniseverything.net/articles/hollyhack.html>
-------------------------------------------------------------------*/

/* fix for IE bug: the infamous 3px jog on floats \*/
* html .body { height: 1% }
/* end of IE fix */

/* fix for IE bug: float margin is duplicated \*/
* html ul.menu { margin-left: 2ex }
/* end of IE fix */

/* fix for IE bug: italic text extends outside the box \*/
* html .abstract { width: 98% }
* html .license { width: 98% }
/* end of IE fix */


.odd {
 background-color: #e9e9e9;
} 
.even {
 background-color: #efefef;
}