img {
  max-width: 100%;
}


 div.links 
 {width: 250px
 ;margin-top: 20px
 ;top: 0px
 ;text-align:center
 ;float: left
 }

div.middle {
  margin-left: 300px;
  margin-top: 0px;
  max-width: 940px;
}


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


 .premiere 
 {background-color:#FFFF00
 ;text-align:center
 ;padding: 5pt
 ;font-weight: bold
 ;font-size: 20pt
 ;max-width:100%; }


.spielplan { background-color:#FFFFFF; }

.zeile {max-width:900; overflow:hidden; float: clear; background-color:#CCCCCC; }
div.trenner {height: 3px; width:100%; overflow:hidden; float: clear; background-color:#FFFFFF;  }

div.datum { float:left;width: 220;}

div.beschreibung {max-width: 550px;
		 float:left;
	text-align: left;
	color: black;
	font-family: arial, sans-serif;
	font-size: 18px;}

div.maleenbeschreibung { width: 75%;
		 float:left;
	text-align: left;
	color: black;
	font-family: arial, sans-serif;
	font-size: 18px;
 background-color:#EEEEEE; }


div.beschreibungHistory { 
line-height: 1.3;
    width: 70%;
    float:left;
    text-align: left;
    color: black;
    font-family: arial, sans-serif;
    text-decoration: none    ; 
    font-size: 20px;
}

.beschreibungHistory  a:link { color: black ;
    text-decoration: none    ; }
.beschreibungHistory  a:visited { color: black ;
    text-decoration: none    ; }
.beschreibungHistory  a:hover { color: #AAAAAA ;
    text-decoration: none    ; }
.beschreibungHistory  a b:visited { color: black; 
    text-decoration: none    ; }
.beschreibungHistory  a b:hover { color: #AAAAAA ;
    text-decoration: none    ; }

div.bild { float:left;max-width: 236;}

div.reservierung { float:clear;

}



.Row
{
    display: table;
}
.Column
{
    display: table-cell;
    width: 200px;
}



    /*-------------------------------------------------------------------
   menu and body  (= css magic ;-)
-------------------------------------------------------------------*/



.page-wrap {
  text-align: left;
  max-width: 940px;
  margin: 0 auto;
  text-align: justify;font-size: 16; line-height: 20px;
}

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


}

.maleen{
  text-align: justify;font-size: 16; line-height: 20px;
margin: 5pt;
}



p.groundStyle{
  text-align: justify;font-size: 16; line-height: 20px;
}

.presse {
   border:none;
   margin: -0pt -0pt -2pt -2pt;
}

h1.groundStyle { 
        color: #000;
	font-family: Helvetica, Arial;
	font-size: 28px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 30px;


}

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

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


h1.groundStyleWB { 
        color: #FFF;
	font-family: Helvetica, Arial;
	font-size: 28px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 30px;


}

h2.groundStyleWB { 
	color: #FFF;
	font-family: Helvetica, Arial;
	font-size: 20px;
	font-weight: normal;
	line-height: 22px;
}
h3.groundStyleWB { 
	color: #FFF;
	font-family: Helvetica, Arial;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
}

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





#erle {
  text-align: justify;font-size: 16; line-height: 20px;
}



b { 

  ;font-weight: bold                        }

.body { margin: 1.2em 5% 0% 25%
                   ; padding-top: 0em
                        ; font: 12pt sans-serif, Helvetica, Arial
                        }

img { border: 0pt }



h1.top { padding: 0pt
       ; margin: 1ex 20px 0 0
       }

ul.menu { 
                        color: #fff


                        }

p.menu { border: solid 0px
           ;margin: 0em 0.1em 0.2em 0.1em          
                        ; font: 15pt sans-serif, Helvetica, Arial
                        ; list-style: none
			; max-width: 99%
                        ; background-color: #CCCCCC
			;color: #111111
                        }

ul.menusmall { 
                        color: #fff


                        }

p.menusmall { border: solid 0px
           ;margin: 0em .1em 0.2em 0.1em          
                        ; font: 12pt sans-serif, Helvetica, Arial
                        ; list-style: none
			; max-width: 99%
                        ; background-color: #CCCCCC
			;color: #111111
                        }
div.left { margin: -3em 0em 0em 0em           }
div.middle { 
 }



p.gast { border: solid 0px
           ;margin: 0em 0.9em 0.2em 1.9em          
                        ; font: 13pt sans-serif, Helvetica, Arial
                        ; list-style: none
			; max-width: 90%
      
			;color: #fff
                        }

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

                        ; 
                        }



menu:link  { color: #111111;
      text-decoration: none

                        ; 
                        }


.menu:visited  { color: black
                        }

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


h1 a:visited { color: black
                        }

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

                        ; 
                        }

.menusmall:link  { color: #111111;
      text-decoration: none    ; 
                        }

.menusmall:visited  { color: black
                        }

.menusmall:hover 
                        { color: #AAAAAA;
font-size: 150%;
                        }

/*-------------------------------------------------------------------
   General style
-------------------------------------------------------------------*/

/*h1,h2 { border-bottom: solid black 1px }

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

h2 a:visited { color: black }
h2 a:hover { color: #000 }

a:link { color: #222222 }
a:visited { color: black }
a:active { color: #222 }


pre, code,
strong { color: black }

td { vertical-align: top }







/* definition lists */
dt { font-weight: bold
                        ; font-family: sans-serif, Helvetica, Arial
                        ; margin-bottom: 1.25ex
                        }

