/* Simple CSS Compressor */
/* *
 * Frontend Stylesheet - general structure
 *
 * @author  Sylvia Egger 
 */

/* ===[ Allgemeine Container (fuer mehrfach geschachtelte Hintergruende) ]=== */

body {
    position: relative;
    margin: 0; padding: 0;
    color: #000;
    font-size: 87.5%;
    text-align: center;
    font-family: Arial, Helvetica,Verdana, sans-serif;
    background: #fff url(/static/images/body_bg_right.jpg) repeat-x top right;
}

body.kleiner,
body.smaller { font-size: 80% }

body.gross,
body.large { font-size: 105% }

body.maximal,
body.maximum { font-size: 125% }

#outer {
    margin: 0 0 1.071em 0; padding: 0
}

#inner {
    position: relative;
    min-width: 52.857em; max-width: 68.929em;
    margin: 0 auto; padding: 0;
    text-align: left;
    clear: left
}

/* ===[ Header #header ]=== */

#header {
    width: 100%; min-height: 120px;
    margin: 0 0 11px 0; padding: 8px 0 0 0;
    color: #000
}

    #header .HeaderInnerBottom {
        float: left;
        width: 78.5%;
        margin: 0; padding: 0 0 0 55px
    }

    #header .HeaderInnerMiddle {
        float: right;
        width: 78.5%;
        margin: 0; padding: 0 0 11px 0
    }

    #header .HeaderInnerRight {
        float: right;
        width: 25.5%;
        margin: 0; padding: 6px 0 5px 0;
        font-size: 80%;
        text-align: left
    }

        #header .HeaderInnerRight a.rss {
            padding: 0 0 0 15px;
            text-decoration: none;
            background: transparent url(/static/images/icon-rss.gif) no-repeat 0px center
        }

        #header .HeaderInnerRight a.rss:active {
            color: #000;
            text-decoration: underline;
            background: transparent url(/static/images/icon-rss.gif) no-repeat 0px center
        }

        #header .HeaderInnerRight a.rss:focus {
            color: #fff;
            text-decoration: underline;
            background: #004781 url(/static/images/icon-rss.gif) no-repeat 0px center
        }

        #header .HeaderInnerRight a.rss:hover {
            color: #004781;
            text-decoration: underline;
            background: transparent url(/static/images/icon-rss.gif) no-repeat 0px center
        }

        #header .HeaderInnerRight a {
            color: #004781;
            text-decoration: none;
            background: transparent
        }

        #header .HeaderInnerRight a:active {
            color: #000;
            text-decoration: underline;
            background: transparent
        }

        #header .HeaderInnerRight a:hover {
            color: #004781;
            text-decoration: underline;
            background: transparent
        }

        #header .HeaderInnerRight a:focus {
            color: #fff;
            text-decoration: underline;
            background: #004781
        }

    #header .HeaderInnerTop {
        float: right;
        width: 78.5%;
        margin: 0; padding: 0 0 7px 0
    }

    #header #accessibility {     padding-right: 3px }

        #header #accessibility a {         padding-right: 1px }

    #header .HeaderInner {
        border-top: 1px solid #fff; border-bottom: 7px solid #004781;
        clear: both;
        background: #fff url(/static/images/header_bg.jpg) repeat-x top left;
    }


/* ===[ Metanavigation #metanav ]=== */

#metanav {
    float: left;
    width: 73%;
    margin: 0; padding: 6px 0 0 0
}

/* ===[ Hauptnavigation #nav ]=== */

#nav {
    margin: 0; padding: 0;
    font-size: 85%
}

/* ===[ Search #SearchPart ]=== */

#SearchPart {
    float: right;
    margin: 0; padding: 0 10px 0 0;
    font-size: 80%;
    clear: left
}

/* ===[ Spezial #specialnav ]=== */

#specialnav {
    margin: 0; padding: 5px 10px 0 0
}

/* ===[ Layoutarea Seitenboxen rechts/links .LASeitenboxen ]=== */

#LALeftBox {
    float: left;
    width: 22%;
    margin: 0 0 10px 0; padding: 0 0 0 20px;
    font-size: 100%
}

#LARightBox {
    float: left;
    width: 20%;
    margin: 0 0 10px 0; padding: 0;
    font-size: 90%
}

#landingPages #LARightBox {
    float: left;
    width: 20%;
    margin: 0 0 10px 0; padding: 0;
    font-size: 90%
}

/* ===[ Contentbereich #content ]=== */

#content {
    display: inline; float: left;
    width: 78.5%;
    margin: 0 1.5% 10px 0; padding: 0px 0 0 0;
    color: #000;
    font-size: 85%
}

    #content .FullWidth #InnerContent {
        width: 98%;
        margin: 0 14px 0 0
    }

    #content .NoSubnav #InnerContent {
        padding-left: 28%;
        margin: 0 14px 0 0
    }

    #content .ContentInner {
        min-height: 31em;
        padding: 0 0 16px 0;
        border-top: 1px solid #fff;
        background: #fff url(/static/images/bg_content.jpg) top left repeat-x
    }

#contentFull {
    display: inline; float: left;
    width: 100%;
    margin: 0 13px 10px 0; padding: 0px 0 0 0;
    color: #000;
    font-size: 85%
}

    #contentFull .ContentInner {
        min-height: 38.51em;
        padding: 0 0 16px 0;
        border-top: 1px solid #fff;
        background: #fff url(/static/images/bg_content.jpg) top left repeat-x
    }

    #contentFull #InnerContent {     width: 76.5% }

    #contentFull #LALeftBox {     width: 17.5% }

#InnerContent {
    display: inline; float: left;
    width: 70.5%;
    margin: 0 0 0 19px
}

#start #content {
    float: left;
    width: 80%;
    margin: 0; padding: 0;
    font-size: 85%;
    background: transparent
}

#contentFooter {
    margin: 0; padding: 0
}

/* ===[ Footer ]=== */

#footer {
    width: 100%; min-height: 225px;
    border-top: 1px solid #dedfe0;
    text-align: center;
    clear: left;
    background: #fff url(/static/images/footer_bg.gif) repeat-x top left;
}

    #footer .FooterContentMiddle {
        float: left;
        width: 57%
    }

    #footer .FooterBottom {
        position: relative; float: left;
        width: 22%;
        padding: 0;
        z-index: 10
    }

    #footer .servicenav {
        float: left;
        width: 33.5%
    }
    
    #footer .FooterBottom .servicenav {
        float: none;
        width: auto;
        margin-bottom: 4px;
    }

    #footer .copyright {
        float: right;
        margin: 0; padding: 5px 5px 0 0
    }

    #footer .last {     width: 33% }

.FooterInner {
    min-width: 52.857em; max-width: 68.929em;
    margin: 0 auto;
    text-align: left
}

.brand {
    margin: 0; padding: 18px 0 2px 0;
    color: #575757;
    font-size: 80%;
    clear: left;
    background: transparent;
    line-height: 130%;
}

.BrandHome { padding: 2px 0 0 0 }

.brand a,
.brand a:link,
.brand a:visited,
.brand a:hover,
.brand a:focus,
.brand a:active {
    color: #575757;
    background: #fff
}

.printFooter { display: none }

/* ===[ SkipNav: barrierefreie Sprungmarken ]=== */

a.skip {
    position: absolute;
    top: auto; left: -1000px;
    padding: 2px;
    color: #000;
    font-size: 90%;
    background: #c8c8c8
}

a.skip:focus,
a.skip:active {
    position: absolute;
    top: 5px; left: 10px;
    color: #004781;
    z-index: 3;
    background: #fff;
}

/* ===[ Border for Boxes ]=== */

/* special shadows for contentboxes  */

.ContentOuter .bordertop,
.LALeistung .bordertop {
    padding: 1px 0 0 0;
    background: transparent url(/static/images/bordervertical.png) no-repeat 0 0
}

.ContentOuter .borderbottom,
.LALeistung .borderbottom {
    padding: 0 0 4px 0;
    background: transparent url(/static/images/bordervertical.png) no-repeat 100% 100%
}

.borderleft {
    padding-left: 1px;
    background: transparent url(/static/images/bordercenter.png) 0 0 repeat-y
}

.borderright {
    padding-right: 2px;
    background: transparent url(/static/images/bordercenter.png) 100% 0 repeat-y
}

.bordertop,
.ContentInner .bordertop {
    padding-top: 1px; padding-left: 1px;
    background: transparent url(/static/images/border.png) no-repeat 0 0
}

.borderbottom,
.ContentInner .borderbottom {
    padding-right: 2px; padding-bottom: 4px;
    background: transparent url(/static/images/border.png) no-repeat 100% 100%
}

.LALeistung .bordertop {
    padding: 1px 0 0 0;
    background: transparent url(/static/images/bordervertical.png) no-repeat 0 0
}

.LALeistung .borderbottom {
    padding: 0 0 4px 0;
    background: transparent url(/static/images/bordervertical.png) no-repeat 100% 100%
}
/* *
 * Frontend Stylesheet - navigation formats
 * 
 * @author  Sylvia Egger 
 */

/* ===[ Metanavigation #metanav ]=== */

#metanav ul {
    margin: 0; padding: 0;
    font-size: 80%;
    list-style: none;
    list-style-image: none;
}

    #metanav ul li.language-change {     background: none }

        #metanav ul li.language-change a.german {         background-image: url(/static/images/flag_de.gif) }

        #metanav ul li.language-change a {
            padding-left: 22px;
            background: transparent url(/static/images/flag_en.gif) no-repeat left center
        }

        #metanav ul li.language-change a:active {
            background-color: transparent; color: #000;
            text-decoration: underline
        }

        #metanav ul li.language-change a:focus {
            background-color: #004781; color: #fff;
            text-decoration: underline
        }

        #metanav ul li.language-change a:hover {
            background-color: transparent; color: #004781;
            text-decoration: underline
        }

    #metanav ul a.active {
        color: #004781;
        text-decoration: underline;
        background: transparent
    }

    #metanav ul a.active:focus {
        color: #004781;
        text-decoration: underline;
        background: #fff
    }

    #metanav ul li {
        float: left;
        margin: 0; padding: 0 6px 0 8px;
        background: transparent url(/static/images/nav-tri.gif) no-repeat 0px 2px
    }

    #metanav ul a {
        color: #004781;
        text-decoration: none;
        background: transparent
    }

        #metanav ul a span.locked {
            padding-left: 2px;
            text-decoration: none
        }

            #metanav ul a span.locked img {
                width: 0.71em; height: 0.80em
            }

    #metanav ul a:active {
        color: #000;
        text-decoration: underline;
        background: transparent
    }

    #metanav ul a:hover {
        color: #004781;
        text-decoration: underline;
        background: transparent
    }

    #metanav ul a:focus {
        color: #fff;
        text-decoration: underline;
        background: #004781
    }

#metanav .first { background-image: none }

#metanav .last { padding-right: 0 }

/* ===[ Tabnavigation #tabnav ]=== */

#tabnav {
    margin: 0px 0 17px 0px; padding: 3px 0 0 0;
    background: #fff url(/static/images/dotted_line.gif) 0px bottom repeat-x
}

    #tabnav ul {
        margin: 0 0 0 -3px; padding: 0 0 0 0;
        font-size: 100%;
        clear: left;
        list-style: none outside;
    }

        #tabnav ul li.LastActive span.nav1aktiv {         background: transparent url(/static/images/nav-bg-r.gif) no-repeat right -112px }

        #tabnav ul li.last span.nav1 {         background: transparent url(/static/images/nav-bg-r.gif) no-repeat right -56px }

        #tabnav ul span.nav1aktiv {
            padding: 0.6em 6px 0.2em 6px;
            color: #FFF;
            text-decoration: underline;
            background: transparent url(/static/images/nav-bg-r.gif) no-repeat right -112px
        }

        #tabnav ul li.active {         background-position: 0 -112px }

        #tabnav ul span.nav1 {         background: transparent url(/static/images/nav-bg-r.gif) no-repeat right 0 }

        #tabnav ul li.first {         background-position: 0 -168px }
        
        #tabnav ul li.FirstActive {         background-position: 0 0 }

        #tabnav ul span {
            display: block;
            padding: 0.6em 6px 0.2em 6px;
            text-decoration: none
        }

        #tabnav ul li {
            float: left;
            margin: 0 0 1px; padding: 0;
            color: #004781;
            font-weight: normal;
            background: transparent url(/static/images/nav-bg.gif) no-repeat 0 -56px
        }

            #tabnav ul li span span.lang {
                display: inline;
                padding: 0;
                text-decoration: none
            }

        #tabnav ul a {
            padding: 4px 4px 0 4px;
            color: #004781;
            text-decoration: none;
            background: #E2E9F5
        }

        #tabnav ul a:visited {
            color: #004781;
            text-decoration: none
        }

        #tabnav ul a:active {
            color: #000;
            text-decoration: underline
        }

        #tabnav ul a:hover {         text-decoration: underline }

        #tabnav ul a:focus {
            color: #000;
            text-decoration: underline
        }

        #tabnav ul a.aktiv:hover,
        #tabnav ul a.aktiv:active,
        #tabnav ul a.aktiv:focus {
            color: #FFF;
            text-decoration: underline
        }

        #tabnav ul a.aktiv,
        #tabnav ul a.aktiv:visited {
            color: #ffffff;
            text-decoration: underline;
            background: #014785
        }

/* ===[ Tabnavigation #tabnav2 bei 2-facher Verwendung von Tabnavigation ]=== */

#tabnav2 {
    margin: 0px 0 17px 0px; padding: 3px 0 0 0;
    background: #fff url(/static/images/dotted_line.gif) 0px bottom repeat-x
}

    #tabnav2 ul {
        margin: 0 0 0 -3px; padding: 0 0 0 0;
        font-size: 100%;
        clear: left;
        list-style: none outside;
    }

        #tabnav2 ul li.LastActive span.nav1aktiv {         background: transparent url(/static/images/nav-bg-r.gif) no-repeat right -112px }

        #tabnav2 ul li.last span.nav1 {         background: transparent url(/static/images/nav-bg-r.gif) no-repeat right -56px }

        

        #tabnav2 ul span.nav1aktiv {
            padding: 0.6em 6px 0.2em 6px;
            color: #FFF;
            text-decoration: underline;
            background: transparent url(/static/images/nav-bg-r.gif) no-repeat right -112px
        }

        #tabnav2 ul li.active {         background-position: 0 -112px }

        #tabnav2 ul span.nav1 {         background: transparent url(/static/images/nav-bg-r.gif) no-repeat right 0 }

        #tabnav2 ul li.first {         background-position: 0 -168px }
        
        #tabnav2 ul li.FirstActive {         background-position: 0 0 }

        #tabnav2 ul span {
            display: block;
            padding: 0.6em 6px 0.2em 6px;
            text-decoration: none
        }

        #tabnav2 ul li {
            float: left;
            margin: 0 0 1px; padding: 0;
            color: #004781;
            font-weight: normal;
            background: transparent url(/static/images/nav-bg.gif) no-repeat 0 -56px
        }

            #tabnav2 ul li span span.lang {
                display: inline;
                padding: 0;
                text-decoration: none
            }

        #tabnav2 ul a {
            padding: 0 4px;
            color: #004781;
            text-decoration: none;
            background: #E2E9F5
        }

        #tabnav2 ul a:visited {
            color: #004781;
            text-decoration: none
        }

        #tabnav2 ul a:active {
            color: #000;
            text-decoration: underline
        }

        #tabnav2 ul a:hover {         text-decoration: underline }

        #tabnav2 ul a:focus {
            color: #000;
            text-decoration: underline
        }

        #tabnav2 ul a.aktiv:hover,
        #tabnav2 ul a.aktiv:active,
        #tabnav2 ul a.aktiv:focus {
            color: #FFF;
            text-decoration: underline
        }

        #tabnav2 ul a.aktiv,
        #tabnav2 ul a.aktiv:visited {
            color: #ffffff;
            text-decoration: underline;
            background: #014785
        }

/* ===[ Footernav #footer ]=== */

#footer .servicenav {
    margin: 0; padding: 9px 0 0 0;
    font-size: 80%
}

    #footer .servicenav a.active {
        color: #004781;
        text-decoration: underline;
        background: transparent
    }

    #footer .servicenav .first {
        padding-left: 0;
        background-image: none
    }

    #footer .servicenav .last {     padding-right: 0 }

    #footer .servicenav ul {
        margin: 0; padding: 0 0 0 0;
        font-size: 100%;
        list-style: none;
        list-style-image: none;
    }

        #footer .servicenav ul li.AccessibilityHelp {         margin-top: 12px }

        #footer .servicenav ul li.IconMobile {
            padding: 0 0 10px 21px;
            background: #fff url(/static/images/icon_big_mobile.png) no-repeat 0 0
        }

        #footer .servicenav ul li.IconRSS {
            padding: 0 0 10px 21px;
            background: #fff url(/static/images/rss.png) no-repeat 0 0
        }

        #footer .servicenav ul li.IconYT {
            padding: 0 0 10px 21px;
            background: #fff url(/static/images/youtube.png) no-repeat 0 0
        }

        #footer .servicenav ul li.IconTw {
            padding: 0 0 10px 21px;
            background: #fff url(/static/images/twitter.png) no-repeat 0 0
        }

        #footer .servicenav ul li.IconFb {
            padding: 0 0 10px 21px;
            background: #fff url(/static/images/facebook.png) no-repeat 0 0
        }

        #footer .servicenav ul li {
            float: none;
            width: auto;
            margin: 0; padding: 0 0 6px 11px;
            font-weight: normal;
            background: #fff url(/static/images/tri-liste.gif) no-repeat 0 7px
        }

            #footer .servicenav ul li span.locked img {
                width: 0.71em; height: 0.80em
            }

    #footer .servicenav h3 {
        margin: 0; padding: 0 10px 10px 0;
        color: #004781;
        font-weight: bold;
        background: transparent none
    }

    #footer .servicenav a {
        color: #004781;
        text-decoration: none;
        background: transparent
    }

    #footer .servicenav a:active {
        color: #000;
        text-decoration: underline;
        background: transparent
    }

    #footer .servicenav a:hover {
        color: #004781;
        text-decoration: underline;
        background: transparent
    }

    #footer .servicenav a:focus {
        color: #fff;
        text-decoration: underline;
        background: #004781
    }

#footer ul.cert {
    margin: 0; padding: 0;
    font-size: 80%;
    list-style: none;
    list-style-image: none;
}

    #footer ul.cert li.clearleft {     padding: 0 }

    #footer ul.cert li.special {     padding-top: 0 }

    #footer ul.cert li {
        float: left;
        margin: 0; padding: 0 11px 11px 0;
        background: transparent none
    }

    #footer ul.cert a {
        color: #004781;
        text-decoration: none;
        background: transparent
    }

    #footer ul.cert a:active img {
        border: none;
        outline: none;
    }

    #footer ul.cert a:focus img {
        border: none;
        outline: 1px solid #004781;
    }

    #footer ul.cert a img {     display: block }

#footer .Certi1 {
    width: 3.5em; height: 5em
}

#footer .Certi2 {
    width: 7.685em; height: 4.9em
}

#footer .Certi3 {
    width: 6.8em; height: 4.9em
}

#footer .Certi4 {
    width: 6.8em; height: 3.225em
}

#footer .Certi5 {
    width: 3.6em; height: 4.73em
}

#footer .Certi6 {
    width: 3.12em; height: 4.73em
}

#footer .Certi7 {
    width: 5em; height: 5em
}

#footer .Certi8 {
    width: 5em; height: 5em
}

#footer .Certi9 {
    width: 6.8em; height: 4.73em
}
/* ===[ Hauptnavigation #nav > .navcontent ]=== */

#nav ul {
    margin: 0; padding: 0;
    clear: left;
    list-style: none outside;
}

    #nav ul li.LastActive span.nav1aktiv {     background: transparent url(/static/images/nav-bg-r.gif) no-repeat right -112px }

    #nav ul li.last span.nav1 {     background: transparent url(/static/images/nav-bg-r.gif) no-repeat right -56px }

    #nav ul span.nav1aktiv {
        padding: 0.714em 11px 0.429em 10px;
        color: #FFF;
        text-decoration: underline;
        background: transparent url(/static/images/nav-bg-r.gif) no-repeat right -112px
    }

    #nav ul span.nav1aktiv:hover,
    #nav ul a.nav1aktiv:active,
    #nav ul a.nav1aktiv:focus {
        color: #FFF;
        text-decoration: underline
    }

    #nav ul li span.locked,
    #nav ul span.nav1aktiv:hover,
    #nav ul a.nav1aktiv:active,
    #nav ul a.nav1aktiv:focus {     text-decoration: none }

    #nav ul span.nav1 {     background: transparent url(/static/images/nav-bg-r.gif) no-repeat right 0 }

    #nav ul li.active {     background-position: 0 -112px }

    #nav ul li.first {     background-position: 0 -168px }
    
    #nav ul li.FirstActive {     background-position: 0 0 }

    #nav ul li {
        float: left;
        margin: 0; padding: 0;
        color: #004781;
        font-weight: bold;
        background: transparent url(/static/images/nav-bg.gif) no-repeat 0 -56px
    }

        #nav ul li span {
            display: block;
            padding: 0.714em 7px 0.429em 7px;
            text-decoration: none
        }

            #nav ul li span span.locked  img {
                width: 0.71em; height: 0.80em
            }

            #nav ul li span span.lang {
                display: inline;
                padding: 0;
                text-decoration: none
            }

    #nav ul a {
        padding: 0 4px 0 4px;
        color: #004781;
        text-decoration: none;
        background: #E2E9F5
    }

    #nav ul a:visited {
        color: #004781;
        text-decoration: none
    }

    #nav ul a:active {
        color: #000;
        text-decoration: underline
    }

    #nav ul a:hover {     text-decoration: underline }

    #nav ul a:focus {
        color: #000;
        text-decoration: underline
    }

    #nav ul a.aktiv,
    #nav ul a.aktiv:visited {
        color: #ffffff;
        text-decoration: underline;
        background: #014785
    }

/* ===[ Hauptnavigation: 2. Ebene ]=== */

