/*********************
 * Grösse, Alignment */
html
{
    display: table;
    width: 100%;
}
body
{
    text-align: center;
    display: table-cell;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444; /* Fontcolor */
    line-height: 1.5;
    overflow: scroll;
}
table {
    font-size: 12px;    
}
table td, table tr {
    padding: 2px 4px 2px 4px;
}
body.de {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
body.en {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
body.ja {
    font-family: Verdana, Arial, Helvetica, Meiryo UI, MS PGothic, sans-serif;
}
body.zh {
    font-family: Arial, Helvetica, PMingLiU, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
}
body,
a,
a.hover,
a.visited,
a:active {
    color: #444; /* Fontcolor */
    text-decoration: none;
}
.ym-wrapper
{
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}
.ym-wbox
{
    padding: 10px;
    text-align: left;
}
#Header div.headernav
{
    margin: 0px 16px 0px 18px;
}
#Header div.headernav nav.ym-hlist ul
{
    width: 850px;
}
#Header div.headernav div.searchform
{
    width: 250px;
}

#Header div.breadcrumb
{
    margin: 2px 16px 0px 18px;
}
#Maincontent
{
    margin: 3px 16px 2px 18px;
}
#Footer {
    height: 43px;
    margin-top: 15px;
}

#Maincontent > div.folder div.category_img img {
    width: 370px;
    height: 195px;
}
#Maincontent > div.catalog div.product_img img {
    width: 370px;
    height: 195px;
}
#Maincontent > div.catalog div.catalogitem {
    height: 245px;
}
#Maincontent div.info div.info_subnav
{
    /* breite Subnavigation auf Infoseite */
    width: 200px; 
}
#Maincontent div.info_subitems {
    /* Breite Produkt-Contentbereich auf Infoseite: */
    width: 946px;
}
.fancybox-margin,
.fancybox-lock {
    width: 100% !important;
}

/* /Grösse, Alignment
 *********************/



.debug {
    border: 1px solid rgba(204, 204, 204, 0.8);
    background-color: yellow;
    color: black;
    padding: 2px;
    font-size: 9px;
    font-weight: normal;
    text-decoration: none;
    opacity: 0.4;
}













/* Horizontale Navigation */
nav.ym-hlist
{
    background: none;
    color: white;
}
nav.ym-hlist ul
{
    padding: 9px 5px 0 0;
}
/*
nav.ym-hlist li + li:before
{
    content: " | ";
    padding: 0 10px;
}
*/
nav.ym-hlist li.separator {
    padding: 0 10px;
    line-height: 2em;
}
nav.ym-hlist li.separator:last-of-type {
    visibility: hidden;
}
nav.ym-hlist li a, nav.ym-hlist li strong
{
    display: inline;
    color: white;
    text-shadow: none;
}
    nav.ym-hlist ul li a:hover {
        background: none;
    }
nav.ym-hlist li.active
{
    width: auto;
    text-decoration: none;
    /* border-bottom: 2px solid yellow; */
}
/*
nav.ym-hlist li.active::before {
    border-bottom: 2px solid #0000FF;
    background: none repeat scroll 0 0 rgba(128, 120, 120, 255);
    content: ":";
}
*/

/* /Horizontale Navigation */









/***********************
   Newsticker Startseite
 ***********************/


.tickercontainer { /* the outer div with the black border */
/* border-top: 2px solid #e7e7e7; */
border-bottom: 2px solid #e7e7e7;
background: #fff; 
width: 1146px; 
height: 37px; 
margin: 0 0 8px 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 4px;
width: 1126px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
/* font: bold 10px Verdana; */
font-size: 18px;
color: #888;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker li pre {
    font-family: inherit; /* HS150831 Löst Probleme mit falsch dargestelltem Font auf Chinesischer Seite */
}
ul.newsticker li.separator {
    padding-left: 15px; 
    padding-right: 15px;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
/* color: #ff0000; */
/* font: bold 10px Verdana; */
/* margin: 0 50px 0 0; */
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 



/***********************
  /Newsticker Startseite
 ***********************/













/************
 ************
 ** Header **/

#Header div.headerbar
{
    background: url(../media/header_bg.png) repeat-x;
    height: 72px;
    color: white;
}
#Header div.headerbar a, a:hover, a:visited, a:active
{
    color: white;
}
#Header div.headerbar div
{
    float: left;
}
#Header div.headerbar div.header_control
{
    float: right;
    width: 700px;
}

#Header div.headerbar div.header_control nav.ym-hlist li {
    margin-right: 0;
}
#Header div.headerbar div.header_control nav.ym-hlist li:last-child {
    float:right;
}
#Header div.headerbar div.header_right
{
    float: right;
}
#Header div.headerbar div:after
{
    clear: both;
}
#Header div.headerbar > div
{
    height: inherit;
}


