/* CSS Document */
/* ###################################################### */
/* ############## general html structur ################# */
/* ###################################################### */
html, body, div, p, td, a, input, textarea, select {
    font-family:Arial, Verdana, Helvetica, sans-serif;
    color:#454545;
}
html, body {
    margin:0;
    padding:0;/*overflow:auto;*/
    height: 100%;
    min-height: 100%;
}
html {
    overflow:-moz-scrollbars-vertical;
    min-width:962px;
    font-size: 101%;
}
body {
    font-size:0.75em;
    margin:0;
    padding:0;
}
form {
    margin:0;
    padding:0;
}
textarea {
    width:418px;
    height:85px;
    border:1px solid #8a8a8b;
    color: black;
    background-color:white;
}
input {
    border:1px solid #8a8a8b;
    padding: 3px 2px;
    color: black;
    background-color:white;
}
input.button {
    border:1px solid black;
    background-color:#bfbfbf;
    margin-right:10px;
    color:black;
}
.button:hover {
    background-color:#bfbfbf;
    color:black;
}
a { text-decoration:none;}
/* LINKS */
a { text-decoration:none; font-weight:bold;}
p.produktlink a { 
    font-weight:normal;
    background-image:url(../images/arrow-h2.png);
    background-position:right;
    background-repeat:no-repeat;
    padding-right:10px;
}
a:link, a:visited {color:black;}
a:visited { font-style:normal;}
a:hover, a.active {color:black;text-decoration:underline;}
a.active { text-decoration:underline;}
a.active:hover { text-decoration:none;}
/* Defintion externe/intern links zu einer PDF-Datei */
.imglink_wrapper                                     {margin-bottom:0;}
.imglink_wrapper img                                 {position:relative; z-index:20;}
.imglink_wrapper .redcorner {
    z-index:21;
    position:absolute;
    height:10px;
    width:10px;
    background-position:left bottom;
    background-repeat:no-repeat;
    margin-left:10px;
}
a:link .imglink_wrapper .redcorner, a:visited .imglink_wrapper .redcorner {
    background-image: url(../images/corner.png);    
}
a:hover .imglink_wrapper .redcorner {
    background-image: url(../images/corner-brown.png);
}

/* horizontale Linien */
hr {
    display: block;
    border: 0px;
    margin: 0 0 1em 0;
    height: 1px;
    clear:both;
}
hr.galeriefix {margin: 0;background-image:none;}
/* HEADLINES */
h1{
    text-transform:uppercase;
    font-family: "Arial Narrow", Arial, sans-serif; 
    margin-top:0.8em;
    margin-bottom:0.2em;
    line-height:1.2em;
    font-size: 3em;
    color:black;
}
h1 span{
    background-image:url(../images/h1-bg.png);
    background-repeat:no-repeat;
    background-position:bottom left;
    margin-left:-29px;
    padding-left:29px;
}
h2 {
    font-family: "Arial Narrow", Arial, sans-serif; 
    text-transform:uppercase;
    color:black;
    font-size:1.5em;
    margin-bottom:1.8em;
    padding-left:0.15em;
    padding-right:0.15em;
}
h2.newshead {
    margin-bottom:1.5em;
}
#conLeft h2 span {  background-image:url(../images/black-bg.png);color:white;padding:0 4px;}
#conRight h2
    {
    background-image: url(../images/content.png);
    display:block;
    line-height:2.5em;
    font-weight:bold;
    color:black;
    text-indent:13px;
    font-size:1.27em;
    margin-bottom:3px;
}
#anzeige_produktdetails h2 {font-size:1.27em;background-image:none;margin-bottom:0.3em; font-weight:bold;}
#anzeige_produktdetails h2 span{background-image:none;color:#8a8a8b;}
#anzeige_produktbild .flexbox_simple h2,#anzeige_produktbild .flexbox_simple h3{ 
    font-size:1.09em;
    font-weight:bold;
    line-height:1em;
    text-indent:0;
    margin-bottom:0.3em;
}
#sprachwechsel h2{ display: inline-table;float:left;line-height:1.3em;}
h3 {
    font-family:Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    font-weight:bold;
    color:#302615;
    font-size:1.17em;
    margin-bottom:0.3em;
    padding-left:0px;
}
#conRight h3 {font-size:1.09em; text-transform:none;}
#fit2 h3{
    font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
    font-size:1.17em;
    line-height:1.3em;
}
h3.produktlink { color:black;margin-top:2.5em;line-height:1.5em;}
h4,h5,h6 {
    margin-top:0.5em;
    color:#302615;
    font-size:1em;
    margin-bottom:0;
    font-weight:bold;
}
/* PARAGRAPHEN */
p {line-height:1.5em; text-align: justify;}
p.produktlink {line-height:2em; text-align: normal;margin-bottom:0!important;}
/* LISTINGS */
#CconLeft ul, #CconLeft ol { 
    margin-left:30px;
    margin-bottom:1em;
}
#CconLeft ul li{
    list-style-position: outside;
    list-style-type:disc;
}
#CconLeft ol li{
    list-style-position: outside;
    list-style-type:decimal;
}
/* ###################################################### */
/* ####################### MAIN BODY #################### */
/* ###################################################### */
/* Allumfassende Ebene ***********************************************/
#Main_Wrapper   {   width:100%; position:absolute; z-index:1;font-size:1em;}
/* Hintergrundbalken Ebene ***********************************************/
#banner
    {
    position: fixed;
    top:0;
    width:100%;
    height:139px;
    background-image:url(../images/mainmenu-bg.png);
    background-position:top;
    background-attachment:fixed;
    background-repeat:no-repeat;
    z-index:0;
}
/* Main Menu Wrapper ***********************************************/
#MainMenu_Wrapper, #banner  {   margin-top:1em;}
/* Content Wrapper ***********************************************/
#Content_Wrapper            {   margin-top:2em;}
/* Footer Wrapper ***********************************************/
#Footer_Wrapper             {   
    width:632px;
    margin-top:2em;
    margin-left:5px;
    }
