/* CSS Document für oekotrend */
body {
	background-image: url(_images/hg.gif);
	/*background-color:#FFFFFF;*/
	text-align:center;
	margin-left: 2px;
	margin-top: 2px;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color: #000000;

	}
#fett {
	font-weight: bold;
	}
	
a:link, a:visited {
	color:#009933;
	text-decoration: none;
	}
a:hover{
	text-decoration: underline;
	}	

	
div.alles {
	background-color:#FFFFFF;
	width: 760px;
	margin:0px auto;
	text-align:left;
	}
	
div.logo	{
	width: 100%;
	margin-top : 2px;
	float: left;
			}		
div.gruen { /*trennlinie*/
	width: 100%;
	}
* html div.gruen {
	margin-bottom: 0.1em;
  }
#bildtop {
	margin-left: 30px;
	}
#bildcenter {
	margin-top: 7px;
	margin-left: 6px;
	}
	
#bildlinks {
	float: left;
	margin-top: 2px;
	padding-right: 10px;
}

#zeigedasbild{
	position:absolute;
	visibility:hidden;
	border: 1px solid black;
}

#leiste{
	cursor: hand;
	cursor: pointer;
	background-color: #ffffef;
	min-width: 100px; 
}

#leiste #schliessen_text{
	font-weight: bold;
	font-family: Arial;
	font-size: 13px;
	margin-right: 1px;
}
	
	
div.grau {
	background-color:#E2E2E2;
	height:80px;
	width: 100%;
	margin:0px 0px 0px;
	margin-bottom : 5px;
	}
	
* html div.grau {  /* Korrektur fuer den IE */
    margin-bottom: 0px;
  }
	
div.grau_center {
	background-color:#FFFFFF; /* F0F0F0*/
	width: 100%;
	padding-top: 10px;
	border-top: 2px solid;
	border-top-color: #C0C0C0;
	border-bottom: 2px solid;
	border-bottom-color: #009933;
	}
	
div.news { 
	width: 97%;
	margin:15px 0px 15px;
	padding: 10px;
	background-color: #FFFFFF;
	min-height: 50px;
	border: 1px solid;
	border-color: #C0C0C0;
	}	
	
div.artikel {
	width: 97%;
	margin:15px 0px 15px;
	padding: 10px;
	background-color: #FFFFFF;
	min-height: 50px;
	border: 1px solid;
	border-color: #C0C0C0;
	}

#zitat {
	font-weight: bold;
	color: #999999;
	font-size: 120%;
}

#urheber {
	color: #999999;
	font-size: 90%;
}
	
.titel{
	padding-top:10px;
	padding-bottom:5px;
	font-weight: bold;
	color: #999999;
	border-bottom: 1px solid;
	border-bottom-color: #009933;
}
.titel_weiss{
	padding-top:10px;
	padding-bottom:5px;
	font-weight: bold;
	color: #999999;
	/*border-bottom: 1px solid;
	border-bottom-color: #009933;*/
}

.artikel p {
margin:3px;
}

div.kasten {
float:left;
margin:3px;
width: auto;
padding-right: 10px;
padding-bottom: 10px;
}

div.kasten1 {
float:left;
margin:3px;
width: auto;
padding-right: 20px;
padding-bottom: 10px;
}

#clear {
clear:left;
}

div.kasten2 {
margin:3px;
width: auto;
padding-bottom: 10px;
}

.artikel p span {
	margin:50px;
	}
	
div.footer {
	padding:10px;
	font-size:90%;
	font-style: italic;
	color: #999999;
	text-align: center;
	}	
.oeko {
  color:green;
	}
div#Rahmen {
	width: 90%;
	margin-left: 22px;
	padding: 2px;
	background-color: #FFFFFF;
	height: 23px;
  }
  * html div#Rahmen {  /* Korrektur fuer IE 5.x */
    width: 90%;
	margin-left: 18px;
  }
  div#Rahmen div {
     clear: left;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: left;
  }

  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0.4em; padding: 0;
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE */
    margin-bottom: 0.3em;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1em; left: -0.4em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
	t\op: 1.3em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
   	float: none;
    display: block;
	left: 1.2em; 
	font-size: 90%;
    margin-bottom: -0.4em;
  }
  
   * html ul#Navigation li ul li{  /* Korrektur fuer IE 5.x */
    float: left;
    left: 0em;
    lef\t: 0em;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
	width:auto; /* Breite den in li enthaltenen Elementen zuweisen */ 
    padding: 0.1em 0.2em;
    text-decoration: none; font-weight: bold;
    /*border: 1px solid white;*/
    /*border-left-color: white; border-top-color: white;*/
    color: #999999; background-color: #FFFFFF;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: auto;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: auto;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: white;
    /*border-left-color: white; border-top-color: white;*/
    color: #33A02C; 
	background-color: #FFFFFF;
  }
  
 ul#Navigation li ul li a:hover{
	text-decoration: underline;
	}

  
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: #33A02C; background-color: #FFFFFF;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: white;
	color: #33A02C;
  }