html {
    overflow-y:scroll;
    height: 100%;
}
body {
    margin: 0px;
    margin-top: 0px;
    background-color: #353535;
    font-family: Arial, Helvetica;
    color: #ffffff;
    line-height: 1.3;
    height: 100%;
     }

#center{
    width: 100%;
    height: 100%;
    text-align:center;
}
#main{
    max-width: 1155px;
    background-image:url(../bilder/main_bg.jpg);
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
}
#top{
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 32px;
}
.obenLinks{
    width: 172px;
    height: 79px;
    background-image:url(../bilder/logo-drei75.png);
}
.obenMitte{
    width: 588px;
    background-image:url(../bilder/bg_mitte_oben.png);
    text-align:left;
    vertical-align:bottom;
}
.obenMitte a{
    margin-right: 15px;
    color: #FFF;
    text-decoration:none;
    font-size:14px;
}
.obenMitte a.aktiv{
    color: #41e904;
}
.obenMitte a:hover{
    color: #41e904;
}
.obenRechts{
    background-image: url(../bilder/bg_rechts_oben.png);
    background-repeat:no-repeat;
    background-position: right;

}
#webStrategies{
    position: relative;
    margin-left: auto;
    margin-right: 0px;
    margin-top: -19px;
    width: 377px;
}

#content_gruen{
    background-image:url(../bilder/bg_content_gruen.png);
    max-width: 977px;
    height: 10px;
    margin-top: -10px;
    margin-left: auto;
    margin-right: 0px;
    overflow:hidden;
}
#content{
    background-image: url(../bilder/bg_content.png);
    max-width: 929px;
    text-align: left;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 34px;
    font-size: 14px;
    margin-left: auto;
    margin-right: 0px;

}
#content-ref{
    background-image: url(../bilder/bg_content.png);
    max-width: 953px;
    text-align: left;
    padding-left: 24px;
    padding-top: 34px;
    font-size: 14px;
    margin-left: auto;
    margin-right: 0px;
}
.rechts{
    text-align:right;
}
#friendfeed {
    margin-top: -3px !important;
}
.feed {
    background-image: url(../bilder/bg_ff.jpg) !important ;
}
.text, .info, .body, .title, .ebody, .entry, #feed{
    background-color: transparent !important ;
}

.rechtsDiv{
    width: 426px;
    float: right;
    margin-left: 30px;
}
.h240{
    height: 240px;
}
.h272{
    height: 285px;

}
.icons{
    margin-top: 10px;
}
.rechtsFF{
    margin-top: 42px;
    width: 320px;
    float: right;
    margin-left: 30px;
}
.rechtsKontakt{
    width: 400px;
    float: right;
}
.rechtsRef{
    width: 177px;
    float: right;
}

#refOben{
    height: 8px;
    width: 177px;
    background-image:url(../bilder/bg_referenzen_oben.png);
    overflow:hidden;
}
#refUnten{
    height: 8px;
    width: 177px;
    background-image:url(../bilder/bg_referenzen_unten.png);
    overflow:hidden;
}
#refMitte{
    width: 177px;
    background-image:url(../bilder/bg_referenzen_mitte.png);
    text-align:right;
}
#refMitte img{
    margin-top: 8px;
    margin-bottom: 8px;
}
h1{
    font-size: 16px;
    text-decoration:underline;
}
h2{
    font-size: 16px;
    margin-top:0px;
}
h3{
    font-size: 14px;
}
h3.toggler{
    color:#9F9;
}
.ulMinus{
    list-style-image:url(../bilder/list.gif);
}
#footer{
    margin-top: 50px;
}
#footerNav a{
    margin-right: 15px;
    text-decoration:none;
    color: #999;
}
.clr{
    height: 1px;
    width: 100%;
    overflow: hidden;
    clear: both;
}
.linie{
    height: 1px;
    background-color: #162610;
    overflow:hidden;
}
.linieAbs{
    height: 1px;
    background-color: #162610;
    margin-top: 20px;
    margin-bottom: 20px;
    clear:right;
    overflow:hidden;
}
.toggler{
    cursor:pointer;
}
.fehler{
    color:#ee0000;
    font-weight: bold;

    }
.fehlerul{
    margin-top:0px;
    list-style-type: none;
    font-weight: bold;
    color:#ee0000;
    }

input.feld {
    width:400px;
    }
textarea{
    width:400px;
    }



img.captcha   {
    border:1px solid #000;

     }

.captchain {

    width:268px;
    height:20px;
    margin-left: 24px;
     }
.home_ueb{
    font-size: 24px;
    color: #41e904;
    margin-bottom: 20px;
}
.home_nutzerfreundlich{
    margin-bottom: 20px;
}

#contactPopupReiter {
    background-image:url(../bilder/bg_contactPopupTrigger.png);
    background-position:right top;
    width: 110px;
    height: 15px;
    position: fixed;
    bottom: 0px;
    margin: 0px;
    margin-left: 5px;
    font-size: 11px;
    z-index:20;
}
#contactPopupReiter a, #contactPopupText a {
    text-decoration: none;
    color: white;
}
#contactPopupTrigger {
    cursor: pointer;
}
#contactPopup {
    background-image:url(../bilder/bg_contactPopup.png);
    background-position:right top;
    width: 300px;
    height: 0px;
    overflow: hidden;
    position: fixed;
    bottom: 0px;
    margin: 0px;
    margin-left: 5px;
    z-index: 10;
}
#contactPopupText {
    margin: 25px 10px 20px 15px;
    font-size: 15px;
    text-align: left;
}