/*--------------------------------Stylesheet zur Darstellung im Web--------------------*/
/*--------------------------------optimiert für die Auflösung 800x600px----------------*/
/*--------------------------------erstellt durch David Grimmer 07-2007-----------------*/

/******************************************allgemeine Einstellungen*********************/

/*alle Randeinstellungen zurücksetzen*/
* {
	padding: 0px;
	margin: 0px;
	font-size: 100%;
}

/*Hintergrundfarbe und Ausrichtung für das body-Element schriftgröße auf 10px festlegen*/
body {background: url('/images/wallpaper.gif') repeat; font-size: 62.5%;} 

.clear {clear: both;}

.center {margin: 0px auto 0px auto; text-align: center;}

.right {text-align: right;}

.shaddow {
	background: url('/images/image_schatten_klein.gif') no-repeat bottom right;
	width: 125px;
	height: 85px;
	padding: 0px 5px 5px 0px;
}

.shaddow_high {
	background: url('/images/image_schatten_klein_hochformat.gif') no-repeat bottom right;
	width: 58px;
	height: 85px;
	padding: 0px 5px 5px 0px;
}

/*Schriftarten der Hauptelemente*/
div, span, p, ul, il, a, input, textarea, h2, h3 {
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
}
#vollbild {
	margin: 0px auto 0px auto;
}

#main {
	margin: 0px auto 0px auto;
	width: 800px;
	overflow: hidden;
	/* Mozilla ignores crazy MS image filters, so it will skip the following*/ 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/main.png');
}

#main[id] {background: url('/images/main.png') repeat-y top;}

/*Seitenkopf mit Hauptüberschrift*/
#header {
	margin: 0px auto 0px auto;
	width: 766px;
	height: 150px;
	border: #ffffff 2px solid;
}

#header_gr_left {
	height: 15px;
	width: 148px;
	float: left;
	display: inline;
	background: #c9c9c9;
}

#header_gr_right {
	height: 30px;
	width: 616px;
	float: right;
	display: inline;
	text-align: right;
	background: #c9c9c9;
	margin-bottom: 2px;
	padding-top: 5px;
	color: #ffffff;
	font-size: 100%;
}

#header_gr_right a {
	margin-right: 5px;
	color: #ffffff;
	font-size: 100%;
	position: relative;
}

#header_gr_right a:hover {
	color: #000000;
	font-size: 100%;
	text-decoration: underline;
}

#header_rt {
	height: 115px;
	background: #ff0000;
	margin-top: 2px!important; /*IE ignoriert diese Anweisung*/
	margin-top: 0px;
	margin-bottom: 2px;
	clear: both;
}

#header_box {
	float: left;
	height: 80px;
	width: 150px;
	display: inline;
	background: #ffffff;
}

#header_box img {
	margin: -12px 40px 0px 40px;
	position: relative;
}

#name {
	/*das ist die Hauptüberschrift als Bild*/
	height: 66px;
	width: 518px;
	margin-left: 195px;
	background: url('/images/ueberschrift.gif') no-repeat;
}

/*Seitennavigation*/
#nav {
	height: 30px;
	padding-left: 150px;
	background: url('/images/verlauf.gif') repeat-x left top;
}

#nav ul {
	float: left;
	display: inline;
	padding-top: 7px;
	list-style-type: none;
	
}

#nav ul li {
	float: left;
	display: inline;
	font-size: 160%;
	color: #c9c9c9;
	
}

#nav ul li a {
	padding: 0px 15px 0px 15px;
	font-weight: bold;
	color: #c9c9c9;
	position: relative;
}

#nav ul li a:hover {
	border: #ffffff 2px solid;
	padding: 0px 13px 4px 13px;
	position: relative;
}

#nav ul li a.active {
	border: #ffffff 2px solid;
	padding: 0px 13px 4px 13px;
	background: #cc0000;
	color: #e9e9e9;
	position: relative;
}

/*Spaltenanordnung*/
#inhalt {
	float: left;
	position: relative;
	overflow: hidden;
	display: inline;
}

#col1 {
	float: left;
	display: inline;
	width: 150px;
	height: 700px;
	margin: 2px 15px -32767px 0px;
	padding-top: 130px;
	padding-bottom: 32767px;
	background: #c9c9c9;
	font-size: 140%;
}

#col1 form {margin-left: 25px;}

#col1 ul {padding: 0px 20px 0px 20px; list-style: none;}

#col1 ul li {padding-bottom: 25px; color: #ffffff;}

#col1 ul li:hover , #col1 ul li.active {color: #000000;}

#col1 ul li a {
	color: #ffffff;  
	background-image: url('/images/sublink.gif');
	display: block;
	padding-left: 15px;
}

#col1 ul li a:hover , #col1 ul li a.active {
	color: #000000; 
	text-decoration: underline; 
	background-image: url('/images/sublink_active.gif');
}

#wetter {padding: 10px; font-size: 120%;}
#wetter table td {
	text-align: left;
	padding-left: 5px;
	padding-top: 5px;
}
#wetter a {color: #a9a9a9;}
#wetter a:hover {color: #ffffff;}
#wetter p {font-family: arial, verdana; padding-left: 5px;}

#col2 {
	float: none;
	display: inline;
	margin: 5px 5px -32767px 0px;
	padding-bottom: 32767px;
	color: #595959;
	font-size: 140%;
	text-align: left;
}

#col2 h1 {font-size: 160%; text-align: center; color: #cc0000; display: block;}

#col2 h2 {
	font-size: 120%; 
	font-weight: normal; 
	color: #cc0000; 
	margin-left: 187px;
}

#col2 p {margin-left: 187px; margin-right: 35px;}

#col2 img {border-style: none;}

#col2 p a ,
#col2 p a:link , 
#col2 p a:visited , 
#col2 ul li a {text-decoration: underline; color: #999;}

#col2 p a:hover , #col2 ul li a:hover {color: #000000;}

#col2 ul {margin-left: 230px; list-style-type: circle; display: block;}

#col2 form {margin-left: 187px;}

#col2 tr td {padding: 5px 10px 5px 20px;}

#col2 table a:link , #col2 table a:visited { text-decoration: none; color: #0000ff;}

#col2 table a:hover {text-decoration: underline;}

#col2 input[type='text'] , #col2 input[type='password'] {
	width: 60%;
	font-size: 120%;
	border: 1px solid #cc0000;
}

#col2 textarea {
	width: 90%;
	font-size: 120%;
	border: 1px solid #cc0000;
}

#col2 input[type='submit'] , #col2 input[type='reset'] , #col1 input[type='submit'] {
	font-size: 80%;
 	padding: 3px 5px 3px 5px;
 	color: #595959;
}

#col2 select {border: solid 1px #cc0000; width: 110px; font-size: 110%;}

#col2 hr {
	width: 500px; 
	border: 1px solid #595959; 
	margin-top: 5px; 
	float: left;
	margin-left: 20px;
	display: block;}

/*Fuss der 2. Spalte*/
#footer {
	margin-right: 5px;
	margin-bottom: 5px;
	float: right;
	display: inline;
	font-size: 120%;
	text-align: right;
	color: #c9c9c9;
	clear: left;
}

#footer img {border: none;}
/******************************************Ende*****************************************/