/* Logo gruen: #7FB813 */
/* HTML - Tags */
body{
	margin:0;
	padding: 0;
	/* background-color: #F5F5F3;*/
	background-color: #F9F8F1;
	color: #412E21;	
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(img/background.gif);
	background-repeat: repeat-y;
	background-position: 0px 200px;
}


h1,h2,h3,h4,h5,h6{
	margin: 0;	
}

h1,h2, 
h1 a, h1 a:link, h1 a:visited{
	color: #329A10;
	font-family:  "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
}



h1 { 
	font-size: 24px;  
	margin: 1em 0 0.5em 0;
}
h1.csc-firstHeader{	
	
	margin: 0 0 1em 0;
}

h3.csc-firstHeader{	
	padding-top: 34px;
}

h2 { font-size: 18px; margin: 1.5em 0 0.3em 0;}	

h3 { 
	margin-bottom: 0.5em;
	font-size: 13px; 
	font-family: Verdana,Arial, Helvetica, sans-serif;
	/*color: #22870E;*/	
	color: #329A10;
}	

h4, h5{	
	font-size: 12px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	color: #329A10;
}
h4{
	margin-bottom: 1em;
}

h5{
	margin: 2em 0 0 0;
}

.farbig{
	color: #329A10;
}

#container h5 { color: #555; }

p, ul, li, .contenttable td{
	margin: 0 0 1em 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.small{
	font-size: 9px;
}

.spatium{
	letter-spacing: 4px;
}

td{
	vertical-align: top;
	padding-right: 12px;
}

.ksSitemapFullWidTable td,
.ksSitemapFullWidTable table td{
	vertical-align: middle;
	padding-right: 0;
}

ul{
	list-style-type: circle;
	padding: 0 0 0 1.5em;
	margin: 0 0 1em 0;
}


li{
	margin-bottom: 0.5em;
}

strong{	
	color: #22870E;;
}


	
a {
	text-decoration: none;
	font-weight: bold;
}

a:link,a:visited {
	color: #FF8C00;
	font-weight: bold;
}

a img, a:link im, a:visited img,
.noborder{
	border: none;
}

a span, a:link span, a:visited span,
a:active span, a:hover span{
	color: #333;	
	font-weight: normal;
	text-decoration: none;	
}



a:hover, a:active,
#topmenu a:hover,
.u1 a:hover, .u2 a:hover{	
	color: #FFA02B;
	text-decoration: underline;
}	



 a img { border: none; vertical-align: middle;}
 
 

.input {border:0; background-color:#ffffff}
 
.center{
	text-align: center;
}

.right{
	text-align: right;
}

.top_0{
	margin-top: 0;
}
.top_05{
	margin-top: 0.5em ;
}
.top_1{
	margin-top: 1em ;
}
.top_2{
	margin-top: 2em ;
}
.top_3{
	margin-top: 3em ;
}

.bottom_05{
	margin-bottom: 0.5em;
}

.bottom_1{
	margin-bottom: 1em;
}
.bottom_2{
	margin-bottom: 2em;
}

ul.compact{
	margin-top: 0;
	margin-bottom: 0;
}

ul.compact li{
	margin-bottom: 0;
}

.n{
  display: none;
}

.clear{
	clear: both;
	height: 1px;
	overflow: hidden;
}

.tipp, .tipp strong{
	font-size: 11px;
	color: #777;
}

#container p.tipp, #container p.tipp strong{
	color: 777;	
}

.newslink p{
	margin: 0 0 4px 0;
}


.breaker{ 	
	clear: both;
    margin: 0px; padding: 0px;
	height : 1px; overflow : hidden;	
}

.team{
	margin: 0 0 1.2em 0;
	padding: 0 2em 0.5em 0;
	width: 38em;
	border-bottom: 1px solid #87BA12;
}

html > body .team{
	width: 36em;
}

.team h3{
	padding-top: 20px;
	color: #52443A;	
}

.bild-links{
	float: left;
	margin-right: 12px;
}

.float-left{
	float: left;
}
.float-right{
	float: right;
}

.spalte1{
	float: left;
	width: 45%;
	margin: 2em 8% 0 0;
}

.spalte2{
	float: left;
	width: 45%;
	margin: 2em 0 0 0;
}

.td-space1 td{
	padding-bottom: 1em;
}

.pdf{
	padding-left: 20px;
	background-image:url(img/pdf.gif);
	background-position: left;
	background-repeat:no-repeat;
}

.doc{
	padding-left: 20px;
	background-image:url(img/pdf.doc);
	background-position: left;
	background-repeat:no-repeat;
}

table.t_1{
	margin: 1em 0  0.5em 0;
	border-collapse: collapse;
}

.t_1 th, .t_1 td{
	padding: 6px 12px;
	text-align: left;
	background-color: #DDDDDD;
	border: 1px solid #AAAAAA;
}

.t_1 td{
	background-color: #FDFDFD;
}

.t_1 td.align-center, .t_1 th.align-center{
	text-align: center;
}

/*  __ Seiten-Elemente __  /*/


#Page{
	margin: 0;
	padding: 1px 1px 30px 1px;
	background-image: url(img/back.gif);
	background-position: top;
	background-repeat: repeat-x;
}