#Header div.headerbar div.header_control div
{
    float: none;
}
#Header div.header_menu {
    height: 28px;
    /*overflow: hidden; 150811 FL wegen Newsletteranmeldung nicht mehr aufklickbar*/
}
#Header div.header_menu nav ul {
    float: right;
    padding-right: 0;
    padding-top: 4px;

}


/* ****************************
 * Language selector (Header) */

#Header div.lang_selector
{
    padding: 5px 0px 0 0;
    height: 30px;
}

#Header div.lang_selector ul.level1
{
    float: right;
    list-style: none;
    font-weight: bold; 
    position: relative;
    right: -11px;
    z-index: 5000;
    margin: 0;
}
    #Header div.lang_selector ul.level1::after {
        clear: both;
        content: "";
    }

#Header div.lang_selector ul.level1 > li.languageselect_header
{
    position: relative;
    text-align: left;
    padding-left: 25px;
    padding-right: 17px; /* 6 + 11 */
    padding-top:4px;
    margin: 0;
    background-color: #2b2b2b;
}

#Header div.lang_selector ul.level1 li.languageselect_item {
    display: none;
    position: absolute;
    background-color: #2b2b2b;
    /* padding-right: 25px; */
    width: 100%;
    margin: 0;
}
#Header div.lang_selector ul.level2 {
    list-style: none;
    font-weight: bold; 
     margin-left: 0;
}
#Header div.lang_selector ul.level2 li {
    margin-left: 0;
    padding-left: 25px;
    padding-top: 4px;
}

/* /Language selector (Header)
 *****************************/



/*********************
 * Header-Navigation */

#Header div.headernav
{
    padding-left: 14px;
    padding-right: 4px;
    background-color: #EEEEEE;
    background-image: linear-gradient(to bottom, #EEEEEE, #CCCCCC);
    border: 1px solid #CCCCCC;
    /* border-radius: 0.7em; */
    border-radius: 0.1em;
    
    /*box-shadow: 0px 5px 5px 1px rgba(255, 255, 255, 0.8) inset, 0px 1px 5px rgba(0, 0, 0, 0.2);*/
    color: black;
    font-size: 16px;
}

#Header div.headernav a, a:hover, a:visited, a:active
{
    color: #444; /* Fontcolor */
}

#Header div.headernav nav.ym-hlist ul
{
    display: table;
    table-layout: fixed;
    padding-top: 0px;
    color: #444; /* Fontcolor */
    /* height: 28px; */
}
#Header div.headernav nav.ym-hlist ul li, li.active
{
    background: none;
    display: table-cell;
    /* width: 100%;  HS150911 Probleme mit IE10 */
    float: none;
    text-align: center;
    /* height: 28px; */
}
#Header div.headernav nav.ym-hlist ul li.active
{
    font-weight: bold;
    border-bottom: none;
}
#Header div.headernav nav.ym-hlist ul li img
{
    vertical-align: top;
}

#Header div.headernav nav.ym-hlist ul li.separator
{
    width: 2px;
    background: transparent url('../media/headernav_separator.png') no-repeat;
}
#Header div.headernav nav.ym-hlist ul li + li:before
{
    /*content: url('../media/headernav_separator.png' );*/ /*background: transparent url('../media/headernav_separator.png') no-repeat;*/
    content: none;
    padding: 0;
}
#Header div.headernav nav.ym-hlist ul li, 
#Header div.headernav nav.ym-hlist ul li a, 
#Header div.headernav nav.ym-hlist ul li strong
{
    color: #444; /* Fontcolor */
    /* font-weight: bold; */
    font-size: 16px;

    text-shadow: none; /* 0 1px 1px rgba(102, 102, 102, 0.6); */
}
#Header div.headernav nav.ym-hlist ul li.active a {
    font-weight: bold;
}
/* Suchformular: */
#Header div.headernav div.searchform
{
    float: right;
    padding-right: 10px;
}
#Header div.headernav div.searchform form
{
    padding: 0 0 0 0;
    line-height: inherit;
}
#Header div.headernav div.searchform input
{
    margin-top: 4px;
}
#Header div.headernav div.searchform input.ym-searchfield
{
    width: 180px;
    margin-top: 4px;
    padding: 0 0 0 0;
    vertical-align: top;
    height: 18px;
}

/* /Header-Navigation
 ********************/






/************
 ** Newsletter **/
