*  { padding: 0; margin: 0; }
h2, h3, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em; }

/* Allgemeine Selektoren */

html { height: 101%; }
body {
   color: #333;
   background-color: #FFFFFF;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
}
h1 { font-size: 150%; }
h2 { font-size: 140%;
	color:#97d028;
	font-variant:small-caps;

}
h3 { font-size: 110%; }
address {
	font-family:arial;
	color:#97d028;
	font-weight:bold;
	text-decoration:none;
   text-align: center;
   font-size: 80%;
   font-style: normal;
   letter-spacing: 2px;
   line-height: 1.5em;
}




/* Hyperlinks */
a { text-decoration: none; outline: none;}
a:link { color: #569307; }
a:visited { color: #569307; }
a:hover,
a:focus {
  border-bottom: 1px solid #569307;
}
a:active {
   color: #97d028;
   }



/* Allgemeine Klassen und IDs */
.skiplink {
   position: absolute;
   left: -3000px;
   top: -2000px;
   width: 0px;
   height: 0px;
   overflow: hidden;
   display: inline;
}
.bildlinks {
   float:left;
   padding: 5px;
   border: 5px solid #ccc;
   margin-right: 10px;
   margin-bottom: 10px;
}
.bildrechts {
   float:right;
   padding: 1px;
   border: 1px solid #97d028;
   margin-bottom: 10px;
   margin-left: 20px;
}
.clearing { clear: both; }
#logo {
   color: black;
   background-color: white;
   padding: 5px;
   border: 5px solid #d9d9d9;
}

/* ====================================
   2. Styles für die  Layoutbereiche
   ==================================== */

#wrapper {
   color: #333;
   background-image: url(navi_bg.jpg);
   background-repeat:repeat-y;
   background-position:top left;
   width: 900px;
   margin: 10px auto;
}

#kopfbereich {
   position: relative;
   color: black;
   background-color: #eee;
   background: #00a54f url(back.jpg) repeat-y top left;
   padding: 10px 20px 10px 20px;
   border-bottom: 8px solid #ddd;
    border-top: 8px solid #ddd;
}
  #kopf {
  position: relative;
	color: black;
	background-color: #6C8754;
  background-image: url(back2.jpg);
    padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 22px;
  padding-left: 25px;
  border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
      border-top: 1px solid #ccc;
  height:149px;
}
    #kopf img {
      padding: 0px;
      border-left: 0px;
    }
    #kopf p {
      position: absolute;
      top: 87px;
      left: 460px;
      padding: 5px 0 5px 0;
      margin-bottom: 0;
	  color:#eeeeee;
	font-size: 17pt;
    }
    #kopf p span {
	   font-weight: normal;
	   	font-size: small;
      color: #d90000;
   }

#navibereich {
   float: left;
   width: 110px;
   padding-left: 0px;
   padding-top: 20px;

}
   #navibereich ul {
      width: 6em;
    }
   #navibereich li {
   	font-weight:bold;
	font-size:12px;
	margin: 0;
	list-style-type: none;

   }
   #navibereich a {

      display: block;
      text-decoration: none;
      color: #97d028;
	padding: 4px 5px 3px 5px;
	  	border-left: 3px solid #97d028;
   }
   #navibereich a:hover
   {
	color: #569307;
	border-bottom: none;
	text-decoration: none;
   }

    #navil1 a,
	    #navil2 a,
		    #navil3 a,
			    #navil4 a,
				#navil5 a,
				#navil6 a  {
	  padding: 3px 5px 3px 15px;
	  font-size:9px;
    }


   #navibereich a:focus,
   #startseite #navi01 a,
    #beratung #navil1 a,
	  #berater #navi04 a,
	  #ekonzept #navi03 a,
	  #kontakt #navi06 a,
      #enev #navil2 a,
	   #immo #navil4 a,
	    #eewg #navil3 a,
			   #ausweis #navil5 a,
   				#leistung #navi02 a,
				#gewerbe #navil6 a {
      color: #569307;
      border-left-color: #569307;
      border-bottom: none;

    }
   #navibereich a:active {
      color: #569307;
	  backgromfund-color:white;
   }
 


#fussbereich a {
     text-decoration: none;
      color: #97d028;
      padding: 0px;
	  font-weight:bold;
	     }
   #fussbereich a:hover
   {
	color: #569307;
	border-bottom: none;
	text-decoration: underline;
   }
   #fussbereich a:active {
      color: black;
      background-color: #d9d9d9;
   }

#spalte03 {
font-size: 10px;
   float: right;
   width: 110px;
   height: 500px;
   padding: 10px;
   padding-top: 28px;
   background-color: #eeeeee;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}


#ekonzept #spalte03 {

   height: 680px;
}
#ekonzept #textbereich { 
   background-image: url(ekonz1.jpg);
   background-repeat: no-repeat;
 background-position:60px 50px;
   backgrousnd-attachment:fixed;
}

#textbereich {
color:#333;
   padding: 20px 10px 20px 20px;
   margin-left: 130px;
   margin-right: 140px;
   text-align:justify;
}
   #textbereich a {
     color: #6ebc08;
	font-variant:small-caps;
	font-weight:600;


   }
   #textbereich a:hover,
   #textbereich a:focus {
   color: #417200;
     }

#fussbereich {
   clear: both;
   color: black;
   background-color: white;
   padding: 10px 20px 20px 20px;
   border-top: 1px solid #97d028;
}
.logomd {
   float:right;
   padding: 0px; 
   border: 0px; 
   margin-right: 150px; 
   margin-bottom: 0px; 
   margin-top: 13px;

}
/* ====================================
   3. Sonstige Styles
   ==================================== */

/* Das Kontaktformular */
form {
   background-color: #eee;
   width: 370px; /* Breite des Formulars */
   padding: 20px;
   border: 1px solid #8c8c8c;
}
/* Beschriftung auf eigener Zeile */
label {
   display: block;
   cursor: pointer;
}
input#absender,
textarea {
   width: 300px;
   border: 1px solid #8c8c8c;
   margin-bottom: 0em;
}
textarea {
   height: 7em;
}
input#absender:focus,
textarea:focus {
   background-color: #d9d9d9;
}

/* Die Fotogalerie */

div.galerie {
   overflow: hidden;
   padding: 25px 10px 10px 0;
   margin: 0 3px 3px 0;
}
/* für IE6 */
* html div.galerie { height: 1%; }

div.galerie img {
   float: left;
   padding: 4px;
   border: 1px solid #ddd;
   border-right-color: #aaa;
   border-bottom-color: #aaa;
   margin-right: 15px;
   margin-bottom: 15px;
}

/* =======================================
   E N D E   D E S   S T Y L E S H E E T S
   ======================================= */