@charset "utf-8";
/* BASIC STYLES */

body {
    background-color: #171717;
    background-image:url(../images/png/bg_verlauf.png);
    background-repeat:repeat-x;
    color:#a6a6a6;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    line-height:0.9em;
}
html, body {
    height: 100%;
}
html {
    overflow:-moz-scrollbars-vertical;
}/*
#wrapper_main {   Haupt Div-Tag 
    width:960px;
    min-width:960px;
    margin:auto;
    text-align:left;
    font-size:0.75em;
    position:absolute;
}*/
#wrapper_main {  /* Haupt Div-Tag */
    position:absolute;
    width: 960px;
    margin:0 0 0 -480px;
    text-align:right;
    margin-top:0px;
    left: 50%;
    text-align:left;
    font-size:0.75em;
    }
#wrapper_logo { /* Div-Tag für den Logo-, und Sub-Men�-Bereich */
    width:960px;
    height:83px;
    background-image:url(../images/header_bg_linie.gif);
    background-repeat:repeat-x;
}
#wrapper_logo .split_66 .poser { /* Div-Tag zur Positionierung des Kind-Div-Tags damit dieser bei gro�en Schriftarten korrekt expandiert */
    width:640px;
    margin:auto;
    position:absolute;
    height:60px;
}
#wrapper_logo #submenu {
    width:100%;
    position:absolute;
    bottom:0px;
}
#wrapper_header { /* Div-Tag Kopfgrafik. Umfasst das Hauptmenu */
    width:960px;
    height:300px;
    }
#wrapper_header #wrapper_headergrafik {
    width:960px;
    margin:0px;
    position:absolute;
    height:300px;
}
#wrapper_header .poser { /* Div-Tag zur Positionierung des Kind-Div-Tags damit dieser bei gro�en Schriftarten korrekt expandiert */
    width:960px;
    min-width:960px;
    margin:auto;
    position:absolute;
    height:300px;
}
#wrapper_header #mainmenu { /* Div-Tag mit transparentem PNG f�r das Hauptmenu */
    width:960px;
    min-width:960px;
    min-height: 90px;
    position:absolute;
    bottom:0px;
    background-image:url(../images/png/img_hauptmenu_trans_bg.png);
    background-position:top;
    border-bottom: #d3d3d3 2px solid;
}
#wrapper_breadconcol { /* bread = wrapper_breadcrump, con = wrapper_content & col = #div_columnright */
    background-color:black;
}
.wrapper_breadconcol960 {
    width:960px;
    padding-bottom:20px;
}
.startthis .wrapper_breadconcol960 {padding-bottom:0;}
.wrapper_breadconcol840 {
    width:840px;
    padding-bottom:20px;
}
#wrapper_breadcrump { /* Div-Tag Navigationspfad. Position unterhalb des wrapper_kopfgrafik Tags */
    width:820px;
    height: 15px;
    font-size:0.75em;
    line-height: 2.5em;
    background-color:black;
    height:40px;
    padding-left:20px;
}
#wrapper_content { /* Div-Tag Inhaltsbereich */
    width:960px;
}
#wrapper_footer { /* Div-Tag Fusszeile */
    width:960px;
    height:20px;
    font-size:0.75em;
    margin-top: 3px;
}
#wrapper_footer #design_studio {
    text-align:right;
}
#wrapper_footer #company {
    text-align:left;
}
.float_left {
    float:left;
}
.float_right {
    float:right;
}
.clear {
    clear:both;
}
div.split_66 {                   /* Anwendbar nur auf Div-Tags. Leg diesen auf 66% Breite fest       */
    width:640px;
}
div.split_33 {                   /* Anwendbar nur auf Div-Tags. Leg diesen auf 33% Breite fest       */
    width:320px;
}
div.split_75 {                   /* Anwendbar nur auf Div-Tags. Leg diesen auf 75% Breite fest       */
    width:720px;
}
div.split_25 {                   /* Anwendbar nur auf Div-Tags. Leg diesen auf 75% Breite fest       */
    width:240px;
}
div.split_320 {                   /* Anwendbar nur auf Div-Tags. Leg diesen auf 320px Breite fest    */
    width:320px;
}
div.split_280 {                   /* Anwendbar nur auf Div-Tags. Leg diesen auf 300px Breite fest    */
    width:280px;
    margin:0 20px;
}
div.split_600 {                   /* Anwendbar nur auf Div-Tags. Leg diesen auf 600px Breite fest    */
    width:640px;
    margin:0;
}
div.split_49 {
    width:49%;
    margin:0;
}
#div_columnleft {               /* Breite 240px da 20px margin-left bei #wrapper_content anfallen   */
    width:220px;
    margin-left:20px;           /* Bleibt bei den verschiedenen Layoutversionen immer konstant      */
    padding-bottom:10px;        /* Position unterhalb des Headers, links neben Inhaltsbereich       */
}
div.teaser {                   /* Hält Artikel im Teaserbereich 20 Pixel von einander getrennt     */
    margin-bottom:40px;

} 
.artikelstart {    text-align: justfify;}
#welcome {width:920px; margin-left:20px;}
#startfooter { width:920px; padding-top:40px; padding-bottom:0;}
/* Layoutversion 1 -------------------------------------------------------------------------------  */