#MittelSpalteA{
	margin: 140px 0 1em 0;
	padding: 1px 2% 1px 1px;
	width: 90%; 
	position: relative;
}


/* Wenn rechte Spalte::schmaler /*/
#MittelSpalteB{
	margin: 140px 0 1em 0;
	padding: 1px 2% 1px 1px;
	width: 76%; 
	position: relative;
}



/* Linker Rand browserkompatibel /*/
#container{	
	margin: 0px;
	padding: 0px 0px 1px 230px; /*  1px bottom fuer den IE /*/
} 


#container p, #container li{
	line-height : 150%;
}

#breadcrumb{
	position: absolute;
   top: 0px;
	left: 250px;
	font-size: 11px;
	color: #FF8C00;
	text-align: right;
}

/*
#breadcrumb a:link,
#breadcrumb a:visited{
	color: #F57D20;
}

#breadcrumb a:hover{
	color: #F79348;
}
*/

#LinkeSpalte{
	position: absolute;
	top: 120px;
	left: 0px;
	width: 215px;
	font-family: Arial, Helvetica, sans-serif;
}

#LinkeSpalte h2{
	margin: 12px 15px 12px 14px;
	color: #FFF;
	font-size: 24px;  
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#context{
	position: absolute;
	top: 40px;
	right: 0px;
	z-index: 10;
}
#context p{
	margin: 0 0 2px 0;
}

#Top{	
   position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background-image: url(img/himmel.jpg);
	background-repeat: repeat-x;
}

/* __ MENUE  __*/
 #topmenu{
   position: absolute;
	top: 99px;
	left: 0px;
	width: 100%;
	background-color: #FDDE53;
	padding: 2px 0 2px 0;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #FFFFFF;	
 }
 
 #topmenu h2{
   float: left;
 	margin: 3px 0 0 230px;
	padding: 0;
	display: inline;
	color: #692B2B;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: normal;
 }

 
#topmenu  ul{	
   float: right;
	margin: 0 12px 0 0;
	padding: 0;
	list-style-type: none;
	line-height: 18px;
}

#topmenu  li { 
	display: inline; 
	margin:0;	
	padding: 0;	
}

#topmenu a { text-decoration: none; }
#topmenu a,
#topmenu a:link,
#topmenu a:visited,
#topmenu li.current{
	font-family:  Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	font-size: 11px;
	font-weight: bold;
	color: #990000;
}

#topmenu li a,
#topmenu li a:link,
#topmenu li a:visited,
#topmenu li.current{
	padding: 0px 6px 0px 5px;
	border-right: 1px solid #990000;
}

