h1 { color:red; font-size:2em; }

h2 {
	font-family: Georgia, Verdana, Arial, sans-serif;
	font-size:1.0em; 
	line-height:1.2em;
	color:red;
	padding:0;
	margin:0;
	}

h3 {
	font-family: Georgia, Verdana, Arial, sans-serif;
	font-size:1.2em; 
	line-height:1.1em;
	color:red;
	padding:0;
	margin:0;
	}	

h4 {
	font-family: Georgia, Verdana, Arial, sans-serif;
	font-size:0.9em; 
	line-height:1em;
	color:red;
	padding:0;
	margin:0;
	}	
	
h2.cosmic {
	font-family: Georgia, Verdana, Arial, sans-serif;
	font-size:1.0em; 
	line-height:1.2em;
	color:red;
	padding:0;
	margin:0;
	}
	
body {
	color: black;
	background-color: white;
	font-size: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 0; 	padding: 0;
	min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
	background: #B3DAF6;

}

table.table td {
  padding: 8px 4px 8px 0;
  border-bottom: 1px solid #eee;
}

INPUT, TEXTAREA {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
}

.fehler {
   color: Red;
	font-weight: bold;
}

.line {
	border-top:	1px solid #fff;
}

.aktion {
	color: #011187;
	font-weight: bold;
}
.line_bottom {
	 border-bottom: 1px solid;
	 border-bottom-color: #B3DAF6;
}


/* Link-Formatierung Anfang */

a.link_text:link {
 text-decoration: none;
 color: #C6282D;
}
a.link_text:visited {
 text-decoration: none;
 color: #FF6000;
}
a.link_text:hover {
 text-decoration: underline;
 color: #00A7E8;
}
a.link_text:active {
 text-decoration: underline;
 color: #000000;
}

a.link_footer:link {
   color : #fff;
   text-decoration : none;
}
a.link_footer:visited {
   color : #fff;
   text-decoration : none;
}
a.link_footer:hover {
   color : #767676;
   text-decoration : underline;
}
a.link_footer:active {
   color : #767676;
   text-decoration : underline;
}

/* Link-Formatierung Ende */



/* farbverlauf */
#verlauf{
	background-image: url(../bilder/__bg_body.gif);
	background-repeat: repeat-x;
}

html>body h1 {
    border-color: gray;  /* Farbangleichung an den Internet Explorer  */
}


/* setzt den inhalt in die mitte - IE ab 5.5 */
#bodycontainer{
	margin-left: auto;
	margin-right:auto;
	width: 820px;
}

/* kopfbild (stadtnamen und adresse sind enthalten) */
#header {
	background-image: url(../bilder/__header2.gif);
	background-repeat: no-repeat;	
	height: 90px;
}

#header_restaurant {
	background-image: url(../bilder/__header2_restaurant.gif);
	background-repeat: no-repeat;	
	height: 90px;
}
#header_billard {
	background-image: url(../bilder/__header2_billard.gif);
	background-repeat: no-repeat;	
	height: 90px;
}

/* hintergrundbild für bodycontainer */
#contentcontainer{

	background-image: url(../bilder/__body2.gif);
	background-repeat: no-repeat;
}

/* linke spalte äußerer container */  
#Nav_container {

    float: left; 
	 width: 185px;
    margin: 0;  padding: 0;

}

/* linke spalte container für ein element zB Menu, Newsletter,... */  
#Navigationselement {	margin: 0px;	padding: 0px; 	 height:auto; font-size: 0.8em;}

#Navigationselementnewsletter h2 {	margin: 0px;	padding: 0px; 	 height:auto; font-size: 0.9em;}

#Navigationselementnewsletter {	margin: 0px;	padding: 0px; 	 height:auto; font-size: 0.7em;}
/*
  ul#Navigation {

    float: left; width: 18em;
    margin: 0 0 1.2em; padding: 0;

  }
  ul#Nav_container li {
    list-style: none;
    margin: 0px; padding: 5px;
  }
  ul#Nav_container a {
    display: block;
	margin: 0; padding: 0;

  }
  ul#Nav_container a:link {
    color: black; background-color: #eee;
  }
  ul#Nav_container a:visited {
    color: #666; background-color: #eee;
  }
  ul#Nav_container a:hover {
    color: black; background-color: white;
  }
  ul#Nav_container a:active {
    color: white; background-color: gray;
  }
*/
/* container für rechte spalte */
div#Infocontainer {
    float: right;
    width:235px;
	 margin: 0;  padding: 0;

 }

/* container für elemente in rechter spalte zB Banner oder Bildergalerieteaser*/
div#Infoelement{	 margin: 0;  padding: 0;}  

/* container für elemente in rechter spalte 
eigene version für ie6 und ie55 und niedriger
*/
div#Infocontainer p {
	 margin: 0;  padding: 0
}

/* re_go = runde ecke ganz oben
container für beide obere runde ecken
des obersten Infoelementes ohne Bildhintergrund*/
.re_go_info {
	 margin: 0;  padding: 0;
	font-size: 0px; /* verhindert anzeige des leerzeichens */
	background-image: url(../bilder/re_o_info.gif); /* streifen mit 2 runden ecken */
	background-repeat: no-repeat; 
	height:7px; /* entspricht höhe des hintergrundbildes */
}