/* Positionierer aller Ebenen der Stufe 2 ***********************************************/
.pos { width:960px; margin:0 auto;}
/* ###################################################### */
/* ####################### STRUCTURE #################### */
/* ###################################################### */

/* ######################### MENU ####################### */
#mainmenu       {   width:960px;margin-left:0px; color:white;   
    background-image: url(../images/mainmenu-bg_scroll.png);
    background-repeat: no-repeat; /* FÜR LTE6 BROWSERWEICHE EIN "background-repeat:no-repeat;" EINSTELLEN */
    background-position:center;}
#mainmenu div {float:left; margin-left:3px;}
.menuitemL1, .menuitemL2{   
    font-size:1.50em;   
    text-transform:uppercase;
    font-family: "Arial Narrow", Arial, sans-serif; 
    color:white;
}
#shops .menuitemL2, #produkte .menuitemL2{
    margin: 13px 0 0 14px;
    letter-spacing:-0.05em;
}
#logo           {   margin:0 4px;height: 100%;                  }
/* Gestaltung des Hauptmenüs */
#menu li        {   float:left;margin: 13px 0 0 17px;           }
#menu span      {
    padding-right:13px; 
    background-image: url(../images/arrow-down.png);
    background-position:right;
    background-repeat:no-repeat;}
