body {
        margin: 0 auto 0 auto;
        background-color:#fff;
        background-attachment:fixed;
        height: auto;
        }

#wrapper {

         margin:0 auto 0 auto;
         padding-top: 52px;
         width:920px;
         height:100%;

}
#header {
         height: 39px;
         width: 920px;
         background-image: url(../pics/logo.jpg);
         background-repeat: no-repeat;
}

#navigation {
         position:relative;
         height:96px;
         width:920px;
         z-index:20;
}
ul {
         padding: 48px 0 0 0;
         margin: 0 0 0;
         list-style: none;

}

li {
         text-align: center;
         float: left;
         position: relative;
         width:153px;
         height: 17px;
         background-image: url(../pics/navi.jpg);
         background-repeat: no-repeat;

}
li.firm {
         background-image: none;
}
li.team  {
         margin: 0 0 0 26px;
         width:116px;
         background-image: url(../pics/navi_team.jpg);
         background-repeat: no-repeat;
}
li.teameng  {
         margin: 0 0 0 37px;
         width:116px;
         background-image: url(../pics/navi_teameng.jpg);
         background-repeat: no-repeat;
}

/* Unternavi */
li ul {
         display: none;
         float: left;
         margin: -50px 0 0 13px;

}

li ul li {

         background-image: none;
         padding: 2px 0 0 0;
         background-image: url(../pics/unavi.jpg);
         background-repeat: no-repeat;
         width: 141px;
         height: 18px;
         text-align: left;
         margin: 0 0 0 15px;
}
li ul li ul.l3{

         background-image: none;
         padding: 0 0 0 0;
         background-image: url(../pics/unavi.jpg);
         background-repeat: no-repeat;
         width: 151px;
         height: 18px;
         text-align: left;
         margin: 0 0 0 138px;
         position: absolute;
         display: none;
}

ul li ul li:hover ul.l3, ul li ul li.over ul.l3 {
        display: block;
}

li.training  {

         background-image: url(../pics/unavi_training.jpg);
         background-repeat: no-repeat;

}
li.trainingf  {

         background-image: url(../pics/unavi_trainingf.jpg);
         background-repeat: no-repeat;
         color:#f15d23;
}

li>ul {
  top: 0px; left: 0px;
}

li:hover ul, li.over ul{
        display: block;
}

a {
         font-family:Arial;
         font-size:12px;
         color:#646567;
         text-decoration: none;
         cursor: pointer;
}

a:hover {
         color:#f15d23;
}
a.active  {
         color:#f15d23;
}
a.link {
        text-decoration: underline;
}


/* Inhalt */

h2  {
         font-family:Arial;
         font-weight: normal;
         font-size:14px;
         color:#625742;
         margin: 18px 0 19px 14px;
}
h2.op  {
         color:#f15c22;
}
h2.for {
         color:#00235d;
}

img  {
        border: 0;
}
img.index  {
        margin: 10px 0 0 0;
}
p {
         font-family:Arial;
         font-size:12px;
         color:#646567;
         margin: 14px 14px 14px 14px;
}
p.image {
        margin: -36px 0 0 14px;
        color:#fff;
}
p.form {
         font-family:Arial;
         font-size:12px;
         color:#646567;
         margin: 0 0 0 14px;
}
em {
        font-family:Arial;
        font-size:12px;
        font-style: normal;
        font-weight: bold;
        color:#625742;

}
#content_unternehmen {
        width: 461px;
        float: right;
        margin:0 0 30px 0;
}

/* Buttons */

.lang {
         background-image: url(../pics/lang.jpg);
         height: 29px;
         width: 67px;
         float: right;
}
.news {
         background-image: url(../pics/lang.jpg);
         height: 29px;
         width: 67px;
         float: right;
         margin: 420px 0 0 850px;
         position: absolute;
}

a.language {
         display: block;
         color:#b1b2b3;
         margin: 7px 0 0 13px;
}
a.language:hover {

         color:#646567;

}
a.weiter {
         display: block;
         color:#646567;
         margin: 7px 0 0 14px;
         font-size: 11px;
}
a.weiter:hover {
         color:#b1b2b3;
}

