/*****************************************************************************************************/
/*                                                                                                   */
/*                            Geändert am 08.05.2007                                                 */
/*                            Autor: Christian                                                       */
/*                                                                                                   */
/*****************************************************************************************************/
.fillIn{
	color: green;
}

body { font-family: Arial, Helvetica, san-serif; font-size: 10pt; line-height: 13pt; color: black; background-color: #d8d8d8; margin-left: 0px;}
p { }
td {
	font-family: Arial, Helvetica, san-serif;
	font-size: 10pt;
	line-height: 13pt;
	color: black;
	
}
h1{
	font-family: Arial, Helvetica, san-serif;
	font-weight: normal;
	font-size: 13pt;
	line-height: 13pt;
	color: #e30d26;
}
/*Hier Linkformatierung für Links innerhalb von Texten.*/
a:link {
	font-family: Arial, Helvetica, san-serif;
	font-size: 10pt;
	line-height: 13pt;
	color: #e30d26;
	text-decoration: none;
	
}
a:visited {
	color: #e30d26;
	text-decoration: none;
}
a:hover {
	color: white;
}
a:active {
	color: white;
}
/*Der Kopfbereich mit Logo, Hauptlinks, einigen Bildern und einem hellgrau abgesetzten Streifen.*/
#head{
	z-index: 3;
	position: absolute;
	margin-top: -20px;
	margin-left: 0px;
	width: 100%;
	height: 195px;
	background-color: white;

}
/*Der in hellgrau abgesetzte Streifen, ist selbst ohne Inhalt!!*/
#greyLine{

	z-index: 0;
	position: absolute;
	margin-left: 0px;
	margin-top: 75px;

	width: 100%;
	height: 70px;
	background-color: #f4f4f4;
}
/*Auf der Startseite befindet sich unterhalb des Kopfbereichs ein dunkelgrauer Streifen, an dem
  einige Bilder "aufgehängt" sind. Er verschwindet hinter der Navigation.*/
#darkGreyLine{
	z-index: 0;
	position: absolute;
	
	margin-left: 0;
	margin-top: 175px;
	width: 100%;
	height: 70px;
	background-color: #959595;
}
/*Die Navigation ist weiß unterlegt und hat einen schmalen, schwarzen Rand an der rechten Seite.*/
#naviBackground{
	z-index: 2;
	position: absolute;
	margin-left: 0;
	margin-top: 0;
	width: 251px;
	height:1100px;
	border-right: 1px solid black;
	background-color: #ffffff;
}
/*ein div, dass ein bild mit Transparenzen enthält und am rechten Bildschirmrand ausgerichtet ist.
  D. h. dass es bei Verkleinerung des Fensters nach links wandert.*/
#decorationRight{
	z-index: 1;
	position: absolute;
	margin-top: 175px;
	right:	0px;
	padding-right: 0px;
	margin-right: 0px;
	width: 455px;
	height: 145px;
	/*background-image: url("../bilder/decoration_right.png")*/	
}
/*Ein Container für das Logo, obligatorisch links oben in der Ecke.*/
#logo{
	z-index: 1;
	position: absolute;
	margin-left: 80px;
	margin-top: 32px;
	width: 270px;
	height: 120px;
	background-color: transparent;
}
/*Das Logo wird rechts unterstützt von einem Begleittext.*/
#logoText{
	z-index: 1;
	position: absolute;
	margin-left: 390px;
	margin-top: 120px;
	width: 270px;
	height: 40px;
	background-color: transparent;
}
/*Die Überschrift auf der Startseite ist gestaltet und wird daher als Bild eingebunden.*/
#contentHeader{
	z-index: 1;
	position: absolute;
	margin-left: 290px;
	margin-top: 350px;	
	height: 38px;
	width: 500px;
	max-width: 30em;
	background-color: transparent;
}
/*Inhaltsbereich. Der Text bricht mit Verkleinerung des Fensters bis zu einer Mindestgröße um. Bei
  manueller Vergrößerung der Schrift wird auch das Feld proportional breiter, so dass möglichst lange
  ein gut lesbarer ästhetischer Eindruck erhalten bleibt.*/
