@charset "utf-8";
/* CSS Document by Jochen Ebert*/

/* Farben: DarkSlateBlue: #666699, PaleTurquoise: #99CCCC, DeepPink: FF0099 (das Flyerplakat eigentlich #E30066), DeepBlue: #000066 */

* {margin:0px; padding:0px; border:0px;} /*Browser-Reset*/

body {background-color:#666699; background-repeat:no-repeat;} /* Hintergrundfarbe der Seite */

body, p, h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial; line-height:1.4; margin:0px 10px 0px 30px;} 


body, p, li {font-size:90.01%;}
h1 {font-size:160.01%; margin:0px 40px 0px 10px;}
h2 {font-size:140.01%; margin:0px 40px 20px 10px;}
h3 {font-size:120.01%; margin:0px 40px 0px 10px;}
h4 {font-size:120.01%; margin:0px 40px 0px 10px;}
h5 {font-size:100.01%; margin:0px 40px 0px 10px;}

h1, h2, h3 {color: #FF0099; font-weight: bold;}

li {margin: 0px 50px 5px 30px;}
ul, ol {margin: 5px 50px 5px 30px;list-style-position: outside;}
ul {list-style-image: url(../images/quadrat.gif);}
ol {list-style-type: decimal;}



.bold {font-weight: bold;}
.center {text-align:center;}
.smaller {font-size:80.01%;}
.eingerueckt {padding-left: 50px;}



/* -------------------LINKS ANFANG -------------------*/
/* Aussehen der Links */
#content a:link, #content a:visited {
	color:#000066; /* Textfarbe schwarz */
	text-decoration: none;
	}
#content a:hover, #content a:focus {
	color:#FF0099; /* Textfarbe lila */
	text-decoration: none;
	}
	
/* Aussehen der Links in der Navigationsleiste*/
#navigation a:link, #navigation a:visited {
	color:#ffffff; /* Textfarbe weiß */
	text-decoration: none;
	background-color: none;
	width: 100px; /* wichtig */
	padding: 0px 25px;
	display: block;
	}
#navigation a:hover, #navigation a:focus {
	color:#FF0099; /* Textfarbe rot */
	text-decoration: none;
	background-color: #99CCCC;
	width: 100px; /* wichtig */	
	display: block;
	}
	
/* Aussehen der Links in der Fussleiste */
#footer a:link, #footer a:visited, #extra a:link, #extra a:visited {
	color:#000000;
	text-decoration: none;
	}		
#footer a:hover, #footer a:focus, #extra a:hover, #extra a:focus {
	color:#FFFFFF;
	text-decoration: none;
	}
/* ------------------- LINKS ENDE-------------------*/



/* ------------------- spezielle FORMATIERUNGEN in CONTAINERN ANFANG -------------------*/
#header h1{
	height:100px;
	line-height:100px;
	margin:0;
	padding-left:0px;
	border-bottom: 1px solid #fff; /*weiße Linie oben*/	
	}

#container{text-align:left}

#content p{
	padding-right:0px;
	padding-bottom:0px;
	color: #000000;
	margin: 0px 40px 0px 10px;
	}

#navigation p {
	background-color: transparent;
	margin: 0px 20px 0px 30px; /* Position des Rahmens für Navigationslinks*/
	width: 100px;
	padding: 3px 0px;
	font-size:100.01%;
	text-align: right;
	font-weight: bold;
   }

#extra p {
	background-color: transparent;
	margin: 0px 45px 0px 0px; /* Position des Rahmens für Navigationslinks*/
	padding: 3px 0px;
	font-size:100.01%;
	text-align: right;
   }

#footer {color: #000000;border-top: 1px solid #fff;} /*weiße Linie unten*/	
#footer p{font-size:80.01%;text-align:right;margin:0;padding:2px 50px;} /*Größe, Ausrichtung und Stand des Textes in der Fußleiste*/




/* ------------------- CONTAINER ANFANG -------------------*/
/* Die Seite */
#container{
	position:absolute;
	border:0px solid #fff;
	width:1000px;
	height:630px; /* Höhe genutzter Bereich */
	margin:0px 0px 0px -500px;
	top: 0%;
	left: 50%;
	background-image:url(../images/bg1.jpg);
	}

/* Der Inhaltsbereich */
#content{
	float:right;
	margin-top:34px;
	width:780px;
	height:440px;
	overflow: auto;
	overflow-x: hidden;
	}

/* Der Navigationsbereich*/	
#navigation{
	float:left;
	margin-top:35px;
	width:200px;
	height:411px;
	}

/* Der Extrabereich unter dem Navigationsbereich für die zurückfunktion */	
#extra{
	float:left;
	clear:left;
	width:200px;
	height:54px;
	}

/* Die Fusszeile */	
#footer{clear:both;width:100%}
/* ------------------- CONTAINER ENDE -------------------*/