body {
background-color:#ffffff; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#000000; 
font-size:10px; 
overflow: auto; 
text-align:center;
letter-spacing:0.1em;
margin:0px; 
} 

a:link ,a:visited , a:active{
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	text-decoration: underline;
}

.green10px a:link, a:visited, a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #427C35;
	text-decoration: none;
}

.green10px a:hover{
	color: #7FC171;
	text-decoration: none;
}

img {
border :0; 
} 

ul, ol {
font-size : 0.9em;
color : #000;
font-family : Verdana, Arial, Helvetica, sans-serif;
list-style-position : outside;
      }
	  
ul ul {
font-size : 1em;
      }
	  
ul {
list-style-type : square;
    }

table {
font-size:11px; 
} 

.clear {
clear : both;
}
/* END-- Angaben allgemein body */



/* Angaben Container Bereich */
#container {
position:relative; 
text-align:left; 
width:988px; 
height:840px;
margin:0 auto 0; 
background-color:#ffffff;
overflow:hidden;
} 

#container_start {
position:relative; 
width:988px; 
height:550px;
margin:0 auto 0; 
background-color:#ffffff;
overflow:hidden;
}
/* END-- Angaben Container Bereich */


/* Angaben Head Bereich */

#head {
	position:absolute;
	left:0px;
	top:0px;
	width:988px;
	height:132px;
	background: url("../images/bg_top.gif");
}

#head01 {
	position:absolute;
	left:0px;
	top:0px;
	width:51px;
	height:132px;
	background: url("../images/head_01.jpg");
}

#head02 {
	position:absolute;
	left:51px;
	top:0px;
	width:263px;
	height:44px;
	background: url("../images/head_02.jpg");
}

#head03 {
	position:absolute;
	left:314px;
	top:0px;
	width:674px;
	height:44px;
	background: url("../images/head_03.jpg");
}

#head04 {
	position:absolute;
	left:47px;
	top:34px;
	width:254px;
	height:94px;
}

#head05 {
	position:absolute;
	left:314px;
	top:44px;
	width:674px;
	height:38px;
	background: url("../images/head_05.jpg");
}

#head06 {
	position:absolute;
	left:314px;
	top:82px;
	width:674px;
	height:37px;
	background: url("../images/head_06.jpg");
}

#head07 {
	position:absolute;
	left:51px;
	top:119px;
	width:263px;
	height:13px;
	background: url("../images/head_07.jpg");
}

#head08 {
	position:absolute;
	left:314px;
	top:119px;
	width:674px;
	height:13px;
	background: url("../images/head_08.jpg");
}

#headimage {
	position:absolute;
	left:0px;
	top:132px;
	width:988px;
	height:217px;
	background: url("../images/headimage01.jpg");
	}

#time {
	position:absolute;
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	left:20px;
	bottom:0px;
	width:250px;
	height:13px;
}

#adressinfo_head {
	position:absolute;
	right:0px;
	width:659px;
	height:16px;
	color:#FFFFFF;
	margin-top:100px;
}

#topnavi {
	position:absolute;
	right:20px;
	width:638px;
	height:13px;
	margin-top:24px;
}

/* END-- Angaben Head Bereich */

/* Angaben Content Bereich */

#content {
	position:absolute;
	left:0px;
	top:349px;
	width:988px;
	height:500px;
	background-image: url("../images/content_bg.jpg");
	background-repeat:repeat-y;
	}
	
#content_weather {
	position:absolute;
	left:85px;
	bottom:100px;
	width:130px;
	}
	
	
#navigation {
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:570px;
	background-image:url(../images/bg_navi.gif);
	}
	
#navi {
	position:relative;
	margin : 0 0 20px;
	left:50px;
	top:25px;
	width:252px;
	height:auto;

	}

.subnavi1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
	padding-bottom:2px;
}
#fusszeile {
position:relative; 
text-align:left; 
width:988px; 
height:22px;
margin:0 auto 0; 
overflow:hidden;
background-image:url(../images/bg_fuss.gif);

}

.navipunkt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
	padding-bottom:6px;
	padding-top:1px;

}
	
#trennlinie {
	position:absolute;
	left:300px;
	top:0px;
	width:1px;
	height:570px;
	background: url("../images/trennlinie.gif") no-repeat;
	}
	
#inhaltsbereich {
	position:absolute;
	left:302px;
	top:0px;
	width:686px;
	height:570px;
	background-image:url(../images/bg_content.gif);
	overflow: auto;
	}
	
