@media screen{	
/* HTML - Tags */

.sue-nrw{
	margin-top:30px;
	font-size: 12px;
    color: #4b4a4d;
	padding-left: 10px;
}

body{
	margin:0;
	padding: 0;
	color: #333333;	
	font-size: 14px;
	background-color: #FEFDFB;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(img/background.gif);
	background-repeat: repeat-y;
	background-position: 0px 240px;
}


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

h1, h1 a, h1 a:link, h1 a:visited{
	color: #44A676;
	font-family:  "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
}

h1 { 
	font-size: 26px;  
	margin: 1em 0 0.5em 0;
}

h2, h2 a, h2 a:link, h2 a:visited { 
	font-family:  "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
	font-size: 22px;
	color: #555555;
	margin: 1.5em 0 0.5em 0;	
}	

h2 a span, h2 a:link span, h2 a:visited span{
	color: #FF6C00;
}
 
h3 { 
	margin-bottom: 1em;
	font-size: 16px; 
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
}	

h4, h5{	
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.3em;
}

h4{
	margin-top: 3em;
}

#container h5 { 
	color: #555;
}

p, ul, .contenttable{
	margin-top: 0;
	margin-bottom: 1em;
}
li{
	margin-bottom: 0.5em;
}

.small{
	font-size: 9px;
}

.spatium{
	letter-spacing: 4px;
}

table td{
	vertical-align: top;
}

strong{
	color: #555555;
}
	
a, a:link, a:visited {
	text-decoration: none;
	color: #DD3D00;	/* 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: #FF6C00;
	text-decoration: underline;
}	

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

img.link-icon{
	margin: 0 5px 0 3px;
}
img.link-icon2{
	margin: 0 0 0 3px;
}
 
 
a.bioland,
a.bioland:link,
a.bioland:visited{
	color: #1B8344;
}

a.bioland:hover {
	color: #22A655;
}

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

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

.vertical-middle{
	vertical-align: middle;
}

.hervorgehoben{
	color: #317955;
}
.color{
	color: #009900;
}
.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;
}
.top_4{
	margin-top: 4em ;
}

.bottom_0{
	margin-bottom: 0;
}
.bottom_05{
	margin-bottom: 0.5em;
}
.bottom_1{
	margin-bottom: 1em;
}
.bottom_2{
	margin-bottom: 2em;
}
.bottom_3{
	margin-bottom: 3em;
}

/* ol und ul */
.compact{
	margin-top: 0;
}

.compact li{
	margin-bottom: 0.3em;
}
.compact a,
.compact a:link,
.compact a:visited
{
	font-weight: normal;
}

.tipp, .tipp strong{
	font-size: 11px;
	color: #777;
}
.column1{
	float: left;
	margin-right: 30px;
}
.column1 p, .column2 p{
	margin: 0;
}
.clear .clearleft{
	clear: both;
	height: 0;
	overflow: hidden;
}
.clearleft{
	clear: left;
}

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

.newslink p{
	margin: 0 0 4px 0;
}
.back{
    /*text-align: right; */
}
.back a,.back a:link,
.back a:visited{    
	color: #666666;	
	font-weight: normal;
}
.back a:hover{    
	color: #888888;	
}


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

.bild-links img,
.bild-rechts img{
	margin-bottom: 6px;
}
#container  .bild-links p,
#container  .bild-rechts p{
	line-height: normal;
	font-size: 10px; 
}

.bild-links{
	float: left;
	margin-right: 20px;
	font-size: 10px; 
	line-height: normal;	
}

.bild-rechts{
	float: right;
	margin-left: 20px;
	font-size: 10px;
	line-height: normal;
	text-align: right;
}
.caption, p .caption{
	margin: 0;
	padding: 0;
	line-height: normal;
}
.right220{
	margin-right: 220px;
}

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

.anteil{
	float: left;
	margin-right: 0.3em;
	text-align: right;
	width: 2.8em;
}

.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;
}


table.info{
	border-collapse: collapse;
}

.info td, .info th{
	padding: 0.5em 0.5em 0.5em 1em;
	font-size: 0.9em;
	border: 1px solid #999999;
}
.info th{
	color: #FFFFFF;
	background-color: #BBBBBB;
}
.info tr.odd td{
	background-color: #FFFFFF;
}
.info  td{
	background-color: #F4F4F4;
}

.info .time{ 
	text-align: right;
	padding: 0.5em 1em 0.5em 1em;
	font-weight: bold;
	color: #555555;
}



/*  __ Seiten-Elemente __  /*/


#MaxWidth{
	position: relative;
	margin: 0;
	padding-bottom: 30px;
	max-width: 980px;
	min-width: 760px;
	width:expression(document.body.clientWidth > 1184 ?  "1180px" :  "auto");
}



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



/* Linker Rand browserkompatibel /*/
#container{	
	margin: 40px 0 0 0;
	padding: 0 0 1px 270px; /*  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: 0px;
	left: 0px;
	width: 220px;
}

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


/* Navigationslinks in der linken Spalte*/