#content{
	z-index: 1;
	position: absolute;
	margin-left: 290px;
	margin-top: 395px;	
	height: auto;
	width: 400px;
	background-color:  #d8d8d8;
	white-space: normal;
}

#oeffnungszeiten{
	position:relative;
	bottom:60px;	

}
/*****************************************************************************************************/
/*                                                                                                   */
/*                            Nebennavigation im Kopfbereich der Seite                               */
/*                                                                                                   */
/*                                                                                                   */
/*****************************************************************************************************/
/*Ist eine Seite ausgewählt, so ist der entsprechende Link rot dargestellt, die Farbe, die er auch
  erhält, wenn man mit der Maus über den Link geht.*/
#naviMain{
	z-index: 1;
	position: absolute;
	margin-left: 330px;
	margin-top: 75px;
	/*margin-top: 60px;*/
	width: 410px;
	height: 20px;
	background-color: transparent;
	text-align: right;
	color: #d1d1d1;
}
#naviMain a{
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: black;
	text-decoration: none;
}
#naviMain a:link{
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color: black;
	text-decoration: none;
}
#naviMain a:visited {
	color: black;
}
#naviMain a:hover {
	color: #e30d26;
}
#naviMain a:active {
	color: #e30d26;
}
#naviMain a#curr{
	color: #e30d26;
}


table{

	margin: 0px;
	padding: 0px;




}
/*****************************************************************************************************/
/*                                                                                                   */
/*                            Hauptnavigation links                                                  */
/*                            (Programmiervariante aus dem css-Buch                                  */
/*                                                                                                   */
/*****************************************************************************************************/
/*Die Navigation ist schwarz auf grauem Untergrund. Beim Hovern wird der Hintergrund rot und die Schrift
  wird weiß. In der Subnavigation ist die Schrift schwarz auf weiß und wird beim Hovern rot.*/
#menu1{
	z-index: 5;
	position: absolute;
	margin-left: 0;
	margin-top: 175px;
	font: bold 10px Arial, Helvetica, san-serif;
	width: 251px;
	float: left;
	background-color: #ffffff;
}
.menu1Item{
	background: transparent;
	margin-bottom: 7px;
	color: #000;
	font: bold 10px Arial, Helvetica, san-serif;
	text-decoration: none;
	width: 251px;
	text-align: right;
}
.menu1Item a{
	display: block;
	text-decoration: none;
	color: #000;
	height:13px;
	font: bold 10px Arial, Helvetica, san-serif;
	background-color: #d4d1d1;
	padding: 4px 5px;
}
.menu1Item a:visited{
	display: block;
	text-decoration: none;
	color: #000;
	height:13px;
	font: bold 10px Arial, Helvetica, san-serif;
	background-color: #d4d1d1;
	padding: 4px 5px;
}
.menu1Item a#curr{
	display: block;
	text-decoration: none;
	color: #ffffff;
	height:13px;
	font: bold 10px Arial, Helvetica, san-serif;
	background-color:#e30d26;
	padding: 4px 5px;
}
#menu2{
	position: relative;
	display: none;
	visibility: hidden;

	width: 251px;
	z-index: 20;
	text-align: right;
}
div.menu1Item a:hover{
	background: #e30d26;
	color: #ffffff;
		
}
div.menu1Item:hover #menu2{
	display: block;
	visibility: visible;
	font: 10px Arial, Helvetica, san-serif;
	background-color: ;

}
div.menu1Item:hover #menu2 a{
	background-color: #ffffff;
	font: 10px Arial, Helvetica, san-serif;
	color: black;
		height:13px;
}
div.menu1Item:hover #menu2 a:hover{
	background-color: #ffffff;
	color: #e30d26;
	height:13px;
}

/*Für den Newsbutton ist die Formatierung genau umgekehrt.*/
div.menu2Item{
	background: transparent;
	margin-top: 17px;
	color: #000;
	font: bold 10px Arial, Helvetica, san-serif;
	text-decoration: none;
	width: 251px;
	text-align: right;
	height:13px;
}
div.menu2Item a{
	display: block;
	text-decoration: none;
	color: #ffffff;
	background-color: #e30d26;
	padding: 4px 5px;
	height:13px;
	font: bold 10px Arial, Helvetica, san-serif;
}