.header_control .header_menu .ym-hlist
{
    overflow: visible;
}
/*
#subscribeWrapper
{
    width:295px;
}
*/
#subscribe
{
    opacity: 0.87;
    overflow: hidden;
    clear: both;
    display: none;
    z-index: 9;
    position: relative;
    padding: 10px 10px 10px 10px;
    font-weight: lighter;
    background-color: #0B0B0B;
    margin-right: -11px;
    float: right !important;
    width: 350px;
    top: 6px;
    height: 125px;
}
    
#subscribe table
{
    color: White;
}
#subscribe table:first-child tr td
{
    padding-bottom: 15px;
}
#subscribe table:first-child input
{
    width: 220px;
}
#subscribe table:first-child tr:first-child td:first-child
{
    width: 150px;
}
#subscribe table:nth-child(2) tr td
{
    padding-bottom: 5px;
}
#subscribe table:nth-child(2) tr:last-child td
{
    padding-bottom: 10px;
}
#subscribe table:nth-child(2) tr:first-child td:first-child
{
    width: 250px;
}
#subscribe table:last-child tr td:last-child
{
    width: 350px;
}
#subscribe input[type='submit']
{
    float: right;
}
#subscribe .input-validation-error
{
    border-width: medium !important;
    border-color: #ff6666 !important;
}
#newsletterResponse
{
    height: 250px;
    font-weight: bold;
    /*text-align:center;*/
    padding-top:100px;
    padding-left: 150px;
}


/* /Newsletter
 ***********/




/**************
 * Breadcrumb */

#Header div.breadcrumb
{
    border-bottom: 1px solid #CCCCCC;
}

#Header div.breadcrumb nav ul
{
    margin: 0px 0px 0px 30px;
    padding: 0 0 0 0;
    color: #444; /* Fontcolor */
}
#Header div.breadcrumb nav ul li, #Header div.breadcrumb nav ul li a
{
    color: #444; /* Fontcolor */
    padding: 0;
}
#Header div.breadcrumb nav li + li:before
{
    content: ">";
    padding: 0 10px;
}
/* /Breadcrumb
 **************/

/* /Header 
 **********/
















/***************
 * Maincontent */

#Maincontent div.container
{

}
#Maincontent div.textcontent
{
    padding: 15px 30px 15px 30px;
}
#Maincontent div.simplecontent p {
    padding-bottom: 14px;
}
#Maincontent div div.textcontentCol1
{
    float:left;
    width:528px;
    padding: 15px 15px 15px 30px;
}
#Maincontent div div.textcontentCol2
{
    float:left;
    width:528px;
    padding: 15px 30px 15px 15px;
}

/* /Maincontent 
 ***************/








/**********
 * Folder */

#Maincontent > div.folder > div.folderitem
{
    float: left;
}

#Maincontent > div.folder > div.clear
{
    clear: both;
}

#Maincontent > div.folder div.category_img
{
    padding-top: 15px;
}
#Maincontent div.folderitem:nth-child(3n+3) div.category_img
{
    text-align: right;
}
#Maincontent div.folderitem:nth-child(3n+2) div.category_img
{
    text-align: center;
}
#Maincontent > div.folder h3.category_title
{
    padding: 4px 0 12px 50px;
}
#Maincontent > div.folder h3.category_title  a, a:hover, a:visited, a:active {
    text-decoration: none;
    color: inherit;
}

/* /Folder
 **********/





/***********
 * Catalog */

#Maincontent > div.catalog > div.catalogitem
{
    float: left;
}

#Maincontent > div.catalog > div.clear
{
    clear: both;
}

#Maincontent > div.catalog div.product_img
{
    padding-top: 15px;
}
#Maincontent div.catalogitem:nth-child(3n+3) div.product_img
{
    text-align: right;
}
#Maincontent div.catalogitem:nth-child(3n+2) div.product_img
{
    text-align: center;
}

#Maincontent > div.catalog div.catalogitem h3.product_title
{
    padding: 4px 0 12px 50px;
}
#Maincontent > div.catalog div.catalogitem h3.product_title a, a:hover, a:visited, a:active
{
    text-decoration: none;
    color: inherit;
}

/* /Catalog
 ***********/








/********
 * Info */