#subnav {
    padding: 43px 0px 0 0px;
    font-size: 100%
}

    #subnav ul {
        margin: 0; padding: 0;
        list-style: none outside
    }

        #subnav ul li.bevActive a {         background: transparent none }

        #subnav ul a.nav2aktiv {
            display: block;
            padding: 4px 8px 5px 8px;
            color: #fff;
            font-weight: bold;
            text-decoration: underline;
            background: #004781
        }

        #subnav ul a.nav2aktiv:active {         text-decoration: underline }

        #subnav ul a.nav2aktiv:focus {
            color: #fff;
            text-decoration: underline;
            background: #004781
        }

        #subnav ul a.nav2aktiv:hover {         text-decoration: underline }

        #subnav ul span.locked {
            display: block; float: right;
            padding: 6px 3px 0 3px
        }

            #subnav ul span.locked img {
                width: 0.71em; height: 0.80em
            }

        #subnav ul li.active {         background: #f0f4fa }

            #subnav ul li.last a {         background: transparent none }
            
            #subnav ul li.active a {             background: #014785 none }

        #subnav ul a.nav2 {
            display: block;
            padding: 4px 8px 5px 8px;
            color: #004781;
            text-decoration: none;
            background: transparent url(/static/images/dotted_line.gif) bottom left repeat-x
        }
        
        #subnav ul a.nav2:link {
            color: #004781;
            text-decoration: none
        }

        #subnav ul a.nav2:visited {
            color: #004781;
            text-decoration: none
        }

        #subnav ul a.nav2:active {
            color: #000;
            text-decoration: underline
        }

        #subnav ul a.nav2:hover {
            color: #004781;
            text-decoration: underline
        }

        #subnav ul a.nav2:focus {
            color: #fff;
            text-decoration: underline;
            background: #004781
        }

        #subnav ul li {
            height: 1%;
            padding: 0
        }

        #subnav ul ul {
            margin: 0; padding: 0 0 1px 0;
            color: #004781;
            font-size: 95%;
            background: #f0f4fa none;
            border: 1px solid #f0f4fa;
            list-style: none outside;
        }

            #subnav ul ul a.nav3aktiv {
                color: #004781;
                font-weight: bold;
                text-decoration: underline;
                background: #f0f4fa none
            }

            #subnav ul ul a.nav3aktiv:active {
                color: #000;
                text-decoration: underline;
                background: #F0F4FA
            }

            #subnav ul ul a.nav3aktiv:focus {
                color: #F0F4FA;
                text-decoration: underline;
                background: #004781
            }

            #subnav ul ul a.nav3aktiv:hover {
                color: #004781;
                text-decoration: underline;
                background: transparent
            }

            #subnav ul ul span.locked {
                display: block; float: right;
                padding: 1px 2px 0 3px
            }

            #subnav ul ul li.active {             background: #f0f4fa url(/static/images/dotted_line.gif) bottom left repeat-x }

            #subnav ul ul li.last {             background: #f0f4fa none }

            #subnav ul ul a.nav3 {
                color: #004781;
                text-decoration: none;
                background: transparent none;
                line-height: 13px;
            }

            #subnav ul ul a.nav3:visited {
                color: #004781;
                text-decoration: none;
                background: transparent
            }

            #subnav ul ul a.nav3:active {
                color: #000;
                text-decoration: underline;
                background: #f0f4fa
            }

            #subnav ul ul a.nav3:focus {
                color: #F0F4FA;
                text-decoration: underline;
                background: #004781
            }

            #subnav ul ul a.nav3:hover {
                color: #004781;
                text-decoration: underline;
                background: transparent
            }

            #subnav ul ul li {
                margin: 0; padding: 2px 0 5px 7px;
                background: #f0f4fa url(/static/images/dotted_line.gif) bottom left repeat-x
            }

            #subnav ul ul ul {
                margin: 0; padding: 2px 0 0;
                color: #004781;
                border-top: none;
                font-size: 100%;
                background: #f0f4fa none;
                list-style: none outside;
            }

                #subnav ul ul ul span.locked {
                    display: block; float: right;
                    padding: 1px 1px 0 3px
                }

                #subnav ul ul ul a.nav4aktiv {
                    color: #004781;
                    font-weight: bold;
                    text-decoration: underline;
                    background: #f0f4fa none
                }

                #subnav ul ul ul a.nav4aktiv:active {
                    color: #004781;
                    text-decoration: underline;
                    background: #F0F4FA
                }

                #subnav ul ul ul a.nav4aktiv:focus {
                    color: #F0F4FA;
                    text-decoration: underline;
                    background: #004781
                }

                #subnav ul ul ul a.nav4aktiv:hover {
                    color: #004781;
                    text-decoration: underline;
                    background: transparent
                }

                #subnav ul ul ul a.nav4 {
                    color: #004781;
                    text-decoration: none;
                    background: #f0f4fa none
                }

                #subnav ul ul ul a.nav4:active {
                    color: #004781;
                    text-decoration: underline;
                    background: #F0F4FA
                }

                #subnav ul ul ul a.nav4:focus {
                    color: #F0F4FA;
                    text-decoration: underline;
                    background: #004781
                }

                #subnav ul ul ul a.nav4:hover {
                    color: #004781;
                    text-decoration: underline;
                    background: transparent
                }

                #subnav ul ul ul li {
                    margin: 0; padding: 2px 0 2px;
                    border-bottom: none;
                    background: #f0f4fa none
                }

/* *
 * Fronted Stylesheet - basic modules, smaller modules
 *
 * @author  Sylvia Egger 
 * - basics
 * - Breadcrumb
 * - FAQ
 * - Archiv Podcast
 * - Colorbox
 * - Social media footer
 * - ReadSpeaker
 * */

/* ===[ Header #header ]=== */
.logo {
    float: left;
    width: 10.5%;
    padding: 15px 0 0 49px;
    font-size: 90%
}

/* ===[ Contentbereich #content ]=== */

#content p {
    margin: 0; padding: 0 0 9px 0;
    line-height: 150%
}

h1 {
    margin: 6px 0 15px 0; padding: 0;
    color: #004781;
    font-size: 210%; font-weight: normal;
    background: transparent
}

h2 {
    margin: 9px 0 9px 0; padding: 0;
    color: #004781;
    font-size: 100%;
    background: transparent
}

h3 {
    margin: 9px 0 0px 0; padding: 0;
    color: #004781;
    font-size: 100%;
    background: transparent
}

#content .headersize {
    position: relative;
    margin-top: -25px;
    padding-bottom: 25px; padding-left: 25px;
    color: #fff;
    font-size: 300%; font-weight: normal;
    background: transparent
}

#content h3.mepdf { padding: 15px 0 15px 0 }

    #content h3.mepdf img {
        margin-right: 3px;
        vertical-align: middle
    }

#content h3.mepdf2 { padding: 0 0 40px 0 }

    #content h3.mepdf2 img {
        margin-right: 3px;
        vertical-align: middle
    }

/* ===[ Default Links ]=== */

a {
    color: #004781;
    text-decoration: underline;
    background: transparent
}


a:link {
    color: #004781;
    text-decoration: underline;
    background: transparent
}

a:visited {
    color: #505050;
    text-decoration: underline;
    background: transparent
}

a:active {
    color: #000;
    text-decoration: underline;
    background: transparent
}

    a:active img { border: none }

    a:active img {
        border: none;
        outline: none;
    }

a:focus {
    color: #fff;
    text-decoration: underline;
    background: #004781
}

    a:focus img {
        border: none;
        outline: 1px solid #004781;
    }

a:hover {
    color: #000;
    text-decoration: underline;
    background: transparent
}

#LARightBox #TeaserAccordion #DirektEinstieg:target,
#LARightBox #TeaserAccordion #MeineBIGLogin:target { border-top: 5px solid #e3000f }

/* ===[ Locked Icon nicht unterstrichen ]=== */

img.locked { text-decoration: none }

/* ===[ Locked Symbol before Teaserlink ]=== */

.LockedTeaser {
    display: block; float: right;
    padding: 1px 0 0 3px
}

.LCNews .TeaserBox h3 .LockedTeaser { padding-top: 2px }

/* ===[ Image: Borders none ]=== */

img { border: none }

/* ===[ Clear ]=== */

.clearleft {
    height: 0;
    margin: 0 0 0 0; padding: 0;
    clear: left;
    line-height: 0px;
}

.clearright {
    height: 0;
    margin: 0 0 0 0; padding: 0;
    clear: right;
    line-height: 0px;
}

.clear {
    height: 0;
    margin: 0 0 0 0; padding: 0;
    clear: both;
    line-height: 0px;
}

/* ===[ Clearfix for teasers ]=== */

.clearfix { display: inline-block }

html[xmlns] .clearfix { display: block }

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

/* ===[ Barrierefreie Formate ]=== */

.hideme,
dfn {
    position: absolute; display: inline;
    top: auto; left: -9999px;
    width: 0px; height: 0px;
    line-height: 0
}

#print,
#accessibility,
.printlogo,
.HintPrint,
.NoDisplay { display: none }

/* ===[ Breadcrumb #breadcrump ]=== */

.breadcrumb {
    margin: 0; padding: 12px 0;
    color: #004781;
    font-size: 95%
}

    .breadcrumb a.active:focus {
        color: #fff;
        text-decoration: underline;
        background: #004781
    }

    .breadcrumb .active { text-decoration: underline }

    .breadcrumb a {
        color: #004781;
        text-decoration: none;
        background: transparent
    }
    
    .breadcrumb a:link {
        color: #004781;
        text-decoration: none;
        background: transparent
    }
    .breadcrumb a:visited {
        color: #505050;
        text-decoration: none;
        background: transparent
    }

    .breadcrumb a:active {
        color: #004781;
        text-decoration: underline;
        background: transparent
    }

    .breadcrumb a:hover {
        color: #004781;
        text-decoration: underline;
        background: transparent
    }

    .breadcrumb a:focus {
        color: #fff;
        text-decoration: underline;
        background: #004781
    }

#content .FullWidth .breadcrumb { padding-left: 208px }

.with-readspeaker {
    float: left;
    width: 80%
}

#LinkLeiste {
    margin: 10px 0px 0px 0px; padding: 0px  0px 10px 0px;
    color: #000;
    font-size: 90%; font-weight: bold;
    background: transparent
}

    #LinkLeiste div.backindex {
        float: left;
        margin: 0px; padding: 0px 0px 0px 10px
    }

    #LinkLeiste div.backlink {
        float: left;
        margin: 0px; padding: 0px
    }

    #LinkLeiste div.nextlink {
        float: right;
        margin: 0px; padding: 0px
    }

/* FAQ  */

.FAQContent {
    width: 92.5%;
    padding: 5px 0 10px
}

    .FAQContent ol {
        margin: 0; padding: 3px 7px 4px 4px;
        list-style-position: inside
    }

        .FAQContent ol li.last {
            padding-top: 4px;
            background-image: none
        }

        .FAQContent ol li {
            padding: 2px 0 7px 3px;
            background: #fff url(/static/images/dotted_line.gif) bottom left repeat-x
        }

.toplink { text-align: right }

/* ===[ Archiv - Podcast ]=== */

.ArchivContent {
    width: 92.5%;
    padding: 5px 0 10px
}

    .ArchivContent ul {
        margin: 0; padding: 3px 7px 4px 4px;
        list-style-type: none
    }

        .ArchivContent ul li.last {
            padding-top: 4px;
            background-image: none
        }

        .ArchivContent ul li {
            padding: 2px 0 7px 3px;
            background: #fff url(/static/images/dotted_line.gif) bottom left repeat-x
        }

.toplink { text-align: right }

.transkript ul {
    margin: 0 0 12px 0px; padding: 0 0 0 12px;
    list-style-image: url(/static/images/tri-liste.gif)
}

    .transkript ul li {
        margin: 0 0 0px 0; padding: 0;
        background: transparent none;
        line-height: 18px;
    }

        .transkript ul li a.active { font-weight: bold }

#content p.previous {
    float: left;
    padding-top: 11px; padding-left: 15px;
    background: transparent url(/static/images/button_back_tri_de.gif) left 13px no-repeat
}

#content p.next {
    float: right;
    padding-top: 11px; padding-left: 15px;
    background: transparent url(/static/images/button_back_tri_de.gif) left 13px no-repeat
}

/* ===[ Bildvergrößerung Colorbox ]=== */

/* do not change  */
#colorbox,
#modalBackgroundOverlay,
#modalWrap {
    position: absolute;
    top: 0; left: 0;
    z-index: 9999
}

#modalBackgroundOverlay {
    position: fixed;
    width: 100%; height: 100%
}

#colorbox {
    margin-top: -1px; margin-left: -1px;
    padding: 1px;
    overflow: hidden
}

/* padding fixes a ghosting issue in IE7, the negative margin compensates  */

#modalWrap {
    width: 9000px; height: 9000px
}

#modalContent,
#borderTopLeft,
#borderTopCenter,
#borderTopRight,
#borderBottomLeft,
#borderBottomCenter,
#borderBottomRight,
#borderMiddleLeft,
#borderMiddleRight {
    float: left;
    width: 0; height: 0;
    overflow: hidden
}

#borderMiddleLeft,
#borderBottomLeft { clear: left }

#modalContent {
    position: relative;
    overflow: visible
}

#contentTitle { margin: 0 }

#modalClose,
#contentPrevious,
#contentNext {
    margin: 0;
    outline: none;
    cursor: pointer;
    border: 0;
}

#modalLoadedContent {
    width: 0; height: 0;
    overflow: auto
}

    #modalLoadedContent img#modalPhoto {
        display: block;
        margin: auto;
        border: 0
    }

    #modalLoadedContent iframe {
        display: block;
        width: 100%; height: 100%;
        border: 0
    }

    #modalLoadedContent embed {
        display: block;
        border: 0
    }

/* ===[ Display:block removes the line-height gap underneath images, iframes, and embedded content ]=== */

#modalLoadingOverlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%
}

/* custom part  */

#modalBackgroundOverlay { background: url(/static/images/colorbox/stripe.png) 0 0 repeat }

#colorbox {  }

#borderTopLeft {
    width: 21px; height: 21px;
    background: url(/static/images/colorbox/borderTopLeft.png) 0 0 no-repeat
}

#borderTopCenter {
    height: 21px;
    background: url(/static/images/colorbox/borderTopCenter.png) 0 0 repeat-x
}

#borderTopRight {
    width: 21px; height: 21px;
    background: url(/static/images/colorbox/borderTopRight.png) 0 0 no-repeat
}

#borderBottomLeft {
    width: 21px; height: 21px;
    background: url(/static/images/colorbox/borderBottomLeft.png) 0 0 no-repeat
}

#borderBottomCenter {
    height: 21px;
    background: url(/static/images/colorbox/borderBottomCenter.png) 0 0 repeat-x
}

#borderBottomRight {
    width: 21px; height: 21px;
    background: url(/static/images/colorbox/borderBottomRight.png) 0 0 no-repeat
}

#borderMiddleLeft {
    width: 21px;
    background: url(/static/images/colorbox/borderMiddleLeft.png) 0 0 repeat-y
}

#borderMiddleRight {
    width: 21px;
    background: url(/static/images/colorbox/borderMiddleRight.png) 0 0 repeat-y
}

#modalContent { background: #fff }

#modalLoadedContent { margin-bottom: 28px }

#contentTitle {
    position: absolute;
    bottom: 23px; left: 5px;
    width: 100%;
    color: #004781;
    font-weight: bold;
    text-align: center;
    background: #fff
}

#contentCurrent {
    position: absolute;
    bottom: 4px; left: 0px;
    color: #000;
    font-size: 80%
}

#contentPrevious {
    position: absolute;
    bottom: 23px; left: 1px;
    width: 13px;
    text-indent: -9999px;
    background: url(/static/images/colorbox/button_back_tri_de.gif) top left no-repeat
}

#contentNext {
    position: absolute;
    bottom: 23px; left: 20px;
    width: 13px;
    text-indent: -9999px;
    background: url(/static/images/colorbox/button_next_de.gif) top right no-repeat
}

#modalLoadingOverlay { background: url(/static/images/colorbox/loading3.gif) center center no-repeat #fff }

#modalClose {
    position: absolute;
    right: 0; bottom: 4px;
    padding-top: 20px;
    font-size: 90%;
    background: url(/static/images/colorbox/close.gif) right top no-repeat
}

/* ===[ Content: Social Media Footer ]=== */

.MainContent { padding-bottom: 20px }

.SocialMediaBar { padding-bottom: 20px }

    .SocialMediaBar .BarBottomRight {
        float: right;
        padding: 2px 2px 0 0
    }

        .SocialMediaBar .BarBottomRight a:focus { text-decoration: none }

        .SocialMediaBar .BarBottomRight img {
            width: 1.42em; height: 1.42em
        }

        .SocialMediaBar .BarBottomRight li {
            display: inline;
            padding: 0 1px 0 6px;
            background: #fff none
        }

    .SocialMediaBar .first {
        padding-left: 0;
        background-image: none
    }

    .SocialMediaBar .last { padding-right: 0 }

    .SocialMediaBar ul {
        margin: 0; padding: 0 0 4px 0;
        font-size: 95%;
        list-style: none;
        list-style-image: none;
    }

        .SocialMediaBar ul li {
            float: left;
            margin: 0; padding: 0 6px 5px 8px;
            background: transparent url(/static/images/nav-tri.gif) no-repeat 0px 3px
        }

.BarBottom {
    width: 100%;
    padding-top: 10px;
    background: #fff url(/static/images/dotted_line.gif) repeat-x top left
}

.FbButton {
    width: 10.714em; height: 1.8em;
    border: none;
    overflow: hidden;
}

/* facebook like-button  */

.connect_widget_like_button .liketext {
    color: #2B406E !important;
    font-size: 95%;
    line-height: 1.34em;
    background: transparent url(/static/images/btn-like-bg.png) left -1px no-repeat !important;
}

.connect_widget a,
.connect_widget a:link,
.connect_widget a:visited {
    text-decoration: none;
    background: #ECEEF5
}

.connect_widget a:active,
.connect_widget a:hover,
.connect_widget a:focus {
    color: #2B406E;
    text-decoration: underline !important
}

/* ===[ ReadSpeaker ]=== */

#readspeaker_button1 {
    float: right;
    width: 20%;
    padding-top: 12px;
    font-size: 95%;
    text-align: right
}

    #readspeaker_button1 img {
        margin-right: 2px;
        vertical-align: middle
    }

#rs_1 {
    float: right;
    font-size: 95% !important
}

    #rs_1 object,
    #rs_1 .PlayerCloseButton { margin-left: 5px }

    #rs_1 object,
    #rs_1 .PlayerCloseButton { vertical-align: middle }

/* ===[ Login Alternative Links ]=== */

.alternative-links {
    float: left;
    margin-bottom: -30px;
    padding: 10px 20px 0 20px
}
/* *
 * Fronted Stylesheet - teaser and layoutarea modules
 *
 * @author  Sylvia Egger 
 * - Layout-Container
 * - Dashboard Teaser Tools
 * - Standardteaser
 * - Teaser 2 Spalten
 * - Hauptteaser
 * - Teaser 3-Spalten
 * - Teaser Accordion
 * - Teaser linke Spalte
 * - Teaser rechte Spalte
 * - ServiceToolsTeaser
 * - TeaserMega
 * - TeaserFooter
 * - Social Media Teaser
 * */

/* ===[ Layout-Container ]=== */

#start #LAMiddleBox {
    float: left;
    width: 98%;
    background: transparent url(/static/images/bg_teaser_assistent.png) 53px 33px no-repeat
}

#LAMiddleBox {
    float: left;
    width: 96%;
    background: transparent
}

    #LAMiddleBox #DashTools #formular .FormResult {     margin-left: 15px }

    #LAMiddleBox #formular {     padding: 0 }

        #LAMiddleBox #formular .FormResult {
            margin-bottom: 10px; margin-left: 18px
        }

.WithSubnav #LAMiddleBox {
    display: inline; float: right;
    width: 74.5%;
    margin: 0 0 0 0px
}

.LCNews {
    float: left;
    width: 24%;
    font-size: 95%
}

    .LCNews .TeaserBox { padding: 0 0 7px 0 }

        .LCNews .TeaserBox .TeaserBoxImage {
            float: left;
            padding: 1px 7px 0px 0
        }

        .LCNews .TeaserBox h3 {
            margin: 0; padding: 0;
            line-height: 140%
        }

            .LCNews .TeaserBox h3 a:active {
                color: #000;
                text-decoration: underline;
                background: #fff
            }

            .LCNews .TeaserBox h3 a:focus {
                color: #E2E9F5;
                text-decoration: underline;
                background: #004781
            }

    .LCNews h2 {
        margin: 0 0 11px 0; padding: 0;
        font-size: 110%
    }

.LCMitte {
    padding-right: 10px;
    font-size: 95%;
    vertical-align: top
}

    .LCMitte .TeaserVideo .TeaserContentLarge {
        width: 68%;
        padding-right: 0; padding-bottom: 0
    }

    .LCMitte .TeaserVideo .TeaserBoxImage { position: relative }

    .LCMitte .TeaserVideo .TeaserInner {
        color: #000;
        background: #fff
    }

        .LCMitte .TeaserVideo .TeaserInner .TeaserBoxImage .playbutton {
            position: absolute;
            top: 38px; left: 66px;
            width: auto; height: auto;
            border-right: 0
        }

    .LCMitte .Teaser3Column {
        display: inline-block;
        width: 96.5%;
        margin-bottom: 0;
        padding-bottom: 10px; padding-left: 13px;
        vertical-align: top;
        float: none;
    }

        .LCMitte .Teaser3Column .TeaserContentLarge {
            float: left;
            width: 67%; min-height: 7.45em;
            padding: 5px 5px 5px 7px;
            background: transparent none
        }

        .LCMitte .Teaser3Column .TeaserBoxImage {
            display: block; float: left;
            width: 29%; height: 8.43em;
            padding: 0 0px 0 0
        }

        .LCMitte .Teaser3Column .TeaserContent {
            width: 97%; min-height: 7.45em;
            padding: 5px 5px 5px 7px;
            background: transparent none
        }

        .LCMitte .Teaser3Column .TeaserInner {
            color: #000;
            background: #E2E9F5
        }

            .LCMitte .Teaser3Column .TeaserInner .TeaserBoxImage ul.gallery {
                position: relative;
                margin: 0; padding: 0;
                list-style-type: none
            }

                .LCMitte .Teaser3Column .TeaserInner .TeaserBoxImage ul.gallery li img {                 vertical-align: top }

            .LCMitte .Teaser3Column .TeaserInner .TeaserBoxImage img {
                width: 100%; height: 100%;
                border-right: 1px solid #fff
            }

            .LCMitte .Teaser3Column .TeaserInner ul.BPoints {
                margin: 5px 0 0 0; padding: 0;
                list-style-type: none
            }

                .LCMitte .Teaser3Column .TeaserInner ul.BPoints li {
                    padding: 0 0 3px 11px;
                    background: url("/static/images/tri-liste.gif") no-repeat scroll 0 7px transparent
                }

        .LCMitte .Teaser3Column h2,
        .LCMitte .Teaser3Column h3 {
            margin: 0; padding: 0;
            color: #004781;
            font-size: 100%;
            line-height: 1.35em
        }

            .LCMitte .Teaser3Column h2 a,
            .LCMitte .Teaser3Column h3 a {
                color: #004781;
                text-decoration: underline
            }

            .LCMitte .Teaser3Column h2 a:active,
            .LCMitte .Teaser3Column h3 a:active {
                color: #000;
                text-decoration: underline;
                background: #E2E9F5
            }

            .LCMitte .Teaser3Column h2 a:focus,
            .LCMitte .Teaser3Column h3 a:focus {
                color: #E2E9F5;
                text-decoration: underline;
                background: #004781
            }

#start .LCMitte {
    float: right;
    width: 73.5%;
    font-size: 95%
}

/* ===[ Seitenteaser links ]=== */

#content .LCNews .TeaserBox p { line-height: 1.37em }

/* ===[ Vorteilsassistent ]=== */

#content .Assistent {
    width: 29%; min-height: 11.98em;
    margin: -1px 0 11px -18px;
    font-size: 95%;
    background: transparent url(/static/images/visual_assistent.png) left -1px no-repeat
}

    #content .Assistent .TeaserBoxInner { padding: 42px 0 0 49% }

    #content .Assistent a.button {
        width: 67%;
        margin-bottom: 3px
    }

    #content .Assistent p {
        width: 91%;
        padding: 0 0 0 10px;
        line-height: 1.37em
    }

/* ===[ Dashboard Teaser Tools ]=== */

#DashTools { padding-right: 10px }

    #DashTools .FormInfoDetails {
        margin: 0; padding: 9px 0 0 3px;
        font-size: 100%
    }
    
    #DashTools .antrags-teaser,
    #DashTools .news-teaser
    {
        margin-left: 15%; padding-left: 3px;
        font-size: 95%
    }

        #DashTools .antrags-teaser strong,
        #DashTools .news-teaser strong {
            padding-right: 3px;
        }

    #DashTools .ButtonDetails {
        float: left;
        width: 12%;
        padding-top: 33px;
        text-align: right
    }

        #DashTools .ButtonDetails a.button {
            font-size: 95%; font-weight: normal
        }

    #DashTools .ButtonActive { display: none }

    #DashTools #formular h4 {
        margin: 0; padding: 0;
        font-size: 100%; font-weight: normal
    }

    #DashTools .buttons {      }

        #DashTools .buttons .buttons-back { float: left }

        #DashTools .buttons .buttons-next { float: right }

#content #DashTools #formular {
    width: 99%;
    margin-top: 5px
}

    #content #DashTools #formular .FormInfoDetails p.hint { padding-top: 5px }

    #content #DashTools #formular .FormInfoDetails p { padding-bottom: 0 }

    #content #DashTools #formular .WithPictoDetails { padding-left: 82px }

    #content #DashTools #formular .FormInfos {
        float: left;
        width: 80%;
        padding: 0 0px 0 3px;
        font-size: 95%
    }

        #content #DashTools #formular .FormInfos p.BPoints { padding-bottom: 5px }

        #content #DashTools #formular .FormInfoDetails p.more,
        #content #DashTools #formular .FormInfos p.more { padding-top: 7px }

        #content #DashTools #formular .FormInfos h3 {
            padding-bottom: 3px;
            font-size: 110%
        }

            #content #DashTools #formular .FormInfos h3 span { color: #000 }

        #content #DashTools #formular .FormInfos p { padding-bottom: 0 }

    #content #DashTools #formular .FormPicto {
        float: left;
        width: 15%; height: 53px;
        padding: 2px 0 0 3px;
        font-size: 95%
    }

        #content #DashTools #formular .FormPicto img {
            width: 89%; height: 100%
        }

    #content #DashTools #formular .WithPicto { width: 70% }

    #content #DashTools #formular p.button {
        padding: 0 10px 0 0;
        text-align: right
    }