div.menu2Item a:link{
	display: block;
	text-decoration: none;
	color: #ffffff;
	background-color: #e30d26;
	padding: 4px 5px;
	height:13px;
	font: bold 10px Arial, Helvetica, san-serif;
}


div.menu2Item a:visited{
	background-color:#e30d26;
	color: #000;
	height:13px;
	font: bold 10px Arial, Helvetica, san-serif;
}

div.menu2Item a:hover{
	background-color:#e30d26;
	color: #fff;
	height:13px;
	font: bold 10px Arial, Helvetica, san-serif;
}

div.menu2Item a:active{
	background-color: #e30d26;
	color: #000;
	height:13px;
	font: bold 10px Arial, Helvetica, san-serif;
}

div.menu2Item a#aktuell{
	background-color: #e30d26;
	color: #fff;
	height:13px;
	font: bold 10px Arial, Helvetica, san-serif;
}

/*****************************************************************************************************/
/*                                                                                                   */
/*                            Laufseiten Varianten                                                   */
/*                                                                                                   */
/*                                                                                                   */
/*****************************************************************************************************/
/*Der graue Dekobalken ist in den Unterseiten breiter.*/
#greyLine2{
	z-index: 0;
	position: absolute;
	margin-left: 0px;
	margin-top: 75px;
	width: 100%;
	height: 120px;
	background-color: #f4f4f4;
}
/*Statt dem dunkelgrauen Balken und den daran "aufgehängten" Bildern haben die Unterseiten oben rechts
  im Kopfbereich drei kleine Bilder.*/
#pictures{
	z-index: 3;
	position: absolute;
	right: 0px;
	margin-top: 0;
	width: 480px;
	height: 75px;
	background-color: black;
}
.picture1{
	z-index:1;
	position: absolute;
	margin-left: 0;
	margin-top: 0;
	width: 160px;
	height: 75px;
	background-color: #555555;
}
.picture2{
	z-index:1;
	position: absolute;
	margin-left: 160px;
	margin-top: 0;
	width: 160px;
	height: 75px;
	background-color: #888888;
}
.picture3{
	z-index:1;
	position: absolute;
	margin-left: 320px;
	margin-top: 0;
	width: 160px;
	height: 75px;
	background-color: #bbbbbb;
}
/*Auf drei Unterseiten muss die Subnavigation aufgeklappt sein und bleiben.*/
#menu3{
	position: relative;
	display: block;
	width: 251px;
	z-index: 20;
	text-align: right;
}
#menu3 a{
	background-color: white;
	font: 10px Arial, Helvetica, san-serif;
	color: black;
}
#menu3 a:visited{
	background-color: white;
	color: #000000;
}

#menu3 a:hover{
	background-color: white;
	color: #e30d26;
}

#menu3 a:active{
	background-color: white;
	color: #e30d26;
}

#menu3 a#aktuell{
	background-color: white;
	color: #e30d26;
}
/*Auf den Unterseiten ist die Überschrift ein Stück weiter oben.*/
#contentHeader2{
	z-index: 1;
	position: absolute;
	margin-left: 290px;
	margin-top: 220px;	
	height: 38px;
	width: 500px;
	background-color: transparent;
}
/*Das gleiche gilt für den Fliestext.*/
#content2{
	z-index: 1;
	position: absolute;
	margin-left: 290px;
	margin-top: 265px;	
	height: auto;
	width: 400px;
	background-color: transparent;
	white-space: normal;
}


form{
	background-color: #cccccc;
	width: 560px;
	padding: 20px;
	padding-top: 20px;
	border: 1px dotted #777777;


}

img {
	border: 0pt solid #fff; 


}


}
.eineNews{
	width: 300px;
	text-align: left;
}

hr{
	width: 400px;
	text-align: left;
	color: #555;
	border-style: solid;
	
}