/*-----------------------------------------------------------------------------
[Neue Energie] Screen Stylesheet

version:   1.0
date:      12 11 2008
author:    Sebastian Thoennes
email:     sebastian.thoennes@buscape.de
website:   http://www.buscape.de
-----------------------------------------------------------------------------*/


/* Reset */

html, body {
height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}

* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;
}


/* Grundelemente */

body {
background-color: #dedede;
font-size: 11px;
font-family: Verdana, Arial, Sans-Serif;
color:#333333;
line-height: 20px;
padding:0px;
margin:0px;
}

#logo        {
position: relative;
float:left;
width:300px;
padding: 0px;
margin: 0px;
}


a {color: #666666;}
a:visited {color:#666666;}
a:hover {color: #ffffff; background-color:#666666;}
a:active { color:#666666;}

h1 {
font-size: 13px;
font-weight:bold;
padding-bottom:10px;
padding-top:7px;
margin:0px; 
text-transform:uppercase;
background-image:url(Icons/h1_linie.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

h2 {
color:#666666;
font-size:11px;
font-weight: bold;
padding-bottom:10px;
margin-top:-15px;
margin:0px;
text-transform:uppercase;
}

h3 {
color:#666666;
font-size:11px;
font-weight: bold;
padding-bottom:10px;
padding-top:7px;
margin:0px;}

h4 {
color:#666666;
font-size:11px;
font-weight: bold;
margin:0px;}

/* ----------container zentriert das layout-------------- */
#container {
background-image:url(Icons/content_bg.gif);
background-repeat: y-repeat;
width: 794px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #f7f6f1;
}

/* ----------kopf-------------- */

#kopf {
background-image:url(Icons/farbbalken_kopf.gif);
background-repeat: no-repeat;
background-position: bottom right;
width:794px;
background-color: #f7f6f1;
position: relative;
padding: 0px;
margin: 0px;
height:61px;
text-align:right;
border-bottom: 8px solid #dedede;
}



/* ----------navigation-------------- */


#navigation {
float:left;
position: relative;
padding: 0px;
margin: 0px;
padding-left:10px;
width:189px;
}


#navigation br {
  padding:0;
  margin:0;
}

#naviliste {
        margin:0;
        padding:0;
}

#naviliste li {
        text-transform: uppercase;
        margin:0;
        padding:0;
        list-style:none;
}

/*  Hauptnavigation Liste, Dwyer-Methode */

#naviliste li span {
  display: block;
  height: 0;
  overflow: hidden;
  width: 0;
}


#naviliste a {
        float: left;
        padding: 0px 0px;
        text-decoration: none;
}
#naviliste a:hover {
        font-weight: normal;
        background:#f1f1ec;
}

/* Anfang Haupt-Navigation Einzelgrafiken */

