body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow:auto;
	/*overflow:hidden;*/
	font-family: arial, helvetica, sans-serif;
	color:#999999;
	background-image:url(../images/weiss.gif);
	background-repeat:repeat-x;
	background-color:#000;
	z-index:1;
	}

	
a {
	text-decoration: none;
	font-weight: bold;
	color:  #ccc;
	outline: none;
	}
a:visited {
	color:  #ccc;
	}
a:active {
	color:  #ccc;
	}
a:hover {
	color: #ccc;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
.subtext {
font-size:11px;
line-height:12px;}

.hr {
color:#999999;
width:100%;
margin-top:5px;}

strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 18px;
	margin-top:15px;
	text-align:justify;
	/*margin-bottom: 10px;*/ 
	}

li {
font-size: 12px;
	line-height: 18px;
	margin-top:15px;
	}
/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color:#ccc!important;
	margin:0 30px 0 30px;
	padding:3px;
	}
	
h3 {
	font-family: arial, helvetica, sans-serif;
	text-align:left;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold!important;
	color:#CC0000;
	margin:0;
	padding:0;}
	
h4 {
	font-size: 14px;

	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	color: #CC0000;
	font-weight: bold;
	}
	
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
	
.headline {	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color:#888888!important;
	margin:auto;}
	
.headline a {	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color:#ccc!important;
	margin:auto;}
	
.headline a:hover{
color:#888888!important;
text-decoration:none;}
	
.img-center {
margin:auto;
	}
	
.img-right {
float:right;
margin:10px 10px 10px 20px;}

.nowrap {
	white-space:nowrap;
	font-size: 10px;
	line-height:normal;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
	
	#topnavi {
	position:absolute;
	top:100px;
	width:100%;
	font-size: 14px;
	text-align:left;
	padding:0px;
	background:#888888;
	color:#FFFFFF;
	font-weight:normal;
	text-align:center;
	z-index:20;
	visibility: visible;
	}
	
	
	#topnavi a {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color:#fff;
	margin:0 4px 0 4px;
	z-index:5;}
	
	#topnavi a:hover {
	font-weight: normal;
	color:#CC0000;
	text-decoration:none;
	background-color:#FFFFFF;
	}


#left {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	background-image:url(../images/navi1.jpg);
	color:#819492;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:700px!important;
	text-align:center!important;
	overflow:hidden;
	z-index:20;
	visibility: visible;
	}
	
#left a {
	color:#000;
	margin-top:25px;
}

.on {
	font-weight:bold;
	background-color:#CC0000;
	color:#FFFFFF;
}

#left li {
	list-style-type:none;
	display:block;
	margin: 10px 2px 10px -10px;
	color:#000;
}

#left a:hover {
	background-color:#fff;
}

#left p {
	text-align:center;}

html>body #left {
	width: 150px; /* ie5win fudge ends */
	}
	
#middle {
	margin: 0 150px 0 150px;
	padding: 0px;
	background: #fff;
	height:700px!important;
	z-index:2;
	}
	
#middle p {
margin:0;}	
	
#right {
	position: absolute;
	background-image:url(../images/static.jpg);
	top: 0;
	right: 0; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 0;
	padding: 0;
	float:right;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:700px;
	overflow:hidden;
	z-index: 30;
	visibility: visible;
	}

	
#logo {
	margin-top:0px;
	text-align:center;
	width:auto;
	height:120px;
}


#content {
	position:relative;
/*	float:right; */
	width:95%;
	margin:0 4px 5px 30px;
	height:575px;
	color:#666666;
	z-index:3;
	overflow:auto;
}

#content a {
color:#888888;
}

#contant a:hover {
background-color:#DA251D;
color:#FFFFFF;
}

#content p {
	margin-bottom:10px;
		margin-top:15px;
		color:#888888;
	text-align:left;
	/*line-height:25px;*/}

#contentright {
float:right;
width:auto;}

.image {
	margin:5px 20px 10px 0px;
	float:left;
	/*border-right: 2px dotted #9A9B9F;*/
	}
	
.border {
border:1px solid black;}
	

.links {font-size:13px;
	letter-spacing:1px;
	display:block;
	line-height:34px; 
	margin-top:25px;

} 

.links a {
	font-size:13px;
	letter-spacing:1px;
	display:block;
	height:34px;
	width:150px;
}

.links a:hover {
	text-decoration:none;
	background-color:#CC0000;
	color:#FFFFFF;
}

.linkoff {
	font-size:13px;
    text-decoration:none;
	background-color:#000;
	color:#fff!important;
	letter-spacing:1px;
	font-weight:bold;
	line-height:34px;
	margin-top:27px;
	height:34px;}

#footer {
	font-size: 12px;
	float:right;
	margin:auto;
	text-align:right;
	z-index:30;
	overflow:hidden;
}

#footer a {
color: #FFF;
margin:0 10px 0 0;
}

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

#teaser {
float:right;
margin:30px 15px 10px 15px;
width:180px;
}

#anfahrt {
height:auto;
width:95%;
/*background-image:url(../images/anfahrtsskizze.gif);
background-position:center;
background-repeat:no-repeat;*/}

#teaserquer {
height:230px; 
margin:auto;
text-align:center;
width:95%;
overflow-x:hidden;
overflow:hidden;
}

#teaserquer a{
color:#000;
}

#teaser p, #teaserquer p {
margin:10px 0px 0px 10px;
line-height:1.4em;
color:#333333;
}

#teaser a {
color:#000;}

#teaser a:hover {
color:#C4151A;}

#teaser h1 {
font-size:13px;
font-weight:bold;
color:#666666;
margin:0px 10px 0px 10px;}

#teaser1 {
background-image:url(../images/grauverlauf.jpg);
margin-bottom:10px;
width:180px;
border: 2px solid #9A9B9F;
}

#teaser2 {
background-image:url(../images/grauverlauf.jpg);
margin-bottom:10px;
width:180px;
border: 2px solid #9A9B9F;
}

#teaser3 {
background-image:url(../images/grauverlauf.jpg);
margin-bottom:10px;
width:180px;
border: 2px solid #9A9B9F;
}

.teaser4 {
text-align:left;
padding:50px 5px 5px 5px;
float:left;
margin:10px;
heigh:100%!important; width:29%!important;
background-color:#CCCCCC;
color:#000;
overflow:hidden;
font-size: 12px;
line-height: 18px;
margin-top:15px;
}

#lep {
	position:absolute;
	top:-2px;
	left:0;
	width:118px;
	height:117px;
	z-index:21;
	visibility: hidden;
}

#blue {
	position:absolute;
	top:0;
	left:0;
	width:134px;
	height:128px;
	z-index:21;
	visibility: hidden;
}

.red {
color: #CC0000;
	font-weight: bold;}

	#form1_lesernachricht {width:265px;height:95px;}

	
	
.Stil1 {color: #ffffff}
.Stil2 {color: #ffffff}
.Stil5 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:000;}
.Stil6 {font-size: 12px}
.Stil8 {font-size: 12; font-family: Arial, Helvetica, sans-serif; color:000;}
.Stil9 {font-size: 12}
.Stil11 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; }
.stile0 {color:#FFFFFF;}