#div_content_700 {               /* Inhaltsbereich im Layout Version 1 mit gro�em Inhaltsbereich     */
    width:660px;                /* Breite 660px da margin: 0 20px*/
    margin:0 20px;              /* Position mittig unterhalb des Headers*/
    padding-bottom:40px;
}
#div_content_700_2 {               /* Inhaltsbereich im Layout Version 1 mit gro�em Inhaltsbereich     */
    width:680px;                /* Breite 680px da margin: 0 0 0 20px*/
    margin:0 0 0 20px;           /* Position mittig unterhalb des Headers*/
    padding-bottom:40px;
}
/* Layoutversion 2 -------------------------------------------------------------------------------- */

#div_content_580 {               /* Anwendbar nur auf Div-Tags. Leg diesen auf 560px Breite fest     */
    width:560px;                /* Breite 560px da margin: 0 20px                                   */
    margin:0 20px;              /* Position mittig unterhalb des Headers                            */
    padding-bottom:40px;
}
.wrapper_content_grau {
    background-color:#0a0a0a;
}
#div_columnright {              /* Breite 110px da padding: 0 5px anf�llt                           */
    width:110px;                /* Position rechts leben dem Inhaltsbereich unterhalb des Heasers   */
    padding:0 5px;
    height:100%;
    padding-bottom:1px;
    position:relative;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
/* Form STYLES */

/* Diverses Wichtiges und Unwichtiges*/ 
#img_hidden { 
    background-color:red;
    display:block;
    text-align:center;
    padding:10px 0;
}
#more {margin-top:-10px; text-align:right; display:block;}
.3spalt_start .wrapper_flex #img_hidden {
    background-color:black;
    text-align:left;
    display:inherit;
    padding:0;
  }
hr {
    display: block;
    border: 0px;
    border-bottom: 1px solid #1a1a1a;
    margin: 20px 0px 0px 0px;
    height: 1px;
}
strong {
    font-weight: bold;
}
.mr20 {
    margin-right:20px;
}     /* R�ckt den Inhalt eines Tags um 20 Pixel nach rechts   */
/* Linkdefinition */

a {
    color: white;
}
a:link {
    text-decoration:none;
}
a:visited {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

/* Defintion externe links ohne bestimmte Ziel-Datei */

#wrapper_content a:link[href^="http://"], #wrapper_content a:link[href^="https://"] {
 padding-right:11px;
 background: url(../images/img/extern.gif) no-repeat right 50%;
 text-decoration:none;
}
 #wrapper_content a:visited[href^="http://"], #wrapper_content a:visited[href^="https://"] {
 padding-right:11px;
 background: url(../images/img/extern.gif) no-repeat right 50%;
 text-decoration:none;
}
 #wrapper_content a:hover[href^="http://"], #wrapper_content a:hover[href^="https://"] {
 padding-right:11px;
 background: url(../images/img/extern.gif) no-repeat right 50%;
 text-decoration:underline;
}
/* Hauptmenu  Ebene 1 und 2*/ 

#mainmenu li {
    float:left;
    width:140px;
    display:block;
    text-indent:25px;
}
#mainmenu li a {
    font-size:1.17em;
    font-family:Georgia, "Times New Roman", Times, serif;
    color: white;
    line-height: 2em;
}
#mainmenu a:link {
    color: white;
    text-decoration:none;
}
#mainmenu a:visited {
    color: white;
}
#mainmenu a:hover {
    color: white;
    text-decoration:underline;
}
#mainmenu li li a {
    font-size:1em;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:#a6a6a6;
    line-height: normal;
}
#mainmenu li li a:link {

    color:#a6a6a6;
    text-decoration:none;
}
#mainmenu li li a:visited {
    color:#a6a6a6;
}
#mainmenu li li a:hover {
    color:white;

    text-decoration:underline;
}
#mainmenu li a.active {font-weight:bold;}
#mainmenu li li a.active {font-weight:normal; color:white; text-decoration:underline;}
#mainmenu a {
    text-decoration:none;

}
/*Hauptnavigation Ebene 3 und Schnellnavigation auf Startseite */
#schnellnavi li {margin:0 20px; width:280px; float:left;}
#schnellnavi li li {line-height:1.5em; margin:0px;}