.FamiResult strong { color: #004781 }

#formular .FamiPoints { padding: 0 0 15px 0 }

    #formular .FamiPoints strong { color: #004781 }

#content #formular .FamiList p {
    margin: 0; padding: 0 0 9px
}

#formular .FamiList h3 {
    float: left;
    width: 25%;
    padding: 1px 0 0 11px;
    color: #000; color: #004781;
    background: none
}

    #formular .FamiList h3 span { font-weight: normal }

#formular .FamiList .ModuleTable { padding-bottom: 10px }

#formular .FamiList h3.summ { padding: 1px 0 0 10px }

#content #formular .FamiList p.fam-mitglied-text,
#content #formular .FamiList p.summ-text {
    float: left;
    width: 58%;
    padding: 0 0 0 5px
}

    #content #formular .FamiList p.summ-text strong { color: #004781 }

.FamiList .borderbottom {
    padding: 0;
    background: none
}

.FamiList .bordertop {
    padding: 0;
    background: none;
    border: 1px solid #e4e4e4;
}

#content #formular .FamiList .fam-mitglied-punkte { padding-right: 25px }

#formular .FamiList .CMBoxContent { margin-bottom: 15px }

#formular .FamiList .mitglied-eintraege {
    margin: 0 5px 0 5px;
    clear: left
}

#formular .FamiList .no-line {
    margin-bottom: 0;
    padding-bottom: 4px;
    background: transparent none
}

#formular .FamiList .line-last {
    padding-bottom: 12px;
    background: transparent url(/static/images/double_dotted_line.gif) repeat-x scroll left bottom
}

#formular .FamiList .sum-line {
    margin-bottom: 0;
    padding-bottom: 0;
    background-image: none
}

#formular .FamiList table {
    margin-top: 15px;
    font-size: 95%
}

    #formular .FamiList table th { background: #fff none }

    #formular .FamiList table tr,
    #formular .FamiList table td,
    #formular .FamiList table th {
        padding-top: 0; padding-bottom: 5px;
        clear: left
    }

        #formular .FamiList table tr th.item {
            padding: 0 0 3px 30px;
            background: #FFF url(/static/images/tri-liste.gif) no-repeat 19px 7px
        }

        #formular .FamiList table tr,
        #formular .FamiList table tr th.ThRow { background: #fff none }

#formular .FamiList .list-subhead {
    padding-bottom: 2px;
    background-color: #fff; color: #004781;
    font-weight: bold
}

#formular .FamiList .subhead-first {
    float: left;
    margin-top: -21px
}

#formular .FamiList .details-last { padding-bottom: 10px }

#formular .FamiList .ButtonDetails {
    float: left;
    width: 12%;
    text-align: right
}

    #formular .FamiList .ButtonDetails a.button {
        font-size: 95%; font-weight: normal
    }

#formular .FamiList .ButtonActive { display: none }

#GesundheitsTrainer .storno {
    position: relative; display: block;
}

.StornoLayerInner {
    position: absolute;
    top: -40px; left: -20%;
    margin: 0; padding: 0;
    z-index: 1500;
}

#GesundheitsTrainer #content #formular .StornoLayerInner p {
    margin: 0; padding: 0 0 7px 0
}

#content #formular .StornoLayerInner p strong { color: #004781 }

.StornoLayerInner a.closeLayer,
.StornoLayerInner a.closeLayer:link,
.StornoLayerInner a.closeLayer:visited {
    float: right;
    margin-right:12px;
    margin-bottom:5px;
    padding: 2px 3px;
    text-decoration: none;
    background: #F0F4FA
}


.StornoLayerInner a.closeLayer:hover {
    color: #004781;
    text-decoration: underline
}

.StornoLayerInner a.closeLayer:active,
.StornoLayerInner a.closeLayer:focus {
    color: #fff;
    text-decoration: underline;
    background: #004781
}

/*#GesundheitsTrainer .ButtonAction { text-align: right }*/

/* bookmark setzen  */

#joinurl {
    width: 30%;
    margin: 15px 0 15px 19px
}


/* ===[ Teaser allgemein ]=== */

.TeaserInner { border: 7px solid #fff }

    .TeaserInner a.morelink,
    .TeaserInner a.morelink:link,
    .TeaserInner a.morelink:visited { text-decoration: none }

/* ===[ Sprachauszeichnung wird nicht für verlinkte Bilder ausgegeben ]=== */

    .TeaserInner a.morelink:active,
    .TeaserInner a.morelink:hover,
    .TeaserInner a.morelink:focus { text-decoration: underline }

.TeaserBoxImage .language_link { display: none }

/* ===[ Standardteaser ]=== */

.Teaser1Column {
    display: inline-block;
    width: 30.5%;
    padding-bottom: 10px; padding-left: 13px;
    vertical-align: top
}

    .Teaser1Column .TeaserContent { padding: 5px 5px 5px 7px }

    .Teaser1Column .TeaserInner {
        min-height: 16.5em;
        color: #000;
        background: #E2E9F5
    }

        .Teaser1Column .TeaserInner .TeaserBoxImage { height: 8.43em }

            .Teaser1Column .TeaserInner .TeaserBoxImage ul.gallery {
                position: relative;
                margin: 0; padding: 0;
                list-style-type: none
            }

                .Teaser1Column .TeaserInner .TeaserBoxImage ul.gallery img { vertical-align: top }

            .Teaser1Column .TeaserInner .TeaserBoxImage img {
                width: 100%; height: 100%;
                border-bottom: 1px solid #fff
            }

    .Teaser1Column h2,
    .Teaser1Column h3 {
        margin: 0;
        color: #004781;
        font-size: 100%;
        line-height: 1.35em
    }

        .Teaser1Column h2 a,
        .Teaser1Column h3 a {
            color: #004781;
            text-decoration: underline
        }

        .Teaser1Column h2 a:visited,
        .Teaser1Column h3 a:visited {
            color: #3C3C3C;
            text-decoration: underline;
            background: transparent
        }

        .Teaser1Column h2 a:active,
        .Teaser1Column h3 a:active {
            color: #000;
            text-decoration: underline;
            background: #E2E9F5
        }

        .Teaser1Column h2 a:focus,
        .Teaser1Column h3 a:focus {
            color: #E2E9F5;
            text-decoration: underline;
            background: #004781
        }

#content .Teaser1Column p {
    padding: 0;
    font-size: 100%;
    line-height: 1.37em
}

#content .Teaser1Column a.mehrlink { text-decoration: none }

#content .Teaser1Column a.mehrlink:visited {
    color: #3C3C3C;
    text-decoration: none;
    background: transparent
}

/* 2 Spalten */

.Teaser2Column {
    display: inline-block;
    width: 63.5%;
    padding-bottom: 10px; padding-left: 13px;
    vertical-align: top
}

    .Teaser2Column .TeaserBoxImage {
        float: left;
        width: 151px;
        margin: 0; padding: 0 7px 0 0
    }

    .Teaser2Column .TeaserContent { padding: 5px 5px 5px 7px }

    .Teaser2Column .TeaserInner {
        min-height: 16.5em;
        color: #000;
        background: #E2E9F5
    }

        .Teaser2Column .TeaserInner .TeaserBoxImage ul.gallery {
            position: relative;
            margin: 0; padding: 0;
            list-style-type: none
        }

        .Teaser2Column .TeaserInner .TeaserBoxImage img { border-right: 1px solid #fff }

    .Teaser2Column h2,
    .Teaser2Column h3 {
        margin: 0;
        color: #004781;
        font-size: 100%
    }

        .Teaser2Column h2 a,
        .Teaser2Column h3 a {
            color: #004781;
            text-decoration: underline
        }

        .Teaser2Column h2 a:visited,
        .Teaser2Column h3 a:visited {
            color: #3C3C3C;
            text-decoration: underline;
            background: transparent
        }

        .Teaser2Column h2 a:active,
        .Teaser2Column h3 a:active {
            color: #000;
            text-decoration: underline;
            background: #E2E9F5
        }

        .Teaser2Column h2 a:focus,
        .Teaser2Column h3 a:focus {
            color: #E2E9F5;
            text-decoration: underline;
            background: #004781
        }

#content .Teaser2Column p {
    padding: 0;
    font-size: 100%;
    line-height: 1.37em
}

.Teaser2Column .TeaserInner .TeaserBoxImage ul.gallery li,
.Teaser2Column .TeaserInner .TeaserBoxImage ul.gallery li img { vertical-align: top }

#content .Teaser2Column a.mehrlink {
    color: #004781;
    text-decoration: none
}

#content .Teaser2Column a:visited {
    color: #3C3C3C;
    text-decoration: none;
    background: transparent
}

#content .Teaser2Column a:focus.mehrlink {
    color: #E2E9F5;
    background: #004781
}

#content .Teaser2Column a:active.mehrlink {
    color: #000;
    text-decoration: underline;
    background: #E2E9F5
}

/* ===[ Hauptteaser ]=== */

.Teaser4Column {
    float: right;
    width: 100%;
    margin-bottom: 10px
}

    .Teaser4Column .TeaserContent {
        position: relative;
        width: 27.8em; min-height: 17.85em;
        padding: 13px 26px 10px 7px;
        z-index: 10;
        background: transparent url(/static/images/bg_teaserhaupt.png) top right no-repeat;
    }

    .Teaser4Column .TeaserPicto {
        position: absolute;
        top: 0; right: 0;
        height: 235px
    }

        .Teaser4Column .TeaserPicto img {
            width: 100%; height: 100%
        }

    .Teaser4Column .TeaserInner {
        position: relative;
        color: #fff;
        background: #014785
    }

        .Teaser4Column .TeaserInner .TeaserBoxImage ul.gallery {
            position: relative;
            margin: 0; padding: 0;
            list-style-type: none
        }

            .Teaser4Column .TeaserInner .TeaserBoxImage ul.gallery li img { vertical-align: top }

    .Teaser4Column h2 {
        margin: 0; padding: 0 0 10px 0;
        color: #fff;
        font-size: 220%; font-weight: normal;
        line-height: 1.22em
    }

        .Teaser4Column h2 a {
            color: #fff;
            text-decoration: underline
        }

        .Teaser4Column h2 a:visited {
            color: #3C3C3C;
            text-decoration: underline;
            background: transparent
        }

        .Teaser4Column h2 a:active {
            color: #000;
            text-decoration: underline;
            background: #E2E9F5
        }

        .Teaser4Column h2 a:focus {
            color: #E2E9F5;
            text-decoration: underline;
            background: #004781
        }

#content .Teaser4Column p {
    padding: 0;
    font-size: 110%;
    line-height: 135%
}

#content .Teaser4Column a.mehrlink {
    color: #fff;
    text-decoration: none
}

#content .Teaser4Column a.mehrlink:visited {
    color: #3C3C3C;
    text-decoration: none;
    background: transparent
}

/* 3 Spalten */

.Teaser3Column {
    float: right;
    width: 72.5%;
    margin-bottom: 10px
}

    .Teaser3Column .TeaserInner {
        color: #fff;
        background: #014785
    }

    .Teaser3Column h2,
    .Teaser3Column h3 {
        margin: 0; padding: 0 0 7px 0;
        color: #fff;
        font-size: 110%;
        line-height: 135%
    }

        .Teaser3Column h2 a,
        .Teaser3Column h3 a {
            color: #fff;
            text-decoration: underline
        }

        .Teaser3Column h2 a:visited,
        .Teaser3Column h3 a:visited {
            color: #3C3C3C;
            text-decoration: underline;
            background: transparent
        }

        .Teaser3Column h2 a:active,
        .Teaser3Column h3 a:active {
            color: #fff;
            text-decoration: underline;
            background: #014785
        }

        .Teaser3Column h2 a:focus,
        .Teaser3Column h3 a:focus {
            color: #014785;
            text-decoration: underline;
            background: #fff
        }

#content .Teaser3Column p {
    padding: 0;
    font-size: 110%;
    line-height: 135%
}

    #content .Teaser3Column p a.mehrlink {
        color: #fff;
        text-decoration: none
    }

    #content .Teaser3Column p a.mehrlink:visited {
        color: #3C3C3C;
        text-decoration: none;
        background: transparent
    }

#content .LCMitte .Teaser3Column p {
    padding: 0;
    font-size: 100%;
    line-height: 1.37em
}

#content .LCMitte .Teaser3Column p.VideoContent { min-height: 4.88em }

#content .LCMitte .Teaser3Column p.Specials {
    float: right;
    padding: 2px 9px;
    color: #000;
    background: #E2E9F5
}

    #content .LCMitte .Teaser3Column p.Specials strong {
        color: #004781;
        background: #E2E9F5
    }

#content .LCMitte .Teaser3Column .second { padding-left: 5px }

#content .LCMitte .Teaser3Column p.morelink { padding-top: 6px }

#content .LCMitte .Teaser3Column a.mehrlink {
    color: #004781;
    text-decoration: none
}

/* ===[ Teaser Accordion #TeaserAccordion ]=== */

#LARightBox p {
    margin: 0; padding: 0;
    font-size: 100%;
    line-height: 140%
}

#landingPages #LARightBox p {
    padding: 7px;
    line-height: 136%
}

#landingPages #LARightBox p.ChatText { padding-left: 85px }

#LARightBox p.button {
    padding-top: 8px;
    clear: left
}

#LARightBox #TeaserAccordion { margin: 0 0 19px 0 }

    #LARightBox #TeaserAccordion .TeaserBoxInner {
        padding: 0;
        color: #000;
        background: #fff
    }

        #LARightBox #TeaserAccordion .TeaserBoxInner form#mybig_login { line-height: 140% }

        #LARightBox #TeaserAccordion .TeaserBoxInner p.morelink { width: 45% }

            #LARightBox #TeaserAccordion .TeaserBoxInner p.morelink a.button { font-weight: normal }

        #LARightBox #TeaserAccordion .TeaserBoxInner h2 {
            margin: 0; padding: 0 0 0 0;
            color: #004781;
            font-size: 110%;
            background: #FFF url(/static/images/t_form_box_head.gif) repeat-x top left
        }

            #LARightBox #TeaserAccordion .TeaserBoxInner h2 a.headlink {
                display: block;
                margin: 0; padding: 5px 7px 7px 31px;
                text-decoration: none;
                background: transparent url(/static/images/teaser_tri_acc.gif) no-repeat 7px center
            }

            #LARightBox #TeaserAccordion .TeaserBoxInner h2 a.headlink:visited { color: #014785 }

            #LARightBox #TeaserAccordion .TeaserBoxInner h2 a.headlink:active {
                color: #fff;
                background: #014785 url(/static/images/teaser_tri_acc_active.gif) no-repeat 7px center
            }

            #LARightBox #TeaserAccordion .TeaserBoxInner h2 a.headlink:focus {
                color: #fff;
                background: #014785 url(/static/images/teaser_tri_acc_active.gif) no-repeat 7px center
            }

        #LARightBox #TeaserAccordion .TeaserBoxInner p {
            margin: 0; padding: 0 0 6px 0;
            line-height: 1.37em
        }

    #LARightBox #TeaserAccordion .TeaserBox {
        margin: 0; padding: 0
    }

    #LARightBox #TeaserAccordion .TeaserAcc {
        padding: 5px 7px 11px 7px;
        background: #fff url(/static/images/bg_teaseracc.gif) top left no-repeat
    }

    #LARightBox #TeaserAccordion .active h2 {
        margin: 0; padding: 0 0 0 0;
        color: #fff;
        font-size: 110%;
        background: transparent
    }

        #LARightBox #TeaserAccordion .active h2 a.headlink {
            display: block;
            margin: 0; padding: 5px 7px 7px 31px;
            color: #fff;
            text-decoration: none;
            background: #014785 url(/static/images/teaser_tri_acc_active.gif) no-repeat 7px center
        }

        #LARightBox #TeaserAccordion .active h2 a.headlink:visited { color: #fff }

        #LARightBox #TeaserAccordion .active h2 a span { display: inline }

    #LARightBox #TeaserAccordion .TagCloud {
        margin: 0; padding: 5px 3px 11px 7px
    }

        #LARightBox #TeaserAccordion .TagCloud .tagLink2 {
            color: #13548e;
            font-size: 117%
        }

        #LARightBox #TeaserAccordion .TagCloud .tagLink3 {
            color: #0b4e8a;
            font-size: 135%
        }

        #LARightBox #TeaserAccordion .TagCloud .tagLink1 {
            color: #1a5991;
            font-size: 100%
        }

        #LARightBox #TeaserAccordion .TagCloud ul {
            margin: 0; padding: 0;
            list-style-type: none;
            list-style-image: none;
        }

            #LARightBox #TeaserAccordion .TagCloud ul li {
                display: inline;
                margin: 0; padding: 0
            }

        #LARightBox #TeaserAccordion .TagCloud a {
            padding-right: 5px; padding-bottom: 3px;
            font-weight: bold;
            text-decoration: none
        }

        #LARightBox #TeaserAccordion .TagCloud a:focus {
            color: #fff;
            background: #014785
        }

        #LARightBox #TeaserAccordion .TagCloud a:hover,
        #LARightBox #TeaserAccordion .TagCloud a:active { color: #000 }

/* ===[ Login Teaser eingeloggt ]=== */

    #LARightBox #TeaserAccordion .TeaserBoxInner h2 a.NoPicto,
    #LARightBox #TeaserAccordion .TeaserBoxInner h2 a.NoPicto:focus,
    #LARightBox #TeaserAccordion .TeaserBoxInner h2 a.NoPicto:active { background-image: url(/static/images/picto_locked.gif) }
    
    #LARightBox #TeaserAccordion .TeaserBoxInner h2 a.NoPictoLogged,
    #LARightBox #TeaserAccordion .TeaserBoxInner h2 a.NoPictoLogged:focus,
    #LARightBox #TeaserAccordion .TeaserBoxInner h2 a.NoPictoLogged:active { background-image: url(/static/images/picto_unlocked.gif) }

    #LARightBox #TeaserAccordion .active h2 a.NoPicto,
    #LARightBox #TeaserAccordion .active h2 a.NoPicto:focus,
    #LARightBox #TeaserAccordion .active h2 a.NoPicto:active { background-image: url(/static/images/picto_locked_active.gif) }

    #LARightBox #TeaserAccordion .active h2 a.NoPictoLogged,
    #LARightBox #TeaserAccordion .active h2 a.NoPictoLogged:focus,
    #LARightBox #TeaserAccordion .active h2 a.NoPictoLogged:active { background-image: url(/static/images/picto_unlocked_active.gif) }

ul.linklist {
    margin: 0 0 0 12px; padding: 0 0 0px 5px;
    list-style-image: url(/static/images/tri-liste.gif)
}

    ul.linklist li {
        margin: 0; padding: 0 0 2px 0;
        line-height: 1.35em
    }

form#nl_anmeldung .input {
    float: left;
    width: 45%;
    margin-right: 6px; margin-bottom: 2px
}

form#nl_anmeldung .button { float: left }

/* ===[ Teaser linke Spalte #LALeftBox ]=== */

#LALeftBox .LALeftTeaser {
    margin: 15px 0 0 0; padding: 0
}

#LALeftBox .TeaserBox {
    width: 100%;
    margin: 0; padding: 0;
    font-size: 95%
}

    #LALeftBox .TeaserBox .TeaserBoxImage {
        float: left;
        padding: 1px 7px 0 0
    }

#LALeftBox .TeaserBoxInner {
    margin: 0; padding: 0;
    color: #000;
    background: #fff
}

    #LALeftBox .TeaserBoxInner h2 {
        margin: 0 0 11px 0; padding: 0;
        font-size: 110%
    }

#LALeftBox .CMBoxContent {
    margin: 0 0 17px 0; padding: 0
}

    #LALeftBox .CMBoxContent .TeaserBoxImage {
        float: left;
        width: 41%;
        padding: 1px 11px 9px 7px
    }

/* ===[ Teaser rechte Spalte #LARightBox ]=== */

#LARightBox .TeaserBox {
    margin: 0; padding: 0 0 7px 0;
    font-size: 90%;
    clear: left
}

    #LARightBox .TeaserBox .TeaserBoxImage {
        float: left;
        padding: 1px 7px 0 0
    }

    #LARightBox .TeaserBox ul.gallery {
        position: relative; float: left;
        width: 41%;
        margin: 1px 7px 0px 0; padding: 0;
        list-style-type: none
    }

    #LARightBox .TeaserBox h3 {
        margin: 9px 0 0 0; padding: 0;
        line-height: 140%
    }

    #LAMiddleBox .TeaserInner .zoom,
    #LARightBox .TeaserBox .zoom,
    .LCNews .TeaserBox .zoom {
        position: absolute;
        right: 5px; bottom: 5px;
        border: none
    }

    #LARightBox .TeaserBox p {
        padding: 0 0 7px 0;
        line-height: 1.37em
    }

#LARightBox .TeaserBoxInner {
    margin: 0; padding: 0;
    color: #000;
    clear: left;
    background: #fff;
}

#LARightBox h2 {
    margin: 0 0 1px 0; padding: 0;
    font-size: 100%
}

#LARightBox .SocialMediaTeaser { padding-bottom: 15px }

#LARightBox .TeaserBox ul.gallery li,
#LARightBox .TeaserBox ul.gallery li img { vertical-align: top }

/* ===[ ServiceToolsTeaser ]=== */

.ServiceToolTeaser  h3 { margin-top: 3px }

.ServiceToolTeaser ul {
    margin: 0; padding: 0 0 0 0;
    list-style: none;
    list-style-image: none;
}

    .ServiceToolTeaser ul li {
        padding: 0 0 2px 11px;
        background: #E2E9F5 url(/static/images/tri-liste.gif) no-repeat 0 6px
    }

.ServiceToolTeaser .STTeaser2Column {
    float: left;
    width: 170px;
    padding-left: 0
}

.ServiceToolTeaser .PaddingLeft5 { padding-left: 5px }

/* ===[ TeaserMega: 3-spaltig ]=== */

.TeaserMega {
    float: right;
    width: 94.5%;
    margin-right: 14px; margin-bottom: 10px
}

    .TeaserMega span.SubheadlineContent {
        display: block;
        line-height: 80%
    }

    .TeaserMega .TeaserContentInner {
        float: left;
        width: 100%
    }

    .TeaserMega span.HeadlineVars {
        margin: 0; padding: 0;
        line-height: 80%
    }

    .TeaserMega .TeaserInnerBox {
        position: absolute;
        top: 0; left: 0;
        width: 100%; min-height: 18em; height: 18em;
        z-index: 99
    }

    .TeaserMega .TeaserContent {
        min-height: 15.9em; height: 15.9em;
        margin: 0; padding: 0
    }

    .TeaserMega .TeaserLinkBar {
        position: relative; position: absolute;
        bottom: 0; left: 0;
        width: 100%; height: 2.14em;
        margin: 0; padding: 0;
        background-color: transparent; color: #fff;
        z-index: 1;
        z-index: 1;
    }

    .TeaserMega .TeaserButton {
        position: relative;
        margin: 0; padding: 0;
        z-index: 3
    }

    .TeaserMega .TeaserInner {
        position: relative;
        min-height: 18em; height: 18em;
        background-color: #014785; color: #fff;
        font-size: 110%;
        line-height: 135%
    }

    .TeaserMega img.picto {
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        z-index: 98
    }

    .TeaserMega span {
        display: block;
        line-height: 90%
    }

    .TeaserMega h2 {
        margin: 0; padding: 5px;
        color: #004781;
        font-size: 110%
    }

#start .TeaserMega { width: 71% }

#content .TeaserMega .TeaserLinkText {
    position: absolute;
    bottom: 0; left: 0;
    width: 100%;
    margin: 0; padding: 0 0 5px 0;
    font-size: 90%; font-weight: bold;
    z-index: 2
}

    #content .TeaserMega .TeaserLinkText p {
        margin: 0; padding: 0 10px 0 10px
    }

        #content .TeaserMega .TeaserLinkText p a {
            color: #fff;
            background: transparent
        }

#content .TeaserMega .AlignRight { text-align: right }

#content .TeaserMega .TeaserLinkBar p.morelink {
    float: right;
    padding-left: 7px;
    text-align: left
}

/* ===[ TeaserFooter ]=== */