#inhalt_image {
	position:absolute;
	left:332px;
	top:70px;
	width:300px;
	height:auto;
	}
	
#inhaltsbereich_kontakt {
	position:absolute;
	left:42px;
	top:10px;
	width:590px;
	height:auto;
	margin-top:10px;
	padding-bottom:6px;
	}
	
#inhaltsbereich_impressum {
position:absolute;
	left:42px;
	top:10px;
	width:590px;
	height:auto;
	margin-top:10px;
	padding-bottom:6px;
	}
	
#logo_klein {
	position:absolute;
	left:375px;
	top:125px;
	width:200px;
	height:57px;
	background: url("../images/logo_klein.jpg") no-repeat;
	}
	
#logo_klein_soul {
	position:absolute;
	left:369px;
	width:200px;
	top: 375px;
	height:57px;
	background: url("../images/soulbase.gif") no-repeat;
	}
	
#inhaltsbereich_datenschutz {
	position:absolute;
	float:left;
	left: 0px;
	top:52px;
	width:590px;
	height: 418px;
	overflow:auto;
	}
	
#inhaltsbereich_sitemap {
	position:absolute;
	left: 240px;
	top:45px;
	width:260px;
	}
	
#copyright {
	position:absolute;
	left: 25px;
	bottom:10px;
	width:250px;
	}
		

#totop {
	position:absolute;
	right:46px;
	bottom:5px;
	width:140px;
	height:12px;
	}
	
#navi ul {
list-style-type : none;
margin : 0;
padding : 0;
      }
	  
#navi a, #level1on a {
display : block;
width : 183px;
font-size : 11px;
padding : 4px 0 5px 23px;
background-image : url("../images/box1.gif");
background-position : 4px 6px;
background-repeat : no-repeat;
border-bottom : 1px solid #000;
      }
	  
#navi a.level2, #level2on a {
display : block;
width : 183px;
display : block;
padding-left : 33px;
background-position : 17px 6px;
      }
	  
#navi a.level3, #level3on a {
display : block;
width : 157px;
padding-left : 47px;
background-position : 30px 6px;
background-image : url("../images/box3.gif");
      }
	  
#navi #level1on a, #navi #level2on a, #navi #level3on a {
color : #000000;
background-image : url("../images/box2.gif");
      }

#navi a:link, #navi a:visited {
color : #000000;
text-decoration : none;
      }
#navi a:hover {
color : #427C35;

background-image : url("../images/box2.gif");
      }
	
#ueberschrift {
	position:absolute;
	left:42px;
	top:25px;
	width:590px;
	height:auto;
	background-color:#439F36;
	padding-top:5px;
	padding-bottom:5px;
	}
	
#inhalt_in {
	position:absolute;
	left:42px;
	top:10px;
	width:590px;
	height:auto;
	margin-top:10px;
	padding-bottom:6px;
	}
	
#inhalt_sub {
	position:absolute;
	left:42px;
	top:362px;
	width:590px;
	height:auto;
	}
	
#image_inhalt {
	position:absolute;
	right:0px;
	top:-10px;
	width:258px;
	height:190px;
	}
	
#hor_trennlinie {
	position:relative;
	left:42px;
	top:340px;
	width:590px;
	height:auto;
	padding-top:6px;
	padding-bottom:6px;
	background: url("../images/hor_trennlinie.jpg") repeat-x;
	}

/* END-- Angaben Content Bereich */

#subnavi {
	position:absolute;
	left:0px;
	top:919px;
	width:988px;
	height:104px;
	background: url("../images/subnavi_bg.jpg");
	}
	
#subnavi_inhalt {
	position:relative;
	left:0px;
	margin-top:10px;
	width:988px;
	height:122px;
	}


/* Hover Effekte */

#topnavi a:link, #topnavi a:active, #topnavi a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}

#topnavi a:hover {
	text-decoration:underline;
}	

#subnavi_inhalt a:link, #subnavi_inhalt a:active, #subnavi_inhalt a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	line-height:20px;
}

#subnavi_inhalt a:hover {
	text-decoration:underline;
}	

#sml1 {
    list-style-type : none;
    margin : 20px 0 0;
    padding : 0;
    }
#sml1 li {
    margin : 0 0 5px;
      }
	  