ul#navigation_ac, ul#navigation_ld, ul#navigation_pd{
    line-height:1.5em;
    margin-bottom:20px;
}
ul#navigation_ac a, ul#navigation_ld a, ul#navigation_pd a, #schnellnavi li.listing13 li a, #schnellnavi li.listing14 li a {
    color:#a6a6a6;
    display:block;
    padding-left:20px;
    background-repeat:no-repeat;
    background-position:5px 50%
}
ul#navigation_ld a, ul#navigation_ac a { background-image:url(../images/ld_link_off.gif);}
ul#navigation_pd a { background-image:url(../images/pd_link_off.gif);}
#schnellnavi li.listing13 li a { background-image:url(../images/ld_link_off.gif);}
#schnellnavi li.listing14 li a { background-image:url(../images/pd_link_off.gif);}

ul#navigation_ac a:hover, ul#navigation_ac .active, ul#navigation_ld a:hover, ul#navigation_ld .active, ul#navigation_pd a:hover, ul#navigation_pd .active, #schnellnavi li.listing13 li a:hover, #schnellnavi li.listing14 li a:hover {
    color: white;
    background-color:#1a1a1a;
    background-repeat:no-repeat;
    background-position:5px 50%
}
ul#navigation_ac a:hover, ul#navigation_ac .active, ul#navigation_ld a:hover,ul#navigation_ld .active, #schnellnavi li.listing13 li a:hover {
    background-image:url(../images/ld_link_on.gif);
}
ul#navigation_pd a:hover,ul#navigation_pd .active, #schnellnavi li.listing14 li a:hover {
    background-image:url(../images/pd_link_on.gif);
}

ul#navigation_ac a.active, ul#navigation_ld .active, ul#navigation_ac .active, ul#navigation_pd .active { padding-left:20px; }

/* Sub-Menu - Hilfsnavigation im rechten oberen Teil der Layout*/ 

div#submenu {
    text-align:right;
}
#submenu ul {
    margin:0;
}
#submenu ul li {
    display:inline;
    margin:0;
}
#submenu ul li:Last-Child a {font-weight:bold!important;color:white;}
#submenu a {
    color: #a6a6a6;
    font-size:0.92em;
    text-decoration:none;
    margin:0 0 0 3px;
}
#submenu a:link {
    color: #a6a6a6;
    text-decoration:none;
}
#submenu a:visited {
    color: #a6a6a6;
}
#submenu a:hover {
    color: white;
    text-decoration:underline;
}
/* Navigationspfad - Navigation unterhalb der Hauptnavigation im Layout */

#wrapper_breadcrump a {
    color: #666666;
    text-decoration:none;
}
#wrapper_breadcrump a:link {
    color: #666666;
    text-decoration:none;
}
#wrapper_breadcrump a:visited {
    color: #666666;
}
#wrapper_breadcrump a:hover {
    color: white;
    text-decoration:underline;
}
/* Überschriften */

h1, h2, h3, h4, h5, h6 {
    color:white;
    font-style:italic;
}
#wrapper_content h1, #wrapper_content h1.content, #div_columnleft h1,#wrapper_content h1.startcontent {
    font-size:1.17em;
    line-height:1.5em;
    font-family:Georgia, "Times New Roman", Times, serif;
    display:block;
    background-image:url(../images/dashed.gif);
    background-position:bottom left;
    background-repeat:repeat-x;
    margin-bottom:20px;
    margin-top:40px;
}
#wrapper_content #startfooter h1 {margin-top:10px;}
#wrapper_content h1.startcontent {font-size:1.27em;font-style:normal;}
#wrapper_content h1.produkt {
    font-size:1.17em;
    line-height:1.5em;
    font-family:Georgia, "Times New Roman", Times, serif;
    display:block;
    background-image:none;
    background-position:bottom left;
    background-repeat:repeat-x;
    margin-bottom:4px;
    margin-top:0px;
    text-transform: normal;
}
#wrapper_content h1.produkt span{
    font-style:normal;
}
#wrapper_content h1.content_l2{
    margin-top:0px;
    width:660px;
}
#wrapper_content h1.content,#wrapper_content  h1.startcontent {
    margin-top:0px;
}
#div_columnleft h1 {
    margin-top:0px;
    margin-bottom:10px;
    text-transform: uppercase;
}
#wrapper_content h2 {
    font-size: 1.08em;
    margin-top: 20px;
    line-height: 1.6em;
}
#wrapper_content h2.content {
    margin-top:0px;
}
#div_columnright h1 {
    font-size:0.92em;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    display:block;
    font-style: normal;
    font-weight:bold;
    background-image: none;
}
#div_columnright h2 {
    font-size:0.75em;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    display:block;
    font-style: normal;
    font-weight:normal;
}
#anzeige_produktdetails h3 {
    color:white;
    font-weight:bold;
    font-style:normal;
}
/* Geordnetes Listing ----------------------------------------------- */