/* Produktbilder, titel */
#Maincontent div.product_images {
    border-bottom: 2px solid #e7e7e7;
}
#Maincontent div.product_images > img {
    height: 421px;
}
#Maincontent div.product_title {
    position: relative;
    z-index: 2;
    left: 800px;
    top: 30px;
    height: 0px;
    width: 0px;
    text-align: center;
}
#Maincontent div.product_title > p.product_name {
    width: 330px;
    font-size: 36px;
    font-weight: bold;
    /* text-shadow: 2px 2px 4px rgba(55, 55, 55, 0.8); */
    /* color: black; */
    /* border: 1px solid rgba(204, 204, 204, 0.8); */
    overflow: hidden;
}
#Maincontent div.product_title > p.product_name2 {
    width: 330px;
    font-size: 18px;
    font-weight: bold;
    /* text-shadow: 1px 1px 3px rgba(55, 55, 55, 0.6); */
    color: #7F7F7F;
    /* border: 1px solid rgba(204, 204, 204, 0.8); */
    overflow: hidden;
}

#Maincontent div.info > div.product_images > div.award_icons {
    position: relative;
    z-index: 2;
    left: 826px;
    top: 350px;
    height: 0px;
    width: 0px;
}
#Maincontent div.info > div.product_images > div.award_icons > p {
    width: 300px;
    text-align: right;
}
#Maincontent div.info > div.product_images > div.award_icons > p a {
    text-decoration: none;
}
#Maincontent div.info > div.product_images > div.award_icons > p img {
    margin-left: 10px;
    height: 70px;
}


/* Info Subnav: */
#Maincontent div.info div.info_subnav
{
    text-align: left;
    float: left;
}
#Maincontent div.info div.info_subnav a.active {
    font-weight: bold;
}
#Maincontent div.info div.info_subnav ul {
    position: relative;
    list-style-type: none;
    margin-left: 0;
}
#Maincontent div.info div.info_subnav li {
    margin-left: 0;
    padding: 10px 0 10px 20px;
    border-bottom: 2px solid #e7e7e7;
}
#Maincontent div.info div.info_subnav a, a:hover, a:visited, a:active
{
    text-decoration: none;
    color: inherit;
}
/* /Info Subnav */

/* Info Subnav-Items: */
#Maincontent div.info_subitems {
    float: left;
}
#Maincontent div.info_subitems div {
    overflow: hidden;
}

#Maincontent div.info_subitems div.desc div,
#Maincontent div.info_subitems div.specs div
{
    float: left;
}
#Maincontent div.info_subitems div.desc div:after,
#Maincontent div.info_subitems div.specs div:after
{
    clear: both;
}
#Maincontent div.info_subitems div.desc h3, 
#Maincontent div.info_subitems div.desc p,
#Maincontent div.info_subitems div.desc ul,
#Maincontent div.info_subitems div.specs h3, 
#Maincontent div.info_subitems div.download img,
#Maincontent div.info_subitems div.faq > div
{
    padding: 16px 20px 0px 30px;
}
#Maincontent div.info_subitems div.specs div.infocol1 ul,
#Maincontent div.info_subitems div.specs div.infocol2 ul {
    margin: 0;
    padding: 10px 0 10px 40px;
}
    #Maincontent div.info_subitems div.specs p {
        padding: 0px 20px 0px 30px;
    }
    #Maincontent div.info_subitems div.specs th {
        font-size: 14px;
        text-align: left;
        padding-bottom: 6px;
        padding-top: 16px;
    }
    #Maincontent div.info_subitems div.specs td.tmask_label {
        padding-bottom: 3px;
        padding-left: 0;
        vertical-align: top;
    }
    #Maincontent div.info_subitems div.specs td.tmask_value {
        padding-bottom: 3px;
        padding-left: 0;
        vertical-align: bottom;
    }
#Maincontent div.info_subitems div.infocol {
    padding: 8px 20px 0px 20px;
}
#Maincontent div.info_subitems div.desc div p {
    text-align: justify;
}
#Maincontent div.info_subitems div.desc span.title {
    font-size: 12px;
    font-weight: bold;
}
#Maincontent div.info_subitems div.desc table {
    font-size: 12px;
}
#Maincontent div.info_subitems div.desc table td {
    vertical-align: top;
    padding: 3px 5px 3px 0;
}
#Maincontent div.info_subitems div.desc table td.lbl {
    width: 170px;
}
#Maincontent div.info_subitems > div.desc td.specs_tmasknotifications {
    font-style: italic;
    list-style-type: none;
    padding-top: 3px;
}
#Maincontent div.info_subitems div.specs h3.specs_tmasknotifications {
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
}
#Maincontent div.info_subitems > div.specs > div tr.specs_tmaskean td {
    font-size: 11px;
    color: #888888;
}
#Maincontent div.info_subitems > div.specs > div th.specs_tmaskean {
    font-size: 13px;
    color: #888888;
}
#Maincontent div.info_subitems > div.specs > div > ul.specs_tmasknotifications {
    font-style: italic;
    list-style-type: none;
    padding-top: 0px;
    padding-left: 30px;
}
#Maincontent div.info_subitems > div.specs > div > ul > li.specs_tmasknotifications {
    margin-left: 0px;
}
#Maincontent div.info_subitems > div.specs li.highlight > span.tmask_value {
    /* font-weight: bold; */
}
#Maincontent div.info_subitems div.video {
    text-align: center;
}
#Maincontent div.info_subitems div.video h3, 
#Maincontent div.info_subitems div.video p {
    text-align: left;
    padding-left: 150px;
    padding-right: 150px;
}
#Maincontent div.info_subitems div.video iframe {
    padding-top: 15px;
}
/* /Info Subnav-Items */


