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:30;
}
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 15px;
        
}

li ul li {

         background-image: none;
         padding: 0 0 0 0;
         background-image: url(../pics/unavi.png);
         background-repeat: no-repeat;
         width: 141px;
         height: 26px;
         text-align: left;
         margin: 0 0 -5px 11px;
}
li ul li ul.l3{

         padding: 0 0 0;
         background-image: url(../pics/unavi.png);
         background-repeat: no-repeat;
         margin: 0 0 0 141px;
         position: absolute;
         display: none;
		 
}

ul li ul li:hover ul.l3, ul li ul li.over ul.l3 {
        display: block; 
}
li ul li ul.l3 a{

        margin-left: 5px; 
}

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;
}
#teaser {
        position: absolute;
        margin:30px 0 0 -5px;
}
#teaser2 {
        position: absolute;
        margin:100px 0 0 -5px;
}
#teaser3 {
        position: absolute;
        margin:170px 0 0 -5px;
}

/* 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: 87px;
        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 94px;
        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_stapes {

        margin: 0 0 0 180px;
        width: 82px;
        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;

}
#button_spine{

        margin: 0 0 0 260px;
        width: 82px;
        height:170px;
        background-image: url(../pics/button_spine.gif);
        background-repeat: no-repeat;
        position: absolute;

}
#button_spine:hover {

       background-image: url(../pics/button_spineh.gif);
       background-repeat: no-repeat;
      
}
#button_endos{

        margin: 0 0 0 340px;
        width: 93px;
        height:170px;
        background-image: url(../pics/button_endos.gif);
        background-repeat: no-repeat;
       
}
#button_endos:hover {

       background-image: url(../pics/button_endosh.gif);
       background-repeat: no-repeat;

}
#bg_button1 {
         position: absolute;
         background-image:url(../pics/bg_button_produkte_training.png);
		 width:443px; height: 192px;
         margin: 42px 0 0 -12px;
         z-index:20;
		 background-repeat: no-repeat;
}
#bg_button2 {
         position: absolute;
         background-image:url(../pics/bg_button_produkte.png);
         width:332px; height: 192px;
         margin: 125px 0 0 80px;
         z-index:10;
}
#bg_button3 {
         position: absolute;
         background-image:url(../pics/bg_button_produkte_forschung.png);
         width:332px; height: 192px;
         margin: 209px 0 0 60px;
         z-index:0;
}

#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);
}

#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);
}

#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 0px;
        height:115px;
        width: 153px;
		opacity: 0.5;
        filter:alpha(opacity = 50);
}

#hendrik {
        position: absolute;
        padding: 0;
        margin: 42px 0 0 152px;
        height:115px;
        width: 153px;
        opacity: 0.5;
        filter:alpha(opacity = 50);
}

#tobias {
        position: absolute;
        padding: 0;
        margin: 42px 0 0 304px;
        height:115px;
        width: 153px;
        opacity: 0.5;
        filter:alpha(opacity = 50);
}

#mario {
        position: absolute;
        padding: 0;
        margin: 42px 0 0 304px;
        height:115px;
        width: 153px;
        opacity: 0.5;
        filter:alpha(opacity = 50);
}

#robert {
        position: absolute;
        padding: 0;
        margin: 156px 0 0 0px;
        height:115px;
        width: 153px;
        opacity: 0.5;
        filter:alpha(opacity = 50);
}

#maxi {
        position: absolute;
        padding: 0;
        margin: 156px 0 0 152px;
        height:115px;
        width: 153px;
        opacity: 0.5;
        filter:alpha(opacity = 50);
}

#theo {
        position: absolute;
        padding: 0;
        margin: 156px 0 0 304px;
        height:115px;
        width: 153px;
        opacity: 0.5;
        filter:alpha(opacity = 50);
}

#thomas {
        position: absolute;
        padding: 0;
        margin: 270px 0 0 0px;
        height:115px;
        width: 153px;
        opacity: 0.5;
        filter:alpha(opacity = 50);
}
#christian {
        position: absolute;
        padding: 0;
        margin: 270px 0 0 152px;
        height:115px;
        width: 153px;
        opacity: 0.5;
        filter:alpha(opacity = 50);
}

#IMGronny , #IMGhendrik, #IMGtobias, #IMGmario, #IMGrobert, #IMGmaxi, #IMGtheo, #IMGthomas, #IMGchristian {
        position: absolute;
        margin: 42px 0 0 470px;
        z-index: 20;
}
#content_1n , #content_2n, #content_3n, #content_4n, #content_5, #content_6 , #content_7, #content_8, #content_9    {
        margin:400px 0 0 0;
        width: 900px;
        float: left;
}