ol {
    margin:0 0 0 20px;
}
ol li {
    margin-bottom: 0px;
    list-style-type: none;
}
ol li ul {
    margin-bottom: 5px;
    margin-top: 5px;
    text-indent: 20px;
}
ol li ul li {
    margin-bottom: 0px;
    list-style-type: none;
    text-align: justify;
}
/* Geordnetes Listing speziel --------------------------------------- */
ol li.einzug {
    margin-left: 25px;
}
ol li.punkt {
    list-style-type: circle;
}
ol li.decimal {
    list-style-type: decimal;
}
/* Definition des Sitemap --------------------------------------------*/

ul#sitemap {
    margin:0px;
    padding:0px;
}
/* Ebene 0 */

ul#sitemap li {
    list-style-type: none;
    font-weight:bold;
    line-height: 1.5em;
    float:left;
    width:49%;
    padding:0px;
    text-indent:0px;
}
ul#sitemap li a {
    color:white;
    text-decoration:none;
    font-size: 1.08em;
    margin-top: 20px;
    line-height: 0.7em;
    width: 85%;
    display:block;
    background-repeat:no-repeat;
    background-position: left 60%;
    margin-bottom:10px;
}
ul#sitemap li a:link {
    padding-left: 12px;
}
ul#sitemap li a:visited, ul#sitemap li a:active {
    padding-left: 12px;
    text-decoration:underline;
}
ul#sitemap li a:hover {
    padding-left: 12px;
    text-decoration:underline;
}
/* Ebene 1 */

ul#sitemap li li {
    list-style-type: none;
    font-weight:normal;
    margin-left:20px;
    padding:0px;
    float:none;
    white-space: nowrap;
    width: 100%;
    display:block;
}
ul#sitemap li li a {
    text-decoration:none;
    border-bottom:none;
    background-repeat:no-repeat;
    background-position: left 60%;
    margin-bottom:5px;
}
ul#sitemap li li a:link {
    background-image:url(../images/pfeil_weiss.gif);
    background-position: left 60%;
    padding-left: 12px;
    background-repeat:no-repeat;
}
ul#sitemap li li a:visited, ul#sitemap li li a:active {
    background-image:url(../images/pfeil_weiss.gif);
    background-position: left 60%;
    padding-left: 12px;
    text-decoration:underline;
    background-repeat:no-repeat;
}
ul#sitemap li li a:hover {
    background-image:url(../images/pfeil_weiss.gif);
    background-position: left 60%;
    padding-left: 12px;
    text-decoration:underline;
    background-repeat:no-repeat;
}
/* Ebene 2 */

ul#sitemap li li li {
    list-style-type: none;
    font-weight:normal;
    margin-left:20px;
    padding:0px;
    float:none;
    width: 100%;
    display:block;
}
ul#sitemap li li li a {
    color:#cccccc;
    text-decoration:none;
    border-bottom:none;
    background-repeat:no-repeat;
    background-position: left 60%;
}
ul#sitemap li li li a:link {
    background-image:url(../images/linie_weiss.gif);
    background-position: left 60%;
    padding-left: 12px;
    background-repeat:no-repeat;
}
ul#sitemap li li li a:visited, ul#sitemap li li li a:active {
    background-image:url(../images/linie_weiss.gif);
    background-position: left 60%;
    padding-left: 12px;
    text-decoration:underline;
    background-repeat:no-repeat;
}
ul#sitemap li li li a:hover {
    background-image:url(../images/linie_weiss.gif);
    background-position: left 60%;
    padding-left: 12px;
    text-decoration:underline;
    background-repeat:no-repeat;
}
/* Ebene 3 */

ul#sitemap li li li li {
    list-style-type: none;
    font-weight:normal;
    margin-left:20px;
    padding:0px;
    float:none;
    width: 100%;
    display:block;
}
ul#sitemap li li li li a {
    color:#a6a6a6;
    text-decoration:none;
    border-bottom:none;
    background-repeat:no-repeat;
    background-position: left 60%;
    line-height: 0.6em;
}
ul#sitemap li li li li a:link {
    padding-left: 12px;
}
ul#sitemap li li li li a:visited, ul#sitemap li li li a:active {
    padding-left: 12px;
    text-decoration:underline;

}
ul#sitemap li li li li a:hover {
    padding-left: 12px;
    text-decoration:underline;
}
/* Kontakt --------------------------------------------------- */