/* Info Varianten Specs */

#Maincontent div.specs div.ym-hlist {
    background-color: white; 
    padding: 16px 0 0 30px;
    width: 916px; /* 946 - 30(padding) */
}
#Maincontent div.specs div.variantspecs {
    width: 916px; /* 946 - 30(padding) */
}
#Maincontent div.specs div.bundledata {
    width: 946px;
}
#Maincontent div.specs div.bundlehead {
    /* clear: left; */
    width: 916px;
    padding: 16px 0 0 30px;
    font-size: 16px;
    font-weight: bold;
}
/*
    #Maincontent div.specs div.ym-hlist::after {
        clear: both;
        content: '';
    }
*/
#Maincontent div.specs div.ym-hlist ul {
    width: 100%; 
    padding: 0; 
    border-bottom: 1px solid #bbbbbb;
}
#Maincontent div.specs div.ym-hlist li {
    
    padding: 0px 0px 0px 0px; 
    text-align: center;
    border-radius: 0;
     margin: 0; 
}
#Maincontent div.specs li div.varianttab {
    margin: 0px 1px 0px 1px;
    background-color: #dddddd; 
    overflow: hidden;
    width: 98%;
}
#Maincontent div.specs div.ym-hlist li.active div.varianttab {
    background-color: #bbbbbb; 

}
#Maincontent div.specs div.ym-hlist li a {
    text-shadow: none; 
    color: black;
    /* font-size: 10px; */
    line-height: 18px;
    letter-spacing: -0.05em;
}
#Maincontent div.specs div.ym-hlist li.active a {
    /* font-weight: bold; */
}
/* /Info Varianten Specs */


/* info Slider general */
div.info div.loading {
    position:absolute;top:0px;left:0px;
}
div.info div.loading div.bg {
    filter:alpha(opacity=70);opacity:0.7;position:absolute;display:block;background-color:#000000;top:0px;left:0px;width:100%;height:100%;
}
div.info div.loading div.image {
    position:absolute;display:block;background:url('/Media/jssor/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;
}
/* /info Slider general */


/* Info main image */
div.info #slider2_container {
    position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1146px; height: 423px; overflow: hidden;
}
div.info #slider2_container span.arrowleft {
    top: 183px; left: 8px;
}
div.info #slider2_container span.arrowright {
    top: 183px; right: 8px
}
/* Info main image */


/* Info image gallery */
div.info #gallery_overlay {
    z-index: 8010; position: absolute; top: 15px; left: 10px; width: auto;
}
div.info #slider1_container {
    position:relative;margin:0 auto;top:0px;left:0px;background:#191919;
}
div.info #slider1_container div.slides {
    cursor:move;position:absolute;left:20px;top:20px;width:960px;height:670px;overflow:hidden;
}
div.info #slider1_container div.gallery_close {
    position:relative;
    margin:0 auto;
    top:8px;
    right:8px;
    float: right;
}
div.info #slider1_container span.arrowleft {
    top: 335px; left: 30px;
}
div.info #slider1_container span.arrowright {
    top: 335px; right: 30px;
}
div.info #slider1_container div.thumbnavigator {
    left: 0px; bottom: 0px;
}
/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
*/
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('../Media/jssor/a02.png') no-repeat;
    overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }


/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p            (normal)
.jssort01 .p:hover      (normal mouseover)
.jssort01 .p.pav        (active)
.jssort01 .p.pdn        (mousedown)
*/

.jssort01 {
    position: absolute;
    /* size of thumbnail navigator container */
    width: 960px;
    height: 100px;
}

.jssort01 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
}

.jssort01 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.jssort01 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.jssort01 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 68px;
    height: 68px;
    border: #000 2px solid;
    box-sizing: content-box;
    background: url('../Media/jssor/t02.png') -800px -800px no-repeat;
    _background: none;
}