#menu ul {
    font-family: Arial, sans-serif;
    font-weight:bold;
    text-transform:none;
    margin: 9px 0 0 14px;
}
#menu li li     {   clear:left;margin:0 0 4px 0;}
/* Breite der Elemente */
#logo, #shops, #produkte    {width:155px;}
#menu > li                  {width:142px;} /*4 mehr als die anderen Elemente */
/* LINKKONFIG */
#mainmenu a{padding:0.1em; text-decoration:none;}
#mainmenu a:link, #mainmenu a:visited {color:white;}
#mainmenu a:hover, #mainmenu a.active {color:black;}
#mainmenu #menu a:hover, #mainmenu #menu  a.active {background-color:white;}
#mainmenu #menu  a.active:hover {background-color:#d3d3d3;}
#produkte .models, #shops .shop{
    font-family: Arial, sans-serif;
    font-weight:bold;
    text-transform:none;
    margin: 9px 0 0 13px;
    color:white;
}
/* ################### SUBNAVIGATION #################### */
#metaNavigation { 
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.8em;
    background-image: url(../images/black-bg.png);
    background-position:left;
    background-repeat:no-repeat;
    margin-top:1em;
    margin-bottom:4em;
    text-indent:1em;
    line-height:2em;
}
#metaNavigation li {height:0;display:inline; color:#715d3c;}
/* LINKCONFIG */
#metaNavigation a { padding:0 0.2em;}
#metaNavigation a:link, #metaNavigation a:visited {color:white;     }
#metaNavigation a:hover, #metaNavigation a.active {color:black; background-color:white; text-decoration:none;}
#metaNavigation a.active { text-decoration:none;}
#metaNavigation a.active:hover { text-decoration:underline;}
/* ################### BrotKrummerMenü #################### */
#BC-Menu_Wrapper {
    font-family:Arial, Helvetica, sans-serif;
    width:100%;
    font-size:0.75em;
    color:#c0c0c0;
    padding-top:4px;
}
#BC-Menu_Wrapper a{
    color:#8a8a8b;
}
/* ####################### CONTENT ###################### */
#conLeft            { 
    width:632px;
    margin-left:5px;
    position:relative;
    background-image:url(../images/content.png);
    padding-bottom:2em;
}
#conLeft .content   { margin:0px 0 0 29px; width:575px; padding-bottom:1em;}
#conRight   { width:236px; margin-right:5px; font-size:0.92em;}
/* ################### PRODUCTDETAILS ################### */
#anzeige_produktbild{
    width:280px;
    font-size:0.92em;
    line-height:1em;
}
#anzeige_produktdetails{
    width:260px;
    font-size:0.92em;
    line-height:1em;
    margin-top:-1.5em;
}
#fit2{
    margin-top:3em;
    font-size:1.09em;
    line-height:1em;
    font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
    }
#fit2 a { 
    font-weight:normal;
    line-height:1.4em;
    background-image:url(../images/arrow-h2.png);
    background-repeat:no-repeat;
    background-position:right 50%;
    padding-right:10px;
}
#fit2 a span { text-transform:uppercase;color:#8a8a8b; font-weight:bold;}
#bestellen { margin-top:3em; font-size:1.45em;}
#bestellen a { 
    font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
    display:block;
    line-height:2em;
    text-indent:0.5em;
    font-weight:normal;
    text-transform:uppercase;
    background-image:url(../images/arrow-h2.png);
    background-repeat:no-repeat;
    background-position:245px 50%;
}
#bestellen a:link,#bestellen a:visited {background-color:#8a8a8b;} {background-color:#8a8a8b;}
#bestellen a:hover {background-color:#e5e4e4; text-decoration:none;}
#anzeige_produktbild a[href$=".pdf"] {
    padding-right:15px;
    padding-left:0px;
    background: url(../images/icon/pdf.png) no-repeat 255px 50%;
}
/* Defintion externe/intern links zu einer doc-Datei */
#anzeige_produktbild a[href$=".doc"] {
    padding-right:15px;
    padding-left:0px;
    background: url(../images/icon/word_icon.png) no-repeat right 50%;
}
/* Defintion externe/intern links zu einer xls-Datei */
#anzeige_produktbild a[href$=".xls"] {
    padding-right:15px;
    padding-left:0px;
    background: url(../images/icon/excel_icon.png) no-repeat right 50%;
}
#anzeige_produktbild a.downloads{
    display:block;
    line-height:2em;
    text-indent:1em;
    margin-bottom:0.3em;
}
#anzeige_produktbild a.downloads:link,#anzeige_produktbild a.downloads:visited{background-color:#e6e5e5;}
#anzeige_produktbild a.downloads:hover{background-color:#8a8a8b;color:white; text-decoration:none;}
/* Produktgalerie */
div.productgallery {margin-bottom:3em;}
div.productgallery ul.notvisible { display:none;visibility:hidden;}
#main_image {
    /*height:360px;*/
    margin-bottom:27px;
}
.caption {
    display:none;
}
.galleria {
    list-style:none;
    width:272px;
}
ul.gallery_products {
    margin-top:10px;
    margin-left:0px!important;
    padding-left:0;
    text-indent:0;
}
ul.gallery_products li {
    filter:alpha(opacity=50);
    -moz-opacity: 0.75;
    opacity: 0.75;
    padding-bottom: 2px;
    list-style-position:outside!important;
    list-style-type:none!important;
}
ul.gallery_products li:hover {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    padding-bottom: 2px;
}
ul.gallery_products li{
    float:left;
    margin-bottom: 14px;
    margin-right:14px;
}
ul.gallery_products li.first{}
ul.gallery_products li.low{
    margin-right:0px;
}
ul.gallery_products li.active{}
.galleria li a {
    display:none;
}
.galleria li div img {
    cursor:pointer;
}
.galleria li.active div img, .galleria li.active div {
    display:block;
}
.galleria li img.thumb {
    cursor:pointer;
    top:10px;
    left:auto;
    display:block;
    width:auto;
    height:auto;
}
.galleria li .caption {
    display:none;
    padding-top:0.5em;
}
* html .galleria li div span {
    width:272px;
}  /* MSIE bug */
/* ###################################################### */
/* ######################## FLEX ######################## */
/* ###################################################### */
/* SHORTNEWS */
#conRight .container {margin-bottom:15px;width:236px;}
#conRight #sprachwechsel {margin-bottom:12px;}
#conRight .container .top {
    background-image:url(../images/content.png);
    width:100%;
    margin-bottom:3px;
}
#conRight #sprachwechsel .top {padding:0.7em 0;background-color:white;}
#conRight #sprachwechsel .top span {background-image:none!important;}
#conRight .container .top span { 
    background-image:url(../images/arrow-h2.png);
    background-repeat:no-repeat;
    background-position:right 0.2em;
    padding-right:1em;
}
#conRight .container .bottom{ 
    width:100%;
    background-image: url(../images/content.png);
    margin:0;
    padding:0.9em 0;
}
#conRight .container .bottom .ndate {color:#777777;}
#conRight .container .pos{ width:210px;}
#conRight .container .cntr { display:block; text-align:center; font-weight:bold; line-height:1.7em; font-size:1.5em;}
 #conRight .container .cntr a {color:#454545;}