.TeaserFooter {
    float: left;
    width: 21%;
    background-repeat: no-repeat;
    margin-top: 38px
}

    .TeaserFooter .TeaserContent {
        min-height: 16.1em;
        color: #004781;
        background: none transparent
    }

    .TeaserFooter h3 {
        margin: 0; padding: 0;
        color: #004781;
        font-size: 80%;
        line-height: 150%
    }

        .TeaserFooter h3 a { color: #004781 }

        .TeaserFooter h3 a:active {
            color: #000;
            text-decoration: underline;
            background: #E2E9F5
        }

        .TeaserFooter h3 a:focus {
            color: #E2E9F5;
            text-decoration: underline;
            background: #004781
        }

    .TeaserFooter p {
        margin: 0; padding: 0;
        color: #000;
        font-size: 80%;
        background: transparent;
        line-height: 1.37em;
    }

/* ===[ Social Media Teaser ]=== */

.SMTFooter {
    float: left;
    width: 20%;
    font-size: 80%
}

    .SMTFooter img.social-media-button-picto { margin-top: 11px }

    .SMTFooter .TeaserContent {
        min-height: 16.1em;
        color: #004781;
        background: none transparent
    }

.SMTLeft { padding-top: 20px }

.SocialMediaButton a.layer-link {
    color: #004781;
    text-decoration: none;
    background: #fff
}

.SocialMediaButton a.layer-link:hover,
.SocialMediaButton a.layer-link:focus,
.SocialMediaButton a.layer-link:active {  }

.SocialMediaButton a.layer-link img { border: none }

/* ===[ Social Media Layer ]=== */

.FacebookLikeBox {
    position: relative;
    width: 26em; height: 5em;
    margin-bottom: 15px;
    border: none;
    overflow: hidden;
    z-index: 2;
}

.ui-dialog.SocialMediaLayer {
    padding: 0;
    text-align: left
}

    .ui-dialog.SocialMediaLayer .ui-dialog-titlebar-close {
        width: 0.2em; height: 1.05em;
        margin: 7px 5px 0 0;
        background-color: #f0f4fa;
        border: 0;
        background-repeat: no-repeat;
        background-position: center right;
    }

    .ui-dialog.SocialMediaLayer .ui-dialog-titlebar-close:hover,
    .ui-dialog.SocialMediaLayer .ui-dialog-titlebar-close:focus,
    .ui-dialog.SocialMediaLayer .ui-dialog-titlebar-close:active {
        background-image: url(/static/images/lightbox/close-active.png);
        background-repeat: no-repeat;
        background-position: center right;
    }

    .ui-dialog.SocialMediaLayer .ui-widget-content p {
        margin: 0; padding: 0 0 15px 0
    }

    .ui-dialog.SocialMediaLayer .ui-dialog-content {
        position: relative;
        padding: 0.5em 1.2em
    }

    .ui-dialog.SocialMediaLayer .ui-dialog-title {
        padding: 6px 16px 0 31px;
        font-size: 95%
    }

        .ui-dialog.SocialMediaLayer .ui-dialog-title h4 {
            margin: 0; padding: 0
        }

    .ui-dialog.SocialMediaLayer h5 {
        margin: 0 0 15px 0; padding: 0;
        color: #004781;
        font-size: 100%; font-weight: bold
    }

.SocialMediaLayer .ui-dialog-titlebar {
    min-height: 1.8em;
    margin-bottom: 5px;
    padding: 0;
    background: #f0f4fa url(/static/images/tri_transp.gif) no-repeat 5px 5px
}

.ui-dialog-titlebar-close.ui-corner-all {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.SocialMediaLayer .ui-dialog-titlebar-close span {
    position: absolute; display: inline;
    top: auto; left: -9999px;
    width: 0px; height: 0px;
    line-height: 0
}

.SocialMediaLayer .ui-widget-content { font-size: 95% }

    .SocialMediaLayer .ui-widget-content a {
        color: #004781;
        background: #fff
    }

    .SocialMediaLayer .ui-widget-content a:hover {
        color: #000;
        background: #fff;
        cursor: pointer;
    }

    .SocialMediaLayer .ui-widget-content a:focus,
    .SocialMediaLayer .ui-widget-content a:active {
        color: #fff;
        background: #004781
    }

.ui-widget-overlay { background: none #000 !important }

.SocialMediaLayer #loadingGif {
    position: absolute; display: none;
    top: 20%; left: 50%;
    width: 30px;
    margin: 0 0 0 -15px; padding: 0;
    z-index: 1
}

.SocialMediaLayer body.transparent_widget { background: #fff }

.SocialMediaLayer .FacebookLikeBox { opacity: 0 }

/* ===[ Rechte Spalte Infobox ]=== */

#LARightBox .InfoBox {
    min-height: 109px;
    margin-bottom: 28px; margin-left: 0px;
    font-size: 90%
}

    #LARightBox .InfoBox .header {
        padding: 0;
        background: #004781
    }

        #LARightBox .InfoBox .header h2 {
            margin: 0; padding: 5px 0px 0 31px;
            color: #fff;
            font-size: 136%;
            background: #004781 url(/static/images/icon-infobox.gif) no-repeat 7px 7px;
        }

        #LARightBox .InfoBox .header p {
            margin: 0; padding: 0 0px 7px 31px;
            color: #fff;
            font-size: 82%
        }

#landingPages #LARightBox .InfoBox { padding-right: 3px }

    #landingPages #LARightBox .InfoBox .header { padding: 0 7px 7px 0 }

#LARightBox .InfoBoxInner {
    color: #000;
    background: #fff
}

    #LARightBox .InfoBoxInner ul {
        margin: 0; padding: 7px;
        list-style: none;
        list-style-image: none;
        line-height: 136%;
    }

#landingPages #LARightBox .InfoBoxInner {
    min-height: 8.07em;
    text-align: left
}

/* ===[ Teaser Login ]=== */

#mybig_login {
    padding-top: 3px; padding-bottom: 8px
}

    #mybig_login .FormErrorMessages {
        margin: 0; padding: 0 0 10px 19px;
        color: #e3000f;
        font-size: 105%; font-weight: normal;
        line-height: 110%
    }

    #mybig_login .HelpLayer-Helper { position: relative }

    #mybig_login .HelpLayerContent { width: 13.367em }

    #mybig_login input[type=text],
    #mybig_login input[type=password] {
        width: 70%;
        margin-right: 2px; margin-bottom: 5px
    }

    #mybig_login .HelpLayerInner {
        position: absolute;
        top: 16px; left: -16px;
        margin: 0; padding: 0;
        z-index: 150
    }

        #mybig_login .HelpLayerInner p {
            margin: 0; padding: 0 0 7px 0
        }

            #mybig_login .HelpLayerInner p strong { color: #004781 }

    #mybig_login .required span {
        color: #575757;
        font-size: 85%;
        background: #fff
    }

    #mybig_login .FormLineError { border: 1px solid #e3000f }

    #mybig_login .contentMore {
        width: 1.3em; height: 1.3em;
        margin: 2px 0 0 0; padding: 0;
        vertical-align: top
    }

    #mybig_login .HelpLayer {
        margin: 0; padding: 0
    }

    #mybig_login .FormLine,
    #mybig_login .form-line {
        position: relative;
        z-index: 100
    }

    #mybig_login .button { margin: 5px 0 0 0 }

    #mybig_login label {
        padding-left: 2px;
        line-height: 145%
    }
    
/* ===[ Teaser Banner ]=== */

/* Teaser Banner */
.TeaserBanner ul {
    margin: 0; padding: 0;
    list-style-type: none;
}

    .TeaserBanner ul li {
        margin: 0; padding: 0 0 2px 0;
    }
    
/* ===[ Teaser Click2Chat ]=== */

#LARightBox .Click2ChatTeaser .TeaserBoxInner {
    background: #fff url(/static/images/click2chat_bubble.gif) no-repeat 13px 30px;
}

#LARightBox .Click2ChatTeaser h2 {
    background: #f0f4fa url(/static/images/tri_hl_click2chat.gif) 5px center no-repeat;
    padding: 1px 0 5px 31px; margin: 0;
    font-size: 110%;
}

#LARightBox .Click2ChatTeaser p {
    line-height: 1.35em;
    padding: 5px 7px 12px 85px;
    font-size: 100%;
}

#LARightBox p.ChatText {
    min-height: 60px;
}

#LARightBox p.ChatButton {
    padding: 0 27px 10px 7px;
    text-align:right;
}

    #LARightBox p.ChatButton img {
        width: auto;
    }
    
    #LARightBox p.ChatButton a:focus img {
        outline:none;
    }
/* *
 * Fronted Stylesheet - form  common elements
 *
 * @author  Sylvia Egger 
 * - Form elements
 * - Form elements specials
 * - From ´result
 * - Form tabs
 * - Form errors
 *
 */

/* ===[ Form elements ]=== */

form {
    margin: 0; padding: 0
}

    form br {
        /* Alle Zeilenumbrüche in Formularen auswählen */
        clear: left; /* das floating der labels und inputs aufheben */
    }

fieldset {
    margin: 0; padding: 0;
    border: none
}

    fieldset fieldset,
    .bigforms fieldset {
        float: left;
        width: 92.5%
    }

        fieldset fieldset .openLayer,
        .bigforms fieldset.openLayer {         float: left }

        fieldset fieldset legend,
        .bigforms fieldset legend {
            position: static; display: inline;
            color: #000
        }

            #formular .FormLine span.pflichtig,
            #formular .form-line span.pflichtig,
            #formular label.required span,
            .bigforms fieldset legend span,
            fieldset legend span,
            label.optional span {
                color: #575757;
                font-size: 95%;
                background: #fff
            }

        fieldset fieldset legend,
        .bigforms fieldset legend {
            width: 44%; height: 1%;
            margin-bottom: -18px;
            white-space: pre-wrap
        }

legend { display: none }

/* ===[ Inputfeld plus Errorvariante ]=== */

input {
    margin: 0; padding: 0;
    color: #000;
    font-size: 100%;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    background: #f5f5f5;
}

input[type=text],
input[type=password] {
    padding: 2px 2px 2px 6px;
    border: 1px solid #aeaeae
}

.select {
    margin: 0; padding: 0;
    color: #000;
    border: 1px solid #aeaeae;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    background: #f5f5f5;
}

/* ===[ Textarea ]=== */

textarea {
    margin: 0;
    color: #000;
    border: 1px solid #aeaeae;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    background: #f5f5f5;
}

/* ===[ Standardbutton ]=== */

input:hover,
input:focus,
input:active,
select:hover,
select:focus,
select:active,
textarea:hover,
textarea:focus,
textarea:active { background: #ddd }

/* ===[ Buttonstyle Links ]=== */

a.button {
    display: block;
    padding: 4px;
    background-color: #004b87; color: #fff;
    text-align: center;
    nowhitespace: afterproperty;
    outline: none;
    cursor: pointer;
    border: 1px solid #004b87;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    /*fallback color*/ background: #004b87 -webkit-gradient(linear, left top, left bottom, from(#004b87), to(#4786b5));background: #004b87 -moz-linear-gradient(top, #004b87, #4786b5); text-decoration: none;font-weight: bold;line-height: 100%;;
}

a.button:focus {
    color: #004b87;
    text-decoration: underline;
    background: #E2E9F5;
    border: 1px solid #bababa;
}

a.button:hover,
.a.button:active {
    color: #004b87;
    background: #E2E9F5;
    border: 1px solid #bababa;
}

.button,
    #formular input.button {
        display: inline-block; display: inline;
        padding: 0px 4px 2px 5px;
        background-color: #004b87; color: #fff;
        text-align: center;
        nowhitespace: afterproperty;
        outline: none;
        cursor: pointer;
        border: 1px solid #004b87;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        /*fallback color*/ background: #004b87 -webkit-gradient(linear, left top, left bottom, from(#004b87), to(#4786b5));background: #004b87 -moz-linear-gradient(top, #004b87, #4786b5);;
    }
    
    .button:hover,
    .button:active,
    #formular input.button:hover,
    #formular input.button:active {
        color: #004b87;
        background: #E2E9F5;
        border: 1px solid #bababa;
    }

/* ===[ Buttonstyle Link width Picto in front ]=== */

a.WithPicto:focus,
#formular input.WithPicto:focus,
#VAbutton input.WithPicto:focus {
    color: #004b87;
    background: #E2E9F5;
    background-image: url(/static/images/tri_transp.png);
    background-repeat: no-repeat;
    background-position: 4px center;
}

a.WithPicto,
a.WithPicto:focus,
#formular input.WithPicto,
#formular input.WithPicto:focus,
#VAbutton input.WithPicto,
#VAbutton input.WithPicto:focus,
#umfrageDetail input.WithPicto,
#umfrageDetail input.WithPicto:focus {
    padding-left: 26px;
    color: #fff;
    text-align: left;
    background: #004b87;
    background-image: url(/static/images/tri_transp.png);
    background-repeat: no-repeat;
    background-position: 4px center;
}

a.WithPicto:hover,
.a.WithPicto:active,
#formular input.WithPicto:hover,
#formular input.WithPicto:active,
#VAbutton .input.WithPicto:hover,
#VAbutton input.WithPicto:active {
    color: #004b87;
    background: #E2E9F5;
    background-image: url(/static/images/tri_transp.png);
    background-repeat: no-repeat;
    background-position: 4px center;
}

    .button:focus,
    #formular input.button:focus {
        color: #004b87;
        text-decoration: underline;
        background-color: #E2E9F5;
        border: 1px solid #bababa;
    }

#umfrageDetail label {
    display: block;
    margin: 0; padding: 0;
    color: #004781;
    font-size: 100%; font-weight: bold
}

a.WithPictoSmall,
a.WithPictoSmall:hover,
a:active.WithPictoSmall,
a.WithPictoSmall:focus {
    padding: 4px 3px 4px 26px;
    color: #fff;
    text-align: left;
    background: #004b87;
    background-image: url(/static/images/tri_small.png);
    background-repeat: no-repeat;
    background-position: 4px center;
}

a.WithPictoSmall:focus {
    color: #004b87;
    background: #E2E9F5;
    background-image: url(/static/images/tri_small.png);
    background-repeat: no-repeat;
    background-position: 4px center;
}

a.WithPictoSmall:hover,
.a.WithPictoSmall:active {
    color: #004b87;
    background: #E2E9F5;
    background-image: url(/static/images/tri_small.png);
    background-repeat: no-repeat;
    background-position: 4px center;
}

/* inactive button style - grey */
a.inactive, 
span.inactive {
    background-color: #a1a1a1; color: #fff;
    text-align: center;
    outline: none;
    cursor: default;
    border-color: #a1a1a1;
    /*fallback color*/ background: #a1a1a1 -webkit-gradient(linear, left top, left bottom, from(#a1a1a1), to(#cecece));background: #a1a1a1 -moz-linear-gradient(top, #a1a1a1, #cecece); text-decoration: none;
    line-height: 100%;
    padding: 4px;
    text-align: center;
    text-decoration: none;
}
a.inactive:focus, 
span.inactive:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #a1a1a1;
    border: 1px solid #a1a1a1;
    background: #a1a1a1 -webkit-gradient(linear, left top, left bottom, from(#a1a1a1), to(#cecece));background: #a1a1a1 -moz-linear-gradient(top, #a1a1a1, #cecece); text-decoration: none;
}

a.inactive:hover,
a.inactive:active,
span.inactive:hover,
span.inactive:active {
    color: #ffffff;
    background: #a1a1a1;
    background: #a1a1a1 -webkit-gradient(linear, left top, left bottom, from(#a1a1a1), to(#cecece));background: #a1a1a1 -moz-linear-gradient(top, #a1a1a1, #cecece); text-decoration: none;
    border: 1px solid #a1a1a1;
}

.BigStyle { font-size: 130% }

.NotStrong,
a.NotStrong { font-weight: normal }