.jssort01 .pav .c {
    top: 2px;
    _top: 0px;
    left: 2px;
    _left: 0px;
    width: 68px;
    height: 68px;
    border: #000 0px solid;
    _border: #fff 2px solid;
    background-position: 50% 50%;
}

.jssort01 .p:hover .c {
    top: 0px;
    left: 0px;
    width: 70px;
    height: 70px;
    border: #fff 1px solid;
    background-position: 50% 50%;
}

.jssort01 .p.pdn .c {
    background-position: 50% 50%;
    width: 68px;
    height: 68px;
    border: #000 2px solid;
}

* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
    /* ie quirks mode adjust */
    width /**/: 72px;
    height /**/: 72px;
}



/* Info image gallery */

/* /Info
 ********/

/* *********** Leschner begin*************/
/* Presse, Bezugsquelle, faq, Support, Reviews, Download, 
/*
***********
 ** Presse **/
div.presse_intro {
    padding-bottom: 20px;
}
.presse_pfeil
{
    width: 10px;
    height: 8px;
    padding: 5px 3px 0px 0px;
    float: left;
    cursor: pointer;
}

.presse_ul ul
{
    font-weight: bold;
    list-style-type: none;
    padding-left: 0px;
    margin-left: -10px;
}

.presse_ul li a
{
    text-decoration: none;
    color: inherit;
}
.presse_ul li ul
{
    margin-left: 10px;
    display: none;
}
.presse_ul li ul li a
{
    font-weight: normal;
}
.presse_ul td.presslink img
{
    width: 120px;
}
.presse_ul li ul li span.pressdate
{
    width: 85px;
    display: block;
    text-align: right;
    float: left;
}
.presse_ul li ul li > div
{
    font-weight: normal;
    margin-left: 40px;
    display: none;
}
.presse_ul li ul li > div > table {
    font-size: inherit;
}
.presse_ul td.text {
    text-align: justify;
    vertical-align: top;
    padding-bottom: 20px;
}
.presse_ul td.text p:not(:last-child) {
    padding-bottom: 6px;
}
.presse_ul li table td.presslink {
    width: 140px;
    padding-left: 20px;
    vertical-align: top;
}
.presse_ul td.presslink div {
    padding-top: 4px;
    padding-bottom: 4px;
}
.presse_ul div.presslink img {
    max-height: 80px;
}
.presse_ul td.presslink a.textlink {
    border: 1px solid black;
    width: 120px;
    background-color: lightgray;
    padding: 1px 2px 1px 20px;
    background-image: url('/media/presse_rein.png');
    background-repeat: no-repeat;
    display: block;
}
/* /Presse 
 **********

/************
 ** Bezugsquellenauswahl **/
.sourceOfSupply
{
    font-size: 150%;
}
.sourceOfSupply > a
{
    width: 40%;
    text-align: center;
}
.sourceOfSupply > a > div > span
{
    font-weight: bold;
}
.sourceOfSupply > a:first-child
{
    float: left;
    padding: 3% 0% 3% 5%;
}
.sourceOfSupply > a:last-child
{
    float: right;
    padding: 3% 5% 3% 0%;
}


/* /Bezugsquellenauswahl
 ***********/


/************
 ** Bezugsquelle **/
.continent_imagecontainer
{
    position: relative;
}

.continent_imagecontainer > div
{
    position: absolute;
    font-weight: bold;
    webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #F5F5F5;
}
a.continent_passive
{
    color: #F5F5F5;
}
a.continent_active
{
    color: #000;
}
.continent_imagecontainer div a
{
    text-decoration: none;
}

.continent_imagemap
{
    position: absolute;
    left: 0px;
    top: 0px;
}


