@charset "utf-8";

*,html, body, div, h1, p, img, a, table, td { text-decoration:none; border:none; margin:0; padding:0;}


body {
        background-image: url(images/streifen.gif);
        font-family:Arial, Helvetica, sans-serif;
}

h1 {
        font-weight:normal;
        font-size:18px;
        color:rgb(150,191,13);
}

p {
        font-size:11px;
        line-height:18px;
        margin-top:8px;
       /* letter-spacing:-0.03em;*/
}

table {
        width:320px;
        border-collapse:collapse;
}

td {
        font-size:12px;
        line-height:18px;
        padding: 1px 0 1px 0;
        letter-spacing:-0.03em;
}

#wechs td {
        font-size:12px;
        line-height:18px;
        padding: 3px 0 3px 0;
        letter-spacing:-0.03em;
}

b {

        letter-spacing:0;
}

#wrapper {
        position:relative;
        width:952px;
        height:605px;
        margin: 0 auto;
        padding:0;
        top:30px;
        background-image: url(images/bg_site.png);
}

#logo {
        position:absolute;
        border: none;
        height:120px;
        width:250px;
        top:0;
        left:0;
}

#logo a{
        display:block;
        height:120px;
        width:250px;
        border: none;
}

#valid {
         position:absolute;
        border: none;
        height:88px;
        width:210px;
        top:650px;
        left:50%;
        margin-left:280px;
}


#bild {
        position:absolute;
        width:316px;
        heigth:382px;
        top:188px;
        left:634px;
}

#text_links {
        position:absolute;
        width:320px;
        left:250px;
        top: 240px;

}

#text_links a{
        text-decoration:underline;

}

#text_rechts {
        position:absolute;
        width:320px;
        left:600px;
        top: 240px;

}

#text_rechts a{
        text-decoration:underline;

}

#navi {
        position:absolute;
        width:738px;
        height:36px;
        left:200px;
        top:152px;
}

#navi a{
        display:block;
        height:36px;
        float:left;
}

#navenergie {
        width:210px;
        height:27px;
        position:absolute;
        top:188px;
        left:298px;
}

#navenergie a{
        display:block;
        height:27px;
        float:left;
}

#navenergie a.wind{
        width:65px;
        background-image:url(images/navienergie.gif);
        background-position:0 0;
}

#navenergie a.wind:hover, #navenergie a.windaktiv{
        background-position:0 -27px;
}

#navenergie a.wasser{
        width:70px;
        background-image:url(images/navienergie.gif);
        background-position:-65px 0;
}

#navenergie a.wasser:hover, #navenergie a.wasseraktiv{
        background-position:-65px -27px;
}

#navenergie a.sonne{
        width:75px;
        background-image:url(images/navienergie.gif);
        background-position:-135px 0;
}

#navenergie a.sonne:hover, #navenergie a.sonneaktiv{
        background-position:-135px -27px;
}


#navtipps {
        width:361px;
        height:27px;
        position:absolute;
        top:188px;
        left:577px;
}

#navtipps a{
        display:block;
        height:27px;
        float:left;
}

#navtipps a.abschalten{
        width:100px;
        background-image:url(images/navtipps.gif);
        background-position:0 0;
}

#navtipps a.abschalten:hover, #navtipps a.abschaltenaktiv{
        background-position:0 -27px;
}

#navtipps a.kochen{
        width:65px;
        background-image:url(images/navtipps.gif);
        background-position:-100px 0;
}

#navtipps a.kochen:hover, #navtipps a.kochenaktiv{
        background-position:-100px -27px;
}

#navtipps a.kuehlen{
        width:70px;
        background-image:url(images/navtipps.gif);
        background-position:-165px 0;
}

#navtipps a.kuehlen:hover, #navtipps a.kuehlenaktiv{
        background-position:-165px -27px;
}

#navtipps a.neu{
        width:126px;
        background-image:url(images/navtipps.gif);
        background-position:-235px 0;
}

#navtipps a.neu:hover, #navtipps a.neuaktiv{
        background-position:-235px -27px;
}

#meta {
        position:absolute;
        width:300px;
        height:33px;
        left:645px;
        top:570px;
}

#meta a{
        display:block;
        height:33px;
        float:left;
}

#wechsel {
        position:absolute;
        width:216px;
        height:103px;
        left:735px;
        top:0px;
}

#wechsel a{
        display:block;
        width:216px;
        height:103px;
        background-image:url(images/wechseln.gif);
        background-position:0 0;
}

#wechsel a:hover{
        background-position:0 -103px;
}

#wechsel a.wechselnaktiv, #wechsel a.wechselnaktiv:hover {
        background-position:0 -206px;
}


a.home {
        width:96px;
        background-image:url(images/navi.gif);
        background-position: 0 0;
}

a.home:hover {
        background-position: 0 -36px;
}

a.homeaktiv, a.homeaktiv:hover {
        background-position:0 -72px;
}

a.energie {
        width:170px;
        background-image:url(images/navi.gif);
        background-position: -96px 0;
}

a.energie:hover {
        background-position: -96px -36px;
}

a.energieaktiv, a.energieaktiv:hover {
        background-position:-96px -72px;
}

a.foerder {
        width:165px;
        background-image:url(images/navi.gif);
        background-position: -266px 0;
}

a.foerder:hover {
        background-position: -266px -36px;
}

a.foerderaktiv, a.foerderaktiv:hover {
        background-position: -266px -72px;
}

a.rechner {
        width:145px;
        background-image:url(images/navi.gif);
        background-position: -431px 0;
}

a.rechner:hover {
        background-position: -431px -36px;
}

a.rechneraktiv, a.rechneraktiv:hover {
        background-position: -431px -72px;
}

a.tipps {
        width:162px;
        background-image:url(images/navi.gif);
        background-position: -576px 0;
}

a.tipps:hover {
        background-position: -576px -36px;
}

a.tippsaktiv, a.tippsaktiv:hover {
        background-position: -576px -72px;
}

a.kontakt {
        width:100px;
        background-image:url(images/metanavi.gif);
        background-position: 0 0;
}

a.kontakt:hover {
        background-position: 0 -33px;
}

a.kontaktaktiv, a.kontaktaktiv:hover {
        background-position:0 -66px;
}

a.impressum {
        width:107px;
        background-image:url(images/metanavi.gif);
        background-position: -100px 0;
}

a.impressum:hover {
        background-position: -100px -33px;
}

a.impressumaktiv, a.impressumaktiv:hover {
        background-position:-100px -66px;
}

a.sitemap{
        width:80px;
        background-image:url(images/metanavi.gif);
        background-position: -207px 0;
}

a.sitemap:hover {
        background-position: -207px -33px;
}

a.sitemapaktiv, a.sitemapaktiv:hover {
        background-position:-207px -66px;
}

.klein {
        font-size:10px;
        line-height:12px;
}

.tx {
        height:16px;
        width:200px;
        border:1px solid rgb(88,88,90);
}

.txs {
        height:16px;
        width:50px;
        border:1px solid rgb(88,88,90);
}

.txm {
        height:16px;
        width:100px;
        border:1px solid rgb(88,88,90);
}

.txl {
        height:40px;
        width:320px;
        border:1px solid rgb(88,88,90);
}