html, body{
	margin:0;
	padding:0;
	text-align:center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #E5E1E1;
} 
 
#pagewidth{
	width:1000px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding:0 20px 0 20px;
	background:url(../_images/schatten_sides.jpg) repeat-y;
} 
 
#header{
position:relative; 
height:240px; 
background-color:#737A7F; 
/*width:100%;*/
width:1000px;
}

#wrapper{
	background-color: #FEFEFE;
	background-image: url(../_images/wrapper_bg_kugel_g_grau.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/* LINKE SPALTE */
#leftcol{
	margin:0;
	padding:0;
width:23%; 
float:left; 
position:relative; 
/*background-color:#999999;*/
}
#navi_1 ul{
	list-style: url(none) none;
	margin: 10px 0 0 10px;
	padding: 0;
}
#navi_1 a {
	display: block;
}
#navi_1 li {
	font-variant: small-caps;
	letter-spacing: 2px;
	font-size: 12px;
	width: 210px;
}
#navi_1 li a:link{
	color: #333333;
	text-decoration: none;
	background-color: #FFFF99;
	margin: 0px 0px 3px 0px;
	padding: 2px 1px 2px 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #99FF00;
	border-right-color: #339933;
	border-bottom-color: #339933;
	border-left-color: #99FF00;
}
#navi_1 li a:visited{
	color: #333333;
	text-decoration: none;
	background-color: #FFFF99;
	margin: 0px 0px 3px 0px;
	padding: 2px 1px 2px 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #99FF00;
	border-right-color: #339933;
	border-bottom-color: #339933;
	border-left-color: #99FF00;
}
#navi_1 li a:hover{
	color: #333333;
	text-decoration: none;
	background-color:#FFEC05; 
	margin: 0px 0px 3px 0px;
	padding: 2px 1px 2px 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #99FF00;
	border-right-color: #339933;
	border-bottom-color: #339933;
	border-left-color: #99FF00;
}
#navi_1 li a.active{
	color: #333333;
	text-decoration: none;
	background-color:#FFEC05; 
	margin: 0px 0px 3px 0px;
	padding: 2px 1px 2px 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #99FF00;
	border-right-color: #339933;
	border-bottom-color: #339933;
	border-left-color: #99FF00;
}

.zeiten{
	background-color: #FFFFCC;
	margin: 5px 15px 5px 10px;
	padding: 5px;
	width: 198px;
	border: 1px solid #009966;
}
.zeiten table{
	color: #333333;
	font-size: 11px;
}
.wetter{
	background-color: #4B6294;
	margin: 5px 15px 5px 10px;
	padding: 5px;
	width: 198px;
	border-top: 1px solid #66CCFF;
	border-right: 1px solid #000099;
	border-bottom: 1px solid #000099;
	border-left: 1px solid #66CCFF;
}

/* 2 SPALTEN: MITTLERE + RECHTE */
#twocols{
width:77%; 
float:right; 
position:relative; 
}

/* RECHTE SPALTE */
#rightcol{
width:34%; 
float:right; 
position:relative; 
/*background-color:#999999;*/
}
#rightcol p{
}
#rightcol img{
	margin-top: 5px;
}
#rightcol_para_oben{
	margin: 36px 7px 0px 0px;
	background-color: #EFF3D0;
	border: 1px solid #999900;
	padding: 0px 10px 0px 10px;
	line-height: 19px;
}
#rightcol_para_next{
	margin: 7px 7px 0px 0px;
	background-color: #EFF3D0;
	border: 1px solid #999900;
	padding: 0px 10px 0px 10px;
	line-height: 19px;
}
#rightcol_para_next b{
	color: #006600;
}

/* MITTLERE SPALTE */
#maincol{
/*background-color: #FFFFFF;*/
float: left; 
display:inline; 
position: relative; 
width:66%; 
}
#maincol_inhalte{
	margin: 0px 5px 10px 0px;
	background-color: #EFF3D0;
	border: 1px solid #999900;
	padding: 20px 10px 20px 10px;
	z-index: 10;
	line-height: 19px;
}
.seitentitel{
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	color: #339933;
	letter-spacing: 2px;
	margin-bottom: 18px;
}
.paragrafentitel{
	letter-spacing: 1px;
	margin-bottom: -6px;
}
#maincol p.text{
	margin-bottom: 18px;
}

/* FOOTER */
#footer{
	height:20px;
	background-color:#FFEC05;
	clear:both;
	width:1000px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#footer ul{
	list-style: url(none) none;
	margin: 0 0 0 20px;
	padding: 0;
}
#footer a {
	display: block;
}
#footer li {
	font-variant: small-caps;
	letter-spacing: 2px;
	font-size: 12px;
}
#footer li a:link{
	color: #333333;
	text-decoration: none;
	margin: 0px 0px 3px 0px;
	padding: 4px 1px 2px 5px;
}
#footer li a:visited{
	color: #333333;
	text-decoration: none;
	margin: 0px 0px 3px 0px;
	padding: 4px 1px 2px 5px;
}
#footer li a:hover{
	color: #333333;
	text-decoration: none; 
	margin: 0px 0px 3px 0px;
	padding: 4px 1px 2px 5px;
}
#footer li a.active{
	color: #333333;
	text-decoration: none;
	margin: 0px 0px 3px 0px;
	padding: 4px 1px 2px 5px;
}

/* HEADLINES */
h1{
display: none;
}
h2{
	margin: 10px 0px -10px 20px;
	z-index: 15;
}
.infopage{
display: none;
}
.seitentitel{
	font-size: 16px;
	font-weight: bold;
	display: block;
}
 
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
/*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}