body {
  /* verhindern dass positionierte Elemente bei Veraenderung der Fenstergroesse 
  nicht mit verschoben werden */
  color: #000;
  font-family: Arial,Helvetica, sans-serif;
  font-size: 12px;
  margin: 0px;
padding: 0px;
text-align: left;
  background-image: url(images/background.gif);
}


h3{
  font-size: 0.8em;
}
p {
line-height: 120%; 
margin: 0px;
}

a { 
text-decoration: none;
}

a:link    { color: #008c4e; text-decoration: underline;}
a:visited { color: #008c4e; text-decoration: underline;}
/* In Typo3 mit gleicher Farbe wie H1 ueberschreiben*/
a:focus, a:hover, a:active { color: #000000;text-decoration: none;}

a:focus { outline: none; }


/*
/* Anpassungen CSC-Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.csc-textpic-caption{
	font-size:10px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #000;
	text-align: center;
}


/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.stopFloat {
  display: block;
  float: none;
  clear: both;
  line-height: 1px;
  font-size: 0px;
  line-height: 0px;
}



/* Struktur
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#wrapper {
  width: 980px;
   text-align: left; 
   }

	

#logo {
  width: 418px;
  height: 84px;
  padding-left: 15px;
  margin-top: 42px;
  float: left;
}

#text1 {
  width: 965px;
  height: 22px;
  padding-left: 15px;
  margin-top: 2px;
  float: left;
  background-image: url(images/text1.gif);
  background-repeat: no-repeat;
}

#container {
  width: 819px;
  float: left;
  
}



#searchTitle{
float: left;
width: 177px;
}


#content ul{
list-style-position: outside;
margin: 0px;
padding-left:14px;
padding-bottom: 5px;
padding-top: 3px;
}

* html #content ul{
padding-left:16px;
}

#content li{
margin: 0px;
line-height: 14px;
color: #000000;
list-style-type: square;
}

#sub{
  /*border: green 1px solid;*/
  width: 700px;
  float:left;
  margin-left: 50px;
  margin-top: 25px;
  height: 504px;
  background-repeat: no-repeat;
}


#content{
  /*border: green 1px solid;*/
  width: 700px;
}

#content-left {
	width: 200px;
	margin-top: 25px;
	float: left;
background-image: url(images/kasten_links_back.gif);
}


#content-normal{
  /*border: green 1px solid;*/
  width: 340px;
text-align: left;
float:left;
}



#content-right{
  width: 340px;
text-align: left;
float:left;

}

#content-normal2{
  /*border: green 1px solid;*/
  width: 180px;
text-align: right;
float:left;
}

#content-right2{
  width: 500px;
text-align: left;
float:left;
}



#col1{
float:left;
 margin: 0px;
  padding: 0px;
/*background: green*/
}

#col2{
float: left;
 margin: 0px;
  padding: 0px;
  margin-left: 20px;
/*background: green*/
}

#col3{
float: left;
margin: 0px;
  padding: 0px;
/*background: red;*/
}


.kasten-links{
background-image: url(images/kasten_links_top.gif);
background-repeat: no-repeat;
width: 200px;
height: 12px;
float: left;
}

.csc-frame-kasten-links-back{
float: left;
width: 170px;
padding-left: 15px;
font-size: 11px;
}

.kasten-links-bottom{
float: left;
background-image: url(images/kasten_links_bottom.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 200px;
height: 12px;
}

.csc-frame-text-bilder{
float: right;
width: 120px;
font-size: 13px;
font-weight: bold;
height: 171px;
}

.csc-frame-text-bilder-links{
width: 340px;
float: left;
font-size: 13px;
font-weight: bold;
height: 225px;
}

.inhalt-top{
background-image: url(images/inhalt_top.gif);
background-repeat: no-repeat;
width: 340px;
height: 9px;
float: left;
margin-top: 20px;
}

.green{
width: 328px;
float: left;
background-color: #b5d7c5;
color: #008c4e;
font-weight: bold;
border: 1px solid #000000;
padding: 5px;
}

.inhalt-top2{
background-image: url(images/inhalt2_top.gif);
background-repeat: no-repeat;
width: 340px;
height: 30px;
float: left;
}

.csc-frame-inhalt-back {
background-image: url(images/inhalt_back.gif);
background-position: bottom;
float: left;
width: 340px;
margin-bottom: 10px; 
}

.inhalt-text {
float: left;
width: 310px;
margin: 0px;
padding: 0px;
padding-left: 15px;
padding-bottom: 15px;
font-size: 11px;
}




/* Aussehen der Inhalte im Conent */
#content h1 {
color:#008c4e;
  font-size: 13px;
  margin: 0px;
  padding-bottom: 10px;
  font-weight: bold;
}

#content h2{
color:#008c4e;
  font-size: 13px;
  margin: 0px;
  padding-bottom: 3px;
  font-weight: bold;
}

#content h3{
color:#008c4e;
  font-size: 13px;
  margin: 0px;
  padding-bottom: 3px;
  padding-top: 8px;
  font-weight: bold;
}



#content h4{
  font-size: 11px;
  margin: 0px;
  padding: 0px;