.BorderColor { border: 1px solid #fff }

#formular {
    margin: 0; padding: 7px 13px 15px 0
}

    #formular .birthday-dateSelect span.pflichtig {
        display: inline; float: none;
        width: auto;
        padding-right: 0; padding-left: 0
    }

    #formular .birthday-dateSelect select#month,
    #formular select.dateselect-month {     width: 19% }
    
    #formular #wcermaechtigungabmonat-month { margin-left: 52%; }

    #formular fieldset fieldset .checkbox-group,
    #formular fieldset fieldset .radio-group {     margin-left: 52% }

    #formular .birthday-dateSelect select#year,
    #formular select.dateselect-year {     width: 12%; margin-right: 0; }

    #formular .birthday-dateSelect select#day,
    #formular select.dateselect-day {     width: 12% }

    #formular .HelpLayer-Helper .radio-group {     margin-left: 0 }

    #formular .fachbereich-select select {     margin-left: 11px }

    #formular .birthday-dateSelect label {
        position: absolute; display: inline;
        top: -100px; left: -1000px;
        width: 0px; height: 0px;
        line-height: 0
    }

    #formular .fachbereich-select select {     width: 80% }

    #formular .birthday-dateSelect span {
        float: left;
        width: 41%;
        padding: 1px 25px 0 11px;
        line-height: 135%
    }

    #formular .headlinesearchgroup-next {     padding-left: 46.5% }

    #formular .address-chooser-opt-last {     padding-top: 8px }

    #formular select.dateselect-minute {     width: 15% }

    #formular .findinggroup-addfinding {     background: transparent none }

        #formular .findinggroup-addfinding input {         margin-left: 48% }

    #formular select.timeselect-stunde {     width: 16% }

    #formular #FacharztSuche #submit {     border: none }

    #formular label.dateselect-label {
        position: absolute; display: inline;
        top: -100px; left: -1000px;
        width: 0px; height: 0px;
        line-height: 0
    }

    #formular .buttons-onemore input,
    #formular .buttons-oneless input {     margin-left: 48% }

    #formular label.timeselect-label {
        position: absolute; display: inline;
        top: -100px; left: -1000px;
        width: 0px; height: 0px;
        line-height: 0
    }

    #formular .FormLineError input,
    #formular .FormLineError select,
    #formular .FormLineError textarea {     border: 1px solid #e3000f }

    #formular .FormContentFullsize {     padding: 2px 11px 3px 11px }

    #formular #FacharztSuche input {
        width: auto; height: auto;
        padding: 0
    }

    #formular ul.FormErrorMessages {     padding: 0 0 10px 12px }

        #formular ul.FormErrorMessages li {
            margin: 0; padding: 0;
            background: #fff none
        }

    #formular .DiagnoseAuskunft ul {     padding: 5px 0 }

    #formular .buttons-showA input,
    #formular .buttons-showB input,
    #formular .buttons-showC input,
    #formular .buttons-showD input,
    #formular .buttons-showE input {     margin-left: 48% }

    #formular .cardGroup-card img {
        width: 96.3%; height: auto
    }

    #formular .GoogleMap .buttons {     padding-right: 9px }

    #formular .fileinput-group ol {
        margin: 0; padding: 0;
        list-style-position: inside
    }

        #formular .fileinput-group ol li {         padding: 0 0 5px 0 }

        #formular .fileinput-group ol li:last-child {         padding-bottom: 0 }


        #formular .headline-headline h2,
        #formular .headline2-headline2 h2 {
            margin: 0; padding: 4px 8px 6px 8px
        }

    #formular .FormErrorMessages {
        margin: 0; padding: 0 0 10px 19px;
        color: #e3000f;
        font-size: 100%; font-weight: normal;
        line-height: 110%
    }

    #formular .withoutBackground {
        padding: 0;
        background: none #fff
    }

    #formular .loginAction .ghm {
        float: right;
        margin-right: 18px
    }

    #formular .ErrorGeneralLink {
        margin: 0; padding: 0 7px 24px 7px;
        color: #e3000f;
        font-weight: normal;
        background: transparent
    }

        #formular .ErrorGeneralLink a {
            color: #e3000f;
            font-size: 100%;
            background: transparent
        }

    #formular input.BorderColor {     border: 1px solid #fff }

    #formular .loginAction .gh {
        float: right;
        margin-right: 18px
    }

    #formular .address-chooser {
        float:right;
        width: 53%;
        text-align: right;
        margin-right: 9%;
    }

        #formular .address-chooser select {
            width: 81%;
            margin: 10px 0 0 0;
            text-align: left;
        
        }

            #formular .address-chooser select optgroup {
                color: #004B87;
                font-weight: bold;
                font-style: normal;
                background: #fff
            }

            #formular .address-chooser select option {
                color: #000;
                font-style: normal;
                background: #fff
            }

    #formular .dateselect-day,
    #formular .timeselect-stunde {     margin-left: 52% }

    #formular .VaContentInner {
        float: left;
        width: 78.5%;
        padding: 0
    }

    #formular .checkbox-group {
        float: left;
        width: 47.5%
    }

    #formular input.disabled {
        padding-top: 1px;
        border: none;
        background: #fff;
    }

    #formular ul.NextResults {     padding: 0 18px 18px 0 }

    #formular ul.linklist li {
        float: left;
        margin-right: 15px
    }

    #formular table.default {
        margin: 0 0 0 0; padding: 10px 0 0 0;
        font-size: 95%;
        border: none
    }

        #formular table.default tfoot td,
        #formular table.default tfoot th,
        #formular table.default tfoot th.ThRow {
            font-weight: bold;
            background: #fff none
        }

        #formular table.default th.Empty {
            color: #000;
            background: #fff
        }

        #formular table.default .Special {          }

            #formular table.default .Special th {
                margin: 0; padding: 6px 2px;
                color: #000;
                background: #fff url(/static/images/dotted_line.gif) repeat-x bottom left
            }

        #formular table.default th.ThRow {
            margin: 0; padding: 6px 2px;
            color: #000;
            font-weight: normal;
            background: #fff url(/static/images/dotted_line.gif) repeat-x bottom left
        }

        #formular table.default .center {         text-align: center }

        #formular table.default .right {         text-align: right }

        #formular table.default .last {         padding-right: 8px }

        #formular table.default th {
            padding: 6px 2px;
            color: #014785;
            font-weight: bold;
            background: #f0f4fa
        }

        #formular table.default td {
            margin: 0; padding: 6px 2px;
            background: #fff url(/static/images/dotted_line.gif) repeat-x bottom left
        }

    #formular .FormContent4 {     padding: 2px 0 3px 0 }

    #formular .FormContent3 {     padding: 2px 11px 3px 0 }

    #formular .FormContent2 {
        float: left;
        width: 44%;
        padding: 2px 5px 3px 0
    }

    #formular .uploadsinfo {     padding-left: 12px }

    #formular .FormContent {
        float: left;
        width: 48%;
        padding: 2px 5px 3px 0
    }

    #formular .radio-group {
        float: left;
        width: 47.5%
    }

    #formular input.button {
        width: auto; height: auto;
        font-size: 95%
    }
    
    #formular input.BigStyle {     font-size: 130% }

    #formular input.NoStrong {     font-size: 130% }

    #formular .TableNoRow {     padding: 2px 8px 18px 8px }

        #formular .TableNoRow td {         vertical-align: top }

    #formular .CheckBoxen {
        float: left;
        width: auto;
        margin: 0 3px 0 0; padding: 0;
        border: none;
        background: none;
        vertical-align: middle;
    }

    #formular .CheckBoxen:active {     background: transparent }

    #formular .CheckBoxen:focus {     background: #ddd }

    #formular .CheckBoxen:hover {     background: transparent }

    #formular .FormLabel2 {
        float: left;
        width: 45%;
        padding: 2px 25px 3px 0
    }

    #formular .FormResult {
        margin-bottom: 15px;
        clear: left;
        border: 1px solid #e5e5e5;
    }

    #formular .FileInput {
        width: 46%; height: 1.9em;
        padding-left: 0;
        margin: 0 5px 0 0;
        color: #000;
        font-size: 85%;
        border: none;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        background: #F5F5F5;
    }

    #formular .FileInput:active {
        color: #000;
        background: #fff
    }

    #formular .FileInput:hover {
        color: #000;
        background: #fff
    }

    #formular .FileInput:focus {
        color: #000;
        background: #ddd
    }

    #formular .FormLabel {
        float: left;
        width: 41%;
        padding: 2px 25px 3px 11px
    }

    #formular .HelpLayer {     /* clear: left; */ margin: 0; padding: 9px 10px 0px 245px;font-size: 95%; }

    #formular .VaContent {
        width: 82%;
        margin: 8px 0 5px 22px
    }

        #formular .VaContent img {
            float: left;
            width: 53px;
            margin: 1px 12px 0 0
        }

    #formular .FormTabs {
        margin: 0; padding: 0 0 34px 0;
        font-size: 95%;
        clear: left;
        list-style: none;
        list-style-image: none;
    }

        #formular .FormTabs .active span.number-2 {         background-image: url(/static/images/form-tab-active_2.gif) }

        #formular .FormTabs .active span.number-4 {         background-image: url(/static/images/form-tab-active_4.gif) }

        #formular .FormTabs .active span.number-6 {         background-image: url(/static/images/form-tab-active_6.gif) }

        #formular .FormTabs .active span.number-5 {         background-image: url(/static/images/form-tab-active_5.gif) }

        #formular .FormTabs .active span.number-3 {         background-image: url(/static/images/form-tab-active_3.gif) }

        #formular .FormTabs li.next-active {         background-image: url(/static/images/form-tab-next-active.gif) }

        #formular .FormTabs span.number-3 {         background-image: url(/static/images/form-tab_3.gif) }

        #formular .FormTabs span.number-6 {         background-image: url(/static/images/form-tab_6.gif) }

        #formular .FormTabs li.activelast {         background-image: url(/static/images/form-tab-active-last.gif) }

        #formular .FormTabs span.number-4 {         background-image: url(/static/images/form-tab_4.gif) }

        #formular .FormTabs span.number-2 {         background-image: url(/static/images/form-tab_2.gif) }

        #formular .FormTabs span.number-5 {         background-image: url(/static/images/form-tab_5.gif) }

        #formular .FormTabs span.active {
            display: block;
            padding: 1px 0 3px 32px;
            color: #fff;
            text-decoration: underline;
            background: transparent url(/static/images/form-tab-active_1.gif) no-repeat 5px center
        }

        #formular .FormTabs li.active {
            color: #fff;
            background: #014785 url(/static/images/form-tab-active.gif) no-repeat right center
        }

        #formular .FormTabs .active a {
            color: #fff;
            text-decoration: none;
            background: transparent
        }

        #formular .FormTabs .active a:active {
            color: #fff;
            text-decoration: underline;
            background: transparent
        }

        #formular .FormTabs .active a:focus {
            color: #fff;
            text-decoration: underline;
            background: transparent
        }

        #formular .FormTabs .active a:hover {
            color: #fff;
            text-decoration: underline;
            background: transparent
        }

        #formular .FormTabs a.active {
            color: #fff;
            text-decoration: underline;
            background: transparent
        }

        #formular .FormTabs a.active:active {
            color: #fff;
            text-decoration: underline
        }

        #formular .FormTabs a.active:focus {
            color: #fff;
            text-decoration: underline
        }

        #formular .FormTabs a.active:hover {
            color: #fff;
            text-decoration: underline
        }

        #formular .FormTabs li.last {         background-image: url(/static/images/form-tab-last.gif) }

        #formular .FormTabs span {
            display: block;
            padding: 1px 0 3px 32px;
            color: #000;
            text-decoration: none;
            background: transparent url(/static/images/form-tab_1.gif) no-repeat 5px center
        }
            
            #formular .FormTabs span.inactive {
                line-height: 130%;
            }
            
            #formular .FormTabs span:hover {
                border: none;
            }
        
        #formular .FormTabs li {
            float: left;
            margin: 0; padding: 0 21px 0 0;
            color: #000;
            background: #F0F4FA url(/static/images/form-tab.gif) no-repeat right center
        }

        #formular .FormTabs a {
            color: #000;
            text-decoration: none;
            background: transparent
        }
        
        #formular .FormTabs a:hover {
            color: #000;
            text-decoration: underline
        }

        #formular .FormTabs a:active {
            color: #000;
            text-decoration: underline
        }

        #formular .FormTabs a:focus {
            color: #000;
            text-decoration: underline
        }

    #formular .FormLine,
    #formular .form-line {
        margin: 0 8px 8px 8px; padding: 0 0 9px 0;
        background: #fff url(/static/images/dotted_line.gif) repeat-x bottom left
    }
    
    #formular .headline-headline,
    #formular .headline2-headline2,
    #formular h2 {
        margin: 0 0 7px 0; padding: 0;
        background: #F0F4FA none
    }

        #formular .FormLine label.composite-label,
        #formular .forml-line label.composite-label {         float: left }

        #formular .FormLine img.contentMore,
        #formular .form-line img.contentMore {
            width: 1.25em; height: 1.25em;
            vertical-align: top
        }

        #formular .FormLine a.linkCancel,
        #formular .form-line a.linkCancel {         margin-left: 10px }

        #formular .FormLine .Card img,
        #formular .form-line .Card img {
            width: 81.5%; height: auto
        }

        #formular .FormLine h3 label,
        #formular .form-line h3 label {
            float: none;
            width: auto;
            padding: 0
        }

        #formular .FormLine label.va,
        #formular .form-line label.va {
            width: auto;
            padding: 1px 8px 0 5px;
            color: #004781;
            font-weight: bold;
            background: #FFF
        }

        #formular .FormLine p.note,
        #formular .form-line p.note {
            font-size: 95%;
            line-height: 120%
        }

        #formular .FormLine label,
        #formular .forml-line label,
        fieldset fieldset legend,
        .bigforms fieldset legend {
            float: left;
            width: 41%;
            padding: 1px 25px 0 11px;
            line-height: 135%
        }
        
        #formular .checkbox-group,
        #formular .radio-group {     margin-left: 48.5% }

        #formular .checkbox-group label {
            float: none;
            width: 85%;
            padding: 0
        }

        #formular .radio-group label {
            width: auto;
            margin-bottom: 8px;
            padding: 0
        }

            #formular .radio-group label input {
                float: none;
                margin: 0 3px 0 0; padding: 0;
                vertical-align: top
            }

        #formular .FormLine img,
        #formular .form-line img {         vertical-align: middle }

    #formular .NoBorder {
        padding-bottom: 0;
        background-image: none
    }

    #formular .buttons {
        margin: 0; padding: 9px 16px 15px 16px
    }

        #formular .buttons .buttons-skiplogin {
            float: right;
            margin: 0; padding: 0 0 0 0;
            text-align: right
        }
        
        #formular .buttons .FormLine,
        #formular .buttons .form-line {
            padding-bottom: 11px;
            background: #fff none
        }
        
        #formular .buttons .buttons-next,
        #formular .buttons .buttons-submit,
        #formular .buttons .buttons-calculate,
        #formular .buttons .buttons-login {
            float: right;
            width: 40%;
            margin: 0; padding: 0 0 0 0;
            text-align: right
        }

            #formular .buttons .buttons-next a.button {
                float: right;
                width: 49%
            }

        #formular .buttons .buttons-back,
        #formular .buttons .buttons-befund {
            float: left;
            width: 40%;
            margin: 0; padding: 0 0 0 0
        }

            #formular .buttons .buttons-back a.button {
                width: 21%;
                font-size: 95%; font-weight: normal
            }
            
            #formular .buttons .buttons-back a.TestWiederholen { width: 52% }

            #formular .buttons .buttons-back a.BackResults {
                width: 80%;
                font-weight: normal
            }

        #formular .buttons .BackSpecial {
            float: left;
            width: 8%;
            font-size: 95%; font-weight: normal
        }
        
        
        #formular input.BigStyleButton {
            font-size: 100%; font-weight: bold
        }
    #formular textarea {
        width: 41.5%;
        margin: 0 10px 0 0;
        color: #000;
        font-size: 100%;
        border: 1px solid #aeaeae;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        background: #f5f5f5;
    }

    #formular textarea:active {
        color: #000;
        background: #fff
    }

    #formular textarea:hover {
        color: #000;
        background: #fff
    }

    #formular textarea:focus {
        color: #000;
        background: #ddd
    }

    #formular h3.error {     color: #e3000f }

    #formular .VaHead {     width: 82% }

    #formular select {
        width: 42%;
        margin: 0; padding: 1px 0;
        color: #000;
        font-size: 100%;
        border: 1px solid #aeaeae;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        background: #f5f5f5;
    }

    #formular select:active {
        color: #000;
        background: #ddd
    }

    #formular select:focus {
        color: #000;
        background: #ddd
    }

    #formular select:hover {
        color: #000;
        background: #fff
    }
    
    #formular .birthday-dateSelect select,
    #formular select {     margin-right: 5px }

    #formular input[type=text],
    #formular input[type=password] {
        padding: 3px 0 0 6px;
        border: 1px solid #aeaeae
    }
    
    #formular input {
        width: 40.5%; height: 1.45em;
        padding-top: 3px; padding-left: 6px;
        margin: 0 10px 0 0; padding: 0;
        color: #000;
        font-size: 100%;
        border: 1px solid #aeaeae;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        background: #f5f5f5;
    }

    #formular input:active {
        color: #000;
        background: #fff
    }

    #formular input:focus {
        color: #000;
        background: #ddd
    }

    #formular input:hover {
        color: #000;
        background: #fff
    }

    #formular form {
        clear: left;
        border: 1px solid #e5e5e5;
    }

    #formular sup {
        font-size: 85%;
        line-height: 85%
    }

    #formular h2 {     padding: 4px 8px 6px 8px }

    #formular ul {
        margin: 0; padding: 0 0 0 0;
        list-style: none;
        list-style-image: none;
    }

        #formular ul li {
            padding: 0 0 3px 11px;
            background: #FFF url(/static/images/tri-liste.gif) no-repeat 0 7px
        }

    #formular h3, #formular h4 {
        margin: 0; padding: 12px 19px 5px 19px;
        line-height: 135%
    }
    
     #formular h4 {
        font-size: 100%;
        color: #004781;
    }

.not-form #formular { padding-bottom: 0px }

#content .businesslogic-form { padding-bottom: 20px }

#content .FooterContent { padding: 15px 0 }

#content #formular .FormNote {
    margin: 0; padding: 0 3px 15px 0;
    font-size: 95%;
    text-align: right
}

    #content #formular .FormNote span {
        color: #575757;
        background: #fff
    }

#content #formular .SearchResults .headline-headline h3,
#content #formular .SearchResults .headline2-headline2 h3 {
    margin: 0; padding: 6px 19px 1px 19px
}

#content #formular .SearchResults .headline-headline p.subtext {
    margin: 0; padding: 0 19px 6px 19px;
    color: #484848;
    font-size: 90%
}

#content #formular .SearchResults h3.highlight {
    margin: 7px 11px; padding: 6px 8px 5px;
    border: 1px solid #e5e5e5;
    background: #f5f5f5;
}

    #content #formular .SearchResults h3.highlight span {
        padding-left: 15px;
        color: #484848;
        font-size: 90%; font-weight: normal
    }

#content #formular .FormLine h3.highlight {
    margin-right: 3px; margin-left: 3px
}

#content #formular p {
    margin: 0 0 8px 0; padding: 9px 8px 8px 19px;
    line-height: 135%
}

#content #formular .FormLine p,
#content #formular .form-line p { padding-left: 11px }

#content #formular .VaContentInner p {
    margin: 0; padding: 0 0 13px 0
}

/* ===[ Formfelder ]=== */

#content #formular .fileinput-group {
    float: left;
    width: 51%
}

    #content #formular .fileinput-group p {
        margin: 0; padding: 0
    }

/* ===[ Form elements specials ]=== */

/* ===[ Formular Adressqualifizierung ]=== */

#content #formular .address-chooser p {
    margin: 10px 0 0 0; padding: 0;
    font-size: 95%
}

/* ===[ Buttons ]=== */

.vorteilsassistent .buttons input.ButtonDirect { height: 17px }

/* ===[ Form result ]=== */

#content #formular .FormResult p {
    margin: 0; padding: 10px 11px 5px 0;
    line-height: 145%
}

#content #formular .SearchResults h3,
#content #formular .SearchResults h4 {
    margin: 0; padding: 0
}

#content #formular .SearchResults p {
    margin: 0; padding: 0 0 11px 0
}

#content #formular .SearchResults .searchMarker {
    float: left;
    width: auto;
    margin: 3px 0 7px 11px; padding: 2px 5px 1px 5px;
    color: #fff;
    font-size: 85%;
    text-align: center; text-transform: uppercase;
    background: #dc931a;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: 110%;
}

#content #formular .search-apo-head { font-size: 100% }

#content #formular .search-marker-heading { margin-top: 7px }

#content #formular .apo-headline,
#content #formular .apo-headline .headline-headline { margin-bottom: 0 }

/* ===[ Form Errors ]=== */

#content .failure { padding-top: 7px }

    #content .failure p {
        margin: 0; padding: 0 7px 5px 7px;
        color: #e3000f;
        background: transparent
    }

    #content #formular .ErrorGeneral,
    #content .failure h2 {
        margin: 0; padding: 7px 7px 7px 7px;
        color: #e3000f;
        background: transparent
    }
/* *
 * Fronted Stylesheet - content modules
 *
 * @author  Sylvia Egger 
 * - Infobox
 * - Downloads, Lists
 * - Link boxes
 * - Gallery
 * - Table
 * - Click2Chat
 * - Mediaplayer
 * - SSL-Siegel
 */

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

    #ContentModules h3 {
        margin: 0; padding: 0 0 10px 0;
        color: #505050;
        font-size: 100%;
        background: transparent
    }

    #ContentModules h2 {
        margin-top: 8px;
        margin: 0; padding: 0 0 10px 0;
        color: #696969;
        font-size: 110%;
        background: #fff;
        line-height: 140%;
    }

    #ContentModules h4 {
        margin: 0; padding: 0;
        color: #505050;
        font-size: 100%;
        background: transparent
    }

.sIFR-active #ContentModules h2 {
    margin: 0 0 2px 0px; padding: 0;
    font-size: 14px;
    line-height: 1em
}

/* ===[ Summary ]=== */

.SummaryModulesImage {
    min-height: 10.25em;
    margin: 5px 0 8px 1px;
    background: #F0F4FA
}

    .SummaryModulesImage .ImageHeight {     margin-bottom: 0 }

    .SummaryModulesImage .Left {
        width: 31%;
        margin-right: 0
    }

#content .SummaryModulesImage p { padding: 10px 25px 10px 20px }

    #content .SummaryModulesImage p .CmContentLogo {
        margin: 7px 0 0 10px;
        vertical-align: middle
    }

#content .SummaryModulesImage p.AdditionalLink { padding: 0 25px 0 20px }

.summaryImage {
    float: left;
    width: 31%
}

.SummaryContentSmall {
    float: right;
    width: 69%
}

/* normaler Content  */

.CMContent {
    width: 100%;
    padding-bottom: 0
}

.failure .CMContent { padding-bottom: 0 }

.CMContentLeft {
    float: left;
    width: 64%;
    padding-bottom: 0
}

.CMContentRight {
    float: right;
    width: 64%;
    padding-bottom: 0
}

.CMContentPlayer { width: 44.5% }

/* small Boxes left, right or bottom  */

.Right {
    float: right;
    width: 31%;
    margin-left: 20px
}

    .Left .ModuleDownload ul.CModuleDownload li a.DownloadsLink,
    .Right .ModuleDownload ul.CModuleDownload li a.DownloadsLink {
        float: left;
        width: 83%
    }

.Left {
    float: left;
    width: 31%;
    margin-right: 20px
}

.Bottom {
    width: 64%;
    margin-bottom: 11px;
}

    .Bottom .CMGalerieContent {      }

        .Bottom .CMGalerieContent ul {
            margin: 0; padding: 0;
            list-style-type: none
        }

.BottomTable { width: 100% }

.ImageHeight {
    height: 123px;
    margin-bottom: 25px
}

.ImageHeightCaption {
    height: 183px;
    margin-bottom: 0
}

.ImageHeightBottom { height: 261px }

.ImageHeightBottomCaption { height: 261px }

/* general layouts  */

.CMBoxContent { margin-top: 11px }

.CMBoxContentBottom { margin-top: 0 }

.MarginGallerySmall { margin-top: 4px }

.BoxContentInner { background: #ffffff }

    .BoxContentInner h3,
    .BoxContentInner h2 {
        margin: 0; padding: 5px 0px 5px 29px;
        color: #004781;
        font-size: 100%;
        background: #f0f4fa
    }

#content .BoxContentInner p {
    padding: 4px 7px 9px 7px;
    line-height: 1.35em
}

/* ===[ Infobox ]=== */

.ModuleInfobox h3,
.ModuleInfobox h2 { background: #f0f4fa url(/static/images/tri_hl_infobox.gif) 3px center no-repeat }

/* ===[ Download, Lists ]=== */

.ContentModules ul.CModuleAufzaehlung {
    margin: 1px 0 4px 15px; padding: 0 0 0 14px;
    list-style-image: url(/static/images/tri-liste-content.gif)
}

    .ContentModules ul.CModuleAufzaehlung li {
        margin: 0 0 0px 0; padding: 0 0 6px 0;
        background: transparent none;
        line-height: 18px;
    }

.ContentModules ul.CModuleAufzaehlungLeft {
    float: left;
    width: 31%;
    margin: 0 0 6px 0px; padding: 0 0 7px 12px;
    list-style-image: url(/static/images/tri-liste.gif)
}

.ContentModules ul.CModuleAufzaehlungRight {
    float: right;
    width: 31%;
    margin: 0 0 6px 0px; padding: 0 0 7px 12px;
    list-style-image: url(/static/images/tri-liste.gif)
}

.ContentModules ol.CModuleAufzaehlung {
    margin: 0 0 6px 0px; padding: 0 0 0 20px
}

    .ContentModules ol.CModuleAufzaehlung li {
        margin: 0 0 0px 0; padding: 0;
        background: transparent none;
        line-height: 18px;
    }

.ModuleDownload h3,
.ModuleDownload h2 { background: #f0f4fa url(/static/images/tri_hl_download.gif) 5px center no-repeat }

.ModuleDownload ul.CModuleDownload {
    margin: 0; padding: 0;
    list-style-type: none
}

    .ModuleDownload ul.CModuleDownload .language_link {     padding-left: 25px }

    .ModuleDownload ul.CModuleDownload li.last {     background-image: none }

    .ModuleDownload ul.CModuleDownload li {
        margin: 7px 4px 0px; padding: 0 0 8px 0;
        font-size: 95%;
        background: #fff url(/static/images/dotted_line.gif) bottom left repeat-x
    }

        .ModuleDownload ul.CModuleDownload li a.DownloadsLink {
            float: left;
            width: 92%
        }

        .ModuleDownload ul.CModuleDownload li img {
            float: left;
            width: 1.41em; height: 1.42em;
            margin: 0 6px 0 3px;
            vertical-align: middle
        }

#content .ModuleDownload ul.CModuleDownload li p {
    padding: 0 0 0 25px;
    clear: left
}


/* ===[ Linkboxes ]=== */

.ModuleLinkliste h3,
.ModuleLinkliste h2 { background: #f0f4fa url(/static/images/tri_hl_linkliste.gif) 5px center no-repeat }

.ModuleLinkliste ul {
    margin: 0; padding: 0; padding: 2px 7px 3px 4px;
    list-style-type: none
}

    .ModuleLinkliste ul li.last {
        padding-top: 4px;
        background-image: none
    }

    .ModuleLinkliste ul li {
        padding: 2px 0 7px 3px;
        background: #fff url(/static/images/dotted_line.gif) bottom left repeat-x
    }

/* ===[ Gallery ]=== */

.CMGalerieContent {  }

    .CMGalerieContent ul,
    .CMGalerieContent ul {
        height: 123px;
        margin: 0; padding: 0;
        list-style-type: none
    }

        .CMGalerieContent ul li {
            position: relative;
            height: 123px;
            margin: 0; padding: 0
        }

            .CMGalerieContent ul li img.picto {
                width: 100%; height: 100%
            }

            .CMGalerieContent ul li img {             vertical-align: top }

#content .CMGalerieContent .bildunterschrift {
    margin: 0; padding: 4px 6px 4px;
    font-size: 95%;
    background: #f0f4fa;
    line-height: 140%;
}

#content .CMGalerieContent .zoom {
    position: absolute;
    right: 5px; bottom: 5px;
    width: 1.45em; height: 1.417em
}

/* ===[ Table ]=== */

.ModuleTable {
    margin: 0; padding: 0
}

table {
    margin: 0 0 0 0; padding: 0 0 0 0;
    border: none
}

    table th.ThRow {
        margin: 0; padding: 7px 4px 9px 4px;
        color: #000;
        font-weight: normal;
        text-align: left
    }

    table tfoot td {     background: #fff none }

    table .Vbottom {     vertical-align: bottom }

    table .center {     text-align: center }

    table .right {     text-align: right }

    table .Vtop {     vertical-align: top }

    table .last {     padding-right: 8px }

    table td {
        margin: 0; padding: 7px 4px 9px 4px
    }

        table td ul {
            margin: 0; padding: 3px 7px 4px 4px;
            list-style-type: none
        }

            table td ul li {
                padding: 0 0 3px 11px;
                background: #FFF url(/static/images/tri-liste.gif) no-repeat 0 7px
            }

    table th {
        padding: 4px 4px 5px 4px;
        color: #004781;
        font-weight: bold;
        background: #f0f4fa
    }

    table tr th.bold {     font-weight: bold }

    table tr,
    table tr th.ThRow {     background: #fff url(/static/images/dotted_line.gif) repeat-x bottom left }

    table tr.last,
    table tr.last th.ThRow {     background: #FFF none }

    table tfoot tr,
    table tfoot tr th.ThRow {     background: #fff none }

#content .TableFooter {
    padding: 10px 0 15px 0;
    font-size: 95%
}

    #content .TableFooter p {
        padding: 0;
        line-height: 150%
    }

/* ===[ Click2Chat ]=== */

.Click2ChatOuter { position: relative }

.Click2ChatInner {
    position: absolute;
    top: 56px; left: 1px;
    width: 63px; height: 60px;
    background: transparent url(/static/images/click2chat_bubble.gif) no-repeat top left;
    z-index: 99;
}

.Click2Chat {
    width: 90%;
    margin-top: 0; margin-left: 16px;
    padding-top: 11px
}

    .Click2Chat h3 {
        padding-right: 5px;
        background: #f0f4fa url(/static/images/tri_hl_click2chat.gif) 5px center no-repeat
    }

#content .Click2Chat p {
    padding: 6px 7px 10px 52px;
    font-size: 95%;
    line-height: 1.2em
}

#content p.ChatButton {
    padding: 0 16px 10px 7px;
    text-align: right
}

    #content p.ChatButton img {     width: auto }

.ChatButton .button { height: 23px }

/* ===[ Mediaplayer ]=== */

#content .ModuleMediaplayer {
    position: relative;
    padding-bottom: 7px
}

    #content .ModuleMediaplayer .SocialNetworks p.MoreFirst {     display: none }

    #content .ModuleMediaplayer .SocialNetworks p.more {     text-align: right }

        #content .ModuleMediaplayer .SocialNetworks p.more a {
            padding-left: 9px;
            background: transparent url('/static/images/tri_points.gif') no-repeat 0 6px
        }

        #content .ModuleMediaplayer .SocialNetworks p.more a:active {
            color: #004781;
            background: #fff
        }

        #content .ModuleMediaplayer .SocialNetworks p.more a:focus {
            color: #fff;
            background: #004781
        }

    #content .ModuleMediaplayer .MoreSocials p.more {
        padding-top: 8px;
        text-align: left
    }

    #content .ModuleMediaplayer .SmallerContent {
        width: 46%;
        padding-right: 10px
    }

    #content .ModuleMediaplayer .VideoContent {
        float: left;
        width: 69.5%;
        padding-right: 30px
    }

    #content .ModuleMediaplayer p.AudioInfos {     padding-top: 5px }

    #content .ModuleMediaplayer .default h3 {
        margin-top: 0;
        padding-bottom: 7px
    }

    #content .ModuleMediaplayer .default p {
        padding-bottom: 15px;
        font-size: 110%;
        line-height: 120%
    }

    #content .ModuleMediaplayer p.infotext {     padding-top: 5px }

    #content .ModuleMediaplayer p {     font-size: 95% }

#content .AudioContent { width: 100% }

#content .MediaplayerWidthSide .SocialNetworks { width: 49% }

#content .MediaplayerWidthSide .MoreSocials p.Suggest { width: 73% }

.MediaplayerInner {
    border: 7px solid #fff;
    background: #fff;
}

.MediaplayerWidth { width: 100% }

.AudioOnly { width: 64.5% }

.MediaplayerWidthSide { width: 50.5% }