#topmenu .last a,
#topmenu .last a:link,
#topmenu .last a:visited,
#topmenu li.last{
	padding-right: 0px;
	border-right: none;
}

#topmenu a:hover,
#topmenu a:focus{
	color: #D90000;
}

/* Navigationslinks in der linken Spalte*/

.u1, .u2, .u3, .u4{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 200px;
	overflow: hidden; /* for IE */
}

.u1{
	margin-top:24px;
}

.u2{
	margin-bottom: 12px;
}


.u1 li, .u2 li, .u3 li, .u4 li{
 	margin: 0;
	padding: 0;	
	display: inline;
 }
 
.u1 a,
.u1 a:link,
.u1 a:visited,
.u1 .current{
 	display: block;
	padding: 6px 4px 6px 14px;
	color: #D3E7AD;
	font-size: 14px; 	
	letter-spacing: 1px;
	font-family:  Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	border-top : 1px solid #C0DD8C;
}


.u1 a:hover,.u2 a:hover,.u3 a:hover,
.u1 .current, .u2 .current, .u3 .current,
.u1 .parent, .u2 .parent{
	color: #FFFFFF;
	text-decoration: none;
	/* background-color: #8FC613; */
}


.u2 a,
.u2 a:link,
.u2 a:visited,
.u2 .current{
 	display: block;
	margin: 0;	
	padding: 2px 4px 2px 30px;
	font-family:  Arial, Helvetica, sans-serif;	
	text-transform: none;
	text-decoration: none;
	font-size: 12px; 
	letter-spacing : normal;
	line-height: normal;
	background-image: url(img/navlist.gif);
	background-repeat: no-repeat;
	background-position: 14px 7px;
	border: none;
}
.u2 .current,
.u2 a:hover{
	color: #FFFFFF;
	background-image: url(img/navlist-act.gif);
}

.u3 a,
.u3 a:link,
.u3 a:visited,
.u3 .current{
 	display: block;
	margin: 0;	
	padding: 4px 4px 4px 30px;
	font-family:  Arial, Helvetica, sans-serif;	
	text-transform: none;
	color: #4A0B0B;
	font-size: 11px; 
	font-weight: normal; 
	letter-spacing : normal;
	line-height: normal;
	background-image: url(img/navlist2.gif);
	background-repeat: no-repeat;
	background-position: 14px 7px;
	background-color: #F0EFC2;
	border-bottom : 1px solid #FFF;
}

.u3 a:hover{
	background-color: #FDFCF5;
}

.u3 .current{
	color: #660000;
	font-weight: bold; 
	background-color: #FDFCF5;
}

.linkespaltefix{
	padding: 20px 0 0 12px;
}

.linkespaltefix a{
	display: block;
	margin: 12px 0 30px 0;
}
.linkespaltefix a,
.linkespaltefix a:link,
.linkespaltefix a:visited{	
	font-family:  Arial, Helvetica, sans-serif;	
	font-size: 11px; 
	color: #555555;
}
.linkespaltefix a:hover{
	text-decoration: none;
}

.linkespaltefix a img{	
	margin-bottom: 6px;
}

.csc-menu-3 p{
	display: inline;
}

.csc-menu-3 a,
.csc-menu-3 a:link,
.csc-menu-3 a:visited{	
 	display: block;
	margin: 0 0 1em 0;	
	padding-right: 20px;
	font-family:  Arial, Helvetica, sans-serif;	
	text-decoration: none;
	color: #000;
	font-size: 11px; 
	line-height: normal;
}

.csc-menu-3 a:hover{	
	text-decoration: underline;
	color: #416ABC;
}
	

/* SPECIAL */

/* Aktive Seite */
.aktiv {
   line-height: 36px;
	padding: 0 25px 0 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px; 
	text-align: right;
	background-image: url(../sos/img/line-r.gif);
	background-repeat : no-repeat;
	background-position : bottom right;
}

