@charset "UTF-8";
/* CSS Document */

/* Hintergrundfarbe der Webseite, hier muss auch das Hintergrundbild eingefügt werden */
body {
	background-color: #FFF;
	background-repeat:repeat;
	background-attachment: fixed;
	background-position: top center;
	background-image:url(../bilder/hintergrund.jpg)		
}

/* Farbigkeit der Links */

a:link {
  color: #990033;
  text-decoration:none;
}

a:visited {
  color: #990033;
  text-decoration:none;
}

a:active {
  color: #CCC;
  text-decoration:none;
}

a:hover {
  color: #CCC;
  text-decoration:none;
}

/* Definition der Schriften, p=Fließtext, p1=Fließtext/Auszeichnung, p2=navigation, p3=Fließtext weiss, p4=Fließtext,weiß,italic, p5=Bildunterschrift, p6=Fließtext,schwarz,italic, h1=Überschriften, h2=Unterüberschriften, h3=Überschrift weiss, h4=Logo2   */


.p {
	color: #000000;
	padding-left: 0px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 14pt;
}

.p1 {
	color: #000000;
	padding-left: 0px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 14pt;
}


.p2 {
	color: #990033;
	padding-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 20pt;
}

.p3 {
	color: #FFF;
	padding-left: 0px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 13pt;
}

.p4 {
	color: #FFF;
	padding-left: 0px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 13pt;
}

.p5 {
	color: #000000;
	padding-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 13px;
}

.p6 {
	color: #000000;
	padding-left: 0px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 14pt;
}

.p7 {
	color: #CCC;
	padding-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 20pt;
}

.p8 {
	color: #000000;
	padding-left: 0px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	line-height: 14pt;
}

.p9 {
	color: #000000;
	padding-left: 0px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 12pt;
}


.p10 {
	color: #990033;
	padding-left: 0px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	line-height: 20px;
}

.p11 {
	color: #990033;
	padding-left: 0px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	line-height: 20px;
}



.h1 {
	color: #000000;
	padding-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 14pt
}



.h2 {
	color: #000000;
	padding-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 14pt
}

.h3 {
	color: #FFF;
	padding-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 14pt;
}

.h4 {
	color: #FFFFFF;
	padding-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 14pt
}

.h5 {
	color: #FFFFFF;
	padding-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 14pt
}

.h6 {
	color: #990033;
	padding-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 14pt
}

#container {
	position:absolute;
	height:600px;
	width:960px;
	top:40px;
	left:40px;
	}

#page-wrap { 
		position: relative; 
		z-index: 1; 
		height:600px;
		width:960px; 
		margin: 40px auto; 
		}
		

/* Öffnungszeiten und Adresse  */

#adresse {
	position:absolute;
	top: 480px;
	left: 400px;
	height: 100px;
	width: 160px;
	padding: 10px;
	background-color:#990033;
	filter:alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Gecko-Browser */
	opacity:0.85; /* Opera 9+ */
	z-index: 1;
	}

#oeffnungszeiten {
	position:absolute;
	top: 480px;
	left: 585px;
	height: 100px;
	width: 160px;
	padding: 10px;
	background-color:#990033;
	filter:alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Gecko-Browser */
	opacity:0.85; /* Opera 9+ */
	z-index: 1;
	}
	
#adresse1 {
	position:absolute;
	top: 850px;
	left: 400px;
	height: 100px;
	width: 160px;
	padding: 10px;
	background-color:#990033;
	filter:alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Gecko-Browser */
	opacity:0.85; /* Opera 9+ */
	z-index: 1;
	}

#oeffnungszeiten1 {
	position:absolute;
	top: 850px;
	left: 585px;
	height: 100px;
	width: 160px;
	padding: 10px;
	background-color:#990033;
	filter:alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Gecko-Browser */
	opacity:0.85; /* Opera 9+ */
	z-index: 1;
	}

/* Inhalte */
	
#content {
	position:absolute;
	top: 195px;
	left: 185px;
	width: 560px;
	height: 270px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0px 10px 10px 10px;
	background-image: url(../bilder/weiss80.png);
	z-index: 1;
	}
	
#content2 {
	position:absolute;
	top: 195px;
	left: 185px;
	width: 560px;
	height: 270px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 0px 10px 10px 10px;
	background-image:url(website/bilder/weiss80.png)
	z-index: 1;
	}
	
#content3 {
	position:absolute;
	top: 195px;
	left: 185px;
	width: 560px;
	height: 270px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0px 10px 10px 10px;
	background-color:#FFF;
	filter:alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Gecko-Browser */
	opacity:0.85; /* Opera 9+ */
	z-index: 1;
	}

#contentstart{
	position:absolute;
	top: 195px;
	left: 185px;
	width: 580px;
	height: 280px;
	overflow-x: hidden;
	overflow-y: hidden;
	background-image: url(../bilder/weiss80.png);
	z-index: 1;
	}
	
#contentstart1 {
	width: 540px;
	height: 450px;
	padding: 0px 30px 10px 10px;
	z-index: 1;
	}
	
#contentstart2{
	position: absolute;
	top: 195px;
	left: 185px;
	width: 580px;
	height: 650px;
	background-color: #FFF;
	filter: alpha(opacity=85); /* IE */
	-moz-opacity: 0.85; /* Gecko-Browser */
	opacity: 0.85; /* Opera 9+ */
	z-index: 1;
	}

#buchtipps {
	position:absolute;
	}
	
#abstand{
	position: relative;
	top: 45px;
	left: 185px;
	width: 560px;
	height: 130px;
	padding: 10px;
	background-color:#FFF;
	filter:alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Gecko-Browser */
	opacity:0.85; /* Opera 9+ */
	z-index: 1;
	}

#titel{
	position:absolute;
	bottom: 0px;
	left: 0px;
	width: 560px;
	height: 55px;
	padding: 10px;
	z-index: 2;
	}	

	
#head {
	position:absolute;
	top: 45px;
	left: 185px;
	width: 280px;
	height: 30px;
	padding: 10px;
	background-color:#990033;
	filter:alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Gecko-Browser */
	opacity:0.85; /* Opera 9+ */
	z-index: 2;
	}

#info {
	position:absolute;
	top: 45px;
	left: 770px;
	width: 160px;
	height: 350px;
	padding: 10px;
	background-color:#FFF;
	filter:alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Gecko-Browser */
	opacity:0.85; /* Opera 9+ */
	z-index: 1;
	}
	
/* Navigation  */

#navigation01 {
	position:absolute;
	top: 0px;
	left: 185px;
	height: 32px;
	width: 530px;
	padding: 8px 10px 0px 10px;
	background-color:#FFF;
	filter:alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Gecko-Browser */
	opacity:0.85; /* Opera 9+ */
	z-index: 1;
	}

#navigation {
	position:absolute;
	top: 45px;
	left: 0px;
	width: 160px;
	height: 410px;
	padding: 10px;
	background-color:#FFF;
	filter:alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Gecko-Browser */
	opacity:0.85; /* Opera 9+ */
	z-index: 1;
	}