#naviliste li .home        {
                                                margin:0;
                                                background-image:url(Icons/home_0.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .home:hover        {
                                                margin:0;
                                                background-image:url(Icons/home_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .home_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/home_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .konzeption        {
                                                margin:0;
                                                background-image:url(Icons/unternehmen_0.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .konzeption:hover        {
                                                margin:0;
                                                background-image:url(Icons/unternehmen_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .konzeption_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/unternehmen_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }


#naviliste li .gesellschaft        {
                                                margin:0;
                                                background-image:url(Icons/gesellschaftsstruktur_0.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .gesellschaft:hover        {
                                                margin:0;
                                                background-image:url(Icons/gesellschaftsstruktur_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .gesellschaft_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/gesellschaftsstruktur_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }
#naviliste li .projekte        {
                                                margin:0;
                                                background-image:url(Icons/projekte_0.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .projekte:hover        {
                                                margin:0;
                                                background-image:url(Icons/projekte_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .projekte_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/projekte_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .anlagen        {
                                                margin:0;
                                                background-image:url(Icons/anlagen_0.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .anlagen:hover        {
                                                margin:0;
                                                background-image:url(Icons/anlagen_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .anlagen_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/anlagen_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .allg_info        {
                                                margin:0;
                                                background-image:url(Icons/informationen_0.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .allg_info:hover        {
                                                margin:0;
                                                background-image:url(Icons/informationen_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .allg_info_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/informationen_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }



#naviliste li .partner        {
                                                margin:0;
                                                background-image:url(Icons/partner_0.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .partner:hover        {
                                                margin:0;
                                                background-image:url(Icons/partner_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .partner_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/partner_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .kontakt        {
                                                margin:0;
                                                background-image:url(Icons/kontakt_0.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .kontakt:hover        {
                                                margin:0;
                                                background-image:url(Icons/kontakt_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }

#naviliste li .kontakt_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/kontakt_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:20px;
                                                text-indent: -999em;
                                                }


/* ----------Subnavi linke Spalte-------------- */

#naviliste li .lauterecken        {
                                                margin:0;
                                                background-image:url(Icons/sub_lauterecken_0.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:31px;
                                                text-indent: -999em;
                                                }

#naviliste li .lauterecken:hover        {
                                                margin:0;
                                                background-image:url(Icons/sub_lauterecken_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:31px;
                                                text-indent: -999em;
                                                }

#naviliste li .lauterecken_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/sub_lauterecken_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:31px;
                                                text-indent: -999em;
                                                }
#naviliste li .kusel        {
                                                margin:0;
                                                background-image:url(Icons/sub_kusel_0.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:31px;
                                                text-indent: -999em;
                                                }

#naviliste li .kusel:hover        {
                                                margin:0;
                                                background-image:url(Icons/sub_kusel_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:31px;
                                                text-indent: -999em;
                                                }

#naviliste li .kusel_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/sub_kusel_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:31px;
                                                text-indent: -999em;
                                                }
                                                
                                                
#naviliste li .schoeneberg        {
                                                margin:0;
                                                background-image:url(Icons/sub_schoeneberg_0.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:31px;
                                                text-indent: -999em;
                                                }

#naviliste li .schoeneberg:hover        {
                                                margin:0;
                                                background-image:url(Icons/sub_schoeneberg_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:31px;
                                                text-indent: -999em;
                                                }

#naviliste li .schoeneberg_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/sub_schoeneberg_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:31px;
                                                text-indent: -999em;
                                                }


#naviliste li .schneeweiderhof        {
                                                margin:0;
                                                background-image:url(Icons/sub_schneeweiderhof_0.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:31px;
                                                text-indent: -999em;
                                                }

#naviliste li .schneeweiderhof:hover        {
                                                margin:0;
                                                background-image:url(Icons/sub_schneeweiderhof_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:31px;
                                                text-indent: -999em;
                                                }

#naviliste li .schneeweiderhof_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/sub_schneeweiderhof_1.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:31px;
                                                text-indent: -999em;
                                                }


/* ----------Bild-------------- */


#bildelement {
float:left;
position: relative;
padding: 0px;
margin: 0px;
}




/* -----------------Inhaltsbereich--------------------- */
#content {
position: relative;
background-color: #f7f6f1;
padding: 0px;
margin-left: 290px;
margin-right: 0px;
padding-top:22px;
padding-left:15px;
padding-right:15px;
padding-bottom:10px;
}
div#content {
min-height:300px;
height:expression(this.scrollHeight > 300 ? "auto":"300px");
}


#content a {
        color:#666666;
        font-weight:bold;
        border-bottom:1px solid #999999;
        text-decoration:none;

}
#content a:hover {
        color:#ffffff;
        background-color:#999999;
        text-decoration:none;
}

p         {
padding: 0px;
margin:0px;
margin-bottom:17px;
font-size:11px;
line-height:20px;
}

strong        {
font-weight:bold;
}

/* --------------Tabellen------------- */

table        {
	width:100%;
	padding:0;
	margin-top:15px;
	border:0;
	margin-bottom:20px;
	border-spacing:0px;
	border-collapse: separate;
	margin-right: 0;
	margin-left: 0;
	top: auto;
                }

tr                {
padding:0px;
margin:0;
                }

.grau		{
background-color:#e2e1df;
}


td                {
	padding:0px;
	padding-left:2px;
	vertical-align:top;
                }
                


/* Listen
-----------------------------------------------------------------------------*/


#content p ul liste                        {
                        margin-left: 7px; padding-left: 7px;
                        margin-top:0.5em; margin-bottom:0.5em;
                        }

#liste li                        {
                        list-style-type: none;
                        padding-top: 0.2em;
                        padding-bottom: 0.2em;
                        border-bottom:1px solid #e2e1df;
                        margin-bottom:2px;
                        padding-left:10px;}






/* -----------Navigation im Header--------------------------- */



#headernavi {
		position: relative;
        height:8px;
        text-align:right;
        margin:0;
        padding:0;
        padding-left:405px;
        padding-top:44px;
        padding-bottom:0px;
}

#headernavi li {
        text-transform: uppercase;
        float:left;
        margin:0;
        padding:0;
        list-style:none;
}


#headernavi li span {
  display: block;
  height: 0;
  overflow: hidden;
  width: 0;
}


#headernavi a {
        float: left;
        padding: 0px 0px;
        text-decoration: none;
}

#headernavi a:hover {
        float: left;
        padding: 0px 0px;
        text-decoration: none;
        background-color:#f7f6f1;

}

#headernavi li .kontaktoben        {
                                                margin:0;
                                                background-image:url(Icons/kontaktoben_0.gif);
                                                background-repeat: no-repeat;
                                                width:190px;
                                                height:14px;
                                                text-indent: -999em;
                                                margin-right:8px;
                                                }





#headernavi li .impressum        {
                                                margin:0;
                                                background-image:url(Icons/impressum_0.gif);
                                                background-repeat: no-repeat;
                                                width:182px;
                                                height:14px;
                                                text-indent: -999em;
                                                }






/* -----------Navigation im Fuss--------------------------- */
#footer {
clear: both;
position: relative;
margin: 0px;
padding: 0px;
text-align: right;
padding-top:20px;
height:100px;
background-image:url(Icons/content_bg.gif);
padding-bottom:20px;


        }


#nachoben {
clear: both;
position: relative;
margin: 0px;
padding: 0px;
text-align: left;
padding-top:30px;

        }




#fussnavi {
        height:12px;
        text-align:right;
        margin:0;
        padding:0;
        padding-top:8px;
        background-image:url(Icons/fuss_farbbalken.gif);
        background-repeat: no-repeat;
		background-position: top right;
		padding-top:70px;
		padding-left:598px;
}

#fussnavi li {
        text-transform: uppercase;
        float:left;
        margin:0;
        padding:0;
        list-style:none;
}


#fussnavi li span {
  display: block;
  height: 0;
  overflow: hidden;
  width: 0;
}

#fussnavi a {
        float: left;
        padding: 0px 0px;
        text-decoration: none;
}
#fussliste a:hover {
        font-weight: normal;
}

#fussnavi li .infomail     {
                                                margin:0;
                                                background-image:url(Icons/infomail_0.gif);
                                                background-repeat: no-repeat;
                                                width:187px;
                                                height:12px;
                                                text-indent: -999em;
                                                }

#fussnavi li .infomail:hover        {
                                                margin:0;
                                                background-image:url(Icons/infomail_0.gif);
                                                background-repeat: no-repeat;
                                                width:187px;
                                                height:12px;
                                                text-indent: -999em;
                                                }



/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */