/* CSS Document
        orange:   #ED6F27
        dk. gray: #54656F
        md. gray: #CFD3D6
        lt. gray: #E3E6E7
         lt. orange: #FFDCC7

html {
        overflow:hidden;
}
*/

body
{
 font-family:Verdana;
 font-size:9px;
 background-color:#ffffff;
 margin-top:0px;
 margin-left:0px;
 overflow:hidden;
 color:#54656F;
}

h1 {font-size:1px;color:#d1d1d1;}
h2 {font-size:9px;color:#54656F; font-weight:bold; margin-top:0px}
h3 {font-size:9px;color:#54656F; font-weight:bold; margin-top:5px; margin-bottom:4px;}
h4 {font-size:11px;color:#ED6F27; font-weight:bold; margin-bottom:4px;}

p {
        font-family:Arial, Helvetica, sans-serif;
        font-size:9px;
        color:#54656F;
        line-height:1.4em;
        margin: 6px 0px 0px 0px;
}

label {
        margin: 5px 0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:9px;
        color:#54656F;
        display: block;
          float: left;
          width: 100px;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

/* ******************************
   alle container der hauptseite
**********************************/

/*
        position links in der mitte
#container {
        position:absolute;
        top: 50%;
        height: 357px;
        margin: -220px 0 0 0;
}
*/

#container {
        position:absolute;
        top: 50%;
        left: 50%;
        width: 1000px;
        height: 367px;
        margin: -220px 0 0 -500px;
}

#head {
        position:relative;
        background-color:#FFFFFF;
        width:1017px;
        height:125px;
}

#logo {
        width:208px;
        height:125px;
        background-color:#FFFFFF;

}

#navi_orange {
        position:absolute;
        left:871px;
        top:45px;
}

#navi_left {
        top:0px;
        width:130px;
        height:357px;
        padding-left:0px;
        padding-top:17px;
        margin-left:63px;
        /* border-right: 1px solid #54656F; */
}

#flash_in_navi {
        position:absolute;
        width: 145px;
        height: 211px;
         left: 63px;
        top: 146px;
        z-index:1;
}

#navi_top {
        width:633px;
        height:20px;
        background-color:#ffffff;
        float:right;
        position:absolute;
        top:0px;
        left:369px;
        padding-left: 15px;
        color:#54656F;
         text-align:right;
        /*border-bottom:1px solid #54656F;  */
}

#kontakt {
        position:absolute;
        left:663px;
        top: 0px;
}

#main {
        width:1000px;
        height:357px;
        background-color:#ffffff;
        position:relative;
}

#inhalt {
        background-image:url("../bilder/layout/bg-links.gif");
         background-repeat:no-repeat;
        position:absolute;
        left:208px;
        top:16px;
        width:792px;
        height:100%;
}

#news {
        width:293px;
        background-color:#E3E6E7;
        margin-bottom:11px;
        padding: 4px;
}

#trailerbox {
        width:245px;
        height:70px;
        padding-left:8px;
        padding-top:10px;
        margin-bottom:11px;
        position:absolute;
        background-repeat:no-repeat;
}

#unternavi_taster {
        position:absolute;
        background-color:#FFDCC7;
        left: 398px;
        top: 1px;
        z-index:99;
        padding: 0px 5px 5px 5px;
}

#unternavi_akustik {
        position:absolute;
        background-color:#FFDCC7;
        left: 443px;
        top: 1px;
        z-index:99;
        padding: 0px 5px 5px 5px;
}

#unternavi_net1 {
        position:absolute;
        background-color:#FFDCC7;
        left: 500px;
        top: 1px;
        z-index:99;
        padding: 0px 5px 5px 5px;
}


#unternavi_dialog {
        position:absolute;
        background-color:#FFDCC7;
        left: 544px;
        top: 1px;
        z-index:99;
        padding: 0px 5px 5px 5px;
}

#unternavi_klassifizierung {
        position:absolute;
        background-color:#FFDCC7;
        left: 631px;
        top: 1px;
        z-index:99;
        padding: 0px 5px 5px 5px;
}


#footer {
        background-color:#FFFFFF;
        color:#54656F;
        width:954px;
        height:15px;
         padding-top:3px;
        margin-left:63px;
        font-size:11px;
        z-index:4;
         border-top:1px solid #54656F;
}

#inhalt_links {
        position:absolute;
        left: 15px;
        top: 15px;
        width: 300px;
        height: 311px;
}

#inhalt_links_bild {
        position:absolute;
        left: 11px;
        top: 11px;
        width: 300px;
        height: 311px;
}

#inhalt_links_klein {
        position:absolute;
        left: 15px;
        top: 15px;
        width: 132px;
        height: 100px;
}

#inhalt_links_kontakt {
        position:absolute;
        left: 18px;
        top: 15px;
        width: 296px;
        height: 333px;
}