#conRight .container .rght { display:block; font-weight:bold; margin-top:1em;}
#conRight .container .nfontsmall {font-size:0.92em; color:#747474; text-align:left;padding-bottom:1em;}
#conRight .container .nfontsmall a{font-weight:normal;color:#686868;}
#conRight .container .nfontsmall a:hover{text-decoration:none;}
#conRight .container .textbigbold { font-weight:bold; font-size:1.35em; color:#454545;}
/*#shortnews {margin-bottom:}
#shortnews h2 span { 
    background-image:url(../images/arrow-h2.png);
    background-repeat:no-repeat;
    background-position:right 0.4em;
    padding-right:1em;
}
#shortnews .news { background-image: url(../images/content.png);}
#shortnews .newspos {width:210px;}
span.ndate {color:#4f4442; float:left; font-size:0.83em; line-height:1.3em;}
.h2news{margin-left:0; padding-left:0;}*/
/* Newssystem */
.articlelistPagecounter {
    display:block;
    text-align:center;
    margin-bottom:20px;
    font-size:0.8em;
}
.articlelistPagecounter hr {margin-top:10px;}
.articlelistNavigation {
    display:block;
    text-align:center;
    margin-top:10px;
    margin-bottom:20px;
    font-size:1.1em;
}
.articlelistMore {
    display:block;
    width:100%;
    text-align:right;
    margin-top:-1em;
    margin-bottom:1em;
}
.artikle_top {font-size:0.8em;margin-bottom:2em;}
.artikle_top a:link, .artikle_top a:visited {color:#4c4c4c;border-bottom-width: 0;}
.artikle_top a:hover {color:#4c4c4c;border-bottom-width: 0;}
.newshead a {color:black;font-weight:normal;font-family: "Arial Narrow", Arial, sans-serif;} 
.newshead a:link, .newshead a:visited {}
.newshead a:hover {border-bottom-color: white;}
.newshead span {float:left;width:4em;}
.newshead a {float:right;width:26.5em;}
/* Newsticker */
ul#newsticker {
    margin-top:30px;
    margin-left:10px;
    width:230px;
    overflow:hidden;
    height:130px;
    text-align:justify;
    font-size:1.1em;
}
ul#newsticker .date {
    font-weight:bold;
    display:block;
}
/* #################### Imagebox ######################## */
.fleximagebox { 
    font-family: Arial, Helvetica, sans-serif;
    font-size:0.85em;
}
.fleximagebox a img {margin-bottom:0px;}
.fleximagebox div { color:#c04036;}
/* #################### Flexliste ####################### */
.flexliste {width:100; padding:3px 0; border-bottom:1px solid #cccccc;}
.flexliste .preisr, .flexliste .preisl {margin:1.3em 3px;}
.headlinel {
    background-color:#c04036;
    border-bottom:1px dotted white;
    color:white;
    font-size:1.1em;
    font-weight:bold;
    padding:5px 0;
}
/*.dunkel {background-color:#f6f6f6;}*/
.flexliste .preisl { width:84%;}
.flexliste .preisr { width:13%;text-align:center; font-weight:bold;}
.flexliste .left  { float:right!important;}
.flexliste .right { float:left!important;}

/* als Tabelle */
table tr               {border-bottom:1px dotted #c6c3c3;}
table tr td            {padding:6px 3px; }
table .tab_color_dark  {background-color:#e6e5e4;border-left:1px solid #e6e5e4;border-right:1px solid #e6e5e4;}
table thead {    
    background-color:#c04036;
    border-bottom:1px dotted white;
    border-left:1px solid #c04036;
    border-right:1px solid#c04036;
    font-size:1.1em;
    font-weight:bold;
}

table thead tr td {padding:8px 3px;color:white;}
table { margin-bottom:2.5em;}
/* ################## Faststart ######################### */
#conLeft .faststart {
    width:260px;
    float:left;
    margin-right:25px;
    margin-bottom:2em;
    background-color:white;
}
#conLeft .faststart p, #conLeft .faststart h3 {margin-left:15px;}
#conLeft .faststart p {margin-bottom:15px;}
#conLeft .faststart img { margin: 15px 0 10px 15px;}
/* Händlerliste */
.haendlerlist {padding-bottom:2em; border-bottom: 1px dotted #cccccc; margin-bottom:1.5em;}
/* ################## Flexbox_simple #################### */
.flexbox_simple {
    padding:10px 20px 10px 20px;
    text-align:justify;
    color:black;
    }
#anzeige_produktbild .flexbox_simple{padding:5px 8px;}
.flexbox_simple {background-color:#e6e5e5;}
.flexbox_simple p {margin-bottom:1em;}
.flexbox_simple a:link, .flexbox_simple a:visited {color:#4f4442; text-decoration:none;}
.flexbox_simple a:hover {color:#4f4442;text-decoration:underline;}
/* ################ zweispaltiger Text ################## */
.zweipaar div { width:48%;}
/* ################ dreispaltiger Text ################## */
.dreipaar {}
.dreipaar .left { width:31%; float:left;}
.dreipaar .middle { width:31%; float:left; margin: 0 0 0 3.5%; background-image:none;}
.dreipaar .right { width:31%; float:right;}
/* ################## ileft & iright #################### */
.ileft p, .iright p   {
    margin-bottom:0em;
}
.ileft a.bildlink           {margin-right:2em; margin-bottom:0;}
.ileft img                  {margin-right:2em;}
.ileft a img                {margin-right:0; }
.flex_float_left            {float: left;}

.iright a.bildlink          {margin-left:2em;margin-bottom:0;}
.iright img                 {margin-left:2em;}
.iright a img               {margin-left:0; }
.flex_float_right           {float:right;}

.iright p a *, .ileft p a * {display: ;}
/* ##################### Listings ####################### */
#CconLeft ul, #CconLeft ol { 
    margin-left:30px;
    margin-bottom:1em;
}
#CconLeft #metaNavigation { margin-left:0;}
#CconLeft ul li{
    list-style-position: outside;
    list-style-type:disc;
    
}
#CconLeft ol li{
    list-style-position: outside;
    list-style-type:decimal;
}
#CconLeft .kontaktformular ul, #CconLeft .kontaktformular ol {margin-left:0;margin-bottom:0;margin-top:10px;}
#CconLeft .kontaktformular li, #CconLeft .kontaktformular li {list-style-position:none;list-style-type:none;}
#CconLeft ul.flex, #CconLeft ol.flex {font-size:1.1em;margin-left:15px;}
#CconLeft ul.flex li, #CconLeft ol.flex li {line-height:1.5em; font-weight:bold;}
.listposer {margin-top:-1em;}
/* ################# horizontal rule #################### */
hr.flex, hr {
    display: block;
    border: 0px;
    margin: 0px 0px 1em 0px;
    height: 1px;
    clear:both;
    border-bottom: 1px solid #cccccc;
}
hr.news {
    margin: 0;
}
hr.prodoverview {padding-top:2em;}
hr.galeriefix {
    margin: 0;
    border-bottom: 0px solid white;
}

/* ################################################################### */
/* ###################### Koordination START ######################### */
#CconLeft ul, #CconLeft ol { 
    margin-top:-1.0em;  }/* geht hand in hand mit .wrapper_flex p {margin-bottom:X; mit 0.5em Unterscheid} */
#CconLeft .flexbox_simple, .fleximagebox,#CconLeft img.flex,#CconLeft .imagelightbox img{
    margin-bottom:3em;
}
#CconLeft p{margin-bottom:1.5em;}
#CconLeft .ileft img, #CconLeft .iright img{
    margin-bottom:1.5em;
}
.flexbox_simple p,.noborder, #CconLeft .fleximagebox img,#CconLeft #faststart img,
#CconLeft .flexliste p, #CconLeft .flexliste p{ margin-bottom:0;}
#CconLeft p.flexlink { margin-bottom:0.25em;}
.ileft img, .iright img {margin-bottom:1em;}

#CconLeft ul.noliststyle {margin-left:20px;margin-top:-0.5em;}
#CconLeft ul.noliststyle li{line-height:1.5em; list-style-position:none;list-style-type:none;}
/* Kontaktformular */
form {
    margin:0px;
    padding:0px;
}
.kontaktformular {
    margin-left:80px;
    width:425px;
}
.kontaktformular ol {
    margin-bottom:20px;
    margin-top:10px;
}
.kontaktformular ol li {
    padding:2px 0px;
    text-indent:0px;
}
.kontaktformular ol li.buttons {
    text-align:right;
}

.kontaktformular input, .kontaktformular textarea {
    background-color:#8a8a8b;
    color:black;
}
.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: 410px;
    height:150px;
    padding: 3px 2px;
}
.kontaktformular input:focus, .kontaktformular textarea:focus{
    background-color: #bfbfbf;
    border-color:#bfbfbf;
}
.kontaktformular input.button {
    border:0px;
    margin-right:10px;
}
.kontaktformular input.left {margin-left:140px;}
.kontaktformular .dissi2 {   background-color:#bfbfbf;}
.kontaktformular label {
    display:block;
    width:130px;
    float:left;
    line-height:1.4em;
}
.kontaktformular label.pflicht, .kontaktformular span.pflicht, .kontaktformular em {
    font-weight:bold;
}
.kontaktformular legend {
    font-size: 1.09em;
    font-weight:normal;
    margin:4px 0;
    text-indent:15px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    color:black;
}
.kontaktformular #person {
    margin:0 0 10px 0;
}
.kontaktformular #nachricht {margin-top:3em;}
/* ################### Modelwechsel ######################## */
dl#modswitch, dl#langswitch {padding-top:3px;position:relative;z-index:9999;width:120px;margin-left:13px;}
dl#langswitch {float:left;z-index:9998;}
#modswitch dd, #modswitch dt, #modswitch ul,
#langswitch dd, #langswitch dt, #langswitch ul { margin:0px; padding:0px;text-align:left; }
#modswitch dd { position:relative;z-index:9999; }
#langswitch dd { position:relative;z-index:9998;}
#modswitch a, #modswitch a:visited, #langswitch a, #langswitch a:visited {
    color:#231f33;
    text-decoration:none;
    outline:none;
}
#modswitch a:hover, #langswitch a:hover  { color:#231f33;}
#modswitch dt, #langswitch dt { background-color:#eaeef2;}
#modswitch dt:hover, #modswitch dt:focus, #langswitch dt:hover, #langswitch dt:focus { 
    color:#231f33;
    background-image:url(../images/arrow_on.png);
    background-repeat:no-repeat;
    background-position:right center;
    background-color:#b9bdcd;
    background-attachment:scroll;           
}
#modswitch dt, #langswitch dt {
    background-image:url(../images/arrow.png);
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:right center;
    display:block;
    border:0px; width:100%;
}
#modswitch dt span,#langswitch dt span {cursor:pointer; display:block; padding:1px 3px;}
#modswitch dd ul, #langswitch dd ul {
    background-image:none;
    background-position:0 0;
    color:black;
    display:none;
    left:0px;
    padding:0;
    position:absolute;
    z-index:9999;
    top:0px;
    width:auto;
    min-width:100%;
    list-style:none;
}
#modswitch dd ul li, #langswitch dd ul li{
    position:relative;
    z-index:9999;}