.aktiv, 
.aktiv a, 
.aktiv a:link, 
.aktiv a:visited  {
	color: #888;
	font-weight: normal;
}


.aktiv  a:hover{	
	color: #416ABC;
	text-decoration: underline;
}


.aktiv span{
	float: left;
	width: 222px;
	font-size: 18px; 
	color: #CC3366;
	letter-spacing : 1px;
	text-transform: uppercase;
   line-height: 36px;
	text-align: right;
	padding-right: 4px;
	padding-bottom: 0px;
	margin-right: 24px;
	background-image: url(../sos/img/line-l2a.gif);
	background-repeat : no-repeat;
	background-position : top left;
}

.aktiv span a,
.aktiv span a:link,
.aktiv span a:visited{	
	color: #CC3366;
}



.kontakt h5{
	margin: 9px 0 0 0;
}
.kontakt p{
	margin: 0.5em 0 0 30px;
}

#RechteSpalte{
	position:absolute; 
	left: 79%; 
	top: 130px; 
	width: 20%;
	z-index:3;	
	padding-left: 4px;
}

/* Box auf der rechten Seite */

.box{
	margin: 24px 0 0 0;
	padding: 1em;
	background-color: #FFFFFF;
	border: 1px solid #FDDE53;
}

#RechteSpalte .box{
	padding: 6px 0 6px 0;
}
#RechteSpalte .box h1,
#RechteSpalte .box h3,
#RechteSpalte .box h4,
#RechteSpalte .box h5,
#RechteSpalte .box p{
	padding: 0 9px 0 12px;
}

#RechteSpalte .box h1{
	margin: 0 0 6px 0;
}
#RechteSpalte .box h3,
#RechteSpalte .box h4{
	margin-top: 0;
	color: #80B813;
}

#RechteSpalte h3{
	font-size: 14px;
	margin-bottom: 3px;	
}
#RechteSpalte p{
	margin-bottom: 6px;	
	font-size: 11px;
	color: #5D4738;	
}

.teaser{
	margin: 0 0 16px 0;
	/*background-color: #EBEDF0;*/
	background-color: #F1F2F4;
	border: 1px solid #D6DAE1;
	padding: 12px 9px 12px 10px;
}

.infobox {
	margin: 0 0 12px 0;
	padding: 0 0 9px 0;
	background-image: url(../sos/img/line-r.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.infobox h5{
   margin: 9px 0 3px 0;
	padding: 9px 0 0 6px;
	background-image: url(../sos/img/line-r.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.infobox p{	
   margin: 0 0 6px 0;
	padding: 0 0 0 6px;
}







/*  T Y P O 3  -  F O R M A T */

/* CSS styled IMGTEXT /*/ 

.csc-textpic-caption  {
	font-size: 10px;
	color: #666666;
}

.csc-textpicHeader h2{
	margin-top: 0;
}


/*   F O R M U L A R   */
.mt{
	height: 3px;
	overflow: hidden;
}
.formbox{
	margin-top: 3px;
	padding: 6px 12px 0 12px;
	background-color: #FEFBD5;
	border: 1px solid #FEBF10;	
	width: 500px;	
}

.formbox h2{
	color: #EA7C27;
}

form{
	display: inline;
}	
#container .reihe {
  margin: 6px 0;
  padding: 2px 0px;
}
#container .reihe:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
} 
/* Mark Hadley's fix for IE Mac */ 
.#container .reihe{
	display: inline-block;
}   
/* Hides from IE Mac \*/ 
* html #container .reihe {height: 1%;} 
#container .reihe{display:block;} 
/* End Hack */

.label-left{
  float: left;
  width: 7.5em;
 /* text-align: right;*/
  padding-top: 0.1em;
  padding-right: 5px;
}
.label-right{
  /*float: left;
  width: 340px; */
  text-align: left;
}
.feld {
  float: left;
  width: 300px;
  text-align: left;
} 
.feld-links {
  float: left;
  width: 7.5em;
  text-align: left;
  padding-right: 5px;
  margin-top: -0.2em;
} 

.defbreite {
  width: 240px;
  border: 1px solid #BBB;
}

.defzahl {
  width: 40px;
  text-align: right;
  border: 1px solid #BBB;
}

.texteingabe {
  width: 430px;
  height:8em;
  border: 1px solid #BBB;
}

.checkbox{
	float: left;
	width: 30px;
	margin: -0.2em 0 0.5em 0;
}

.msg{
	color: #B22222;
	font-weight: bold;
}

.hinweis{
	color: #777777;
}

.debug{
	color: #669933;
}
	

/* Karten */
 body#map{
	background-image: none;
	text-align: center;
	height: 100%;
}
#map #page{
	margin: auto;
	vertical-align: middle;
}