/* re_o = runde ecke oben
container für beide obere runde ecken
eines Infoelementes (nicht des obersten) ohne Bildhintergrund*/
.re_o_info {
	 margin: 0;  padding: 0;
	font-size: 0px; /* verhindert anzeige des leerzeichens */
	background-image: url(../bilder/re_o_info.gif); /* streifen mit 2 runden ecken */
	background-repeat: no-repeat; 
	height:7px; /* entspricht höhe des hintergrundbildes */
}

/* container für inhalt Infoelemente */
.re_m_info {	
	margin: 0;	padding-bottom: 10px;

}

/* container für beide untere runde ecken
eines Infoelementes */
.re_u_info {
	height:10px; /* entspricht höhe des hintergrundbildes */
	margin: 0;
	padding-bottom: 30px; /* abstand zu folgenden Infoelement */
	font-size: 0px; /* verhindert anzeige des leerzeichens */
	background-image: url(../bilder/re_u_info.gif);
	background-repeat: no-repeat;
}


/* 
container für mittlere spalte mit inhalt
---> eigene version für ie6 und ie55 und niedriger
um pixelverschiebung von 3px auszugleichen (ie6.css + ie55-.css)
*/ 
  div#Inhalt {
	width: 380px;
	margin: 0px 0px 0px 195px;
	padding: 0;


}

/* container für elemente in mittlerer spalte */
div#Inhaltelement{ 	padding: 0px;	margin: 0px; }

* html div#Inhalt {
   height: 1em;    Workaround gegen den 3-Pixel-Bug des Internet Explorers 
  }
* html div#re_o_inhalt_bowling   {
   height: 1em;    Workaround gegen den 3-Pixel-Bug des Internet Explorers 
  }  
* html div#re_o_inhalt_restaurant   {
   height: 1em;    Workaround gegen den 3-Pixel-Bug des Internet Explorers 
  }  



  
/* e */
.re_o_inhalt_bowling {
	margin: 0;	padding: 0; 
	background-image: url(../bilder/head_inhalt_kugel.jpg);
	background-repeat: no-repeat;
	height: 50px;
}
.re_o_inhalt_bowling_cosmic {
	margin: 0;	padding: 0; 
	background-image: url(../bilder/head_inhalt_kugel_cosmic.jpg);
	background-repeat: no-repeat;
	height: 50px;
}
.re_o_inhalt_restaurant {
	margin: 0;	padding: 0; 
	background-image: url(../bilder/head_inhalt_restaurant.jpg);
	background-repeat: no-repeat;
	height: 50px;
}
.re_o_inhalt_billard {
	margin: 0;	padding: 0; 
	background-image: url(../bilder/head_inhalt_billard.jpg);
	background-repeat: no-repeat;
	height: 50px;
}
.re_o_inhalt_bowling h2{
	padding: 5px 5px 5px 5px;
	}
.re_o_inhalt_bowling_cosmic h2{
	padding: 5px 5px 5px 5px;
}
.re_o_inhalt_restaurant h2{
	padding: 5px 5px 5px 5px;
}
.re_o_inhalt_billard h2{
	padding: 5px 5px 5px 5px;
}
.re_o_inhalt {
	margin: 0 0 0 0 ;
	padding: 0;
	background-image: url(../bilder/re_o_inhalt.gif);
	background-repeat: no-repeat;
	height:6px;
	font-size:0px;
}

.re_m_inhalt {
	margin: 0; 	padding: 0;
	 font-size: 0.70em;
	 line-height: 1.3em;
	background-color: White;}


.re_m_inhalt ul{
 	padding-left: 25px;
}
	
	
.re_m_inhalt_cosmic {
	margin: 0; 	padding: 0;
	color: White;
	 font-size: 0.70em;
	 line-height: 1.3em;
	background-color: #000000;}

.re_m_inhalt_cosmic ul{
 	padding-left: 25px;
}

.re_u_inhalt {	
    margin: 0; 
	 padding-bottom: 20px;
	font-size: 0px;
	background-image: url(../bilder/re_u_inhalt.gif);
	background-repeat: no-repeat;
}
  .re_u_inhalt_cosmic {	
    margin: 0; 
	 padding-bottom: 20px;
	font-size: 0px;
	background-image: url(../bilder/re_u_inhalt_cosmic.gif);
	background-repeat: no-repeat;
}

 
  div#Inhalt_wide {
	width: 625px;
	margin: 0px 0px 0px 195px;
	padding: 0;
}


div#Inhaltelement_wide{	padding: 0;	margin: 0; }

* html div#Inhalt_wide {
   height: 1em;    Workaround gegen den 3-Pixel-Bug des Internet Explorers 
  }
* html div#re_o_inhalt_bowling_wide   {
   height: 1em;    Workaround gegen den 3-Pixel-Bug des Internet Explorers 
  }  