.SocialNetworks {
    float: right;
    width: 24%;
    margin: 5px 0 0 0; padding: 0;
    color: #000;
    font-size: 95%;
    border: 1px solid #e5e5e5;
    background: #fff url(/static/images/social_networks_bg.gif) repeat-x top left;
}

    .SocialNetworks h3 {
        margin-top: 0; margin-bottom: 0px;
        padding: 1px 9px;
        color: #fff;
        border-bottom: #fff;
        font-weight: normal;
        background: #004781
    }

    .SocialNetworks ul {
        margin: 0; padding: 9px 6px 2px 8px;
        list-style-type: none
    }

        .SocialNetworks ul img {
            width: 1.42em; height: 1.42em
        }

        .SocialNetworks ul li {
            display: inline;
            padding-right: 7px
        }

#content .SocialNetworks p {
    padding: 0 6px 7px 8px;
    font-size: 100%;
    line-height: 100%
}

.MoreSocials {
    position: absolute; display: none;
    right: -52.5%; bottom: 10px;
    width: 53.5%
}

    .MoreSocials ul {
        margin-bottom: 3px;
        padding-bottom: 5px;
        background: transparent url(/static/images/dotted_line.gif) repeat-x bottom left
    }

#content .MoreSocials p.DirectLink {
    padding-bottom: 13px;
    line-height: 150%
}

#content .MoreSocials p.Suggest {
    width: 38%;
    padding-bottom: 6px
}

/* SSL-Siegel */

.SSLPicto {
    height: 170px;
    margin-top: 25px;
    text-align: center
}

    .SSLPicto img {
        width: 48.5%; height: 48.5%
    }
/* *
 * Fronted Stylesheet - site specific modules
 *
 * @author  Sylvia Egger
 * - Advantage Assistent
 * - Sitemap
 * - Search
 * - Gesundheitstrainer
 * - Fotoupload
 * - Zahlungsfreie Medikamente
 * - My Big
 * - Popup - Offlinemodus von Click2Chat
 * - Guided Tours
 * - Antragsliste
 * - Userbefragung
 */

/* ===[ Vorteilsassistent ]=== */

.CMAssistent { margin-top: 9px }

.CMAssistentInner {
    position: relative;
    border: 7px solid #fff;
    background: #E2E9F5;
}

.AssistentForm {
    display: none; float: left;
    width: 26%;
    padding: 11px 7px 11px 6px
}

    .AssistentForm form#vorteilsassistent {     padding-left: 3px }

    .AssistentForm .ContentModules {     padding-left: 3px }

    .AssistentForm .VAbutton {
        position: absolute;
        right: 13px; bottom: 10px;
        text-align: right;
        z-index: 20
    }

    .AssistentForm .error {
        margin: 0 0 6px 13px;
        color: #e3000f
    }

    .AssistentForm h1 {
        margin: 0 0 7px 0; padding: 0;
        font-size: 130%; font-weight: bold
    }

    .AssistentForm h2 {
        margin: 13px 0 4px 0; padding: 0;
        font-size: 95%
    }

    .AssistentForm p {
        margin: 0; padding: 0;
        font-size: 95%;
        line-height: 1.35em
    }

.AssistentRight {
    float: right;
    background: transparent url(/static/images/va_visual_gross.png) 55% bottom no-repeat
}

.AssistentForm a.accessVersion,
.AssistentForm a.accessVersion:link {
    position: absolute;
    bottom: 17px; left: 8px;
    margin: 0; padding: 0;
    font-size: 95%;
    line-height: 1.35em
}

.AssistentRight1 { width: 100% }

.AssistentRight2 { width: 71.5% }

#AssistentRightTop {
    border-bottom: 1px solid #fff; border-left: 1px solid #fff
}

    #AssistentRightTop div.NoFlashInner {
        width: 80%;
        margin: 0 auto; padding: 8px 12px 0 70px;
        font-size: 95%;
        text-align: left;
        background: #fff url(/static/images/picto_adobe_flash.jpg) no-repeat 12px 8px
    }

        #AssistentRightTop div.NoFlashInner h2 {
            margin: 0; padding: 0 0 5px 0
        }

        #AssistentRightTop div.NoFlashInner p {
            margin: 0; padding: 0 0 15px 0
        }

    #AssistentRightTop .NoScript {
        width: 100%; min-height: 165px;
        padding-top: 70px;
        text-align: center;
        background: #dbdbdb url(/static/images/va_no_flash.jpg) no-repeat center
    }

    #AssistentRightTop .NoFlash {
        display: none;
        width: 100%; min-height: 205px;
        padding-top: 30px;
        text-align: center;
        background: #dbdbdb url(/static/images/va_no_flash.jpg) no-repeat center
    }

.AssistentRightBottom {
    display: none;
    min-height: 86px;
    padding: 16px 16px 15px 16px
}

.QFinputRechner {
    width: 35%;
    margin-bottom: 3px; margin-left: 12px;
    font-size: 95%;
    background: #fff;
    vertical-align: middle;
}

.select {
    width: 89%;
    margin: 0 0 0 11px; padding: 1px 0;
    color: #000;
    font-size: 95%;
    border: 1px solid #aeaeae;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    background: #fff;
}

p#beitrag,
p#beitrag_hinweis { margin-left: 13px }

#monthly_contribution {
    color: #004781;
    font-weight: bold
}

table.vorteil tr {
    background: transparent none;
    line-height: 1.45em;
}

table.vorteil tr#ergebnis { background: transparent url(/static/images/double_dotted_line.gif) repeat-x scroll left 6px }

    table.vorteil tr#ergebnis td {
        padding-top: 16px;
        color: #000;
        font-weight: normal;
        text-align: left
    }

table.vorteil th {
    padding: 0 0 1px 0;
    color: #000;
    font-weight: normal;
    background: #E2E9F5
}

table.vorteil td {
    padding: 0 0 1px 0;
    color: #004781;
    font-weight: bold;
    text-align: right;
}

    table.vorteil .contentMore {
        margin-left: 9px;
    }

    table.vorteil .no-content-more {
        padding-right: 25px;
    }

    table.vorteil .HelpLayer {
        position:absolute; z-index:150; top:16px; left:-6em;
        margin:0; padding:0;
    }

    table.vorteil .HelpLayerContent { width: 20.32em }

    table.vorteil .HelpLayerInner {
        margin: 0; padding: 0 0 6px;
        text-align: left;
        font-weight: normal; font-size: 95%;
        color: #000;
        line-height: 1.37em;
    }

    table.vorteil .HelpLayerInner p {
        margin: 0; padding: 0 0 7px 0;
        font-size: 100%;
    }

#formular.vorteilsassistent .buttons .buttons-submit {
    width: 60%;
}
table.vorteil #individual_rate { color: #004781 }

#minijobPopUp { display: none; }

/* ===[ Ergebnisseite - Vorteilsassistent ]=== */

.LALeistung { width: 100% }

.LALeistungInner { background: #fff url(/static/images/va_visual_ergebnis.png) right bottom no-repeat }

    .LALeistungInner .TeaserBoxContent {
        float: left;
        width: 81%
    }

        .LALeistungInner .TeaserBoxContent h3 {
            margin: 0; padding: 0
        }

    .LALeistungInner .TeaserBoxImage {
        float: left;
        width: 14%; height: 4.07em;
        padding: 1px 11px 9px 0
    }

        .LALeistungInner .TeaserBoxImage img {
            width: 100%; height: 100%
        }

    .LALeistungInner .ModulErgebnis {     padding: 5px 16px 0 9px }

    .LALeistungInner .HelpLayer-Helper {  position: relative; }

    .LALeistungInner .TeaserBox {
        margin: 5px 16px 0 9px;
        background: #ffffff url(/static/images/dotted_line.gif) bottom left repeat-x
    }

    .LALeistungInner h2 {
        margin: 0 0 11px 0; padding: 5px 0 6px 9px;
        color: #004781;
        background: #F0F4FA
    }

#content .LALeistungInner .TeaserBoxContent p { padding: 0 0 9px 0 }

#content .LALeistungInner .ModulErgebnis table.vorteil { margin: 3px 0 0 0 }

    #content .LALeistungInner .ModulErgebnis table.vorteil th {
        padding: 0 0 3px 0;
        background: #fff
    }

#content .LALeistungInner .ModulErgebnis .beitragssatz {
    margin: 5px 0 0 0; padding: 9px 0 12px 0;
    background: transparent url(/static/images/dotted_line.gif) top left repeat-x
}

    #content .LALeistungInner .ModulErgebnis .beitragssatz p strong {     color: #004781 }

#content .LALeistungInner .ModulErgebnis .ContentModules { width: 70% }

    #content .LALeistungInner .ModulErgebnis .ContentModules p {
        padding: 0 0 19px 0;
        color: #575757;
        font-size: 95%;
        line-height: 150%
    }

#content .LALeistungInner .ModulErgebnis .ModulButtons { margin: 0 0 6px 0 }

    #content .LALeistungInner .ModulErgebnis .ModulButtons a.button {
        width: 16%;
        font-weight: normal
    }

#content .LALeistungInner .ModulErgebnis .ModulButtonsRight {
    float: right;
    width: 64%
}

    #content .LALeistungInner .ModulErgebnis .ModulButtonsRight a.InfosetB {
        width: 37.5%;
        margin-bottom: 0
    }

    #content .LALeistungInner .ModulErgebnis .ModulButtonsRight a.button {
        width: 50%;
        margin-bottom: 9px
    }

/* ===[ Random Hintergrundbilder Vorteilsassistent-Teaser ]=== */

#content .vaT-home-1 { background-image: url(/static/images/va_teaser/mann1_home.png) }

#content .vaT-home-2 { background-image: url(/static/images/va_teaser/kampagne_home.png) }

#content .vaT-home-3 { background-image: url(/static/images/va_teaser/frau_home.png) }

#content .vaT-home-4 { background-image: url(/static/images/va_teaser/mann2_home.png) }

#content .vaT-home-5 { background-image: url(/static/images/va_teaser/paar_home.png) }

.vaT-footer-1 { background-image: url(/static/images/va_teaser/mann1_footer.png) }

    .vaT-footer-1 h3 {     padding-left: 120px }

    .vaT-footer-1 p {     padding-left: 120px }

.vaT-footer-2 { background-image: url(/static/images/va_teaser/kampagne_footer.png) }

    .vaT-footer-2 h3 {
        width: 77px;
        padding-left: 0
    }

    .vaT-footer-2 p {
        width: 77px;
        padding-left: 0
    }

.vaT-footer-3 { background-image: url(/static/images/va_teaser/frau_footer.png) }

    .vaT-footer-3 h3 {     padding-left: 120px }

    .vaT-footer-3 p {     padding-left: 120px }

.vaT-footer-4 { background-image: url(/static/images/va_teaser/mann2_footer.png) }

    .vaT-footer-4 h3 {
        width: 80px;
        padding-left: 0
    }

    .vaT-footer-4 p {
        width: 80px;
        padding-left: 0
    }

.vaT-footer-5 { background-image: url(/static/images/va_teaser/paar_footer.png) }

    .vaT-footer-5 h3 {
        width: 134px;
        padding-left: 0
    }

    .vaT-footer-5 p {
        width: 134px;
        padding-left: 0
    }

/* ===[ Sitemap .SiteMap ]=== */

#content .SiteMap h2 {
    margin: 0 0 14px 0; padding: 3px 5px 3px 5px;
    border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
    background: #F0F4FA
}

#content .SiteMap h2.sub { margin-bottom: 6px }

#content .SiteMap ul {
    margin: 0 0 13px 0; padding: 0;
    list-style: none;
    list-style-image: none;
}

    #content .SiteMap ul li {
        margin: 0 0 0 0; padding: 2px 5px 4px 15px
    }

        #content .SiteMap ul li li {         padding-left: 25px }

    #content .SiteMap ul ul {
        margin-top: 0; margin-bottom: 0
    }

#content .SiteMap .up {
    float: right;
    margin-top: 1px
}

/* ===[ Search ]=== */

#SearchPart h2 {
    margin: 0; padding: 0 0 2px 0;
    color: #004781;
    font-size: 100%;
    background: transparent
}

#SearchPart label {
    margin: 0; padding: 0
}

#SearchPart input#search {
    float: left;
    width: 10em;
    margin-right: 6px
}

#SearchPart input.button { float: left }

.ac_results {
    position: absolute; display: none;
    width: 14.41em;
    margin: 0; padding: 4px 4px;
    background-color: #fff;
    font-size: 85%;
    border: 1px solid #aeaeae;
    list-style: none;
    z-index: 10000;
}

    .ac_results li.last {     background-image: none }

    .ac_results li {
        padding: 2px 5px;
        color: #000;
        text-align: left;
        background-image: url(/static/images/dotted_line.gif);
        background-position: bottom left;
        background-repeat: repeat-x;
        overflow: hidden;
    }

.ac_over {
    background-color: #f0f4fa;
    cursor: pointer
}

.ac_match {
    color: black;
    text-decoration: underline
}

/* ===[ Search Result Pages ]=== */

#content #formular p.SearchString {
    margin: 0; padding: 0 0 14px 0
}

    #content #formular p.SearchString span.first {     padding-left: 0 }

#content #formular  p.SearchString span {
    padding-left: 6px;
    color: #004781;
    background: transparent
}

#content #formular p.SearchResultText {
    margin: 0; padding: 0 0 20px 0
}

#content #formular p.LinkMapView {
    float: right;
    margin: 0 0 32px 0; padding: 0 0 0 0
}

#content #formular p.NewSearch {
    float: left;
    margin: 0 0 32px 0; padding: 0
}

#content #formular p.NewSearchFach { margin-bottom: 25px }

#content #formular .FormResult .SearchPaging {
    float: right;
    padding: 4px 8px 0 0;
    color: #004781;
    font-size: 95%; font-weight: bold;
    background: transparent
}

#content #formular .FormResult .buttons .SearchPaging {
    float: right;
    padding: 1px 0 2px 0
}

#content #formular .SearchPaging a {
    margin-right: 3px; margin-left: 3px
}

#content #formular .SearchPaging a.next { margin-left: 10px }

#content #formular .SearchPaging a.previous { margin-right: 10px }

#content #formular .SearchPaging img {
    width: 0.98em; height: 1.15em;
    vertical-align: middle
}

#content #formular #service-map {
    width: 100%; height: 28.4em
}

#formular .GoogleMap .FormLine,
#formular .GoogleMap .form-line {
    margin-right: 10px; margin-left: 10px;
    text-align: center
}

#content #formular .FormInfos {
    float: left;
    width: 52%;
    padding: 0 25px 0 11px
}

    #content #formular .FormInfos p a.button {
        width: 18%;
        font-weight: normal
    }

#content #formular .FormPicto {
    float: left;
    width: 40%;
    padding: 7px 3px 0 0
}

#content #formular .FavHint {
    margin-bottom: 0;
    padding-bottom: 3px; padding-left: 22px;
    color: #e3000f;
    font-weight: bold;
    background: #fff url(/static/images/button-fragezeichen.gif) no-repeat 0 9px
}

#formular .FavH {
    margin-left: 0;
    padding: 4px 8px 0 0;
    background: #fff
}

#content #formular .FavInfo,
#content #formular .FavInfo p { padding-left: 0 }

#content .FavList td,
#content .FavList th {
    padding-left: 0;
    background: #fff url(/static/images/dotted_line.gif) repeat-x bottom left
}

#content .FavList tr { background: #fff none }

#formular .FormLine img.MapPicto,
#formular .form-line img.MapPicto {
    width: 99.8%; height: auto
}

/* ===[ Volltext Suche ]=== */

#suchePart { margin: 4px 0 15px 0 }

    #suchePart input#srch {
        float: left;
        width: 40%;
        margin-right: 6px
    }

    #suchePart .button {     float: left }

.ResultOuter { width: 100% }

    .ResultOuter .borderbottom {
        padding: 0 0 4px 0;
        background: transparent url(/static/images/bordervertical.png) no-repeat 100% 100%
    }

    .ResultOuter .bordertop {
        padding: 1px 0 0 0;
        background: transparent url(/static/images/bordervertical.png) no-repeat 0 0
    }

.ResultInner {
    width: 100%;
    background: #fff
}

#searchResults .headline-headline {
    float: left;
    width: 100%;
    padding: 1px 0 6px 0;
    background: #f0f4fa
}

#searchResults h2 {
    margin: 0; padding: 2px 0 0 10px;
    color: #004781;
    font-size: 100%;
    background: #f0f4fa
}

#searchResults .searchResult {
    margin: 0 10px; padding: 0 0 7px 0;
    background: #fff url(/static/images/dotted_line.gif) bottom left repeat-x
}

    #searchResults .searchResult a.search-item-locked {
        margin-right: 12px;
        padding-right: 17px;
        background: transparent url(/static/images/picto_locked_small.gif) no-repeat center right
    }

    #searchResults .searchResult .searchRelevanceBox {
        padding: 8px 0 0 0;
        text-align: right;
        clear: both;
        clear: both;
    }

    #searchResults .searchResult h3 {     padding: 0 0 1px 0 }

        #searchResults .searchResult h3 a {         margin-right: 10px }

    #searchResults .searchResult p {     padding: 0 }

#searchResults .searchRelevance {
    color: #004781;
    font-size: 160%;
    vertical-align: middle
}

#searchResults .relevanceInfo {
    padding: 0 6px;
    color: #575757;
    font-size: 95%
}

#searchResults .doc-info {
    color: #575757;
    font-size: 95%; font-weight: normal
}

#searchResults .buttons-next {
    float: right;
    margin: 0; padding: 15px 10px 15px 0
}

#searchResults .SearchPaging {
    float: right;
    padding: 0 10px 0 0;
    color: #004781;
    font-size: 95%; font-weight: bold;
    background: transparent
}

    #searchResults .SearchPaging a.previous {     padding-right: 10px }

    #searchResults .SearchPaging a.next {     margin-left: 10px }

    #searchResults .SearchPaging img {
        width: 0.98em; height: 1.15em;
        vertical-align: middle
    }

    #searchResults .SearchPaging a {
        margin-right: 3px; margin-left: 3px
    }

/* ===[ Search Help ]=== */

.search-help {
    position: relative;
    padding: 15px 0 0 0;
    clear: both
}

    .search-help .HelpLayerContent {
        width: 41em;
        padding: 3px 15px 3px 15px;
        background-image: none
    }

        .search-help .HelpLayerContent .box-second {
            float: left;
            width: 47%
        }

        .search-help .HelpLayerContent .box-first {
            float: left;
            width: 49%;
            padding-right: 15px
        }

        .search-help .HelpLayerContent strong {         color: #004781 }

        .search-help .HelpLayerContent h2 {         margin-bottom: 12px }

        .search-help .HelpLayerContent ul {
            margin: 0; padding: 0 0 0 14px;
            list-style-image: url(/static/images/tri-liste-content.gif)
        }

            .search-help .HelpLayerContent ul li.last {
                margin-bottom: 0;
                padding-bottom: 0
            }

            .search-help .HelpLayerContent ul li { padding-bottom: 8px }

    .search-help .HelpLayerInner {
        position: absolute;
        top: 47px; left: -0.05%;
        margin: 0; padding: 0;
        z-index: 150
    }
        .search-help .HelpLayerInner a.closeLayer:link {         text-decoration: underline }

        .search-help .HelpLayerInner a.closeLayer:visited {         text-decoration: underline }

        .search-help .HelpLayerInner a.closeLayer:focus,
        .search-help .HelpLayerInner a.closeLayer:active {
            color: #000;
            background: transparent url("/static/images/close.gif") right 1px no-repeat
        }


    .search-help .borderbottom,
    .ContentInner .search-help .borderbottom {
        padding: 0;
        background: none
    }

    .search-help .bordertop,
    .ContentInner .search-help .bordertop {
        padding: 0;
        background: none;
        border: 1px solid #e4e4e4;
    }

    .search-help .HelpLayer {     clear: left }

#content #suchePart .layer-link {
    float: left;
    margin: 0; padding: 0 22px 0 0;
    background: transparent url(/static/images/tri-info.gif) no-repeat center right
}

.openLayer { font-size: 90% }

.HelpLayer-Helper a.openLayer:focus {
    color: #000;
    background: transparent
}

.HelpLayer-Helper a.openLayer:active {
    color: #004781;
    background: transparent
}

#content .search-help .HelpLayerContent p {
    margin: 0; padding: 0;
    font-size: 95%;
    line-height: 138%
}

#content .search-help .HelpLayerContent .box-first p { padding-right: 5px }

#content .search-help .HelpLayerContent p.close-button {
    padding-bottom: 20px;
    clear: left
}

/* ===[ Krankenhaussuche, fester Code - Todo ]=== */

#wlSearchForm {
    width: 100% !important; min-height: 140px;
    border: 1px solid #E5E5E5 !important
}

    #wlSearchForm input#wlSearchFieldDisease {
        width: 323px !important; height: 17px;
        margin-bottom: 10px !important;
        padding-top: 3px; padding-left: 6px;
        margin: 0; padding: 0;
        color: #000;
        font-size: 95%;
        border: 1px solid #aeaeae;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        background: #f5f5f5;
    }

    #wlSearchForm input#wlSearchFieldDisease:active {
        color: #000 !important;
        background: #fff !important
    }

    #wlSearchForm input#wlSearchFieldDisease:hover {
        color: #000 !important;
        background: #fff !important
    }

    #wlSearchForm input#wlSearchFieldDisease:focus {
        color: #000 !important;
        background: #fff !important
    }

    #wlSearchForm input#wlSearchFieldPostal {
        width: 100px !important; height: 17px;
        padding-top: 3px; padding-left: 6px;
        margin: 0; padding: 0;
        color: #000;
        font-size: 95%;
        border: 1px solid #aeaeae;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        background: #f5f5f5;
    }

    #wlSearchForm input#wlSearchFieldPostal:active {
        color: #000 !important;
        background: #fff !important
    }

    #wlSearchForm input#wlSearchFieldPostal:hover {
        color: #000 !important;
        background: #fff !important
    }

    #wlSearchForm input#wlSearchFieldPostal:focus {
        color: #000 !important;
        background: #fff !important
    }

    #wlSearchForm div div {     float: left !important }

    #wlSearchForm select {     width: 165px !important }

    #wlSearchForm input {
        width: auto !important; height: auto;
        margin: 0; padding: 0; padding: 0 5px;
        color: #FFF;
        background: #014785;
        border: 1px solid #004781;
    }

    #wlSearchForm input:active {
        color: #004781 !important;
        background: #fff !important
    }

    #wlSearchForm input:hover {
        color: #FFF !important;
        text-decoration: underline !important;
        background: #014785 !important
    }

    #wlSearchForm input:focus {
        color: #004781 !important;
        background: #fff !important
    }

    #wlSearchForm img {     margin-bottom: 0.80em !important }

/* ===[ Search Update ]=== */

.search-special {
    margin: 0; padding: 0 0 30px 0
}

    .search-special .search-special-content {
        float: left;
        width: 62%;
        padding: 10px 5px 0 18px
    }

    .search-special .search-special-picto {
        float: left;
        width: 31%; height: 123px;
        border-right: 1px solid #fff
    }

    .search-special .search-special-form {
        float: left;
        width: 41%;
        border-right: none
    }

    .search-special img {
        float: left;
        width: 99%; height: 100%
    }

    .search-special h2 {
        margin: 0; padding: 4px 8px 5px;
        color: #fff;
        border-bottom: 1px solid #fff;
        background: #004781
    }

    .search-special h3 {
        margin-top: 0;
        padding-bottom: 2px
    }

.search-special-box {
    padding-bottom: 0;
    background: #f0f4fa
}

.special-contact-box .search-special-content {
    float: left;
    width: 53%;
    padding: 0
}

.special-contact-box .search-special-content-box { padding: 10px 4px 0 5px }

#content .search-special p {
    padding-bottom: 12px;
    line-height: 140%
}

#content .search-special .search-special-button {
    width: 63%;
    padding-bottom: 5px
}