#modswitch span.value ,#langswitch span.value {display:none;}
#modswitch dd ul li a, #langswitch dd ul li a {padding:2px 3px; display:block;}
#modswitch dd ul li a:link, #modswitch dd ul li a:visited,
#langswitch dd ul li a:link, #langswitch dd ul li a:visited {background-image:url(../images/lang_bg_off.png);color:black;}
#modswitch dd ul li a:hover, #langswitch dd ul li a:hover {background-image:url(../images/lang_bg_on.png);color:white;}
/* ######## Anwendungs und Kollektions Filter ######### */
.produktlist #tooltip{
    width:200px;
}
.produktlist div.spcr{
    margin-bottom:15px;
    position: relative;
    float: left;
}
.produktlist div.spcr a{text-decoration:none;}
.produktlist div.spcr img {  
        z-index: 100;
    }
.produktlist div {
    width:135px;
    display:block;
    float:left;
    text-align:left;
    background-color:#8a8a8b;
    margin-right:11px;
}
.produktlist div.low { margin-right:0;}
.produktlist div span {
    background-image:url(../images/arrow-h2.png);
    background-repeat:no-repeat;
    background-position:127px;
    background-color:#8a8a8b;
    position:relative;
    z-index: 1001;
    font-size:0.9em;
    min-height:2.8em;
    line-height:1.2em;
    padding-left:2%;
    padding-right:7%;
    width:91%;
    display:block;
    margin-right:3%;
    padding-top:2px;
    vertical-align:middle;
    font-weight:normal;
}
.produktlist div em {
        background-image: url(../images/black-bg_prod_overv.png);
        background-repeat:no-repeat;
        position: absolute;
        bottom:2.65em;
        left: 0;
        width: 125px;
        padding:5px;
        z-index: 1000;
        color:white!important;
        text-align: left;
        font-style:normal!important;
}

