@import url(frontend.css);

html, body {
        min-height: 100%;
        width: 100%;
        height: 100%;
}

html>body {
        height: auto;
}

* html, body {
        overflow: hidden;
}

html {
    padding: 0;
}

body {
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #FFFFFF;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 12px;
        color: #000000;
}

html>body {
        overflow: auto;
}


/* ACCESSKEY   */
#accesskey {
        z-index: 1000;
        text-align: left;
        position: absolute;
        bottom: 0px;
        height: 145px;
        width: 200px;
        right: 0px;
}

html>body #accesskey {
    position: fixed;
  }

#goto0, #goto1, #goto2, #goto3, #goto4, #goto5, #goto6, #goto7, #goto8, #goto9 {
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
        font-weight: bold;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        height: 32px;
        line-height: 32px;
        text-align: left;
        position: absolute;
        visibility: visible;
        white-space: nowrap;
        text-decoration: none;
        width: 145px;
        background-image: url('rechts.png');
        background-color: #003298;
}
#goto0 {
        top: 0px;
        left: 40px;
}
#goto1 {
        top: -34px;
        left: 40px;
}
#goto2 {
        top: -34px;
        left: 6px;
}
#goto3 {
        top: -34px;
        left: -28px;
}
#goto4 {
        top: -68px;
        left: 40px;
}
#goto5 {
        top: -68px;
        left: 6px;
}
#goto6 {
        top: -68px;
        left: -28px;
}
#goto7 {
        top: -102px;
        left: 40px;
}
#goto8 {
        top: -102px;
        left: 6px;
}
#goto9 {
        top: -102px;
        left: -28px;
}

#acc0 a, #acc1 a, #acc2 a, #acc3 a, #acc4 a, #acc5 a, #acc6 a, #acc7 a, #acc8 a, #acc9 a {
        height: 32px;
        width: 32px;
        position: absolute;
        border : 1px solid #002471;
        overflow: hidden;
        background: url('buttonZover.gif') no-repeat 0px -35px;
        line-height: 32px;
        text-align: center;
}

#acc0 a {
        top: 0px;
        left: 0px;
}
#acc1 a {
        top: 34px;
        left: 0px;
}
#acc2 a {
        top: 34px;
        left: 34px;
}
#acc3 a {
        top: 34px;
        left: 68px;
}
#acc4 a {
        top: 68px;
        left: 0px;
}
#acc5 a {
        top: 68px;
        left: 34px;
}
#acc6 a {
        top: 68px;
        left: 68px;
}
#acc7 a {
        top: 102px;
        left: 0px;
}
#acc8 a {
        top: 102px;
        left: 34px;
}
#acc9 a {
        top: 102px;
        left: 68px;
}

#acc0 a:hover, #acc1 a:hover, #acc2 a:hover, #acc3 a:hover, #acc4 a:hover, #acc5 a:hover, #acc6 a:hover, #acc7 a:hover, #acc8 a:hover, #acc9 a:hover {
        border : 1px solid #002471;
        overflow: visible;
        text-decoration: none;
        background: url('buttonZover.gif') no-repeat 0px 0px;
}

#acc0 a:active, #acc1 a:active, #acc2 a:active, #acc3 a:active, #acc4 a:active, #acc5 a:active, #acc6 a:active, #acc7 a:active, #acc8 a:active, #acc9 a:active{
        border : 1px solid #002471;
        overflow: visible;
        text-decoration: none;
        background: url('buttonZover.gif') no-repeat 0px 0px;
}

#acc0 a:focus, #acc1 a:focus, #acc2 a:focus, #acc3 a:focus, #acc4 a:focus, #acc5 a:focus, #acc6 a:focus, #acc7 a:focus, #acc8 a:focus, #acc9 a:focus{
        border : 1px solid #002471;
        overflow: visible;
        text-decoration: none;
        background: url('buttonZover.gif') no-repeat 0px 0px;
}

#acc span {
        visibility: hidden;
        font-size: 0px;
        letter-spacing: 0px;
        line-height: 0px;
        vertical-align: 0px;
        word-spacing: 0px;
        background-color: #FFFFFF;
        color: #000000;

}
#nr span {
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
        font-weight: bold;
}
span.nr {
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #FFFFFF;
        font-weight: bold;
}
span.acc  {
        visibility: hidden;
        font-size: 0px;
        letter-spacing: 0px;
        line-height: 0px;
        vertical-align: 0px;
        word-spacing: 0px;
}