font-weight: normal;
text-align: right;
border-top: 1px solid #98a200;
margin-top: 15px;
width: 225px;
}


/* Navigation
/* * * * * * * * * * * * * * * * * * * * * * * * * * */




/*****************************************************/
#menuRootline{
float: left;
width: 791px;
}


/* Menue Level23
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#navi_container{
	width: 200px;
	padding-left: 30px;
	margin-top: 25px;
	float: left;
}

#navi_top{
	width: 200px;
	float: left;
	background-image: url(images/navi_top.gif);
  height: 30px;
}

#navi {
width: 200px;
	list-style: none;
	background-image: url(images/navi_back.gif);
	float: left;
		padding-top: 5px;
	padding-bottom: 5px;
}

#navi_bottom {
width: 200px;
	background-image: url(images/navi_bottom.gif);
	background-repeat: no-repeat;
	float: left;
	height: 10px;
}

.navi1 {
	padding: 0px;
	margin: 0px;
	margin-left: 15px;
	width: 170px;
	border-top: 1px solid #E3E3E3;
} 
	
.naviL1 {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
	font-weight: normal;
	font-size: 12px;
	width: 170px;
border-bottom: 1px solid #E3E3E3;
	} 

.naviL1 a:link, .naviL1 a:visited {
	color: #000;
	text-decoration:none;
	font-size: 12px;
line-height: 20px;

}

.naviL1 a:hover {
   color:#008c4e;
}

.naviL1_act {
	color:#008c4e;
	list-style: none;
	text-decoration:none;
	float: left;
	font-weight: normal;
   font-size: 12px;
	width: 170px;
border-bottom: 1px solid #E3E3E3;
}

.naviL1_act a:link, .naviL1_act a:visited {
	color:#008c4e;
	text-decoration:none;
line-height: 20px;
}

	#navi_oben{
  width: 500px;
   text-align: left;
	float:right;
height: 84px;
margin-top: 42px;
   }
	
	
.navi2 {
	padding: 0px;
	margin: 0px;
	float:right;
   padding-top: 65px;

} 



.naviL2 {
   list-style: none;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	float:left;
}


.naviL2 a:link, .naviL2 a:visited  {
	color: #717171;
	text-decoration: none;
	font-weight: normal;
}

.naviL2 a:hover {
   color:#008050;
	text-decoration:none;
}

.naviL2_act{
padding: 0px;
	margin: 0px;
	color:#008050;
	list-style: none;
	text-decoration:none;
	font-size: 11px;
	font-weight: normal;
	float:left;
}

.naviL2_act a:link, .naviL2_act a:visited{
	color:#008050;
	font-size: 11px;
	text-decoration:none;
}

.trenner{
	color:#525755;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 10px;
}

* html .trenner{
	padding-left: 10px;
	padding-right: 10px;
}




/* Content
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.nachoben { text-align: right; }




/* Spalte 3
/* * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Footer
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#footer {
	background-color: #1e82af;
	width: 816px;
	float: right;
	height: 20px;
	margin-top: 4px;
}

.footer_text {
	color: #FFF;
	float: right;
	font-size: 10px;
	padding-right: 5px;
	line-height: 20px;
}


/* Formular 
/* * * * * * * * * * * * * * * * * * * * * * * * * * */


.csc-mailform-check{
text-align:left;
width: 20px;
background: #DEDEDE;
  border: 1px solid #89847e;
}

.csc-mailform-radio { 
width: 25px;
border: 0px;
background: transparent;
}

#content-normal #mailform{
float: left;

padding: 0px;
}

#content-normal fieldset{
border:none;
padding-bottom:20px;
margin: 0px;
padding: 0px;
}


label {
clear:both;
  float: left;
  text-align: left;
}

label {
  /* damit auch die alten IEs das padding anwenden */
  font-size: 12px;
  font-weight: normal;
  margin-right: 10px;
  width: 150px;
}


form p {
  font-size: 12px;
  margin: 0px;
}



/* Achtung: nicht alle Browser stellen Sachen wie die border
von Eingabefeldern dar, in Safari z.B. laesst sich nur wenig
am Aussehen von Formularelementen aendern */


input,
textarea {
  width: 23em;
  background: #FFFFFF;
  border: 1px solid #89847e;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  margin-bottom:0.3em;
}


select{
  background: #DEDEDE;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  border: 1px solid #89847e;
  margin-bottom:0.3em;
}

#mailform input.csc-mailform-submit{
width:120px;
  float: left;
  margin-top: 5px;
}


/* Die folgenden Anweisungen sorgen fuer schoene Effekte beim
Ausfuellen in standardkonformen Browsern, die IEs koennen
damit aber nix anfangen */

input:hover,
textarea:hover {
  background: #FFFFFF;
  border: 1px solid #89847e;
}

input:focus,
textarea:focus {
  background: #FFFFFF;
  border: 1px solid #89847e;
}

.on a{ color: #222;}


div .csc-textpic-imagewrap{
margin-left:0px;
}



.align-left{
text-align: left;
}
.align-center{
text-align: center;
}
.align-right{
text-align: right;
}