#inhalt_links_anfahrt {
        position:absolute;
        left: 39px;
        top: 15px;
        width: 751px;
        height: 333px;
        line-height:1em;
}

#inhalt_rechts_kontakt {
        position:absolute;
        left: 311px;
        top: 11px;
        background-color:#E3E6E7;
        width: 478px;
        height: 304px;
        padding: 13px 11px;
}

#inhalt_rechts_trailer {
        position:absolute;
        left: 311px;
        top: 11px;
        background-color:#E3E6E7;
        width: 478px;
        height: 304px;
        padding: 13px 11px;
        text-align:center;
}

#inhalt_rechts_trailertopo {
        position:absolute;
        left: 260px;
        top: 11px;
        background-color:#E3E6E7;
        width: 551px;
        height: 304px;
        padding: 0px 0px;
        text-align:right;
}

#inhalt_rechts_foto {
        position:absolute;
        background-color:#E3E6E7;
        left: 328px;
        top: 11px;
        width: 483px;
        height: 330px;
        padding: 0px 0px;
}

#inhalt_mitte_mp2, #inhalt_mitte_mp3, #inhalt_mitte_mp5, #inhalt_mitte_mp6 {
        position:absolute;
        left: 2px;
        top: 11px;
        height: 300px;
        width: 280px;
         text-align: left;
        padding: 13px 11px;
         color: #E3E6E7;
}
#inhalt_mitte_mp1, #inhalt_mitte_mp4 {
        position:absolute;
        left: 2px;
        top: 17px;
        height: 300px;
        width: 560px;
         text-align: left;
        padding: 13px 11px;
         color: #E3E6E7;
}

#inhalt_mitte, #inhalt_mitte_1, #inhalt_mitte_2, #inhalt_mitte_3, #inhalt_mitte_4, #inhalt_mitte_5,
#inhalt_mitte_6 {
        position:absolute;
        left: 328px;
        top:11px;
        background-color:#E3E6E7;
        width: 304px;
        height: 304px;
        padding: 13px 11px;
}

#inhalt_mitte_akustik_kombi200, #inhalt_mitte_akustik_kombis, #inhalt_mitte_akustik_kombigeraet {
        position:absolute;
        left: 328px;
        top: 11px;
        background-color:#E3E6E7;
        width: 304px;
        height: 304px;
        padding: 13px 11px;
}

#inhalt_links_dd_klassifikation {
        position:absolute;
        left: 18px;
        top: 11px;
        width: 600px;
        height: 311px;
}

#inhalt_mitte_normal {
        position:absolute;
        left: 328px;
        top: 9px;
        width: 310px;
        height: 314px;
        padding: 3px 8px;
}

#inhalt_mitte_klassifikation {
        position:absolute;
        left: 328px;
        top: 25px;
        width: 310px;
        height: 314px;
        padding: 3px 8px;
}

#inhalt_mitte_akustik_main {
        position:absolute;
        left: 323px;
        top: 11px;
        width: 310px;
        height: 330px;
        padding-left: 5px;
}

#inhalt_mitte_mit_skizze {
        position:absolute;
        left: 490px;
        top: 27px;
        width: 134px;
        height: 251px;
        padding: 3px 8px;
}

#inhalt_mitte_normal_taster {
        position:absolute;
        left: 328px;
        top: 9px;
        width: 475px;
        height: 314px;
        padding: 3px 8px;
}

#inhalt_bild_rechts, #inhalt_bild_rechts_1, #inhalt_bild_rechts_2, #inhalt_bild_rechts_3, #inhalt_bild_rechts_4, #inhalt_bild_rechts_5, #inhalt_bild_rechts_6, #inhalt_bild_rechts_kombi200, #inhalt_bild_rechts_kombigeraet, #inhalt_bild_rechts_kombis   {
        position:absolute;
        left: 666px;
        top: 11px;
        width:145px;
}

#inhalt_rechts_bildtext {
        position:absolute;
        left: 666px;
        top: 230px;
}


/* ******************************
                         graue links (Impressum englisch usw)
**********************************/

a.grau:link {
        color: #54656F;
        text-decoration: none;
        font-weight:bold;
        font-size:11px;
        line-height:1.4em;
}

a.grau:visited {
        color: #54656F;
        font-weight:bold;
        text-decoration: none;
        font-size:11px;
        line-height:1.4em;
}

a.grau:hover {
        color: #ED6F27;
        font-weight:bold;
        text-decoration: none;
        font-size:11px;
        line-height:1.4em;
}

a.grau:active {
        color: #ED6F27;
        text-decoration: none;
        font-weight:bold;
        font-size:11px;
        line-height:1.4em;
}

/* ******************************
                 hell graue links
**********************************/