#EUROPE_text
{
    top: 170px;
    left: 570px;
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
#AFRICA_text
{
    top: 280px;
    left: 545px;
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
#ASIA_text
{
    top: 180px;
    left: 710px;
}
#AUSTRALIA_text
{
    top: 385px;
    left: 807px;
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}
#NORTH_AMERICA_text
{
    top: 188px;
    left: 270px;
}
#SOUTH_AMERICA_text
{
    top: 340px;
    left: 363px;
}


.countries_line
{
    background-color: #F1F1F1;
    border: 0px;
    height: 1px;
    margin-bottom: 10px;
    
}

.countries_flag
{
    width: 32px;
    height: 20px;
    padding: 0px 5px 0px 6px;
    float: left;
}

.countries_name
{
    padding: 2px 0px 10px 0px;
}

.countries_logo_empty
{
    width: 120px;
    height: 80px;
    margin-bottom: 10px;
}

.countries_distriname
{
    font-weight: bold;
}

.countries a
{
    text-decoration: none;
    color: inherit;
}
.countries ul
{
    font-weight: bold;
    list-style-type: none;
    padding-left: 0px;
    /*margin-left: -10px;*/
}
.countries ul li
{
    padding-bottom: 12px;
}
.countries_distri
{
    /*margin-top: 20px;*/
    display: none;
    
}
.countries_distri li
{
    font-weight: normal;
    /*min-width: 270px;
    max-width:280px;*/
    width:270px;
    min-height: 187px;
    float: left;
}
.countries_distri li:nth-child(3n+1)
{
    clear: left;
}

.countries_distri li img
{
    max-width: 120px;
    max-height: 80px;
    margin-bottom: 10px;
}

.countries_distri li div img
{
    margin-top: 1px;
}
.PLZ
{
    display: none;
    padding-left: 10px;
    margin-left: 10px;
}
.PLZ li
{
    padding-left: 60px;
}

.oXline
{
    display: none;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 10px;
}
.oXline li
{
    padding-left: 10px;
}

.oXline li ul
{
    display:none;
}


/* /Bezugsquelle
 ***********/


/************
 ** faq **/
.faq_alternativen
{
    font-weight: normal;
}

.faq_alternativen div
{
    float: left;
    padding-right: 20px;
}
.faq_alternativen div div
{
    padding-right: 5px;
}
.faq_alternativen a
{
    color: inherit;
    text-decoration: none;
}

.faq_antwort
{
    padding-top: 2px;
    display: none;
}

.faq
{
    font-weight: bold;
    padding-left: 6%;
    padding-right: 6%;
}
.faq ul
{
    list-style-type: none;
    font-style: normal;
    margin-bottom: 60px;
}
.faq ul li
{
    margin-left: -10px;
    margin-bottom: 10px;
}
    .faq ul li h3 {
        padding-top: 9px;
        padding-bottom: 6px;
    }

.faq ul div div
{
    font-weight: normal;
}

.faq ul li img
{
    float: left;
    padding-right: 5px;
    cursor: pointer;
}
.faq ul li div
{
    cursor: pointer;
}
.faq ul li div div, .faq ul li div img
{
    cursor: default;
}

/* /Faq
 ***********/

/************
 ** Support **/
 
.support_frame
{
    padding-left:-30px;
}
 .support
{
    
    font-weight: bold;
    padding-left: 30px;
    margin-top: 8px;
}

.support table
{
    font-weight: bold;
	font-size:12px;
    width: 495px;
}
.support > span
{
    padding-left: 10px;
}
.support a
{
    color: inherit;
}


.support form table:first-child
{
    margin-top: 30px;
}
.support table:first-child
{
    float: left;
}
.support span span
{
    color: Red;
    font-size: smaller;
    font-weight: 900;
}

.support form table tr td
{
    padding-top: 5px;
    /*padding-left: 10px;*/
}

.support form table tr td:first-child
{
    width: 150px;
    text-align: left;
}
.support form table tr td:last-child
{
    width: 342px;
}

.support form table tr td textarea
{
    border: 1px solid #CCCCCC;
    background-color: #FCFCFC;
    width: 488px;
}
.support form table tr td input, .support form table tr td select
{
    border: 1px solid #CCCCCC;
    background-color: #FCFCFC;
    width: inherit;
}

.support form table tr td .uploads div 
{
  padding-left:0;
}
.support form table tr td .uploads
{
    margin-top: 4px;
}
.support form table tr td .uploads div > *
{
    float:left;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right:2px;
}
.support form table tr td .uploads div input[type="button"]
{
    height:20px;
    padding: 0 2px 0 2px;
}
.support form table tr td .uploads div input[type="text"]
{
    padding: 0 2px 0 2px;
    margin-left:5px;
    line-height:18px;
}
.support form table tr td .uploads div div
{
    float:right;
    padding:2px 0 0 2px;
    margin-top:0 0 0 4px;
}
.support form table tr td .uploads div div img
{
    /*margin:13px 8px 5px 0px;
    padding: 0 0 0 0;
*/    width: 13px;
    height:5px;
}

.support form table tr td input[type="submit"]
{
    padding: 0 2px 0 2px;
    float: right;
    width: auto;
    
}
.support form table tr td input[type="button"]
{
    padding: 0 2px 0 2px;
}
.support form #newShape
{
    float:right;
    padding: 0 2px 0 2px;
}
    .buttonOk
    {
        background-color: #5E7EDF !important;
        color:White;
    }


.support form table tr td input[name="support_failure"]
{
    height: 100px;
}
.support form table tr td input[name="support_copy"], .support form table tr td input[name="support_confirmation"]
{
    margin-top: 4px;
    width: 13px;
    float: left;
}
.support form table tr td input[name="support_copy"] ~ div, .support form table tr td input[name="support_confirmation"] ~ div
{
    margin-left:10px;
    margin-top:3px;
}
.inputExtensionErr
 {
     color:#ff6666;
 }
.inputCheckboxErr
{
    outline:#ff6666 solid 3px;
}
.inputValiErr
{
    border-width: medium !important;
    border-color: #ff6666 !important;
}
.support #uploadInfoView
{
    padding-left:2px;
    float:right;
    font-weight: normal;
    font-size: xx-small;
    margin-right:5px;
    color:#5E7EDF;
    margin-top:3px;
 }
.support #uploadInfoView > div
{
    padding-left:1;
    float:left;
}
.support form table tr td input[name="support_zip"]
{
    width: 100px;
}

.support form table tr td div
{
    font-weight: normal;
    padding-left: 10px;
}

.support_gap td
{
    padding-bottom: 15px;
}

.support_hint
{
    float: left;
    font-weight: normal;
    font-size: xx-small;
    width: 200px;
    padding-left: 50px;
    padding-top: 30px;
}
.support_upload_hint
{
    
    font-weight: normal;
    font-size: xx-small;
    margin-top:4px;
}

.support form table:last-child tr:last-child td span
{
    font-weight: normal;
    font-size: x-small;
}
.support_rel_td
{
    position: relative;
}
.support_rel_td .infoText
{
    display: none;
    position: absolute;
    top: -40px;
    left: -5px;
    width: 400px;
    font-weight: lighter;
    font-size: 90%;
    color: Black;
    border: 1px solid #ffcc00;
    padding: 2px 10px 2px 0px;
    background-image: linear-gradient(to bottom, #eeeeee, #ddd0c0);
}
#supportResponse
{
    height: 250px;
    font-weight: bold;
    /*text-align:center;*/
    padding-top:100px;
    padding-left: 150px;
}

 

/* /Support
 ***********/

/********************
 ** Reviews/Awards **/
#Maincontent div.review table.award_list {
    font-size: inherit;
    width: 100%;
}
#Maincontent div.review table.award_list div.img_title img {
    margin-right: 15px;
    margin-left: 15px;
}
#Maincontent div.review table.award_list p {
    padding-bottom: 3px;
}
#Maincontent div.review table.award_list p.title {
    font-weight: bold;
    margin-top: 8px;
}
#Maincontent div.review table.award_list p.text {
    visibility: hidden;
    margin-top: 4px;
    margin-bottom: 10px;
    text-align: justify;
}
#Maincontent div.review table.award_list td {
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 16px;
}
/** /Reviews **/