* html div#re_o_inhalt_restaurant_wide   {
   height: 1em;    Workaround gegen den 3-Pixel-Bug des Internet Explorers 
  }  



/* container für beide oberere runde ecken
eines Inhaltselementes im 2 spaltigen Layout
mit dem Motiv Bowlingkugel */
.re_o_inhalt_bowling_wide {
	margin: 0;	padding: 0; 
	background-image: url(../bilder/re__wide_inhalt_bowling.gif);
	background-repeat: no-repeat;
	height: 50px;

}

/* container für beide oberere runde ecken
eines Inhaltselementes im 2 spaltigen Layout
mit dem Motiv Bowlingkugel */
.re_o_inhalt_restaurant_wide {
	margin: 0;	padding: 0; 
	background-image: url(../bilder/re__wide_inhalt_restaurant.gif);
	background-repeat: no-repeat;
	height: 50px;

}


.re_o_inhalt_bowling_wide h2{
	padding: 5px 5px 5px 5px;

}
.re_o_inhalt_restaurant_wide h2{
	padding: 5px 5px 5px 5px;

}

/* container für beide oberere runde ecken
eines Inhaltselementes im 2 spaltigen Layout das
nicht das Startelement ist*/
.re_o_inhalt_wide {
	margin: 0;	padding: 0;
	background-image: url(../bilder/re__wide_inhalt_o_hellblau.gif);
	background-repeat: no-repeat;
	height:6px;
	font-size: 0;

}

/* container für beide untere runde ecken
eines Inhaltselementes im 2spaltigen Layout*/
.re_m_inhalt_wide {
	margin: 0;	padding: 0;
	background-color: White;
		 font-size: 0.70em;
	 line-height: 1.3em;}

/* container für beide untere runde ecken
eines Inhaltselementes im 2spaltigen Layout*/
.re_u_inhalt_wide {	
    margin: 0; 
	 padding-bottom: 20px;
	font-size: 6px;
	background-image: url(../bilder/re__wide_inhalt_u_hellblau.gif);
	background-repeat: no-repeat;
}
  

div#Fusszeile {
	clear: both;
	margin: 0;
	padding: 0.1em;
   font-size: 0.70em;
	color: #fff;
	text-align: right;
	height: 50px;

}
  


/* container für beide oberere runde ecken
eines Elementes in der Navigationsspalte
für 2 und 3 spaltiges Layout */
.re_o_nav {
	margin: 0;	padding: 0;
	font-size: 0px;
	background-image: url(../bilder/re_o_nav.gif);
	background-repeat: no-repeat; 
	height:10px;

}
.re_m_nav {	
	margin:0 ;	padding: 0;
	background-color: White; 	}
/* container für beide unter runde ecken
eines Elementes in der Navigationsspalte
für 2 und 3 spaltiges Layout */
.re_u_nav {	
	height:10px;
   margin: 0; 
	padding-bottom: 10px; /*setzt Abstand zum folgenden Element in der linken Spalte */
	font-size: 10px;
	background-image: url(../bilder/re_u_nav.gif);
	background-repeat: no-repeat;
}


.re_nicht_o_nav {
	margin: 0;	padding: 0;
	font-size: 0px;
	background-image: url(../bilder/re_nicht_o_nav.gif);
	background-repeat: no-repeat; 
	height:10px;

}




/* setzt innenabstand für überschriften und texte im inhalts- und 
infobereich ----> trifft nicht auf erstes element in inahltsspalte zu
dort greift div_inhalt_o oder div_inhalt_o_bowling*/
div#paddinginside{	padding: 5px 5px 5px 5px; margin:0;} 

/* setzt innenabstand für überschriften und texte im inhalts- und 
infobereich ----> trifft nicht auf erstes element in inahltsspalte zu
dort greift div_inhalt_o oder div_inhalt_o_bowling */
div#paddinginside_wide{		padding: 5px 5px 5px 5px;	}

/* wochenprogramm navigation im inhaltsbereich obere linkleiste */
#inhalt_navlinks_oben{text-align:left; padding:0; margin:0;}
#inhalt_navlinks_unten{text-align:left; padding:0;margin:0;padding-top: 10px;}
div#Inhaltelement a.inhalt_navlinks{border: 1px solid #B3DAF6; color:#011187; background:#D9ECFA; text-decoration: none; padding:3px 3px 3px 3px ; margin:0px;}
div#Inhaltelement a:hover.inhalt_navlinks{color:#011187; background:#B3DAF6; }


/* inhalt nach menu im inhalt */
#inhalt_inhalt {  padding:10px 0 0 0;}
#inhalt_inhalt h2 {padding-left:30px;  	font-size:1.9em; 	line-height:1.8em; background-image: url(../bilder/stern_lang2.jpg);	background-repeat: no-repeat;}
#inhalt_inhalt h3 {  	font-size:1.7em; 	line-height:1.8em; 	 background-image: url(../bilder/stern2.gif);	background-repeat: no-repeat; padding-left:30px; }
inhalt_inhalt p {  	font-size:1.5em; 	line-height:1.6em;}