form {
    margin:0px;
    padding:0px;
}
.kontaktformular {
    width: 430px;
}
.kontaktformular em {
    color:#ffffff;
}
.kontaktformular ol {
    margin-bottom:20px;
    margin-top:10px;
}
.kontaktformular ol li {
    padding:2px 0px;
    text-indent:5px;
}
.kontaktformular input {
    border-top:   0px solid #333333;
    border-left:  0px solid #333333;
    border-right: 0px solid #333333;
    border-bottom:1px solid #333333;
    padding: 3px 2px;
    color: #a6a6a6;
    background-color:#000000;
}
.kontaktformular input.pflicht, .kontaktformular textarea {
    background-color:#000000;
    color:white;
}

.kontaktformular input.eingabe {
    width: 276px;
}
.kontaktformular input.strasse {
    width: 225px;
    margin-right:10px;
}
.kontaktformular input.nr {
    width: 35px;
}
.kontaktformular input.ort {
    width: 215px;
}
.kontaktformular input.plz {

    width: 45px;
    margin-right:10px;
}
.kontaktformular textarea {
    width: 396px;
    height:150px;
    border:1px solid #333333;
    padding: 3px 2px;
}
.kontaktformular .button {
    border:1px solid #333333;
    background-color:#1a1a1a;
    margin-left:-5px;
    margin-right:10px;
}
.kontaktformular .dissi {   /*background-color:#0d0d0d;*/
}
label {
    display:block;
    width:119px;
    float:left;
    line-height:1.4em;
}
label.pflicht, span.pflicht {
    color:#ffffff;
}
legend {
    font-size: 1.09em;
    color:white;
    font-weight:normal;
    margin:4px 0;
    text-indent:20px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
}
#person {
    margin:0 0 20px 0;
}

/* Download */
.wrapper_presse h2 span {
    color:#333333;
    font-style:italic;
    font-weight:normal;
}
div.wrapper_presse               {margin: 0 0 20px 0;}
.wrapper_presse div.headline     {border-bottom:1px dashed #333333;margin: 3px 0 3px 0;font-weight:bold;}
.wrapper_presse h2               {font-weight:bold;font-style:normal;}
.wrapper_presse .dl_head         { width:30px; float:left;}
.wrapper_presse .dl_head img     { margin: 0.3em 0 0 0;}
.wrapper_presse .dl_name         { width:240px; float:left;}
.wrapper_presse .dl_size         { width:80px; float:left;}
.wrapper_presse .dl_description  {width:305px; float:left;padding-left:5px;}
.wrapper_presse ul li{
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    background-color:#1a1a1a;
    line-height: 2em;
    margin-bottom:1px
}
.wrapper_presse ul li:hover{
    background-color:#333333;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
.news_date { font-style: normal; padding-right:0px; font-weight:bold;}

/* FlexEditor */
strong, .wrapper_flex strong, .wrapper_flex b {font-weight:bold;}
.wrapper_flex em, .wrapper_flex i {font-style:italic;}
#wrapper_content p.flex, .wrapper_flex p { margin:0 0 30px 0;}
p.flex_flash {}
img.flex_float_right {
    float:right;
    margin:0 0 10px 20px;
    padding: 0 0 2px 0;
    border-bottom:1px solid white;
}
img.flex_float_left {
    float:left;
    margin: 0 20px 0 10px;
    padding: 0 0 2px 0; 
    border-bottom:1px solid white;
}
ul.flex, .wrapper_flex ul {margin:-15px 0 10px 15px;} 
#anzeige_produktdetails .wrapper_flex ul {margin:0 0 10px 15px;}
ul.flex li, ol.flex ol      {margin:0;} 
ul.flex li{
    list-style-type:circle;
    list-style-position:inside;
    padding-left:15px;
}
ol.flex                     {margin:0 0 10px 0;}
ol.flex li, ol.flex ul      {margin:0;}
ol.flex li{
    list-style:decimal;
    list-style-position:inside;
    padding-left:15px;
}
hr.flex { margin:0 0 30px 0;}
img.flex {
    margin:0 0 10px 0;
    padding: 0 0 2px 0;
    border-bottom:1px solid white;
}
* p.flexlink {margin-bottom:0;!important}
* .space1p5 {height:30px;}
.startthis img.flex{ margin-bottom:0;}