/* NAVGATION   */
a.anker{
        height: 0px;
        width: 0px;
        line-height: 0px;
        overflow: hidden;
        visibility: hidden;
}
#navi{
        position: fixed;
        left: 0px;
        top: 100px;
        width: 237px;
        z-index: 50;
        visibility: visible;
        background-color: #FFFFFF;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
        font-weight: bold;

        }

#navi ul, #navi ul ul, #navi ul ul ul{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        list-style-type: none;
}

#navi ul li, #navi ul ul li, #navi ul ul ul li{
        height: 20px;
        width: 237px;
        line-height: 20px;
        text-align: left;
        overflow: hidden;
        display: inline;
    padding: 0px 0px 0px 0px;
}

/* 1. Ebene  */
#navi ul li a{
        text-decoration: none;
        background: url('RGBbutton.png') no-repeat 0px 0px;
        height: 20px;
        width: 237px;
        display: block;
        vertical-align: middle;
        text-align: left;
        padding-top: 0px;
        padding-left: 30px;
        overflow: hidden;
        display: block;
        color: #FFFFFF;
}
#navi ul li a:hover{
        text-decoration: underline;
        background: url('RGBbutton.png') no-repeat 0px -20px;
        text-align: left;
        padding-left: 32px;
        color: #FFFFFF;
}
#navi ul li a:active, #navi ul li.listActive a{
        text-decoration: none;
        background: url('RGBbutton.png') no-repeat 0px -40px;
        text-align: left;
        padding-left: 35px;
        color: #FFFFFF;
}

/* 1. Ebene darunter  */
#navi ul li.listActive li a{
        text-decoration: none;
        background: url('RGBbutton.png') no-repeat 0px 0px;
        height: 20px;
        width: 237px;
        display: block;
        vertical-align: middle;
        text-align: left;
        padding-top: 0px;
        padding-left: 45px;
        overflow: hidden;
}

#navi ul li.listActive li a:hover{
        text-decoration: underline;
        background: url('RGBbutton.png') no-repeat 0px -20px;
        text-align: left;
        padding-left: 47px;
        color: #FFFFFF;
}

/* 2. Ebene  */
#navi ul ul li a{

        text-decoration: none;
        background: url('RGBbutton.png') no-repeat 0px 0px;
        height: 20px;
        width: 237px;
        display: block;
        vertical-align: middle;
        text-align: left;
        padding-top: 0px;
        padding-left: 45px;
        overflow: hidden;


}
#navi ul ul li a:hover{
        text-decoration: underline;
        background: url('RGBbutton.png') no-repeat 0px -20px;
        text-align: left;
        padding-left: 47px;
        color: #FFFFFF;
}

#navi ul ul li a:active, #navi ul ul li.listActive a{
        text-decoration: none;
        background: url('RGBbutton.png') no-repeat 0px -40px;
        text-align: left;
        padding-left: 50px;
        color: #FFFFFF;
}
/* 2. Ebene darunter  */
#navi ul ul li.listActive li a{
        text-decoration: none;
        background: url('RGBbutton.png') no-repeat 0px 0px;
        height: 20px;
        width: 237px;
        display: block;
        vertical-align: middle;
        text-align: left;
        padding-top: 0px;
        padding-left: 60px;
        overflow: hidden;
}

#navi ul ul li.listActive li a:hover{
        text-decoration: underline;
        background: url('RGBbutton.png') no-repeat 0px -20px;
        text-align: left;
        padding-left: 62px;
        color: #FFFFFF;
}

/* 3. Ebene  */
#navi ul ul ul li a{

        text-decoration: none;
        background: url('RGBbutton.png') no-repeat 0px 0px;
        height: 20px;
        width: 237px;
        display: block;
        vertical-align: middle;
        text-align: left;
        padding-top: 0px;
        padding-left: 60px;
        overflow: hidden;


}
#navi ul ul ul li a:hover{
        text-decoration: underline;
        background: url('RGBbutton.png') no-repeat 0px -20px;
        text-align: left;
        padding-left: 62px;
        color: #FFFFFF;
}

#navi ul ul ul li a:active, #navi ul ul ul li.listActive a{
        text-decoration: none;
        background: url('RGBbutton.png') no-repeat 0px -40px;
        text-align: left;
        padding-left: 65px;
        color: #FFFFFF;
}
/* 3. Ebene darunter  */
#navi ul ul ul li.listActive li a{
        text-decoration: none;
        background: url('RGBbutton.png') no-repeat 0px 0px;
        height: 20px;
        width: 237px;
        display: block;
        vertical-align: middle;
        text-align: left;
        padding-top: 0px;
        padding-left: 75px;
        overflow: hidden;
}