#button_weiter {
        width: 30px;
        height: 19px;
        float: right;
        position: relative;
        margin: 0 0 0 0;
}
#button_weiterf {
        width: 30px;
        height: 19px;

        position: relative;
        margin: 0 0 0 0;
}
.submit {
        width: 88px;
        height: 45px;
        padding: 0 0 17px 0;
        margin: 0;
        border: 0;
        background-image: url(../pics/button_download.jpg);
        background-repeat: no-repeat;
}
.submit:hover {
        color:#f15d23;
}
.submit2 {
        width: 100px;
        height: 45px;
        padding: 0 0 17px 0;
        margin: 0;
        border: 0;
        background-image: url(../pics/button_submit.jpg);
        background-repeat: no-repeat;
}
.submit2:hover {
        color:#f15d23;
}
.back {
        padding: 0;
        margin: 0px 0 0 0;
        background-image: url(../pics/lang.jpg);
        background-repeat: no-repeat;
        width:67px;
        height: 29px;
        position: absolute;
}
.dreid {
        padding: 0;
        margin: 0;
        background-image: url(../pics/dreid.jpg);
        background-repeat: no-repeat;
        width:100px;
        height: 29px;
        position: absolute;
}
.einsd {
        padding: 0;
        margin: 0;
        background-image: url(../pics/dreid.jpg);
        background-repeat: no-repeat;
        width:400px;
        height: 29px;
        position: absolute;
}


/* Übersicht Produkte */

#button_training {

        margin: 0 0 0 11px;
        width: 102px;
        height:170px;
        background-image: url(../pics/button_trainingssys1.gif);
        background-repeat: no-repeat;
        position: absolute;
}
#button_training:hover {

        background-image: url(../pics/button_trainingssys1h.gif);
        background-repeat: no-repeat;

}
#button_training_eng {

        margin: 0 0 0 11px;
        width: 153px;
        height:170px;
        background-image: url(../pics/button_trainingssys_eng.gif);
        background-repeat: no-repeat;
        position: absolute;
}
#button_training_eng:hover {

        background-image: url(../pics/button_trainingssys_engh.gif);
        background-repeat: no-repeat;

}
#button_nase2 {

        margin: 0 0 0 113px;
        width: 102px;
        height:170px;
        background-image: url(../pics/button_nase2.gif);
        background-repeat: no-repeat;
        position: absolute;

}
#button_nase2:hover {

        background-image: url(../pics/button_nase2h.gif);
        background-repeat: no-repeat;
}
#button_nase2_eng {

        margin: 0 0 0 164px;
        width: 155px;
        height:170px;
        background-image: url(../pics/button_nase2_eng.gif);
        background-repeat: no-repeat;
        position: absolute;
}
#button_nase2_eng:hover {

        background-image: url(../pics/button_nase2_engh.gif);
        background-repeat: no-repeat;


}
#button_stapes {

        margin: 0 0 0 215px;
        width: 104px;
        height:170px;
        background-image: url(../pics/button_stapes.gif);
        background-repeat: no-repeat;
        position: absolute;

}
#button_stapes:hover {

       background-image: url(../pics/button_stapesh.gif);
       background-repeat: no-repeat;

}
#bg_button1 {
         position: absolute;
         background-image:url(../pics/bg_button_produkte.png);
         width:332px; height: 192px;
         margin: 42px 0 0 -12px;
         z-index:20;
}

#content_button_trainingssys {
        width: 461px;
        float: right;
        margin:42px 0 0 0;

}
#button_op_modelle {
        position: absolute;
        margin: 0 0 0 11px;
        width: 308px;
        height:170px;
        background-image: url(../pics/button_opmodelle.gif);
        background-repeat: no-repeat;
        opacity: 0.5;
        filter:alpha(opacity = 50);
}
#bg_button2 {
         position: absolute;
         background-image:url(../pics/bg_button_produkte.png);
         width:332px; height: 192px;
         margin: 125px 0 0 45px;
          z-index:10;
}
#content_button_opmodelle {

        width: 461px;
        float: right;
        margin:42px 0 0 0;
        background-image: url(../pics/content_button_opmodelle.jpg);
        background-repeat: no-repeat;
}
#button_forschung {
        position: absolute;
        margin: 1px 0 0 11px;
        width: 308px;
        height: 170px;
        background-image: url(../pics/button_forschung.gif);
        background-repeat: no-repeat;

        opacity: 0.5;
        filter:alpha(opacity = 50);
}
#bg_button3 {
         position: absolute;
         background-image:url(../pics/bg_button_produkte.png);
         width:332px; height: 192px;
         margin: 209px 0 0 101px;
         z-index:0;
}
#content_button_forschung {

        width: 461px;
        float: right;
        margin:42px 0 0 0;
        background-image: url(../pics/content_button_forschung.jpg);
        background-repeat: no-repeat;
}

/* Trainingssystem Felsenbein */

#bild4  {
        width: 459px;
        height: 378px;
        float: left;
        margin:42px 0 0 -50px;
        position: absolute;
}
#content_1 {
        margin:42px 0 0 -30px;
        width: 461px;
        float: right;

}
#content_2 {
        margin:42px 0 0 0;
        width: 461px;
        float: right;
}
#content_3 {
        margin:42px 0 0 0;
        width: 461px;
        float: right;

}
#content_4 {
        margin:42px 0 0 0;
        width: 461px;
        float: right;
}
/* Trainingssystem Nase */