a.weiss:link {
        color: #54656F;
        text-decoration: none;
        font-weight:bold;
        font-size:11px;
        line-height:1.4em;
}

a.weiss:visited {
        color: #54656F;
        font-weight:bold;
        text-decoration: none;
        font-size:11px;
        line-height:1.4em;
}

a.weiss:hover {
        color: #ED6F27;
        font-weight:bold;
        text-decoration: none;
        font-size:11px;
        line-height:1.4em;
}

a.weiss:active {
        color: #ED6F27;
        text-decoration: none;
        font-weight:bold;
        font-size:11px;
        line-height:1.4em;
}

/* ******************************
                 hell graue links aktiv
**********************************/

a.weissaktiv:link {
        color: #ED6F27;
        text-decoration: none;
        font-weight:bold;
        font-size:11px;
        line-height:1.4em;

}

a.weissaktiv:visited {
        color: #ED6F27;
        font-weight:bold;
        text-decoration: none;
        font-size:11px;
        line-height:1.4em;
}

a.weissaktiv:hover {
        color: #ED6F27;
        font-weight:bold;
        text-decoration: none;
        font-size:11px;
        line-height:1.4em;
}

a.weissaktiv:active {
        color: #ED6F27;
        text-decoration: none;
        font-weight:bold;
        font-size:11px;
        line-height:1.4em;
}

/***********************************************
        dunkelgraue link im text
************************************************/

a.dunkelgrau:link {
        color: #54656F;
        text-decoration: none;
        font-weight:bold;
        font-size:9px;
}

a.dunkelgrau:visited {
        color: #54656F;
        font-weight:bold;
        text-decoration: none;
        font-size:9px;
}

a.dunkelgrau:hover {
        color: #ED6F27;
        font-weight:bold;
        text-decoration: none;
        font-size:9px;
}

a.dunkelgrau:active {
        color: #ED6F27;
        text-decoration: none;
        font-weight:bold;
        font-size:9px;
}

/***********************************************
        dunkelgraue link im text UNFETT
************************************************/

a.dunkelgrauLT:link {
        color: #54656F;
        text-decoration: none;
        font-weight:light;
        font-size:9px;
}

a.dunkelgrauLT:visited {
        color: #54656F;
        font-weight:light;
        text-decoration: none;
        font-size:9px;
}

a.dunkelgrauLT:hover {
        color: #ED6F27;
        font-weight:light;
        text-decoration: none;
        font-size:9px;
}

a.dunkelgrauLT:active {
        color: #ED6F27;
        text-decoration: none;
        font-weight:light;
        font-size:9px;
}

/***********************************************
        orange links im impressum
************************************************/

a.orange:link {
        color: #ED6F27;
        text-decoration: none;
        font-weight:bold;
        font-size:11px;
}

a.orange:visited {
        color: #ED6F27;
        font-weight:bold;
        text-decoration: none;
        font-size:11px;
}

a.orange:hover {
        color: #4D5D66;
        font-weight:bold;
        text-decoration: none;
        font-size:11px;
}

a.orange:active {
        color: #4D5D66;
        text-decoration: none;
        font-weight:bold;
        font-size:11px;
}

/***********************************************
        orange Download-links
************************************************/

a.orangeDL:link {
        color: #ED6F27;
        text-decoration:none;
        font-weight:normal;
        font-size:9px;
}

a.orangeDL:visited {
        color: #ED6F27;
        text-decoration:none;
        font-weight:normal;
        font-size:9px;
}

a.orangeDL:hover {
        color: #4D5D66;
        text-decoration:none;
        font-weight:normal;
        font-size:9px;
}

a.orangeDL:active {
        color: #4D5D66;
        text-decoration:none;
        font-weight:normal;
        font-size:9px;
}


/***********************************************
         links in topnavi
************************************************/

a.navitop:link {
        color: #54656F;
        text-decoration: none;
        font-weight:bold;
        font-size:9px;
}

a.navitop:visited {
        color: #54656F;
        font-weight:bold;
        text-decoration: none;
        font-size:9px;
}

a.navitop:hover {
        color: #ED6F27;
        font-weight:bold;
        text-decoration: none;
        font-size:9px;
}



a.navitop:active {
        color: #ED6F27;
        text-decoration: none;
        font-weight:bold;
        font-size:9px;
}



a.navitopaktiv:link {
        color: #ED6F27;
        text-decoration: none;
        font-weight:bold;
        font-size:9px;
}

a.navitopaktiv:visited {
        color: #ED6F27;
        font-weight:bold;
        text-decoration: none;
        font-size:9px;
}

a.navitopaktiv:hover {
        color: #ED6F27;
        font-weight:bold;
        text-decoration: none;
        font-size:9px;
}

a.navitopaktiv:active {
        color: #ED6F27;
        text-decoration: none;
        font-weight:bold;
        font-size:9px;
}