.special-contact-box #formular { padding: 7px 5px 0 17px }

    .special-contact-box #formular .special-form-button {
        margin-top: 15px;
        padding-left: 26px
    }

    .special-contact-box #formular input#telefonPrivat {     width: 94% }

    .special-contact-box #formular fieldset fieldset {     width: 100% }

        .special-contact-box #formular fieldset fieldset legend {
            height: auto;
            margin-bottom: 0;
            white-space: normal
        }

        .special-contact-box #formular .FormLine label,
        .special-contact-box #formular fieldset fieldset legend {
            width: 100%;
            padding: 0;
            color: #004781;
            font-weight: bold;
            line-height: 185%
        }

    .special-contact-box #formular .dateselect-day,
    .special-contact-box #formular .timeselect-stunde {     margin-left: 0 }

    .special-contact-box #formular .FormLine {
        padding-bottom: 3px; padding-left: 0;
        margin: 0;
        background: transparent none
    }

        .special-contact-box #formular .FormLine span.pflichtig,
        .special-contact-box #formular label.required span {
            font-weight: normal;
            background: transparent
        }

    .special-contact-box #formular select {     width: auto }

    .special-contact-box #formular input {
        width: auto;
        margin-right: 0;
        padding-left: 0
    }

    .special-contact-box #formular form {
        width: 81%;
        border: none
    }

#content .special-contact-box p.phone-number {
    padding-bottom: 8px;
    font-size: 140%
}

.special-contact-box .search-special-content-first {
    float: left;
    width: 51%
}

#content .special-contact-box p.search-special-button {
    float: right;
    width: 47%;
    margin-top: 41px
}

#searchResults .search-result-content {
    float: left;
    width: 80%
}

#searchResults .search-result-picto {
    float: right;
    width: 20%; height: auto;
    margin-top: 9px;
    text-align: right
}

    #searchResults .search-result-picto img {
        width: 70px; height: auto;
        border: 1px solid #AEAEAE
    }

#campaign-page .campaign-thankyou .CMContent { padding-bottom: 9px }

/* ===[ Gesundheitstrainer ]=== */

#GesundheitsTrainer #formular { padding-right: 0 }

    #GesundheitsTrainer #formular a.button:focus {
        background-color: #E2E9F5; color: #004B87;
        text-decoration: underline
    }

    #GesundheitsTrainer #formular a.WithPicto {     width: auto }

    #GesundheitsTrainer #formular .FormPicto {
        float: left;
        width: 15%;
        padding: 2px 0 0 3px
    }


        #GesundheitsTrainer #formular .FormPicto img {
            max-width: 100%;
        }

        #GesundheitsTrainer #content #formular .von-mir-gebucht {
            background: #014785 url(/static/images/gt_gebucht.gif) no-repeat top center; color: #fff;
            font-size: 95%; line-height: 105%;
            text-align: center;
            padding: 25px 0 5px 0; margin-right: 8px;
        }

    #GesundheitsTrainer #formular .FormInfos {
        float: left;
        width: 69.5%;
        padding: 0 0px 0 80px;
    }

        #GesundheitsTrainer #formular .FormInfos h3 { padding-bottom: 6px }

    #GesundheitsTrainer #formular .WithPicto {
        padding-left:3px;
        width: 69.5%;
    }

#GesundheitsTrainer #content .FormInfos p { font-size: 95%; }

#GesundheitsTrainer .ButtonDetails {
    float: right;
    font-size:95%;
    padding-top: 63px; padding-right: 5px;
}

#GesundheitsTrainer .Ausblenden {
    padding-top: 12px;
}

#GesundheitsTrainer .ButtonDetails a.button {     font-weight: normal }

#GesundheitsTrainer .ButtonActive { display: none }

#GesundheitsTrainer #content #formular p { padding-bottom: 0 }

#GesundheitsTrainer #content #formular p.ButtonAction {
    padding-top:5px;
    color:#646464;
}

#GesundheitsTrainer #content #formular p.ButtonAction a.button, #GesundheitsTrainer #content #formular p.ButtonAction span.button {
    display: inline-block;
    margin-bottom: 3px;
    width: auto;
}

/*#GesundheitsTrainer #content #formular p.SpecialAction a.button {
    float: right;
    width: 21%
}*/

#GesundheitsTrainer #content #formular p.SpecialAction a.LinkSpeichern {
    float: right;
    width: 42%;
    margin-top: 10px
}

#GesundheitsTrainer .FormInfoDetails {
    margin: 0; padding: 20px 0 0 82px
}

#GesundheitsTrainer table {
    margin: 0 0 20px; padding: 0
}

#GesundheitsTrainer ul {
    font-size:95%;
    line-height:135%;
}
#GesundheitsTrainer .openLayer { font-size: 100% }

    #GesundheitsTrainer table td.storno a.button {
        float: left;
        width: 22%
    }

    #GesundheitsTrainer table td.storno span {     float: left }

    #GesundheitsTrainer table th {
        padding: 0 0 3px 0;
        color: #000;
        font-weight: normal;
        text-align: left;
        background: #fff;
        border: none;
        vertical-align: top;
    }

    #GesundheitsTrainer table td {
        padding: 0 0 3px 0;
        background: #fff;
        border: none;
        vertical-align: top;
    }

#GesundheitsTrainer tr { background: none #fff }

#GesundheitsTrainer #content #formular p.ButtonBox {
    float: right;
    width: 40%;
    padding: 0 10px 10px 0
}

#GesundheitsTrainer .StatusGebucht {
    color: #555;
    background: #fff
}

#GesundheitsTrainer #content #formular p.StatusGebuchtArrow {
    padding: 0 0 0 20px;
    color: #000;
    background: #fff url(/static/images/button-haken.gif) no-repeat 0 2px
}

#GesundheitsTrainer .StatusLaeuft {
    color: #416205;
    background: #fff
}

#GesundheitsTrainer .StatusAusgebucht {
    color: #B6000E;
    background: #fff
}

.WebexButton {
    width: 36%;
    margin: 10px 0
}

.WebexButton2 {
    width: 30%;
    margin: 10px 0
}

/* ===[ Button Bookmark-Detail ]=== */

#content .businesslogic-form #joinurl a {
    width: 33%;
    margin: 11px 19px;
    font-weight: normal
}

/* ===[ Fotoupload ]=== */

#formular .Card {
    position: relative;
    margin: 0; padding: 9px 8px 8px 19px;
    text-align: center
}

    #formular .Card label {
        position: absolute; display: inline;
        top: -100px; left: -1000px;
        width: 0px; height: 0px;
        line-height: 0
    }

    #formular .Card input {
        position: absolute;
        top: 45%; left: 39.5%;
        width: 17%;
        font-size: 110%;
        border: 1px solid #0072BC;
        background: #FFF;
    }

#formular #ausweisbild {
    width: auto; height: auto;
    padding: 0;
    font-size: 100%;
    border: none
}

#formular .ListBox { padding: 9px 8px 8px 13px }

#formular .ChoiceBox { padding: 9px 8px 8px 13px }

    #formular .ChoiceBox label {     width: 85% }

#content #formular .system {
    margin-top: 16px;
    padding: 11px 11px 8px 11px;
    background: #fff url(/static/images/dotted_line.gif) repeat-x top left
}

    #content #formular .system h3,
    #content #formular .system p.error {
        margin: 0; padding: 0;
        font-size: 95%
    }

    #content #formular .system h3 {
        padding-bottom: 5px;
        font-weight: bold
    }


/* ===[ Zahlungsfreie Medikamente ]=== */

/* A bis Z Auswahl */

#content #formular .staticA2ZGroup p {
    float: left;
    width: 5%;
    margin-right: 5px; margin-bottom: 10px;
    padding: 4px 0px 4px 0px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #aeaeae
}

#formular .staticA2ZGroup {
    margin: 0 8px 8px 8px; padding: 3px 0 9px 0;
    clear: left;
    background: #fff url(/static/images/dotted_line.gif) repeat-x bottom left;
}

/* ===[ My Big ]=== */

#content .success p.button {
    margin: 0; padding: 12px 0 0 0;
    background: none #fff;
    border: none;
}

    #content .success p.button a.PDFButton {     width: 41% }

    #content .success p.button a.button {
        width: 23%;
        font-weight: normal
    }

#formular input.ButtonBuchen {
    width: 20%; height: 25px
}

/* ===[ Content: MyBIG invalid mail notice ]=== */

.InvalidAdressNote {
    margin: 22px 6px 10px 15px; padding: 5px 11px 7px 11px;
    color: #fff;
    font-size: 95%; font-weight: bold;
    background: #dc931a
}

    .ia-va-note {
        margin: 0 0 15px; padding-top: 7px; padding-bottom: 0;
    }

    #content .InvalidAdressNote h2 {
        margin: 0; padding: 0;
        color: #fff;
        line-height: 120%
    }
    #content .InvalidAdressNote p {
        float: left;
        width: 73%;
        margin: 0; padding: 0;
        line-height: 120%
    }
        #content .InvalidAdressNote p a {
            color: #fff;
            text-decoration: underline
        }
            #content .InvalidAdressNote p a:hover {
                color: #000;
                text-decoration: underline
            }

            #content .InvalidAdressNote p a:focus,
            #content .InvalidAdressNote p a:active {
                color: #dc931a; background: #fff;
                text-decoration: underline
            }

    #content .InvalidAdressNote p.note-va {
        float: none;
        width: 100%;
        margin: 0; padding: 0 0 12px;
        line-height: 120%
    }

#content p.InvalidAdressLink {
    width: 25%;
    padding-top: 15px;
    font-weight: normal;
    text-align: right
}

    #content p.InvalidAdressLink a {     color: #fff }

    #content p.InvalidAdressLink a:active {
        color: #fff;
        background: #dc931a
    }

    #content p.InvalidAdressLink a:focus {
        color: #dc931a;
        background: #fff
    }

/* ===[ Popup - Offlinemodus von Click2Chat ]=== */

#popup #inner {
    min-width: 433px; width: 433px; max-width: 433px;
    background: transparent none
}

#popup #content {
    width: 433px;
    margin-top: 10px
}

#popup .ContentInner {
    width: 430px; min-height: 370px
}

#popup .logo {
    float: none;
    width: 100px;
    padding-left: 22px
}

#popup #InnerContent {
    width: 271px;
    margin-top: 30px
}

#popup .Left { width: 168px }

/* ===[ Guided Tours ]=== */

#GuidedTour { padding: 20px 0 }

    #GuidedTour #slide-container {     padding-bottom: 5px }

    #GuidedTour a.accessVersion {
        margin-left: 8px;
        font-size: 95%
    }

/* ===[ Login Guided Tour Teaser ]=== */

.login-content-teaser {
    padding-top: 10px; padding-bottom: 10px
}

    .login-content-teaser .Teaser3Column {
        float: none;
        width: 100%;
        padding-left: 0
    }

/* ===[ Antragsliste ]=== */

.antrags-liste {
    margin: 0; padding: 0
}

    .antrags-liste .status-legend span.status-legend-3 {     background: transparent url(/static/images/icon-status-ok.gif) no-repeat top left }

    .antrags-liste .status-legend span.status-legend-2 {
        padding-left: 18px;
        background: transparent url(/static/images/icon-status-in-bearbeitung.gif) no-repeat top left
    }

    .antrags-liste .status-legend span.status-legend-1 {
        padding-left: 17px;
        background: transparent url(/static/images/icon-status-beantragt.gif) no-repeat top left
    }

    .antrags-liste .status-legend span {
        margin-left: 5px;
        padding: 0 0 0 15px
    }

    .antrags-liste table .f-details {     background: transparent none }

        .antrags-liste table .f-details td.f-buttons {         padding-left: 26% }

        .antrags-liste table .f-details td {         padding: 5px 4px 13px 4px }

    .antrags-liste .filter-status {
        float: left;
        width: 19%
    }

    .antrags-liste .filter-action {
        float: left;
        width: 20%;
        padding-top: 18px
    }

    .antrags-liste .button-hide {     display: none }

    .antrags-liste .button-hide:active img {
        border-top: 1px solid #fff; border-bottom: 1px solid #fff
    }

    .antrags-liste .button-hide:focus img {
        border-top: 1px solid #fff; border-bottom: 1px solid #C0C0C0
    }

    .antrags-liste .filter-year {
        float: left;
        width: 13.5%
    }

    .antrags-liste .filter div {     padding-right: 10px }

    .antrags-liste .f-kontakt {
        float: left;
        width: auto;
        padding: 4px 10px
    }

    .antrags-liste table tr {     background: #fff url(/static/images/dotted_line.gif) repeat-x top left }

    .antrags-liste table td {     padding: 10px 4px 6px 4px }

    .antrags-liste .no-line {     background: transparent none }

    .antrags-liste .f-chat {     width: 26% }

    .antrags-liste .button {
        float: left;
        margin-right: 15px;
        font-size: 95%; font-weight: normal
    }

    .antrags-liste .close {     font-size: 95% }

#content #formular .antrags-liste .status-legend {
    margin-bottom: 0;
    padding: 9px 2px 8px 0;
    font-size: 90%;
    text-align: right
}

#content #formular .antrags-liste p { padding: 21px 8px 8px 0 }

#formular .antrags-liste form { border: none }

#formular .antrags-liste .filter { font-size: 95% }

    #formular .antrags-liste .filter select {
        width: 100%;
        margin-top: 4px
    }

/* ===[ Chat + Contact Button ]=== */

#content #formular .antrags-liste .ChatButtonBox {
    float: left;
    width: auto;
    margin-right: 10px;
    padding: 0
}

    #content #formular .antrags-liste .ChatButtonBox a:active img {
        border-top: 1px solid #fff; border-bottom: 1px solid #fff
    }

    #content #formular .antrags-liste .ChatButtonBox a:focus img {
        border-top: 1px solid #fff; border-bottom: 1px solid #fff
    }

    #content #formular .antrags-liste .ChatButtonBox img {     width: auto }

/* ===[ Userbefragung ]=== */

#content .BoxContentInner form { padding: 0 7px 12px 7px }

.BoxContentInner .CheckBoxen {
    float: left;
    width: auto;
    margin: 3px 3px 0 0; padding: 0;
    border: none;
    background: none;
    vertical-align: middle;
}

.BoxContentInner .CheckBoxen:active { background: transparent }

.BoxContentInner .CheckBoxen:focus { background: #ddd }

.BoxContentInner .CheckBoxen:hover { background: transparent }

.BoxContentInner .radio-group {
    margin: 0; padding: 0 0 5px 0
}

    .BoxContentInner .radio-group label {
        float: left;
        width: auto;
        margin: 0 11px 8px 0; padding: 0
    }

        .BoxContentInner .radio-group label input {
            float: none;
            margin: 0 3px 0 0; padding: 0;
            vertical-align: top
        }

.BoxContentInner .button {
    font-size: 90%;
    clear: left
}

#content .confirmation {
    clear: both
}

#surveyFormLayer { display: none }

    #surveyForm legend {
        display: block;
        float:left;
        padding: 5px 0 9px 0;
    }

        #surveyForm legend span {
            font-size: 100%;
            color: #000;
            background: transparent;
            display: block;
            width: 100%;
        }

    #surveyForm .radio-group {
        clear: left;
    }

.ui-dialog.SocialMediaLayer .buttons {
    margin: 0; padding: 0 12px 15px 0;
    text-align: right
}

.ui-dialog.SocialMediaLayer textarea {
    width: 95.5%;
    margin: 0 10px 20px 0;
    color: #000;
    font-size: 100%;
    border: 1px solid #aeaeae;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    background: #f5f5f5;
}

.ui-dialog.SocialMediaLayer textarea:active {
    color: #000;
    background: #fff
}

.ui-dialog.SocialMediaLayer textarea:hover {
    color: #000;
    background: #fff
}

.ui-dialog.SocialMediaLayer textarea:focus {
    color: #000;
    background: #ddd
}

/* ===[ Contentmodul Terminteaser ]=== */

.termin-teaser {
    margin: 0; padding: 0 13px 30px 0
}

    .termin-teaser .termin-teaser-content {
        float: left;
        width: 62%;
        padding: 10px 5px 0 18px
    }

    .termin-teaser .termin-teaser-picto {
        float: left;
        width: 31%; height: 123px;
        border-right: 1px solid #fff
    }

    .termin-teaser img,
    #formular .termin-teaser img {
        float: left;
        width: 100%; height: 100%
    }

    .termin-teaser h2,
    #formular .termin-teaser h2 {
        margin: 0; padding: 4px 8px 5px;
        color: #fff;
        border-bottom: 1px solid #fff;
        background: #004781
    }

    .termin-teaser h3 {
        margin-top: 0;
        padding-bottom: 2px
    }

.termin-form-teaser { padding-right: 0 }

.termin-teaser-box { background: #f0f4fa }

#formular .termin-teaser h3 {
    margin-top: 0;
    padding: 0 0 2px 0
}

#content .termin-teaser p {
    padding-bottom: 12px;
    line-height: 140%
}

#content #formular .termin-teaser p {
    margin-bottom: 0;
    padding: 0 0 12px 0;
    line-height: 140%
}

#content .termin-teaser .termin-teaser-button {
    float: left;
    width: auto;
    padding-bottom: 5px
}

#content #formular .termin-teaser .termin-teaser-button {
    float: left;
    width: auto;
    padding-bottom: 5px
}

a.bt-terminteaser,
a.bt-terminteaser:hover,
a:active.bt-terminteaser,
a.bt-terminteaser:focus { padding-right: 6px }

/* general advice layer comparable to social-media-layer  */

/* ===[ Social Media Layer ]=== */

.ui-dialog.advice-layer {
    width: 558px;
    padding: 0;
    text-align: left
}

    .ui-dialog.advice-layer .ui-dialog-titlebar-close {
        width: 0.2em; height: 1.05em;
        margin: 7px 5px 0 0;
        background-color: #f0f4fa;
        border: 0;
        background-repeat: no-repeat;
        background-position: center right;
    }

    .ui-dialog.advice-layer .ui-dialog-titlebar-close:hover,
    .ui-dialog.advice-layer .ui-dialog-titlebar-close:focus,
    .ui-dialog.advice-layer .ui-dialog-titlebar-close:active {
        background-image: url(/static/images/lightbox/close-active.png);
        background-repeat: no-repeat;
        background-position: center right;
    }

    .ui-dialog.advice-layer .ui-widget-content h3,
    .ui-dialog.advice-layer .ui-widget-content h4 {
        margin: 0; padding: 0 0 5px 0;
        color: #004781;
        font-size: 100%;
        line-height: 150%
    }

    .ui-dialog.advice-layer h3.special {
        padding-top: 20px;
    }

    .ui-dialog.advice-layer .ui-widget-content p {
        margin: 0; padding: 0 0 15px 0;
        line-height: 150%
    }

    .ui-dialog.advice-layer .ui-widget-content p.button-box {
        padding: 0;
        clear: both
    }

    .ui-dialog.advice-layer .ui-dialog-content {
        position: relative;
        padding: 0.5em 1.2em 0.8em 2.8em;
        overflow: hidden
    }

    .ui-dialog.advice-layer .ui-dialog-title {
        padding: 6px 16px 0 31px;
        font-size: 95%
    }

        .ui-dialog.advice-layer .ui-dialog-title h1 {
            font-size: 100%;
            margin: 0; padding: 0;
            font-weight: bold;
        }

        .ui-dialog.advice-layer h2,
        .ui-dialog.advice-layer .ui-dialog-title h4 {
            margin: 0; padding: 0;
            font-size: 100%;
            line-height: 150%;
        }

    .ui-dialog.advice-layer h5 {
        margin: 0 0 15px 0; padding: 0;
        color: #004781;
        font-size: 100%; font-weight: bold
    }

.advice-layer .ui-dialog-titlebar {
    min-height: 1.8em;
    margin-bottom: 5px;
    padding: 0;
    background: #f0f4fa url(/static/images/tri_transp.gif) no-repeat 5px 5px
}

.ui-dialog-titlebar-close.ui-corner-all {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.advice-layer .ui-dialog-titlebar-close span {
    position: absolute; display: inline;
    top: auto; left: -9999px;
    width: 0px; height: 0px;
    line-height: 0
}

.advice-layer .ui-widget-content { font-size: 95% }

    .advice-layer .ui-widget-content a.button {
        display: inline-block;
        margin-bottom: 16px; padding: 4px 8px;
        color: #ffffff;
        font-size: 90%; font-weight: normal
    }

    .ui-widget-content a:focus,
    .ui-widget-content a:active {
        color: #fff; background: #004781;
    }

    .advice-layer .ui-widget-content a.button:hover,
    .advice-layer .ui-widget-content a.button:focus,
    .advice-layer .ui-widget-content a.button:active {
        color: #004B87;
        background: #E2E9F5;
    }

.ui-widget-overlay { background: none #000 !important }

.advice-layer #loadingGif {
    position: absolute; display: none;
    top: 20%; left: 50%;
    width: 30px;
    margin: 0 0 0 -15px; padding: 0;
    z-index: 1
}

.advice-layer body.transparent_widget { background: #fff }

.advice-layer .col1 {
    float: left;
    width: 52%;
}

    .advice-layer .col1 h2 {
        padding-bottom: 5px;
    }

.advice-layer .col2 {
    float: right;
    width: 40%
}

    .advice-layer .col2 img {  margin-bottom: 5px }

    .ui-dialog.advice-layer .col2 p {
        color: #767676;
        font-size: 90%;
        line-height: 130%;
        background: transparent url(/static/images/icon_arrow_up.gif) no-repeat top left;
        padding-left: 26px; padding-bottom: 0;
    }

.advice-layer ul.CModuleAufzaehlung {
    margin: 1px 0 4px; padding: 0 0 0 14px;
    list-style-image: url(/static/images/tri-liste-content.gif)
}

    .advice-layer ul.CModuleAufzaehlung li {
        margin: 0 0 0px 0; padding: 0 0 8px 0;
        font-size: 90%;
        background: transparent none;
        line-height: 120%;
    }

/* *
 * Fronted Stylesheet - landing pages, campaigns etc.
 *
 * @author  Sylvia Egger 
 * - Landingpages
 * - Special Mailing - 15042010
 * - Campaign Page Landing
 */

/* ===[ Landingpages ]=== */

.SummaryModulesLandingImage {
    position: relative;
    min-height: 10.45em;
    margin: 5px 0 13px 1px;
    background: #F0F4FA
}

    .SummaryModulesLandingImage .Left {
        margin-right: 0; margin-bottom: 0
    }

#content .SummaryModulesLandingImage div.LeftP {
    float: left;
    width: 35%;
    margin: 0; padding: 0 0 0 18px
}

    #content .SummaryModulesLandingImage div.LeftP p {
        display: block;
        margin: 14px 0 0 0; padding: 0
    }

.summary .landingImage {
    width: 30%; height: 117px;
    margin: 0; padding: 3px 3px 3px 0
}

    .summary .landingImage img {
        width: 100%; height: 100%
    }

#landingPages .summary a.button { width: 63.5% }

ul.landingUl {
    margin: 0 0 0 21px; padding: 0;
    list-style-image: url(/static/images/haken.gif)
}

    ul.landingUl li {     padding: 0 0 4px 0 }

#formular .landingForm .buttons {
    padding-right: 0px; padding-left: 48%
}

    #formular .landingForm .buttons .buttons-submit { float: left }

#contentFooter ul.landingZert {
    margin: 0; padding: 8px 0 0 20px;
    list-style-type: none
}

    #contentFooter ul.landingZert li.first { padding-left: 0 }

    #contentFooter ul.landingZert li {
        float: left;
        margin: 0; padding: 0 0 19px 105px;
        text-align: center
    }
#contentFooter ul.bigThumbs li {
    float: left;
    margin: 0; padding: 0 0 19px 60px;
    text-align: center
}

#LARightBox .landing .InfoBoxInner { color: #004781 }

#LARightBox .landing .InfoLabel {
    float: left;
    width: 33%;
    margin: 0; padding: 0;
    font-weight: bold;
    clear: left
}

#LARightBox .landing .InfoBoxInner .h2small { font-size: 110% }

#LARightBox .landing .InfoInfo {
    float: left;
    width: 68%;
    margin: 0; padding: 0
}

#LARightBox .landing .first { padding-top: 7px }

#landingPages .brand {
    position: absolute; display: inline;
    top: auto; left: -9999px;
    width: 0px; height: 0px;
    line-height: 0
}

#subnav #btInfopost {
    width: 93%;
    margin: 15px 0 10px 0; padding: 0;
    text-align: center
}

#subnav #btMitgliedschaft {
    margin: 5px 0 10px 0; padding: 0;
    text-align: center
}

/* ===[ Tooltip Landingpage ]=== */

#content  #formular .HelpLayer {
    margin: 0; padding: 0
}

.HelpLayer-Helper .openLayer { vertical-align: top }

#landingPages .HelpLayerInner {
    position: absolute;
    top: -200px; left: 455px;
    margin: 0; padding: 0;
    z-index: 150
}