#bild1  {
        width: 480px;
        height: 399px;
        float: left;
        margin:42px 0 0 -40px;
        position: absolute;
}
#bild2 {
        width: 459px;
        height: 399px;
        float: left;
        margin:50px 0 0 -40px;
        position: absolute;
}
#bild3 {
        width: 459px;
        height: 399px;
        float: left;
        margin:42px 0 0 0;
        margin:42px 0 0 -40px;
        position: absolute;
}
#bild2-1 {
        width: 500px;
        height: 5000px;
        float: left;
        margin:40px 0 0 -45px;
        position: absolute;
}

#button_nase {
        position: absolute;
        margin: 0 0 0 11px;
        padding:0;
        width: 332px;
        height:192px;
        background-image: url(../pics/button_nase.gif);
        background-repeat: no-repeat;
        opacity: 0.5;
        filter:alpha(opacity = 50);

}
#button_felsenbein {
        position: absolute;
        margin: 0 0 0 11px;
        padding:0;
        width: 332px;
        height:192px;
        background-image: url(../pics/button_trainingssys.gif);
        background-repeat: no-repeat;

}
/* Downloads */

#downloads {
        width: 300px;
        float: left;

}
#button_downloads {
       margin: 45px 0 0 0;
}
#button {
        width: 100px;
        height: 45px;
        float: right;
        padding: 6px 0 0 0;
        margin:0;
        background-image: url(../pics/button_download.jpg);
        background-repeat: no-repeat;
}
a.title  {
         padding: 0px 0 0 17px;
}
a.title_blue {
         padding: 0px 0 0 17px;
}
a.title_blue:hover  {
         color:#00235d;
}
h2.opd {
         color:#f15c22;
         margin: 18px 0 -10px 14px;
}
h2.ford {
         color:#00235d;
         margin: 18px 0 -10px 14px;
}
h2.hd {
         color:#625742;
         margin: 18px 0 -10px 14px;
}
/* Impressum */

#content_left {
        width: 459px;
        float: left;
        margin:42px 0 0 0;
}
/* team */


#ronny {
        position: absolute;
        padding: 0;
        margin: 42px 0 0 -3px;
        height:115px;
        width: 153px;

        opacity: 0.5;
        filter:alpha(opacity = 50);
}
#IMGronny {
        position: absolute;
        margin: 205px 0 0 0;
        z-index: 20;
}
#hendrik {
        position: absolute;
        padding: 0;
        margin: 42px 0 0 151px;
        height:115px;
        width: 153px;
        opacity: 0.5;
        filter:alpha(opacity = 50);
}
#IMGhendrik {
        position: absolute;
        margin: 205px 0 0 0;
        z-index: 20;
}
#tobias {
        position: absolute;
        padding: 0;
        margin: 42px 0 0 305px;
        height:115px;
        width: 153px;
        opacity: 0.5;
        filter:alpha(opacity = 50);
}
#IMGtobias {
        position: absolute;
        margin: 205px 0 0 0;
        z-index: 20;
}
#mario {
        position: absolute;
        padding: 0;
        margin: 42px 0 0 459px;
        height:115px;
        width: 153px;
        opacity: 0.5;
        filter:alpha(opacity = 50);
}
#IMGmario {
        position: absolute;
        margin: 205px 0 0 0;
        z-index: 20;
}
#robert {
        position: absolute;
        padding: 0;
        margin: 42px 0 0 613px;
        height:115px;
        width: 153px;
        opacity: 0.5;
        filter:alpha(opacity = 50);
}
#IMGrobert {
        position: absolute;
        margin: 205px 0 0 0;
        z-index: 20;
}
#maxi {
        position: absolute;
        padding: 0;
        margin: 42px 0 0 767px;
        height:115px;
        width: 153px;
        opacity: 0.5;
        filter:alpha(opacity = 50);
}
#IMGmaxi {
        position: absolute;
        margin: 205px 0 0 0;
        z-index: 20;
}
#content_1n {
        margin:200px 0 0 0;
        width: 461px;
        float: right;
}
#content_2n {
        margin:200px 0 0 0;
        width: 461px;
        float: right;
}
#content_3n {
        margin:200px 0 0 0;
        width: 461px;
        float: right;

}
#content_4n {
        margin:200px 0 0 0;
        width: 461px;
        float: right;
}
#content_5 {
        margin:200px 0 0 0;
        width: 461px;
        float: right;
}
#content_6 {
        margin:200px 0 0 0;
        width: 461px;
        float: right;
}