.u1, .u2, .u3, .u4{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.u1{
	margin-top: 20px;
	border-top : 1px solid #C1DEB7;
}

.u1 li, .u2 li, .u3 li, .u4 li{
 	margin: 0;
	padding: 0;	
	/* display: inline;*/
 }
 
 .u1 li {
	border-bottom: 1px solid #C1DEB7; 
 } 
 .u1 li .u2 li {
	border-top: 1px solid #96d3b5;
	border-bottom: none;
 }
 .u1 li .u2 li .u3 li{
	border: none;
 }
 
.u1 a,
.u1 a:link,
.u1 a:visited,
.u1 #current{
	display: block;
	padding: 4px 4px 4px 14px;
	font-size: 15px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	/* font-family:   "Arial Narrow", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	*/ 
	font-weight: normal;
	text-decoration: none;
	color: #F5F4DE;
	background-color: #49B680;
}

.u1 a:hover,.u2 a:hover,.u3 a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.u1 a.parent, 
.u1 a.parent:link, 
.u1 a.parent:visited{
	color: #FAF9EB;
	background-color: #68C195;
	border-bottom-color: #96d3b5;
}
.u1 a:focus,
.u1 a:hover,
.u1 a:active,
.u1 #current{
	color: #FFFFFF;
	background-color: #68C195;
}

li .u2 a,
li .u2 a:link,
li .u2 a:visited,
li .u2 #current{
	display: block;
	margin: 0;
	padding: 2px 4px 2px 30px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	/* letter-spacing : normal; */
	line-height: normal;
	background-position: 14px 7px;
	/* background-color: #78C7A0;	*/
	background-color: #68C195;
}

li .u2 a:focus,
li .u2 a:hover,
li .u2 #current{
	color: #FFFFFF;
	/*letter-spacing: 2px;*/
	background-color: #87CDAA;
}

.u2 a.parent,
.u2 a.parent:link,
.u2 a.parent:visited{
	color: #F2F1C7;
}

.u2 a.parent:hover,
.u2 a:active{
	background-color: #87CDAA;
}


li .u3 a,
li .u3 a:link,
li .u3 a:visited,
li .u3 #current{
	padding: 2px 4px 2px 44px;
	font-size: 13px;
	background-color: #78C7A0;
	border-bottom: none;
}

li .u3 a.parent:hover,
li .u3 a:active{
	background-color: #87CDAA;
}

li .u3 a:focus,
li .u3 a:hover,
li .u3 #current{
	color: #FFFFFF;
	/*letter-spacing: 2px;*/
	background-color: #8FD1B0;
}


/* SPECIAL */

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

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

#tagung #MaxWidth{	
   max-width: 1180px;
	width:expression(document.body.clientWidth > 1184 ?  "1180px" :  "auto");

	
}
#tagung #MittelSpalte{
	position: relative;
	width: 76%; 
}
#tagung #RechteSpalte {
	top: 170px; 
}

#tagung #RechteSpalte h2,
#tagung #RechteSpalte p{
	margin-left: 30px;
	width: 160px;
	text-align: center;
}

#tagung #RechteSpalte h2{
   padding: 6px 0;
	color: #44A676;
	font-size: 20px;
	border-top:  1px solid #B4E0CA;
	border-bottom:  1px solid #B4E0CA;
	
}

.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-repeat: no-repeat;
	background-position: right bottom;
}

.infobox h5{
   margin: 9px 0 3px 0;
	padding: 9px 0 0 6px;
	background-repeat: no-repeat;
	background-position: right top;
}

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

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
html {padding: 0; margin: 0;} /* was * {padding: 0; margin: 0;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}


#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* -----------------------------------
   Page Table of Contents
-------------------------------------- */
#page-contents {
	float: right;
	margin: 50px 5px 0 20px;
   width: 15em;  
	font-family:  Tahoma, Arial, Helvetica, sans-serif;	
	line-height: normal;
	background-color: #FFFFFF;
	border : 1px solid #C1DEB7;
}
#page-contents h3 {
   margin: 0;
   padding: 0.25em 0.5em 0.25em 15px;
	font-size: 14px; 
	font-weight: normal;
	color: #FFFFFF;	
	background-color: #85CDAA;	
}

#page-contents a, 
#page-contents a:link,
#page-contents a:visited{
   display: block;
   font-size: 12px;
   color: #555;
   margin: 0.4em 0;
   font-weight: normal;
}
#page-contents a:hover,
#page-contents a:active{
	color: #777;
}

#page-contents div {
  padding: 0.25em 0.5em;
}



/* Anmelde Formular /*/
 
.formcontainer{
	margin: 2em 0 0 0; 
	/* background-color: #F0F2F8; */
}


.formcontainer em{
	font-weight: bold;
	font-style: normal;
	color: #EA4100;
}
.formcontainer ul.error li, 
.formcontainer label.error{
	color: #EA4100;
	font-weight: bold;
}


