* {
    padding : 0;
    margin : 0;
}

html {
    height : 100%;
}

body {
    height : 100%;
    background : url('/media/img/bg.png') center;
}

img {
    border : 0;
}

#container {
    position : relative;
    width : 930px;
    height : 630px;
    margin : 0 auto;
    background : url('/media/img/bg_body.png')  no-repeat;
}

#content {
    position : absolute;
    top : 70px;
    width : 480px;
    height : 450px;
    margin-left : 50px;
    overflow : auto;
    padding : 10px;
}

#content p, #content ul, #content li, .file, #wk-logo p {
    font-family : Verdana, Tahoma, Helvetica, Arial;
    font-size : 10px;
    line-height : 140%;
    padding-top : 10px;
    color : #383838;
}

#content ul {
    margin-left : 20px;
}

#content li {
    list-style : square;
}

#content h1, #content h2 {
    font-size : 18px;
    font-family : Verdana, Tahoma, Helvetica, Arial;
    font-weight : bold;
    color : #0061b7;
}

#content h1 {
    padding-top : 30px;
}

#content h2 {
    font-size : 14px;
    color : #383838;
    padding-top : 10px;
}

#content a, #wk-logo a {
    color : #0061b7;
}

#content a:hover, #wk-logo a:hover {
    color : #383838;
}


#wk-logo {
    position : absolute;
    top : 20px;
    right : 360px;
}

img#headline {
    margin-bottom : 20px;
}


#w-test {
    position : absolute;
    width : 111px;
    height : 85px;
    top : 391px;
    right : 76px;
}






#navi {
    position : absolute;
    width : 384px;
    height : 65px;
    top : 540px;
    left : 114px;
}

#navi_beratung {
    float : left;
    width : 173px;
    height : 32px;
}

#navi_beratung:hover {
    background : url('/media/img/navi/beratung_hover.png') no-repeat;
}

#navi_downloads {
    float : left;
    width : 186px;
    height : 33px;
}

#navi_downloads:hover {
    background : url('/media/img/navi/downloads_hover.png') no-repeat;
}

#navi_extras {
    float : left;
    width : 104px;
    height : 33px;
}

#navi_extras:hover {
    background : url('/media/img/navi/extras_hover.png') no-repeat;
}

#navi_impressum {
    float : left;
    width : 211px;
    height : 32px;
}

#navi_impressum:hover {
    background : url('/media/img/navi/impressum_hover.png') no-repeat;
}

#navi_links {
    float : left;
    width : 94px;
    height : 33px;
}

#navi_links:hover {
    background : url('/media/img/navi/links_hover.png') no-repeat;
}












#menu {
    position : absolute;
    width : 143px;
    height : 334px;
    left : 577px;
    top : 180px;
}

#menu_sex_ehe {
    width : 160px;
    height : 22px;
}

#menu_sex_ehe:hover {
    background : url('/media/img/menu/sex_ehe_hover.png') no-repeat;
}

#menu_erstes_mal {
    width : 160px;
    height : 20px;
}

#menu_erstes_mal:hover {
    background : url('/media/img/menu/erstes_mal_hover.png') no-repeat;
}

#menu_schwangerschaft {
    width : 160px;
    height : 19px;
}

#menu_schwangerschaft:hover {
    background : url('/media/img/menu/schwangerschaft_hover.png') no-repeat;
}

#menu_schwanger {
    width : 160px;
    height : 26px;
}

#menu_schwanger:hover {
    background : url('/media/img/menu/schwanger_hover.png') no-repeat;
}

#menu_verhuetung {
    width : 160px;
    height : 20px;
}

#menu_verhuetung:hover {
    background : url('/media/img/menu/verhuetung_hover.png') no-repeat;
}

#menu_kondom {
    width : 160px;
    height : 19px;
}

#menu_kondom:hover {
    background : url('/media/img/menu/kondom_hover.png') no-repeat;
}

#menu_teens {
    width : 160px;
    height : 20px;
}

#menu_teens:hover {
    background : url('/media/img/menu/teens_hover.png') no-repeat;
}

#menu_missbrauch {
    width : 160px;
    height : 20px;
}

#menu_missbrauch:hover {
    background : url('/media/img/menu/missbrauch_hover.png') no-repeat;
}

#menu_frauenarzt {
    width : 160px;
    height : 21px;
}

#menu_frauenarzt:hover {
    background : url('/media/img/menu/frauenarzt_hover.png') no-repeat;
}

#menu_zyklus {
    width : 160px;
    height : 20px;
}

#menu_zyklus:hover {
    background : url('/media/img/menu/zyklus_hover.png') no-repeat;
}

#menu_lerngeschichte {
    width : 160px;
    height : 19px;
}

#menu_lerngeschichte:hover {
    background : url('/media/img/menu/lerngeschichte_hover.png') no-repeat;
}

#menu_selbstbefriedigung {
    width : 160px;
    height : 25px;
}

#menu_selbstbefriedigung:hover {
    background : url('/media/img/menu/selbstbefriedigung_hover.png') no-repeat;
}

#menu_pornos {
    width : 160px;
    height : 19px;
}

#menu_pornos:hover {
    background : url('/media/img/menu/porno_hover.png') no-repeat;
}

#menu_abtreibung {
    width : 160px;
    height : 20px;
}

#menu_abtreibung:hover {
    background : url('/media/img/menu/abtreibung_hover.png') no-repeat;
}

#menu_menschenhandel {
    width : 160px;
    height : 20px;
}

#menu_menschenhandel:hover {
    background : url('/media/img/menu/menschenhandel_hover.png') no-repeat;
}

#menu_macho {
    width : 160px;
    height : 24px;
}

#menu_macho:hover {
    background : url('/media/img/menu/macho_hover.png') no-repeat;
}




h3 {
    font-family : Verdana, Tahoma, Helvetica, Arial;
    font-size : 13px;
}

div#nq {
    font-style : italic;
    font-family : Verdana, Tahoma, Helvetica, Arial;
    font-size : 12px;
    line-height : 150%;
    padding-top : 10px;
    color : #383838;
}

#richtig p {
    color : green;
}

#falsch p, .error p {
    color : red;
}

#a {
    border : 1px solid #0061b7;
    padding-left : 10px;
    padding-right : 5px;
}

#toplinks, #footer {
    width : 100%;
    height : 20px;
}

#toplinks {
    padding-top : 10px;
}

#toplinks p, #footer p {
    text-align : center;
    color : #fff;
    font-size : 12px;
    font-family : Helvetica, Arial, sans-serif;
}

#toplinks a, #footer a {
    color : #fff;
    font-size : 12px;
    font-family : Helvetica, Arial, sans-serif;
}

#footer a, #footer p {
    font-size : 10px;
}


#footer {
    padding-bottom : 50px;
}