.flowchart{
	margin: 0 0 30px 50px;
}

.flowchartbox {
	float: left;
	padding-bottom: 6px;
	width: 20em;
	border: 1px solid #C2929B;
}

.flowchartbox h2{
	margin: 0;
	padding: 6px 4px 4px 6px;
	color: #990020;
	background-color: #FDDE53;
	text-align: center;
}

.flowchartbox h3{
	margin: 0;
	color: #412E21;
	text-align: center;
}
.flowchartbox p{
	margin: 0;
	padding: 6px 4px 0px 6px;
	text-align: center;
}
.flowchartbox strong{
	color: #6F5C51;
}

.fc-together{
	float: left;
}

.fc-down{
    clear: both;
	width: 20em;
	height: 74px;
	background-image:url(img/fc-arrow-down.gif);
	background-position: center;
	background-repeat: no-repeat;
}
	
.fc-right {
	float: left;
	margin: 14px 14px 0 14px;
	width: 70px;
	height: 31px;
	background-image:url(img/fc-arrow-right.gif);
	background-position: center;
	background-repeat: no-repeat;
}

.fc-rightleft {
	float: left;
	margin: 14px 14px 0 14px;
	width: 70px;
	height: 200px;
	background-image:url(img/fc-arrow-rightleft.gif);
	background-position: center;
	background-repeat: no-repeat;
}

.fc-slk-sign{
	float: left;
	margin-left: 110px;
	padding: 110px 0 0 0; 
	width: 20em;
	background-image:url(img/slk_biologo.gif);
	background-position: center top ;
	background-repeat: no-repeat;

}
.top_50{
	margin-top: 50px;
}

.top_100{
	margin-top: 100px;
}

.fc-info{
	margin-left: 100px;
	background-color:#E7E7E7;
}

.verarbeitung{
	margin-top: 20px;
	padding: 188px 0px 0px 170px;
	height: 505px;
	width: 600px;
	background-image:url(img/verarbeiter_back.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#container .verarbeitung li{
	line-height: normal;
	margin: 0 0 6px 0;
}

.news-list-container h2 a,
.news-list-container h2 a:link,
.news-list-container h2 a:visited{
	color: #329A10;
}

.news-list-item p{
	margin: 0 0 0.5em 0;
}
.news-list-container p.img{
	float: left;
	margin: 0 20px 10px 0;
	width: 100px;
}
.news-list-item {
	margin: 0 0 2em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px dashed #CCC;
}


.news-latest-container{
	border-left: 1px dotted #CCC;
	padding: 0 0 6px 12px;
}

.news-latest-container h3{
	margin-top: 6px;
	font-size: 11px;
}
.news-latest-container a,
.news-latest-container a:link,
.news-latest-container a:visited{		
	font-size: 11px;
	color: #785B48;	
}
.news-latest-item{
	margin: 0 0 2em 0;
}
.news_more{
    white-space: nowrap;
}

.news-single-img {
	float: left;
	margin-right: 20px;
}
.news-single-backlink{
	margin: 2em 0 0 0;
	padding: 1em 0 0 0;
	border-top: 1px dashed #CCC;

}