#conLeft a div.redcorner {
    z-index:11151;
    position:absolute;
    height:10px;
    width:10px;
    background-position:left bottom;
    background-repeat:no-repeat;
    margin-left:-10px;
}
#conLeft a:link div.redcorner, #conLeft a:visited div.redcorner {
    background-image: url(../images/corner.png);    
}
#conLeft a:hover div.redcorner {
    background-image: url(../images/corner-brown.png);
}
/* ###################################################### */
/* ################### UNTERSCHIEDLICH ################## */
/* ###################################################### */
/* ###################################################### */
#CconLeft .space0p5 {height:0.5em;}
#CconLeft .space1p5 {height:1.5em;}
#CconLeft .space3p0 {height:3.0em;}
#CconLeft .space6p0 {height:5.0em;}
.mr20, span.mr20 {padding-right:20px;}
.more {display:block; text-align:right;}
.clear {clear:both;}
.small { font-size: 0.85em; line-height:1.15em;}
.smalls { font-size: 0.75em;line-height:1.1em;}
.textcolor { color:red;}
.biggerfont{ font-size: 0.75em;}
* b, * strong { font-weight:bold;}
* i,* em { font-style:italic;}
.dieflexicons img {margin-bottom:0;margin-left:0;margin-right:0;}
.alertbox_line {position:relative: z-index:99999;}
.left { float:left;}
.right{ float:right;}

.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%;
}