.HelpLayerInner {
    position: absolute;
    top: -6px; left: 450px;
    margin: 0; padding: 0;
    z-index: 150
}

/* special position Gesundheitscheck über fieldset.HelpLayerPostionHelper  */

.HelpLayerPostionHelper .HelpLayerInner { top: -170px }

.vorteilsassistent .HelpLayerInner { left: 100% }

.HelpLayerContent {
    width: 20.32em;
    padding: 10px 10px 3px 28px;
    background: #F0F4FA url(/static/images/tri-info.gif) 5px 8px no-repeat;
    line-height: 1.2em;
}

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

.HelpLayerContent { display: inline-block }

html[xmlns] .HelpLayerContent { display: block }

#content #formular .HelpLayerInner p {
    margin: 0; padding: 0 0 7px 0
}

    #content #formular .HelpLayerInner p strong { color: #004781 }

#formular .contentMore {
    margin: 3px 0 0 0; padding: 0
}

#landingPages #formular .FormLine,
#landingPages #formular .form-line {
    position: relative;
    z-index: 100
}

#formular .HelpLayer-Helper { position: relative }

.HelpLayerInner a.closeLayer,
.HelpLayerInner a.closeLayer:link,
.HelpLayerInner a.closeLayer:visited {
    float: right;
    padding: 0 15px 5px 0;
    text-decoration: none;
    background: #F0F4FA url(/static/images/close.gif) right 1px no-repeat
}

.HelpLayerInner a.closeLayer:active,
.HelpLayerInner a.closeLayer:focus {
    color: #fff;
    text-decoration: underline;
    background: #004781
}

.HelpLayerInner a.closeLayer:visited { color: #505050 }

.HelpLayerInner a.closeLayer:hover {
    color: #004781;
    text-decoration: underline
}

/* ===[ Special Mailing - 15042010 ]=== */

#content .specialMailing {
    width: 59%;
    padding: 16px 20px 11px 201px;
    color: #fff;
    background: #4a8ac6 url(/static/images/bg_special_mailing.jpg) left bottom no-repeat
}

    #content .specialMailing p.weiterlink {
        width: 70%;
        margin: 2px 0
    }

    #content .specialMailing p {     padding: 0 0 20px 0 }

#content .mailingFooter ul {
    margin: 7px 0 0 0; padding: 0;
    list-style: none
}

    #content .mailingFooter ul li {
        float: left;
        margin-right: 19px
    }

/* ===[ Campaign Page Landing ]=== */

#campaign-page #outer { margin-bottom: 0 }

/* ===[ Teaser right ]=== */

#campaign-page #LARightBox p {
    padding: 7px;
    line-height: 136%
}

#campaign-page #LARightBox .InfoBoxInner {
    min-height: 8.07em;
    text-align: left
}

#campaign-page #LARightBox .InfoBox .header { padding: 0 7px 7px 0 }

/* ===[ Content ]=== */

#campaign-page .summary a.button { width: 63.5% }

#campaign-page .brand {
    position: absolute; display: inline;
    top: auto; left: -9999px;
    width: 0px; height: 0px;
    line-height: 0
}

#campaign-page .HelpLayerInner {
    position: absolute;
    top: -200px; left: 455px;
    margin: 0; padding: 0;
    z-index: 150
}

#campaign-page #content .ContentInner {
    padding: 0;
    color: #fff;
    border-top: 1px solid #387eba;
    background: #2f6eab url(/static/images/bg_content_campaign.jpg) repeat-x top left
}

#campaign-page #content .FullWidth #InnerContent {
    position: relative;
    width: auto;
    margin-right: 0px;
    padding: 37px 16px 0 33px;
    background: transparent url(/static/images/bg-form-campaign.jpg) no-repeat bottom right
}

#campaign-page.layoutA .ContentOuter .borderbottom { background: none }

#campaign-page.layoutA .ContentOuter .borderleft { background: none }

#campaign-page.layoutA .ContentOuter .borderright { background: none }

#campaign-page.default-kampagne #content .FullWidth #InnerContent {
    width: 93.5%;
    padding: 37px 0 0 33px;
    background-image: url(/static/images/bg-form-campaign-default-layout.jpg)
}

#campaign-page.layoutA #content .FullWidth {
    border-top: solid 1px #b9c2d2; border-right: solid 1px #b9c2d2; border-left: solid 1px #b9c2d2
}

#campaign-page.layoutA #contentFooter ul.landingZert {
    width: 74.4%;
    margin-top: -20px; margin-left: 1px;
    padding-top: 41px; padding-bottom: 46px;
    border-right: solid 1px #b9c2d2; border-bottom: solid 1px #b9c2d2; border-left: solid 1px #b9c2d2
}

#campaign-page.layoutA #content .FullWidth #InnerContent { background-image: url(/static/images/bg-form-campaigne-a.jpg) }

#campaign-page.layoutB #content .FullWidth {
    border-top: solid 1px #b9c2d2; border-right: solid 1px #b9c2d2; border-left: solid 1px #b9c2d2
}

#campaign-page.layoutB #contentFooter ul.landingZert {
    width: 74.4%;
    margin-top: -20px; margin-left: 1px;
    padding-top: 41px; padding-bottom: 46px;
    border-right: solid 1px #b9c2d2; border-bottom: solid 1px #b9c2d2; border-left: solid 1px #b9c2d2
}

#campaign-page.layoutB #content .businesslogic-form { width: 62% }

#campaign-page.layoutB #formular .FormLine label,
#campaign-page.layoutB #formular .form-line label,
#campaign-page.layoutB #formular fieldset fieldset legend,
#campaign-page.layoutB #formular .FormLine label,
#campaign-page.layoutB #formular .form-line label,
#campaign-page.layoutB #formular fieldset fieldset legend { width: 32.473166% }

#campaign-page.layoutB #formular .FormLine #versandart .radio-group label { width: 35% }

#campaign-page.layoutB  #formular input { width: 64.235241% }

#campaign-page.layoutB #formular input.strasse { width: 50.959367% }

#campaign-page.layoutB #formular input.hausnummer { width: 10.66666666666667% }

#campaign-page.layoutB #formular input.plz { width: 15% }

#campaign-page.layoutB #formular input.ort { width: 46.4% }

#campaign-page.layoutC #content .FullWidth #InnerContent { background: none }

#campaign-page.layoutC .contentLeft {
    position: relative; float: left;
    width: 50%;
    padding-bottom: 60px
}

    #campaign-page.layoutC .contentLeft ul.landingZert {
        padding-top: 0; padding-left: 35px
    }

        #campaign-page.layoutC .contentLeft ul.landingZert li.first {         padding-left: 0px }

        #campaign-page.layoutC .contentLeft ul.landingZert li {
            float: left;
            padding: 0px 0 0 3px;
            list-style: none
        }

#campaign-page.layoutC .contentRight {
    float: right;
    width: 50%;
    margin-top: 40px;
    padding-bottom: 60px
}

#campaign-page.layoutC .campaign-stoerer {
    position: relative;
    top: 0; left: 0;
    margin-bottom: 30px; margin-left: 27px
}

#campaign-page.layoutC #formular input { width: 97.37704% }

#campaign-page.layoutC #formular input.hausnummer { width: 14.362088889% }

#campaign-page.layoutC #formular input.strasse { width: 79.01639% }

#campaign-page.layoutC #formular input.plz { width: 31.14754% }

#campaign-page.layoutC #formular input.ort { width: 62.29508% }

#campaign-page.layoutC #formular select { width: 97.37704% }

#campaign-page.layoutC #content .businesslogic-form { width: 93% }

#campaign-page.layoutC fieldset fieldset {
    width: 105.5%;
    margin-bottom: 8px
}

#campaign-page.layoutC #formular .FormLine.buttons-submit {
    margin-top: 10px; margin-left: 0
}

#campaign-page.layoutC .ContentModules ul.CModuleAufzaehlung li {
    width: 120%;
    font-size: 135%; font-weight: bold;
    line-height: 23px
}

#campaign-page.layoutC h1 {
    margin-top: -10px; margin-left: 25px;
    font-size: 305%
}

#campaign-page.layoutC #content #formular p.infoset-text { font-size: 110% }

#campaign-page.layoutC #formular .datenschutz .checkbox-group { padding-left: 4px }

#campaign-page.layoutA #formular fieldset fieldset .radio-group { padding-left: 10px }

#campaign-page.layoutE .contentLeft {
    position: relative; float: left;
    width: 48%;
    margin-top: -10px
}

    #campaign-page.layoutE .contentLeft .summary {
        width: 120%;
        padding-left: 25px
    }

        #campaign-page.layoutE .contentLeft .summary a.button {
            width: 166px; height: 26px;
            margin-left: 130px;
            padding: 0px;
            border: 2px solid #FFF;
            border-radius: 5px 5px 5px 5px;
            background: transparent url(/static/images/direkt_mitglied_werden.gif) no-repeat;
        }

#campaign-page.layoutE .contentRight {
    float: right;
    width: 52%;
    margin-top: 50px;
    padding-bottom: 10px
}

    #campaign-page.layoutE .contentRight ul.landingZert {
        padding-top: 0; padding-left: 0px
    }

        #campaign-page.layoutE .contentRight ul.landingZert li.first {         padding-left: 0px }

        #campaign-page.layoutE .contentRight ul.landingZert li {
            float: left;
            padding: 0px 0 0 3px;
            list-style: none
        }

#campaign-page.layoutE fieldset fieldset {
    width: 105.5%;
    margin-bottom: 8px
}

#campaign-page.layoutE .ContentModules ul.CModuleAufzaehlung li {
    width: 85%;
    font-size: 110%; font-weight: bold;
    background: url("/static/images/tri-list-gruen.gif") no-repeat scroll left top transparent;
    line-height: 18px;
}

#campaign-page.layoutE h1 {
    margin-top: -10px; margin-left: 25px;
    font-size: 250%
}

#campaign-page.layoutE #InnerContent { width: 98% }

#campaign-page.layoutE .ContentOuter .borderbottom {
    padding-bottom: 0;
    background: none
}

#campaign-page.layoutE .ContentOuter .borderleft { background: none }

#campaign-page.layoutE .ContentOuter .borderright { background: none }

#campaign-page.layoutE .ContentOuter .bordertop {
    width: 755px;
    background: none!important
}

#campaign-page.layoutE  #content #formular .FormNote { margin: -50px 0px 50px 0px }

#campaign-page.layoutE .footerinfos {
    float: right;
    width: 40%
}

    #campaign-page.layoutE .footerinfos .footertext {
        float: left;
        margin-top: 20px;
        color: #014785;
        font-size: 80%; font-weight: bold
    }

    #campaign-page.layoutE .footerinfos .footerlogo {
        float: right;
        margin: 10px 26px 0 0
    }

#campaign-page.layoutE #formular { padding-bottom: 0 }

    #campaign-page.layoutE #formular .radio-group label {     width: 42% }

    #campaign-page.layoutE #formular .datenschutz .checkbox-group {
        width: 60%;
        padding-left: 4px
    }

    #campaign-page.layoutE #formular .FormLine.buttons-submit {
        margin-top: 10px; margin-left: 0
    }

    #campaign-page.layoutE #formular .datenschutz .checkbox-group label {     width: 164px }

    #campaign-page.layoutE #formular ul.FormErrorMessages {
        position: absolute;
        top: -2px; left: 313px;
        width: 300px; height: 26px;
        padding-left: 25px;
        background: url(/static/images/landingpfeil.png) no-repeat transparent
    }

    #campaign-page.layoutE #formular .FormLine.buttons-submit input {
        margin-top: -10px; margin-left: 175px
    }

    #campaign-page.layoutE #formular .FormLine.buttons-submit input,
    #campaign-page.layoutE #formular .form-line.buttons-submit input {
        border: 1px solid #FFF;
        border-radius: 5px 5px 5px 5px;
    }

#campaign-page.layoutE .FooterInner {
    min-width: auto; width: 755px; max-width: auto;
    padding-right: 208px
}

#campaign-page.layoutE #formular ul.FormErrorMessages li {
    width: 200px;
    color: #014785
}

#campaign-page.layoutE #formular input.hausnummer { width: 15.362088889% }

#campaign-page.layoutE #formular input.strasse { width: 79.01639% }

#campaign-page.layoutE #formular input.plz { width: 31.14754% }

#campaign-page.layoutE #formular input.ort { width: 63.29508% }

#campaign-page.layoutE #formular select { width: 97.37704% }

#campaign-page.layoutE #formular input {
    width: 97.37704%; height: 18px;
    padding: 2px;
    background-color: #f5f5f5; color: #104689;
    font-size: 90%
}

#campaign-page.layoutE #contentFooter { padding-top: 0 }

#campaign-page.layoutE #content { margin-bottom: 0 }

#campaign-page.layoutE .landingFooterBorder {
    width: 753px;
    margin-bottom: 10px;
    padding-bottom: 30px;
    border-width: 0 1px 1px;
    border-color: #e5edf7;
    border-style: solid;
}

#campaign-page.layoutE #content #formular p.infoset-text { font-size: 110% }

#campaign-page.layoutE #content .FullWidth #InnerContent {
    margin-left: 19px;
    padding: 35px 0 0;
    background: none
}

#campaign-page.layoutE #content .businesslogic-form { width: 93% }

#campaign-page.layoutE #content .ContentInner {
    width: 755px;
    background: url(/static/images/bg-form-campaigne-e.jpg);
    background-repeat: no-repeat;
}

#campaign-page.layoutE .SSLPicto2 {
    float: left;
    width: 40%;
    padding: 25px 0 0 20px
}

#campaign-page.thankYou #content #InnerContent {
    width: auto; min-height: 470px;
    margin: 0; padding: 70px 27px 0 270px;
    background: transparent url(/static/images/landingpage_danke_hintergrund.jpg);
    background-repeat: no-repeat;
}

    #campaign-page.thankYou #content #InnerContent .confirmation .ContentModules .CMContent-2 {
        width: 300px; height: 53px;
        margin-left: 170px;
        padding: 3px 0 15px 35px;
        font-size: 110%;
        background: url(/static/images/social_networks.gif) top left no-repeat
    }

        #campaign-page.thankYou #content #InnerContent .confirmation .ContentModules .CMContent-2 a {
            color: #FFFFFF;
            text-decoration: none;
            line-height: 25px
        }

        #campaign-page.thankYou #content #InnerContent .confirmation .ContentModules .CMContent-2 a:hover { text-decoration: underline }

    #campaign-page.thankYou #content #InnerContent .confirmation .ContentModules .CMContent-1 {
        width: 300px;
        margin-left: 170px;
        font-size: 110%
    }

        #campaign-page.thankYou #content #InnerContent .confirmation .ContentModules .CMContent-1 a {
            color: #FFFFFF;
            text-decoration: none;
            line-height: 15px
        }

        #campaign-page.thankYou #content #InnerContent .confirmation .ContentModules .CMContent-1 a:hover { text-decoration: underline }

    #campaign-page.thankYou #content #InnerContent .confirmation .ContentModules .CMContent-0 {
        width: 450px;
        margin-bottom: 10px;
        font-size: 120%
    }

#campaign-page.thankYou #content #LALeftBox { display: none }

#campaign-page.thankYou #content .headersize { margin-top: 0 }

#campaign-page.thankYou .ContentOuter .borderbottom { background: none }

#campaign-page.thankYou .ContentOuter .borderleft { background: none }

#campaign-page.thankYou .ContentOuter .borderright { background: none }

#campaign-page.thankYou .headersize {
    margin: 0; padding: 0 0 15px 0;
    font-size: 280%
}

#campaign-page .campaign-stoerer {
    position: absolute;
    top: 43px; right: 24px
}

#campaign-page h1 {
    width: 93%;
    margin: 0 0 22px 0;
    color: #fff;
    font-size: 215%
}

#campaign-page .ContentModules ul.CModuleAufzaehlung {
    margin: 1px 0 4px 0; padding: 0;
    list-style: none outside none;
    background: transparent none;
}

    #campaign-page .ContentModules ul.CModuleAufzaehlung li {
        padding: 0 0 7px 27px;
        font-weight: bold;
        background: transparent url(/static/images/tri-liste-content-campaign.gif) no-repeat top left;
        line-height: 18px;
    }

#campaign-page.default-kampagne .ContentModules ul.CModuleAufzaehlung li {
    padding: 0 0 7px 27px;
    font-weight: bold;
    background: transparent url(/static/images/tri-liste-content-campaign-default.gif) no-repeat top left;
    line-height: 18px;
}

#campaign-page.layoutA .ContentModules ul.CModuleAufzaehlung li { background: none }

#campaign-page .MainContent { width: 70% }

/* ===[ Form ]=== */

#campaign-page #formular {
    padding-top: 8px; padding-right: 0; padding-bottom: 40px; padding-left: 25px
}

    #campaign-page #formular #geburtsdatum select.dateselect-month {     width: 26% }

    #campaign-page #formular #geburtsdatum select.dateselect-year {     margin-right: 0 }

    #campaign-page #formular fieldset fieldset .checkbox-group,
    #campaign-page #formular fieldset fieldset .radio-group {
        width: 60%;
        margin-left: 36.43421052631579%
    }

    #campaign-page #formular .radio-group input.CheckBoxen {     margin-right: 7px }

    #campaign-page #formular .datenschutz .checkbox-group {     font-size: 95% }

    #campaign-page #formular fieldset fieldset legend {     color: #fff }

    #campaign-page #formular .datenschutz .checkbox-group label {
        display: block;
        width: 195px;
        margin-left: 17px
    }

    #campaign-page #formular .FormLine.buttons-submit,
    #campaign-page #formular .form-line.buttons-submit {
        margin: 35px 10% 0 140px; padding: 0
    }

        #campaign-page #formular .FormLine.buttons-submit input,
        #campaign-page #formular .form-line.buttons-submit input {
            width: auto; height: auto;
            margin: 0px; padding: 0px;
            border: 0
        }

    #campaign-page #formular .landingForm .buttons {
        margin: 0; padding: 12px 0 0 0
    }

    #campaign-page #formular ul.FormErrorMessages {
        margin: 0; padding: 1px 0 2px 36%;
        color: #fff;
        font-size: 90%;
        line-height: 110%;
        background: transparent;
    }

        #campaign-page #formular ul.FormErrorMessages li { background: transparent none }

            #campaign-page #formular ul.FormErrorMessages li span {
                color: #FEB030;
                background: transparent
            }

    #campaign-page #formular #geburtsdatum legend {
        width: 39%;
        padding: 3px 0px 0 0
    }

    #campaign-page #formular #geburtsdatum select {
        width: 16%;
        margin-right: 3px; margin-left: 0
    }

    #campaign-page #formular #geburtsdatum label {
        position: absolute; display: inline;
        top: auto; left: -9999px;
        width: 0px; height: 0px;
        line-height: 0
    }

    #campaign-page #formular .radio-group label {     width: 40% }

    #campaign-page #formular .datenschutz label {     padding-top: 0 }

    #campaign-page #formular input.hausnummer {     width: 8% }

    #campaign-page #formular input.CheckBoxen {
        width: auto;
        margin-right: 5px!important;
        background: transparent;
        border: none;
    }

    #campaign-page #formular .radio-group br {     display: none }

    #campaign-page #formular .checkbox-group {
        width: 62%;
        margin-left: 0
    }

    #campaign-page #formular input.strasse {     width: 42% }

    #campaign-page #formular .versandart {
        margin-bottom: 0;
        padding-top: 6px; padding-bottom: 0
    }

    #campaign-page #formular .FormLine,
    #campaign-page #formular .form-line {
        margin: 0 0 3px 0; padding: 0 0 3px 0
    }

    #campaign-page #formular .FormLine,
    #campaign-page #formular .form-line {
        position: relative;
        z-index: 100
    }

        #campaign-page #formular .FormLine label.composite-label,
        #campaign-page #formular .form-line label.composite-label {         float: left }

        #campaign-page #formular .FormLine span.pflichtig,
        #campaign-page #formular .form-line span.pflichtig,
        #campaign-page #formular label.required span,
        #campaign-page #formular fieldset legend span {
            color: white;
            background: transparent none
        }

        #campaign-page #formular .FormLine label,
        #campaign-page #formular .form-line label,
        #campaign-page #formular fieldset fieldset legend {
            width: 35%;
            padding: 3px 5px 0 0
        }

    #campaign-page #formular input.plz {     width: 15% }

    #campaign-page #formular input.ort {     width: 35% }

    #campaign-page #formular .FormLine,
    #campaign-page #formular .form-line {     background: transparent none }

    #campaign-page #formular select {
        width: 55%;
        margin-right: 0
    }

    #campaign-page #formular .error {     border: 1px solid #FEB030 }

    #campaign-page #formular input {
        width: 53%; height: 1.35em;
        margin-right: 0;
        padding: 3px 0 0 6px
    }

    #campaign-page #formular form {     border: none }

    #campaign-page #formular h2 {
        padding: 0;
        color: #fff;
        font-size: 220%; font-weight: normal;
        background: transparent
    }

#campaign-page.default-kampagne #formular { padding: 7px 0 15px 0 }

    #campaign-page.default-kampagne #formular .datenschutz .checkbox-group label {
        display: inline;
        width: 35%;
        margin-left: 0;
        padding: 0 5px 0 0
    }

    #campaign-page.default-kampagne #formular .FormLine.buttons-submit,
    #campaign-page.default-kampagne #formular .form-line.buttons-submit {
        float: right;
        margin: 0 10% 0 0; padding: 0
    }

#campaign-page #content .businesslogic-form {
    width: 57%;
    padding-bottom: 0
}

#campaign-page #content #formular p {
    margin: 0; padding: 0 0 8px 0;
    line-height: 128%
}

#campaign-page #content #formular p.infoset-text { line-height: 18px }

#campaign-page.default-kampagne #content #formular p.infoset-text {
    font-size: 130%; font-weight: bold
}

/* ===[ Formlines: Label, Fields ]=== */

/* ===[ Fieldsets sorted, Checkboxen, Radios ]=== */

/* ===[ Buttons ]=== */

/* ===[ Form note ]=== */

#campaign-page #content #formular .FormNote {
    margin: -80px 0 50px 0; padding: 0;
    text-align: left
}

#campaign-page.default-kampagne #content #formular .FormNote {
    margin: 0; padding: 0;
    text-align: left
}

#campaign-page #content #formular .FormNote span {
    color: #fff;
    background: transparent
}

#campaign-page.layoutC #formular ul.FormErrorMessages {
    margin: 0; padding: 1px 0 2px 0;
    color: #fff;
    font-size: 90%;
    line-height: 110%;
    background: transparent;
}

/* ===[ Footer ]=== */

#campaign-page #contentFooter { padding-top: 6px }

    #campaign-page #contentFooter ul.landingZert {
        padding-top: 0; padding-left: 35px
    }

        #campaign-page #contentFooter ul.landingZert li.second {
            padding-top: 0px; padding-left: 11px
        }

        #campaign-page #contentFooter ul.landingZert li.first {
            padding-top: 5px; padding-left: 0
        }

        #campaign-page #contentFooter ul.landingZert li.last {
            padding-top: 4px; padding-left: 25px
        }

        #campaign-page #contentFooter ul.landingZert li {         padding: 4px 0 0 15px }

/* ===[ Naechste Seite ]=== */

#campaign-page #content .FullWidth #InnerContent.campaign-thankyou {
    position: relative;
    min-height: 33em;
    background: transparent url(/static/images/landingpage_danke_hintergrund.jpg) no-repeat top left
}

#campaign-page.default-kampagne #content .FullWidth #InnerContent.campaign-thankyou {
    position: relative;
    min-height: 33em;
    background: transparent url(/static/images/bg-form-campaign-next-default.jpg) no-repeat bottom left
}

#campaign-page .campaign-thankyou h1,
#campaign-page .campaign-thankyou .confirmation {
    width: 49%;
    margin-left: 50%
}

#campaign-page.default-kampagne .campaign-thankyou h1,
#campaign-page.default-kampagne .campaign-thankyou .confirmation {
    width: 49%;
    margin-left: 50%
}

#campaign-page .campaign-thankyou h2 {
    margin: 0; padding: 0 0 2px 0;
    color: #fff
}

#campaign-page .campaign-thankyou .CMContent { padding-bottom: 9px }

#campaign-page #formular a,
#campaign-page #formular a:visited,
#campaign-page .campaign-thankyou a,
#campaign-page .campaign-thankyou a:visited { color: #fff }