/**************************************************/
/*    CSS Document bgp e.media GmbH               */
/*    Mobile Ausgabe                              */
/*    Erstellt: 13.03.2009 - Andreas Walch        */
/*    Geändert: 15.09.2009 - Andreas Walch        */
/**************************************************/


/* ------ Allgemein Anfang ------ */
html, 
body {
    max-width: 320px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: #eeeeee;
    background-image: none;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

html body.bstart {
    background-color: #eeeeee;
}

p {
    line-height: 130%;
    margin: 0;
    padding: 5px 0;
}

ul {
    margin: 0;
}


.highlight_schwarz1 {
    background-color: #000000;
    color: #ffffff;
    font-weight: bold;
    line-height: 185%;
    padding: 2px 4px;
}


.highlight_schwarz2 {
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 175%;
    padding: 4px 4px 0;
}

.schwarz1,
.schwarz1 a:link,
.schwarz1 a:visited,
.schwarz1 a:active,
.schwarz1 a:hover {
    color: #000000;
    font-size: 14px;
    line-height: 125%;
    font-weight: bold;        
}


.schwarz3,
.schwarz3 a:link,
.schwarz3 a:visited,
.schwarz3 a:active,
.schwarz3 a:hover {
    color: #000000;
    font-size: 17px;
    line-height: 130%;
    font-weight: normal;
}


.schwarz4 {
    color: #000000;
    font-size: 18px;
    font-weight: normal;
    line-height: 130%;
}


.highlight_gruen_1,
.highlight_gruen1 a:link,
.highlight_gruen1 a:visited,
.highlight_gruen1 a:active,
.highlight_gruen1 a:hover {
    background-color: #99cc33;
    color: #ffffff;
    font-weight: bold;
    line-height: 300%;
    padding: 2px 6px;
    text-decoration: none;
}

.t_gruen {
    color: #99cc33;
}

li {
    line-height: 150%;
}

a:link, a:visited {
    color: #9cce39;
    text-decoration: none;
    -webkit-tap-highlight-color:rgba(116,116,116,0.4);
}
a:active, a:hover {
    color: #000000;
    text-decoration: none;
    -webkit-tap-highlight-color:rgba(116,116,116,0.4);
}

#head {
    background-color: #ffffff;
    border-bottom: 1px solid #c8c9ca;
}

.start {
    position: relative;
    padding-bottom: 68px;
}

#highlight {
    margin: 97px 0 0 168px;
    position: absolute;
    z-index: 1;
}

.t_linie {
    background-color: #ffffff;
    clear: both;
    height: 1px;
    border-bottom: 1px solid #c8c9ca;
}
/* ------ Allgemein Ende ------ */


/* ------ Navigation Anfang ------ */
.liste {
    padding: 0px;
    margin: 0px;
}

.liste li {
    background-color: #ffffff;
    border-bottom: 1px solid #c8c9ca;
    line-height: 40px;
    list-style: none;
    padding: 0 32px 0 0;
}

.liste li.nav1_an {
    background-color: #9cce39;
    border-bottom: 1px solid #c8c9ca;
    line-height: 40px;
    list-style: none;
    padding: 0 32px 0 0;
}

.liste li a:link,
.liste li a:visited {
    background: #ffffff url('/mobile/bilder/layout/button_doppel_pfeil_gruen.gif') no-repeat right center;
    color: #707070;
    font-size: 20px;
    font-weight: normal;
    padding: 0 0 0 16px;
    display: block;
}

.liste li a:active,
.liste li a:hover {
    color: #9cce39;
}

.liste li.nav1_an a:link,
.liste li.nav1_an a:visited {
    background: #9cce39 url('/mobile/bilder/layout/button_doppel_pfeil_weiss.gif') no-repeat right center;
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    padding: 0 17px 0 16px;
    display: block;
}

.liste li.nav1_an a:active,
.liste li.nav1_an a:hover {
    color: #000000;
}

.liste li.nav1_an div {
    margin: 0;
    padding: 0;
}

.liste li.nav1_an ul {
    background-color: #ffffff;
    margin: 0 -32px 0 0;
    padding: 12px 0;
}

.liste li.nav2_an,
.liste li.nav2_aus {
    background-color: #ffffff;
    border-bottom: none;
    line-height: 30px;
    padding: 0 0 0 0;
}

.liste li.nav2_aus a:link,
.liste li.nav2_aus a:visited,
.liste li.nav2_an a:link,
.liste li.nav2_an a:visited {
    background: transparent url('/mobile/bilder/layout/button_doppel_pfeil_grau.gif') no-repeat 0px center;
    color: #000000;
    font-size: 17px;
    font-weight: normal;
    margin: 0 0 0 18px;
    padding: 0 0 0 23px;
    display: block;
}

.liste li.nav2_aus a:active,
.liste li.nav2_aus a:hover ,
.liste li.nav2_an a:active,
.liste li.nav2_an a:hover {
    color: #9cce39;
}
/* ------ Navigation Ende ------ */


/* ------ Folgeseiten Anfang ------ */
#title {
    width: 100%;
    border-bottom: 1px solid #c8c9ca;
    background-color: #9cce39;
    font-size: 20px;
    color: #ffffff;
    line-height: 40px;
    float: left;
    display: block;
}

#backlink {
    float: right;
    padding: 0 16px 0 0;
}

#backlink a {
    background: transparent url('/mobile/bilder/layout/button_doppel_pfeil_weiss2.gif') no-repeat 0px center;
    font-size: 14px;
    padding: 0 0 0 14px;
}

#backlink a:link,
#backlink a:visited {
    color: #ffffff;
}

#backlink a:active,
#backlink a:hover {
    color: #000000;
}

#contenttext {
    background-color: #eeeeee;
    padding: 15px;
    clear: both;
}

#project {
    background: transparent url('/mobile/bilder/layout/button_doppel_pfeil_gruen.gif') no-repeat 280px center;
    max-width: 320px;
    background-color: #ffffff;
    border-bottom: 1px solid #c8c9ca;
    padding: 10px 40px 10px 15px;
    cursor: pointer;
}

.prodetail {
    padding: 10px 15px 5px 15px;
    border-bottom: 1px solid #c8c9ca;
    font-size: 15px;
    line-height: 140%;
}
/* ------ Folgeseiten Ende ------ */


/* ------ Footer Anfang ------ */
#footer {
    width: 150px;
    margin: 50px auto 0;
}

#footer a:link,
#footer a:visited {
    background: transparent url('/mobile/bilder/layout/button_doppel_pfeil_grau.gif') no-repeat 0px 4px;
    font-size: 12px;
    color: #707070;
    padding: 0 0 8px 17px;
    display: block;
}

#footer a:hover,
#footer a:active {
    color: #9cce39;
}
/* ------ Footer Ende ------ */