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







/* Angaben für ie  6 */
 
 

 * html #wrapperbox{
display:block;
margin-left:auto;
margin-right:auto;
width:670px;
height:1%

}
* html .text{
width:54em;
}

/*  ************* Ende */
 
body {

height:60em;
font-family:Geneva, Arial, Helvetica, sans-serif;
	
	FONT-SIZE: 12px;
	MARGIN-LEFT: auto;
	VERTICAL-ALIGN: middle;
	MARGIN-RIGHT: auto;
	TEXT-ALIGN: center;
	background-color: #feff99;
	background-image: url(../image/verlauf-horiz.jpg);
	background-repeat: repeat-x;

}

#wrapperbox{
height:1%;
display:block;
margin-left:auto;
margin-right:auto;
width:650px;

}


/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
} 

/* 3 Spalten auf Startseite */
 .container1a ul,.container2a ul, .container3a ul {
list-style:none;
}
.container1a h1 ,.container2a  h1, .container3a h1{
margin-bottom:20px;
font-size:large;
font-family:Georgia, "Times New Roman", Times, serif;
}


.container1a a:link,.container2a a:link, .container3a a:link{
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif;

}
.container1a  a:visited,.container2a  a:visited, .container3a a:visited{
text-decoration:none;
color:#000;

font-family:Geneva, Arial, Helvetica, sans-serif;

}

.container1a h1 a:hover,.container2a  h1 a:hover, .container3a h1 a:hover{
text-decoration:underline;
color:#990000;
font-family:Geneva, Arial, Helvetica, sans-serif;


}


.container1a h1 a:link,.container2a  h1 a:link, .container3a h1 a:link{
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif;

}
.container1a h1 a:visited,.container2a  h1 a:visited, .container3a h1 a:visited{
text-decoration:none;
color:#000;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
.container1a h1 a:hover,.container2a  h1 a:hover, .container3a h1 a:hover{
text-decoration:underline;
color:#990000;
font-family:Geneva, Arial, Helvetica, sans-serif;

}
 .container1 ul li ,.container2  ul li , .container3 ul li{
 margin-top:0.4em;
 text-align:right;
 
 }
.container1 , .container2 , .container3{
display:block;
width:30%;
padding:10px;
height:120px;
margin-top:5px;

}

.container1a , .container2a , .container3a{
display:block;
width:30%;
padding:10px;
height:150px;
margin-top:5px;

}


.container1 ,.container1a{

	background-color: #cc9900;
	text-align: right;
	float:left;


	
}

.container2, .container2a{

	BACKGROUND-COLOR: #ffcc00;
	TEXT-ALIGN: right;
	float:left;
	margin-left:2px;

}
.container3 ,.container3a{
	 BACKGROUND-COLOR: #cccc99; TEXT-ALIGN: right;
	float:right;

}

#wrapper{
	width:70em;
	height:1100px;
	display:block;
	margin-right:auto;
	margin-left:auto;
	text-align:center;

}



#logo{
	background-image:url(../image/logo.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	display:block;
width:80%;
	height:150px;
	margin-top:5em;
	margin-right:auto;
	margin-left:auto;
	padding-top:0.5em;
}



ul#navigation{
	display:block; 
	margin-top:129px;
	list-style:none;
	width:80%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;  
	height:1.8em;
	background-color:#e2c700;

}  

ul#navigation li {

	width:auto;
	float:left;
	height:1em;
	padding-left:5px;
	padding-right:5.5px;
	padding-top:5px;
}

ul#navigation li a{

	font-size:small;
	font-family:Georgia, "Times New Roman", Times, serif;
}
ul#navigation li a:link{

	text-decoration:none;
	color:#000;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
}


ul#navigation li a:visited{
	text-decoration:none;
	color:#000;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
}

ul#navigation li a:hover{
	text-decoration:none;
	color:#990630;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;

}

br{
	clear:both;
}

/*  KLaasen für Abstände */

.li-margin-left:{

	margin-left:2em;
}
.margin-r{
	margin-right:1em;

}
.margin-l{
	margin-left:1em;

}
.n-margin-left{
	margin-left:0px;
}

img.abstand-mittig {
	margin-left:4em;
	margin-top:1em;
}


/* **************  */
.ads{
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:1%;
}
.bannerfield{

	width:655px;
	 height:60px;
	 display:block;
	 margin-right:auto;
	 margin-left:auto;


}



.textbereich , .textbereichlang{
	padding:0.8em;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:52em;
	height:20em;
	text-align: justify;
	background-image: url(../image/verlauf-horiz.jpg);
	background-repeat: repeat-x;
	margin-top: 1em;
	margin-bottom: 0.5em;
	border: thin groove #CC6600;

}

.textbereichlang{
	height:auto;

}


/*   Navigation im Footerbereich  */
#footer-navi{
	display:block;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	margin-top:0.5em;
 
	width:80%;
	height:20px;
	color:#000000;
	display:block;
	background-image:url(../image/1pix.gif);

}
ul#footer-navi{
list-style:none;
padding:0.21em;

}

.links{
float:left;

}

/*  * von style.css übernommen */
#wrapper #websiteform  {
text-align:left;
border:#663300 thin solid;
width:45em;

margin-left:auto;
margin-right:auto;
height:15em;
padding:2em;

}

#wrapper table#websiteform tr {
padding:2em;
margin-bottom:1em;
text-align:left;
}
#wrapper table#websiteform tr td{

padding-right:1em;
}

#wrapper #code {
display:block;
margin-right:auto;
margin-left:auto;
margin-top:1em;
width:50em;
height:5em;

background-color:#FFFFFF;
text-align:center;
margin-bottom:1em;
padding-top:1em;
}
.links{float:left;}

.rechts{float:right;}

.clear{clear:both;}

img#favorite {
	position: absolute;
	left: -5em;
	top: 15em;
	
}