/* 
CSS-File für OEKOWATT NEU
*/
/* wichtige Farben
Dunkles blau: #000066
oewblau oben: #29409D
Mittel blau: #0079B9
oew gruen: #006633*/
* {
	padding: 0;
	margin: 0;
}
body 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #000066;	/* DAs ist die Fliesstext-Schriftfarbe */
	/* topmargin:0px;
	leftmargin:0px;
	marginwidth:0px;
    marginheight:0px; */
	scrollbar-base-color:#DAEBFF;
    scrollbar-track-color:#DAEBFF;
    scrollbar-face-color:#F3F8FD;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-darkshadow-color:#000066;
    scrollbar-shadow-color:#226DE4;
    scrollbar-arrow-color:#226DE4;
}
/* setzt alle Standardabstände auf Null */
h1, h2, h3, h4, hr, p, div, span, ul, ol, li, fieldset, blockquote, br {
margin: 0;
padding: 0;
}
/* das wrap ist ne Huelle und macht's mittig  */
#wrap { margin: 0 auto; 
		padding: 0; 
		width: 850px; 
		text-align:left; 
		height: 100%;  
}
A {
	text-decoration: none;
	color: #2862EC;
}
A:Hover {
	text-decoration: underline;
	color: #6791FE;
}
.oefliess {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000066;
	line-height: 19px;
}
.oefliessfett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000066;
	font-weight: bold;
}
.oesmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	line-height: 20px;
}
.oefoot { font-family: Arial, Helvetica; font-size: 10px; color: #D2D2D2; }
.oehead {
	font-family: Arial, Helvetica;
	font-size: 17px;
	color: #006633;
	font-weight: bold;
}
.oesub { font-family: Arial, Helvetica; font-size: 17px; font-weight: bold; color: #000000; }

#blau {
width: 100%; 
height: 20px;
padding: 0;
margin-top: 0px;
margin-left: 0px;
background-color: #29409D;
}
#header {
	margin-top: 20px;
	height: 74px;
	width: 850px;
	font-size: 1.2em;
	border-top-width: 0px;
	/* border-top-style: solid;
	border-top-color: #000066;
	background-color: #0000C9; */
	background: transparent url(welcome/banner4.gif) no-repeat bottom left; 
}
/* Anfang der Navi */
#navigation {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	width: 150px;
	height: 100px; 
	float: left;
	background: #FFFFFF;
	padding-bottom: 380px;
}
#navigation ul {
	margin-top: 100px;
	width: 150px;
	text-align: right;
	list-style-type:none;
}
#navigation ul li{
	/* background-image:url(welcome/punkt_hbl.gif); */
    background-position:0px 15px;
    background-repeat:no-repeat;
    border-bottom:1pt solid #CCCCCC;
    color: #29409D; /* #7BBFF8 hellblau #AED9FD  #29409D dunkelblau */
    font-weight: bold;
	font-size: 1.2em;
	padding: 8px 7px 2px 10px;
	text-decoration: none;
}
#navigation a {
  color: #29409D; /*#AED9FD*/
  font-weight: bold;
  text-decoration: none;
}
#navigation a:hover, #navigation a:focus,
#navigation ul li.aktiv {
  color: #028BFF;
  text-decoration: none;
}
#navigation ul li.aktiv {
  /* background-image:url(welcome/punkt_rot.gif);  das ist die Variante mit Punkt*/
  display: block;
  background: #fff url(welcome/nav_sonne150.gif) no-repeat top left;
}
/* Ende der Navi */
#breadcrumb {             /* Breadcrumb*/
width: 650px; height: 16px;
font-style: normal;
font-weight: 500;
font-size: .8em;
padding: 0;
margin-top: 4px;
margin-left: 185px;
color: #A1A6FC;
/*background-color: #FFCC00; */
 background: transparent; 
}
#breadcrumb a, #head p.hinweis a {
font-weight: 500;
color : #9797C0;
background: transparent; 
text-decoration: none;
}
#breadcrumb a:visited {
color : #bdb3aa;
background: transparent; 
text-decoration: none;
}
#breadcrumb a:hover,#breadcrumb a:focus, #head p.hinweis a:hover {
color : #df2111;
background: transparent; 
text-decoration: underline;
}
#breadcrumb a:active {
color : #df2111;
background: transparent; 
text-decoration: none;
} 							/* Ende vom Breadcrumb*/ 

#content {
	width: 700px;
	margin-top: 5px;
	float: left;
}
#content h2 {
	font-family: Arial, Helvetica;
	font-size: 17px;
	color: #006633;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding-top: 10px;
	background: transparent;
}
#mitte  {
	width: 470px;
	font-size: 1.0em;
	float: left;
	padding-left: 20px;
	padding-right: 10px;
}
#infospalte {
	width: 190px;
	float: left;
	font-size: 0.9em;
	padding-left: 10px;
	padding-top:40px;
	text-align: left;
}
#footer {
	width: 690px;
	height: 12px;
	margin-left: 185px;
	float: left;
	margin-top: 5px;
}
/* NUR FUER STARTSEITE */
#welcome {
	width: 700px;
	margin-top: 5px;
	float: left;
}
#teaser {
width: 690px; 
float: left;
padding: 0;
margin-top: 5px;
margin-left: 0px;
border-top:1pt solid #FFCC00;
}	
#gelb {
width: 690px; 
height: 12px;
float: left;
padding: 0;
margin-top: 10px;
margin-left: 0px;
background-color: #FFCC00;
}