.formcontainer ul.error li{	
	margin-bottom: 0.5em;
	list-style-image: none;
}

.formcontainer p{
	padding: 0;
}

.formcontainer fieldset{
	clear: both;
	margin: 0;
	padding: 1em 0 1em 1em;
	width: 38em;
	background-color: #fafafa;
	border: 1px solid #b4e0cb;
}

/* 
   IE 6 * html Hack
	IE 7 *+html Hack
*/
* html .formcontainer fieldset,
*+html .formcontainer fieldset{
	position: relative;
	padding-top: 2em; 
	width: 40em;
}

.formcontainer legend{
	padding: 0.2em;
	color: #44A676;
	font-family: Tahoma, Arial, helvetica, sans-serif;
	font-weight: bold;
	background-color: #ffffff;
	border: 1px solid #b4e0cb;
}
/* Solution for the IE legend bug 
   IE 6 * html Hack
	IE 7 *+html Hack
*/
* html .formcontainer legend,
*+html .formcontainer legend{
	position:absolute; 
	top: -0.75em; 
	left: 0.5em; 
}

.formcontainer label, 
.formcontainer fieldset input.text, 
.formcontainer select { 
	float: left;
	margin-bottom: 0.5em;
	display: block;
	width: 20em; 
}

.formcontainer fieldset input.text, 
.formcontainer textarea, 
.formcontainer select{
	color: #333333;
	background-color: #fcfdfe;
	border: 1px solid #bbbbbb;
}


.formcontainer label{
	margin: 0;
	padding: 0.2em 0.5em 0 0;
	width: 10em; 
	text-align: right;
}

.formcontainer label.auto{
	margin: 0;
	padding: 0 0 0.2em 0;
	width: auto;
	text-align: left;
}
.formcontainer fieldset input.auto{
	width: auto;
}
fieldset .label_right label{
	margin: 0 0 0.5em 0.5em;
	width: auto;
	text-align: left;
}

label.label-checkbox,
fieldset .label_right label.label-checkbox {
	margin-left: 24px;
}

input.checkbox{
	float: left;
	margin: 0.2em 0 0.5em 0;
}

input.radio{
	float: left;
	width: 30px;
	margin: 0.2em 0 0.5em 0;
}

.formcontainer textarea{
	margin: 0 0 0.5em 0;
	width: 35em; 
}
* html .formcontainer textarea,
*+html .formcontainer textarea{	
	width: 34em; 
}

.formcontainer fieldset .big{
	width: 31em;
}
* html .formcontainer fieldset .big,
*+html .formcontainer fieldset .big{
	width: 34em;
}
.formcontainer fieldset input.small{
	width: 3em;
}

.formcontainer br { 
	clear: both;
}
.formcontainer .clear{
	margin-bottom: 1em;
}

.formcontainer #submit{
	clear: both;
}

* html .formcontainer .clear{
	margin-bottom: 2em;
}
* html .formcontainer #submit{
	margin-top:-2em;
}


}

@media print {

body, p, td{
	margin: 0;
	padding: 0;
	font-family: Arial, helvetica, sans-serif;	
	font-size: 10pt;
}
h1{
	font-size: 14pt;
}
h2{
	font-size: 12pt;
	margin: 18pt 0 6pt 0;
}

h3{
	font-size: 11pt;
	margin: 18pt 0 6pt 0;
}
h4, h5{
	font-size: 10pt;
	margin: 12pt 0 6pt 0;
}
p, td{
	margin: 0 0 6pt 0;
	line-height: 130%;
}

a{
	color: #000000;
	text-decoration: underline;
}

a img{
	border: none;
}

#LinkeSpalte, #RechteSpalte {
	display: none;
}

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

.top_0{
	margin-top: 0em;
}
.top_05{
	margin-top: 0.5em;
}
.top_1{
	margin-top: 1em;
}
.top_2{
	margin-top: 2em;
}
.top_3{
	margin-top: 3em;
}
.bottom_0{
	margin-bottom: 0em;
}
.bottom_05{
	margin-bottom: 0.5em;
}
.bottom_1{
	margin-bottom: 1em;
}
.bottom_2{
	margin-bottom: 2em;
}
.bottom_3{
	margin-bottom: 3em;
}

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

.bild-links img,
.bild-rechts img{
	margin-bottom: 6px;
}

.bild-links{
	float: left;
	margin-right: 20px;
	font-size: 10px; 
	line-height: normal;	
}

.bild-rechts{
	float: right;
	margin-left: 20px;
	font-size: 10px;
	line-height: normal;
	text-align: right;
}
.caption, p .caption{
	margin: 0;
	padding: 0;
	line-height: normal;
}
.right220{
	margin-right: 220px;
}

.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;
}


table.info{
	border-collapse:collapse;
}

.info td, .info th{
	padding: 0.5em 0.5em 0.5em 1em;
	border: 1px solid #999999;
}
.info th{
	color: #FFFFFF;
	background-color: #BBBBBB;
}


}