#sml1 li ul li {
         margin : 5px 0 0 0;
         list-style-image : url("../images/navipfeil1.gif");
      }
	  
#sml1 li ul li ul li {
         margin : 5px 0 0 0;
         list-style-image : url("../images/navipfeil2.gif");
      }	  
	  
#sml1 li a:link, #sml1 li a:visited, #sml1 li a:hover {
         font-family : Verdana, Arial, Helvetica, sans-serif;
         color : #648630;
         font-weight : bold;
         font-size : 11px;
         text-decoration : none;
      }
	  
#sml1 li ul li a:link, #sml1 li a:visited, #sml1 li a:hover {
         font-family : Verdana, Arial, Helvetica, sans-serif;
         color : #648630;
         font-weight : bold;
         font-size : 11px;
         text-decoration : none;
      }
	  
#sml1 li ul li ul li a:link, #sml1 li ul li ul li a:visited, #sml1 li ul li ul li a:hover {
         color : #660000;
         font-weight : bold;
      }


.formu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	color: #000000;
	}
	
.class120px {
  background-color: #99CC99;
  margin: 20px 2px 0 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  text-decoration: none;
  width: 109px;
  border: 1px solid #1C5A13;
}

.classanrede {
  background-color: #99CC99;
  margin: 0 0 3px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  text-decoration: none;
  width: 120px;
  border : 1px solid #1C5A13;
}

.class50px {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold;
  margin: 4px 0 0 0;
  color: #000;
  text-decoration: none;
  background-color: #439F36;
  width: 48px;
  border : 1px solid #1C5A13;
  }

.class300px {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold;
  margin: 4px 0 0 1px;
  color: #000;
  text-decoration: none;
  background-color: #439F36;
  width: 295px;
  border : 1px solid #1C5A13;
  }

.class241px {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold;
  margin: 4px 0 0 0;
  color: #000;
  text-decoration: none;
  background-color: #99CC99;
  width: 350px;
  border : 1px solid #1C5A13;
  }

.class240px {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin: 4px 0 0 0;
  color: #000;
  text-decoration: none;
  background-color: #99CC99;
  width: 350px;
  border: 1px solid #1C5A13;
}

/* Schriften */

.black10px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.black11px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.white11px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.white11pxnormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

.white10px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}

.green10px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #427C35;
	text-decoration: none;
}
.green12px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #427C35;
	text-decoration: none;
}

.red12px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E72219;
	text-decoration: none;
}

.grey11px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #427C35;
	font-weight: bold;
	text-decoration: none;
}

.black24px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #000;
	text-decoration: none;
}


h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #427C35;
	text-decoration: none;

}
/* END-- Schriften */
/* Eingabefelder in Formularen */
/* Eingabefelder allgemein */
INPUT, SELECT, TEXTAREA {
	font-family::		"Times New Roman", Times, serif;
	font-size : 	 	11px;	
	background-color:   #ffffff;
	border-top:			1px solid #003300;
	border-left:		1px solid #003300;
	border-bottom:		0px;
	border-right:		0px;

	x_scrollbar-base-color:	#003300;
}
form {
	margin-top: 		15px;

}
input.checkbox {
	margin-bottom: 		0px;
	border:				0px;
}
input, select {
	height:				14px;
}
select {
	padding:				0px;
	height:				20px;
}
/* Lange, mittlere und kurze Eingabefelder in Formularen (z. B. Name)*/
INPUT.lang, select.lang{
	width:				250px;
	background-image:url(../images/bg_navi.gif);

}
TEXTAREA.lang {
	width:				250px;
	height: 100px;
	background-image:url(../images/bg_navi.gif);

}
INPUT.mittel, SELECT.mittel, textarea.mittel{
	width:				180px;
}
INPUT.kurz, SELECT.kurz, textarea.kurz {
	height:				18px;
	width:				60px;
}
/* Absenden-Knoepfe in Formularen */
input.knopf {
	background:			#336633;
	height: 			20px;
	font-size:			11px;
	font-weight:		bold;
	color:  			#ffffff;
	border-top:			1px solid #dce3ea;
	border-left:		1px solid #dce3ea;
	border-bottom:		1px solid #000000;
	border-right:		1px solid #000000;
	margin-top:        20px;
}

/* Hervorhebung bei Pflichtfeldern */
INPUT.pflichtfeld {
	x_background-color:		#E1F0FA;
}

INPUT.fehler {
	background-color: 	#E1F0FA;
}