dd { margin-bottom: 2.5ex }

dd p { margin-top: 1.25ex
                        ; margin-bottom: 1.25ex
                        }

dd ul { padding-left: 1em }



/*-------------------------------------------------------------------
   New elements
-------------------------------------------------------------------*/
.abstract { font-style: italic }

.quicklinks { font-weight: normal
                        ; font-family: serif
                        ; padding-left: 1ex
                        }

.date { text-align: right
            ; font-size: smaller
                        ; border-top: 1px solid
                        ; margin-top: 4ex
                        }

.math { font-style: italic }

.license { padding-left: 2em
                        ; padding-right: 2em
                        ; font-style: italic
                        }

.quad { padding-right: 4ex }

.mypicture { float: right
                        ; border: none
                        ; margin: 0ex 0ex 2ex 2ex
                        }

.logo { float: right
                        ; border: none
                        ; margin: 0ex 0ex 2ex 2ex
                        }

.hitcounter { margin: 0pt
                        ; border: none
                        }


/*-------------------------------------------------------------------
   Thumbnail gallery
-------------------------------------------------------------------*/
div.spacer { clear: both
                        }

ol.thumbs { padding: 0pt
                        ; margin: 0pt
                        ; margin-top: 2ex
                        }
ol.xthumbs { padding: 0pt
                        ; margin: 0pt
                        ; margin-top: 2ex
                        }

.thumbs li { font: 70% sans-serif, Helvetica, Arial
            ; padding-left: 2ex
            ; max-width: 150px
            ; height: 15em
            ; float: left
            ; list-style: none
            ; text-align: center
            }


.xthumbs li { font: 70% sans-serif, Helvetica, Arial
            ; padding-left: 2ex
            ; max-width: 120px
            ; height: 12em
            ; float: left
            ; list-style: none
            ; text-align: center
            }

.thumbs p { margin-top: -1ex }
.thumbs img { border: none }

.xthumbs p { margin-top: -1ex }
.xthumbs img { border: none }

.thumbnail { height: 90px; max-width: 120px }
.thumbnailr { height: 120px; max-width: 90px }
.xthumbnail { height: 56px; max-width: 75px }
.xthumbnailr { height: 75px; max-width: 56px }

.disclaimer { font: 70% sans-serif, Helvetica, Arial }


/*-------------------------------------------------------------------
   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 */



.lr {
	background-color: #990000;
}

.mr {
	background-color: #CCCCCC;
}

.dr {
	background-color: #330000;
}

.dr2 {
	background-color: #DDDDDD;
	color: #000000;
}


.get-reservation {
	font-family: Helvetica, Arial;
	max-width: 100%;
	height: 30px;
	background-color: #00DD00;
	font-size: 22px;
	text-align: center;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	line-height: 30px;
	box-shadow: 2px 2px 2px #CCCCCC;
	-moz-box-shadow: 2px 2px 2px #CCCCCC;
	-webkit-box-shadow: 2px 2px 2px #CCCCCC;
}


.no-reservation {
	font-family: Helvetica, Arial;
	max-width: 100%;
	height: 30px;
	background-color: #DD1100;
	text-transform: uppercase;
	font-size: 22px;
	text-align: center;
	color: #000;
	text-decoration: none;
	display: block;
	line-height: 30px;
	box-shadow: 2px 2px 2px #CCCCCC;
	-moz-box-shadow: 2px 2px 2px #CCCCCC;
	-webkit-box-shadow: 2px 2px 2px #CCCCCC;
}

.copy {
	/*vertical-align: top;*/
	text-align: left;
	color: black;
	font-family: arial, sans-serif;
	font-size: 12px;
	/*width: 500px;*/


}

.copyBold {
	/*vertical-align: top;*/
	text-align: left;
	color: black;
	font-family: arial, sans-serif;
	font-size: 18px;

}

a { color: black }
a:hover { color: #AAAAAA }

.copyBold  a { color: black }
.copyBold  a:hover { color: #AAAAAA }

.beschreibung  a:visited { color: black }
.beschreibung  a:hover { color: #AAAAAA }
.beschreibung  a b:visited { color: black }
.beschreibung  a b:hover { color: #AAAAAA }



.beschreibung {
	/*vertical-align: top;*/
	text-align: center;
	color: black;
	font-family: arial, sans-serif;
	font-size: 18px;
	background-color: #CCCCCC;                        
	line-height:22px
}


.beschreibung b { 
	color: black;
	font-family: arial, sans-serif;
	font-size: 18px;
                        }


.beschreibung a { 
	color: black;
	font-family: arial, sans-serif;
	font-size: 18px;
}


.beschreibung b { 
	color: black;
	font-family: arial, sans-serif;
	font-size: 18px;
}






.beschreibung b a:hover       { color: black

                        }

.beschreibung b a:visited { color: black
                        }

.beschreibung a a:visited { color: black
                        }
.beschreibung b a:hover
                        { color: #AAAAAA

                        }

.beschreibung em { 
                        ; color: black	
                        }



.number{
			   max-width: 3;
			}


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


.news-content-wrapper {
	display: block;
}


.news-content-left-colleft {
	float: center;
	max-width: 90px;
	font-family:  Helvetica, Arial;
	font-size: 18px;
}


.news-content-left-colright {
	float: center;
	width: 220px;
}


.news-content-left{
}

 .news-day {
	font-family:  Helvetica, Arial;
	font-size: 60px;
	padding-top: 20px;
	display: block;
}