/***********
 ** Download **/
#Maincontent div.info div.download_icon
{
    padding: 20px 0px 0px 20px;
    float: left;
}
#Maincontent div.info div.download_items
{
    padding-top: 38px;
    float: left;
}
#Maincontent div.info div.download_items > div
{
    padding-bottom: 38px;
}
#Maincontent div.info div.download_text
{
    padding-left: 20px;
}
#Maincontent div.info div.download_text a
{
    text-decoration: none;
}
#Maincontent div.info div.download_title
{
    font-weight: bold;
    padding-bottom: 4px;
}

#Maincontent div.info div.download div.download_link a.button {
    float: left;
    display: block;
    text-align: center;
    width: 45px;
    padding: 2px 4px;
    margin: 7px 10px 0px 0px;
    border: 1px solid rgba(204, 204, 204, 0.8);
    border-radius: 0.3em;
    /* box-shadow: 0 5px 5px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 5px rgba(0, 0, 0, 0.2); */
    background-image: linear-gradient(to bottom, #eeeeee, #aaaaaa);
    color: #444; /* Fontcolor */
    font-weight: bold;
}
#Maincontent div.info div.download div.download_link a img {
    height: 20px;
    padding: 6px 0 0 0;
}
#Maincontent div.info div.download div.download_link a:hover {
    background-image: linear-gradient(to bottom, #ffffff, #cccccc);
}
/** /Download **/




/* *********** Leschner end *************/








/************
 ** Footer **/

#Footer
{
    background: url(../media/footer_bg.png) repeat-x;
}

#Footer div.footer_left, #Footer div.footer_menu
{
    float: left;
}
#Footer div.footer_right
{
    float: right;
}
#Footer div:after
{
    clear: both;
}
/* Social icons: */
#Footer div.footer_right a img
{
    margin: 7px 0 0 8px;
    display: block;
    float: right;
    height: 25px;
}


/* /Footer 
 ***********/