* {
    padding : 0;
    margin : 0;
}

html {
    height : 100%;
}

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

img {
    border : 0;
}

#container {
    position : relative;
    width : 1019px;
    height : 681px;
    margin : 0 auto;
    background : url('/media/img/bg_container.jpg')  no-repeat;
}

#content {
    position : absolute;
    top : 40px;
    width : 560px;
    height : 500px;
    margin-left : 80px;
    overflow : auto;
    padding : 10px;
}

#content p, #content ul, #content li, .file, #wk-logo p {
    font-family : Verdana, Tahoma, Helvetica, Arial;
    font-size : 12px;
    line-height : 150%;
    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 : 133px;
    right : 29px;
}

#w-test:hover {
    background : url('/media/img/w-test.jpg');
}






#navi {
    position : absolute;
    width : 536px;
    height : 60px;
    top : 597px;
    left : 108px;
}

#navi_beratung {
    float : left;
    width : 108px;
    height : 60px;
}

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

#navi_downloads {
    float : left;
    width : 131px;
    height : 60px;
}

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

#navi_extras {
    float : left;
    width : 94px;
    height : 60px;
}

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

#navi_impressum {
    float : left;
    width : 121px;
    height : 60px;
}

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

#navi_links {
    float : left;
    width : 82px;
    height : 60px;
}

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












#menu {
    position : absolute;
    width : 160px;
    height : 435px;
    left : 678px;
    top : 130px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


#menu_menschenhandel {
    position : absolute;
    top : 430px;
    right : 60px;
}




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;
}

#indexlink {
    position : absolute;
    top : -13px;
    left : 10px;
}

#indexlink p, #indexlink a {
    font-size : 9px;
}