#navi ul ul ul li.listActive li a:hover{
        text-decoration: underline;
        background: url('RGBbutton.png') no-repeat 0px -20px;
        text-align: left;
        padding-left: 77px;
        color: #FFFFFF;
}

/* NAVGATION ENDE */
#logo{
        width: 237px;
        height: 64px;
        z-index: 1000;
        position: absolute;
        left: 0px;
        top: 20px;
        visibility: visible;
        overflow: hidden;
        z-index: 100;
}
  html>body #logo{
    position: fixed;
  }


#content {
        position: absolute;
        left: 267px;
        top: 0px;
        background-color: #FFFFFF;
        z-index: 99;
        padding-bottom: 130px;
        padding-left: 20px;
        padding-right: 30px;
        padding-top: 100px;
        overflow: auto;
        height: 57%;
        width: 47%;
}

 html>body #content {
        overflow: hidden;
        padding-right: 300px;
        padding-top: 1px;
        height: auto;
        width: auto;
        top: 100px;
        z-index: 1;
}

#copy{
        bottom: 10px;
        left: 0px;
        height: 35px;
        z-index: 900;
        visibility: visible;
        position: absolute;
        text-align: center;
        width: 100%;
}
  html>body #copy{
    position: fixed;
        visibility: visible;
  }

#footlink{
        bottom: 10px;
        left: 0px;
        height: 35px;
        z-index: 950;
        visibility: visible;
        position: absolute;
        text-align: center;
        width: 100%;
}
  html>body #footlink{
    position: fixed;
        visibility: visible;
  }

p.copy{
        color: #0000FF;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        text-align: center;
        font-weight: bold;
        font-variant: small-caps;
        white-space: nowrap;
        letter-spacing: 2px;
}

#navioben{
        position: fixed;
        left: 0px;
        top: 0px;
        width: 237px;
        height: 100px;
        z-index: 49;
        visibility: visible;
        background-image: url('RGBlinks.png');
        background-color: #FFFFFF;
}

#rgb-cmyk{
        position: absolute;
        top: 0px;
        width: 13px;
        height: 35px;
        z-index: 100;
        background-image: url('RGBschnitt.png');
        left: 216px;
}
  html>body #rgb-cmyk{
    position: fixed;
  }

#rgb-cmyk_waag{
        position: absolute;
        top: 0px;
        width: 100%;
        height: 64px;
        z-index: 99;
        background-image: url('RGBwaag.png');
        right: 264px;
}
  html>body #rgb-cmyk_waag{
    position: fixed;
  }

#rgb-cmyk_prisma{
        position: absolute;
        top: 0px;
        right: 210px;
        width: 54px;
        height: 64px;
        z-index: 101;
        background-image: url('RGBprisma.png');
}
  html>body #rgb-cmyk_prisma{
    position: fixed;
  }

#strahl{
        position: absolute;
        top: 33px;
        width: 69px;
        height: 158px;
        z-index: 300;
        background-image: url('strahlanim.gif');
        right: 165px;
}
  html>body #strahl{
    position: fixed;
  }

#facecont{
        position: absolute;
        top: 64px;
        width: 295px;
        height: 396px;
        z-index: 101;
        background-image: url('faceB.png');
        right: 10px;
}
  html>body #facecont{
    position: fixed;
  }

#copybg {
        bottom: -10px;
        left: 0px;
        position: absolute;
        height: 128px;
        z-index: 80;
        width: 100%;
}
  html>body #copybg {
        background-position: center;
        position: fixed;
        background-image: url('logoBG.png');
        background-repeat: no-repeat;
}

#verify {
        z-index: 1100;
        text-align: left;
        position: absolute;
        bottom: 0px;
        right: 0px;
}

html>body #verify {
    position: fixed;
  }

#fillleft {
        bottom: 0px;
        left: 0px;
        position: absolute;
        z-index: 2;
        width: 237px;
        background-image: url('RGBlinks.png');
        visibility: visible;
        height: 100%;
}
  html>body #fillleft {
    position: fixed;
  }

#fillright {
        bottom: 0px;
        right: 0px;
        position: absolute;
        height: 100%;
        z-index: 2;
        width: 210px;
        background-image: url('rechts.png');
        visibility: visible;
}
  html>body #fillright {
    position: fixed;
  }