/*** mf: try to load t3m main .css ***/
@import url('main.css');

body {
    margin: 0;
    padding: 0;
    background: url('../img/bgs/all-page-top.jpg') center top no-repeat #fff;
    text-align: center;
    font-family: arial, sans-serif;
    font-size: 12px;
    color: #000;
}

#all-page {
    width: 1024px;
    text-align: left;
    background: url('../img/bgs/all-page-bottom.jpg') center bottom no-repeat;
    margin: 0 auto;
    position: relative;
    padding-top: 111px;
}

p {
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 16px;
}

a img {
    border: 0px;
}

a {
    text-decoration: underline;
  color:black;
}

a:hover {
    text-decoration: none;
}

.cleaner  {
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    clear: both;
}

.logo {
    top: 8px;
    left: 32px;
    width: 200px;
    position: absolute;
    height: 65px;
}

.topmenu{
    top: 90px;
    left: 231px;
    position: absolute;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.topmenu li{
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

.topmenu li a{
    padding: 0 18px 0 8px;
    float: left;
    display: block;
    line-height: 24px;
    color: #999999;
    font-size: 13px;
    background: url('../img/topmenu/off.gif') left top no-repeat;
    text-decoration: none;
}

.topmenu li a:hover{
    color: #000;
    background: url('../img/topmenu/on.gif') left top no-repeat;
}

.topmenu li a.activ{
    color: #000;
    background: url('../img/topmenu/on.gif') left top no-repeat;
    font-weight: bold;
}

.search-form {
    right: 0;
    top: 122px;
    position: absolute;
    height: 23px;
    margin: 0;
    padding-left:22px;
    background: url('../img/search/icon.png') left top no-repeat;

}

.search-form a{
    display: none;
    float: left;
    width: 22px;
    height: 23px;
    background: url('../img/search/icon.png') left top no-repeat;
    text-decoration: none;
}

.search-form input.text{
    display: block;
    float: left;
    width: 95px;
    height: 19px;
    border: 0;
    padding: 4px 0 0 5px;
    background: url('../img/search/input.png') left top repeat-x #fff;
    text-decoration: none;
    font-size: 11px;
}

.search-form input.button{
    display: block;
    float: left;
}

.langs{
    top: 85px;
    left: 627px;
    position: absolute;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.langs2{
    top: 85px;
    left: 690px;
    position: absolute;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.langs li,
.langs2 li{
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    position: relative;
}


.langs li a,
.langs2 li a{
    padding: 0 2px 0 3px;
    float: left;
    display: block;
    line-height: 34px;
    color: #999999;
    font-size: 12px;
    background: url('../img/flag-dropdown/off.png') left center no-repeat;
    text-decoration: none;
    text-align: left;
}

.langs li a:hover,
ul.langs2 li a:hover  {
    color: #000;
    background: url('../img/flag-dropdown/on.png') left center no-repeat;
}

.langs li.activ a,
.langs2 li.activ a{
    color: #000000;
    background: url('../img/flag-dropdown/on.png') left center no-repeat;
}

.langs li a.first{
    padding: 0;
    float: left;
    display: block;
    height: 34px;
    background: url('../img/flag-dropdown/flag-dropdown.png') 42px 13px no-repeat;
    text-decoration: none;
    width: 63px;
    outline: none;
    text-align: left;
}

.langs li a.first:hover{
    background: url('../img/flag-dropdown/flag-dropdown.png') 42px 13px no-repeat;
}

.langs li.trigger a.first,.langs li.trigger a.first:hover{
    background: url('../img/flag-dropdown/flag-active-bg.png') left top no-repeat;
}

.langs li.trigger{
    outline: none;
}

.langs li a.first img{
    display: block;
    margin: 9px 0 0 14px;
    text-align: left;
}

.langs li .flag-dropdown {
    position: absolute;
    left: 1px;
    top: 34px;
    width: 378px;
    display: none;
    z-index: 100;
}

.langs li.trigger .flag-dropdown{
    display: block;
    z-index: 100;
}

.langs li .flag-dropdown .top{
    width: 378px;
    height: 15px;
    font-size: 0;
    line-height: 0;
    background: url('../img/flag-dropdown/top.png') left top no-repeat;
}

.langs li .flag-dropdown .middle{
    width: 378px;
    background: url('../img/flag-dropdown/middle.png') left top no-repeat;
    text-align: left;
}

.langs li .flag-dropdown .middle .gradient-left{
    width: 359px;
    background: url('../img/flag-dropdown/gradient-left.png') left top no-repeat;
    min-height: 319px;
    text-align: left;
    margin: 0 0 0 4px;
}

.langs li .flag-dropdown .bottom{
    width: 378px;
    height: 19px;
    background: url('../img/flag-dropdown/bottom.png') left top no-repeat;
}

.langs li .flag-dropdown .middle .gradient-left table{
    padding: 0;
    margin-left: 11px;
    width: 345px;
    text-align: left;
}

.langs li .flag-dropdown .middle .gradient-left table td{
    padding: 0;
    vertical-align: top;
}

.langs li .flag-dropdown .middle .gradient-left table td a{
    display: block;
    line-height: 30px;
    float: none;
    color: #09001b;
    font-size: 9px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0;
    height: 30px;
}

.langs li .flag-dropdown .middle .gradient-left table td a span{
    display: block;
    line-height: 30px;
    float: none;
    padding: 0 0 0 28px;
    color: #999;
    font-size: 9px;
    cursor: pointer;
    visibility: visible;
}

.langs li .flag-dropdown .middle .gradient-left table td a:hover{
    color: #09001b;
}

.langs li .flag-dropdown .middle .gradient-left table td a:hover span{
    visibility: visible;
    color: #09001b;
}


.langs li .flag-dropdown .middle .gradient-left table td a:hover span{
    visibility: visible;
}


.langs li .flag-dropdown .middle .gradient-left table td a.australien{
    background-image: url('../img/flags/australien.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.argentinien{
    background-image: url('../img/flags/argentinien.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.belgien{
    background-image: url('../img/flags/belgien.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.bulgarien{
    background-image: url('../img/flags/bulgarien.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.brasilien{
    background-image: url('../img/flags/brasilien.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.chile{
    background-image: url('../img/flags/chile.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.china{
    background-image: url('../img/flags/china.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.danemark{
    background-image: url('../img/flags/danemark.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.deutschland{
    background-image: url('../img/flags/deutschland.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.estland{
    background-image: url('../img/flags/estland.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.finnland{
    background-image: url('../img/flags/finnland.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.frankreich{
    background-image: url('../img/flags/frankreich.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.griechenland{
    background-image: url('../img/flags/griechenland.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.grossbritannien{
    background-image: url('../img/flags/gb.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.indien{
    background-image: url('../img/flags/indien.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.israel{
    background-image: url('../img/flags/israel.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.italien{
    background-image: url('../img/flags/italien.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.japan{
    background-image: url('../img/flags/japan.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.kanada{
    background-image: url('../img/flags/kanada.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.kroatien{
    background-image: url('../img/flags/kroatien.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.lettland{
    background-image: url('../img/flags/lettland.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.litauen{
    background-image: url('../img/flags/litauen.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.luxemburg{
    background-image: url('../img/flags/luxemburg.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.mexiko{
    background-image: url('../img/flags/mexiko.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.niederlande{
    background-image: url('../img/flags/niederlande.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.norwegen{
    background-image: url('../img/flags/norwegen.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.osterreich{
    background-image: url('../img/flags/osterreich.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.philippinen{
    background-image: url('../img/flags/phili.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.polen{
    background-image: url('../img/flags/polen.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.portugal{
    background-image: url('../img/flags/portugal.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.rumanien{
    background-image: url('../img/flags/ro.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.schweden{
    background-image: url('../img/flags/schweden.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.schweiz{
    background-image: url('../img/flags/schweiz.png');
    background-position: 2px center;
}

.langs li .flag-dropdown .middle .gradient-left table td a.slowakei{
    background-image: url('../img/flags/slowekei.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.slowenien{
    background-image: url('../img/flags/slowenien.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.spanien{
    background-image: url('../img/flags/spanien.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.thailand{
    background-image: url('../img/flags/thailand.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.tschechien{
    background-image: url('../img/flags/tschechien.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.turkei{
    background-image: url('../img/flags/turkei.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.ukraine{
    background-image: url('../img/flags/ukraine.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.ungarn{
    background-image: url('../img/flags/ungarn.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.usa{
    background-image: url('../img/flags/usa.png');
}

.langs li .flag-dropdown .middle .gradient-left table td a.vietnam{
    background-image: url('../img/flags/vietnam.png');
}

.foto-kapitel {
    position: absolute;
    left: 0;
    bottom: 85px;
    z-index: 1;
}

.foto-kapitel-zwei {
    position: absolute;
    left: 0;
    bottom: 290px;
    z-index: 1;
}


.col-right {
    float: right;
    width: 768px;
    margin: 0 25px 0 0;
    padding-top: 12px;
}

.col-left {
    float: left;
    width: 175px;
    margin: 0 0 0 28px;
    padding-bottom: 140px;
}

.footer {
    height: 140px;
    position: relative;
    width: 1024px;
}

.col-left p{
    margin: 0 0 2px 0;
    text-align: right;
    color: #afce9b;
    font-family: "arial black";
    line-height: 14px;
}

.col-left p span{
    display: block;
    text-align: left;
    padding-left: 67px;
}
.col-left p.hotline a:hover{
    color: #8DB47B;
}


.col-left p.hotline a{
    color: #afce9b;
    text-decoration:none;
}


.col-left ul{
    margin: 0 0 28px 0;
    padding: 0;
    list-style-type: none;
    border-top: 1px solid #c5c5c5;
}

.col-left ul li{
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: 1px solid #c5c5c5;
    min-height: 29px;
}

.col-left ul li a{
    padding: 0px 10px 6px 11px;
    display: block;
    line-height: 25px;
    color: #999999;
    font-size: 13px;
    text-decoration: none;
}

.col-left ul li a:hover{
    color: #000;
    background: url('../img/sidemenu/activ-default.gif') left top no-repeat;
}

.col-left ul li a.activ{
    color: #000;
    background: url('../img/sidemenu/activ-default.gif') left top no-repeat;
    font-weight: bold;
}

.col-left ul li ul li a.activ{
    color: #000;
    background: url('../img/sidemenu/activ-default.gif') left top no-repeat;
    font-weight: normal;
}

.col-left ul li.blue-hell a:hover,.col-left ul li.blue-hell a.activ{
    background: url('../img/sidemenu/blue-hell.gif') left top no-repeat;
}

.col-left ul li.blue a:hover,.col-left ul li.blue a.activ{
    background: url('../img/sidemenu/blue.gif') left top no-repeat;
}

.col-left ul li.grey a:hover,.col-left ul li.grey a.activ{
    background: url('../img/sidemenu/grey.gif') left top no-repeat;
}

.col-left ul li.yellow a:hover,.col-left ul li.yellow a.activ{
    background: url('../img/sidemenu/yellow.gif') left top no-repeat;
}

.col-left ul li.red a:hover,.col-left ul li.red a.activ{
    background: url('../img/sidemenu/red.gif') left top no-repeat;
}

.col-left ul li.green a:hover,.col-left ul li.green a.activ{
    background: url('../img/sidemenu/green.gif') left top no-repeat;
}

.col-left ul li.purple a:hover,.col-left ul li.purple a.activ{
    background: url('../img/sidemenu/purple.gif') left top no-repeat;
}

/* BEN: Additions for CH-version */
.col-left ul li.orange a:hover,.col-left ul li.orange a.activ{
    background: url('../img/sidemenu/orange.gif') left top no-repeat;
}

.col-left ul li.pink a:hover,.col-left ul li.pink a.activ{
    background: url('../img/sidemenu/pink.gif') left top no-repeat;
}
/* :NEB */

.col-left ul li ul{
    margin: 0;
    padding: 0;
    border-top: 0;
}

.col-left ul li ul li{
    border-bottom: 0;
    height: 31px;
    padding: 0;
    margin: 0 0 0 31px;
}

.col-left ul li ul li a{
    margin: 0;
    padding: 0 0 0 10px;
    line-height: 24px;
    height: 24px;
    display: block;
    color: #999999;
    font-size: 13px;
    text-decoration: none;
    overflow: hidden;
}

.col-left ul li ul li.triggerdrop a,.col-left ul li ul li a:hover{
    color: #040404;
}

.col-left ul li ul li ul {
    position: absolute;
    padding: 0;
    margin: 0;
    display: none;
}

.col-left ul li ul li.triggerdrop ul {
    display: block;
    z-index: 2;
}

.col-left ul li ul li ul li{
    padding: 0;
    margin: 0 0 0 4px;
}

.col-left ul li ul li ul li table{
    padding: 0;
}

.col-left ul li ul li ul li table tbody{
    padding: 0;
}

.col-left ul li ul li ul li table td{
    padding: 0;
    vertical-align: top;
}

.col-left ul li ul li ul li table td.big-left table td{
    padding: 0 60px 0 20px;
    height: 380px;
}

.col-left ul li ul li ul li table td.top-left{
    height: 13px;
    font-size: 0;
    line-height:10px;
}

.col-left ul li ul li ul li table td.top-right{
    height: 13px;
    font-size: 0;
    width: 19px;
    line-height:10px;
}

/* product colors */

/* BLUE HELL */
.col-left ul li.blue-hell ul li.triggerdrop a,.col-left ul li.blue-hell ul li a:hover{
    background: url('../img/sidemenu/blue-hell/activ.png') left top no-repeat;
}

.col-left ul li.blue-hell ul li ul li table td.big-left{
    background: url('../img/sidemenu/blue-hell/bg.png') left top no-repeat;
}

.col-left ul li.blue-hell ul li ul li table td.top-left{
    background: url('../img/sidemenu/blue-hell/top-left.png') left top no-repeat;
    font-size:1px;
    line-height:1px;
}

.col-left ul li.blue-hell ul li ul li table td.top-right{
    background: url('../img/sidemenu/blue-hell/top-right.png') left top no-repeat;
        font-size:1px;
    line-height:1px;
}

.col-left ul li.blue-hell ul li ul li table td.big-right{
    background: url('../img/sidemenu/blue-hell/right.png') left top no-repeat;
}

/* BLUE */

.col-left ul li.blue ul li.triggerdrop a,.col-left ul li.blue ul li a:hover{
    background: url('../img/sidemenu/blue/activ.png') left top no-repeat;
}

.col-left ul li.blue ul li ul li table td.big-left{
    background: url('../img/sidemenu/blue/bg.png') left top no-repeat;
}

.col-left ul li.blue ul li ul li table td.top-left{
    background: url('../img/sidemenu/blue/top-left.png') left top no-repeat;
}

.col-left ul li.blue ul li ul li table td.top-right{
    background: url('../img/sidemenu/blue/top-right.png') left top no-repeat;
}

.col-left ul li.blue ul li ul li table td.big-right{
    background: url('../img/sidemenu/blue/right.png') left top no-repeat;
}

/* GREY */

.col-left ul li.grey ul li.triggerdrop a,.col-left ul li.grey ul li a:hover{
    background: url('../img/sidemenu/grey/activ.png') left top no-repeat;
}

.col-left ul li.grey ul li ul li table td.big-left{
    background: url('../img/sidemenu/grey/bg.png') left top no-repeat;
}

.col-left ul li.grey ul li ul li table td.top-left{
    background: url('../img/sidemenu/grey/top-left.png') left top no-repeat;
}

.col-left ul li.grey ul li ul li table td.top-right{
    background: url('../img/sidemenu/grey/top-right.png') left top no-repeat;
}

.col-left ul li.grey ul li ul li table td.big-right{
    background: url('../img/sidemenu/grey/right.png') left top no-repeat;
}


/* YELLOW */

.col-left ul li.yellow ul li.triggerdrop a,.col-left ul li.yellow ul li a:hover{
    background: url('../img/sidemenu/yellow/activ.png') left top no-repeat;
}

.col-left ul li.yellow ul li ul li table td.big-left{
    background: url('../img/sidemenu/yellow/bg.png') left top no-repeat;
}

.col-left ul li.yellow ul li ul li table td.top-left{
    background: url('../img/sidemenu/yellow/top-left.png') left top no-repeat;
}

.col-left ul li.yellow ul li ul li table td.top-right{
    background: url('../img/sidemenu/yellow/top-right.png') left top no-repeat;
}

.col-left ul li.yellow ul li ul li table td.big-right{
    background: url('../img/sidemenu/yellow/right.png') left top no-repeat;
}

.col-left ul li ul li ul li table td.bottom-left{
    height: 22px;
    line-height: 22px;
    background: url('../img/sidemenu/universal-shadows/bottom-left.png') left top no-repeat;
}

/* RED */

.col-left ul li.red ul li.triggerdrop a,.col-left ul li.red ul li a:hover{
    background: url('../img/sidemenu/red/activ.png') left top no-repeat;
}

.col-left ul li.red ul li ul li table td.big-left{
    background: url('../img/sidemenu/red/bg.png') left top no-repeat;
}

.col-left ul li.red ul li ul li table td.top-left{
    background: url('../img/sidemenu/red/top-left.png') left top no-repeat;
}

.col-left ul li.red ul li ul li table td.top-right{
    background: url('../img/sidemenu/red/top-right.png') left top no-repeat;
}

.col-left ul li.red ul li ul li table td.big-right{
    background: url('../img/sidemenu/red/right.png') left top no-repeat;
}

.col-left ul li ul li ul li table td.bottom-left{
    height: 22px;
    line-height: 22px;
    background: url('../img/sidemenu/universal-shadows/bottom-left.png') left top no-repeat;
}

/* GREEN */

.col-left ul li.green ul li.triggerdrop a,.col-left ul li.green ul li a:hover{
    background: url('../img/sidemenu/green/activ.png') left top no-repeat;
}

.col-left ul li.green ul li ul li table td.big-left{
    background: url('../img/sidemenu/green/bg.png') left top no-repeat;
}

.col-left ul li.green ul li ul li table td.top-left{
    background: url('../img/sidemenu/green/top-left.png') left top no-repeat;
}

.col-left ul li.green ul li ul li table td.top-right{
    background: url('../img/sidemenu/green/top-right.png') left top no-repeat;
}

.col-left ul li.green ul li ul li table td.big-right{
    background: url('../img/sidemenu/green/right.png') left top no-repeat;
}

.col-left ul li ul li ul li table td.bottom-left{
    height: 22px;
    line-height: 22px;
    background: url('../img/sidemenu/universal-shadows/bottom-left.png') left top no-repeat;
}

/* PURPLE */

.col-left ul li.purple ul li.triggerdrop a,.col-left ul li.purple ul li a:hover{
    background: url('../img/sidemenu/purple/activ.png') left top no-repeat;
}

.col-left ul li.purple ul li ul li table td.big-left{
    background: url('../img/sidemenu/purple/bg.png') left top no-repeat;
}

.col-left ul li.purple ul li ul li table td.top-left{
    background: url('../img/sidemenu/purple/top-left.png') left top no-repeat;
}

.col-left ul li.purple ul li ul li table td.top-right{
    background: url('../img/sidemenu/purple/top-right.png') left top no-repeat;
}

.col-left ul li.purple ul li ul li table td.big-right{
    background: url('../img/sidemenu/purple/right.png') left top no-repeat;
}
/* COLORS END */



/* BEN: Additional colors for CH-version */
/* Orange */
.col-left ul li.orange ul li.triggerdrop a,.col-left ul li.orange ul li a:hover{
    background: url('../img/sidemenu/orange/activ.png') left top no-repeat;
}

.col-left ul li.orange ul li ul li table td.big-left{
    background: url('../img/sidemenu/orange/bg.png') left top no-repeat;
}

.col-left ul li.orange ul li ul li table td.top-left{
    background: url('../img/sidemenu/orange/top-left.png') left top no-repeat;
}

.col-left ul li.orange ul li ul li table td.top-right{
    background: url('../img/sidemenu/orange/top-right.png') left top no-repeat;
}

.col-left ul li.orange ul li ul li table td.big-right{
    background: url('../img/sidemenu/orange/right.png') left top no-repeat;
}

/* Pink */
.col-left ul li.pink ul li.triggerdrop a,.col-left ul li.pink ul li a:hover{
    background: url('../img/sidemenu/pink/activ.png') left top no-repeat;
}

.col-left ul li.pink ul li ul li table td.big-left{
    background: url('../img/sidemenu/pink/bg.png') left top no-repeat;
}

.col-left ul li.pink ul li ul li table td.top-left{
    background: url('../img/sidemenu/pink/top-left.png') left top no-repeat;
}

.col-left ul li.pink ul li ul li table td.top-right{
    background: url('../img/sidemenu/pink/top-right.png') left top no-repeat;
}

.col-left ul li.pink ul li ul li table td.big-right{
    background: url('../img/sidemenu/pink/right.png') left top no-repeat;
}
/* :NEB */



.col-left ul li ul li ul li table td.bottom-left{
    height: 22px;
    line-height: 22px;
    background: url('../img/sidemenu/universal-shadows/bottom-left.png') left top no-repeat;
}

.col-left ul li ul li ul li table td.bottom-right{
    height: 22px;
    font-size: 0;
    line-height: 0;
    width: 28px;
    background: url('../img/sidemenu/universal-shadows/bottom-right.png') left top no-repeat;
}

.col-left ul li ul li.triggerdrop ul li table td.big-right{
    width: 19px;
}

.col-left ul li ul li.triggerdrop ul li table td.big-left a{
    display: block;
    font-size: 11px;
    line-height: 18px;
    color: #000;
    text-decoration: none;
    background: none;
    padding: 0;
    height: auto;
    white-space: nowrap;
}

.col-left ul li ul li ul li table td.big-left a:hover{
    text-decoration: underline;
    background: none;
}

.breadcrumb {
    height: 14px;
    border-left: 1px solid #999999;
    margin: 0 0 20px 4px;
}

.breadcrumb-no-margin {
    margin: 0 0 1px 4px;
}

.breadcrumb a{
    line-height: 14px;
    display: block;
    float: left;
    padding: 0 5px;
    font-size: 10px;
    color: #999999;
    text-decoration: none;
}

.breadcrumb a:hover{
    text-decoration: underline;
}

.breadcrumb a.activ{
    color: #000000;
}

.breadcrumb span{
    line-height: 14px;
    display: block;
    float: left;
    width: 12px;
    background: url('../img/icons/breadcrumb.gif') left 4px no-repeat;
}

h1 {
    padding: 0;
    margin: 0;
    font-size: 36px;
    color: #00669c;
    font-weight: bold;
  letter-spacing:0.1em
}

h1.hp {
    padding: 35px 0 0 0;
    letter-spacing: 3px;
}

.hp-left {
    float: left;
    width: 373px;
    padding-top: 30px;
    margin-bottom: 10px;
}

.hp-right {
    float: right;
    width: 369px;
    margin-bottom: 10px;
}

.hp-left h2 {
    margin: 0 0 20px 0;
}

.hp-left img{
    margin: 0 0 15px 0;
}

.hp-left p.phone{
    font-weight: bold;
    font-size: 18px;
}

.hp-right .box {
    float: left;
    width: 105px;
    margin: 0 26px 0 0;
    text-align: center;
    padding: 10px 0 0 0;
}

.hp-right .box-last {
    margin: 0;
}

.hp-right .box p{
    font-size: 11px;
    margin: 0;
}

.hp-right .box p a{
    font-size: 11px;
    margin: 0;
    color: #000;
}

.hp-right .box p.under-img{
    line-height: 12px;
    position: relative;
    bottom: 2px;
}

.hp-right .box p.pt{
    padding: 4px 0 0 0;
}

.hp-right .box img.company{
    padding: 0 0 2px 0;
}

.hp-box {
    float: left;
    width: 105px;
    margin: 0 26px 15px 0;
}

.hp-box-last {
    margin: 0 0 15px 0;
}

.hp-box img{
    padding: 0 0 8px 0;
    float: left;
}

.hp-box a.arrow{
    display: block;
    clear: left;
    line-height: 14px;
    padding-left: 20px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

.hp-box a.arrow:hover{
    text-decoration: underline;
}

.hp-box a.arrow-red{
    background: url('../img/arrows-products/red.gif') 1px top no-repeat;
}

.hp-box a.arrow-blue{
    background: url('../img/arrows-products/blue.gif') 1px top no-repeat;
}

.hp-box a.arrow-blue-hell{
    background: url('../img/arrows-products/blue-hell.gif') 1px top no-repeat;
}

.hp-box a.arrow-grey{
    background: url('../img/arrows-products/grey.gif') 1px top no-repeat;
}

.hp-box a.arrow-green{
    background: url('../img/arrows-products/green.gif') 1px top no-repeat;
}

.hp-box a.arrow-yellow{
    background: url('../img/arrows-products/yellow.gif') 1px top no-repeat;
}

.footer ul{
    top: 90px;
    right: 12px;
    position: absolute;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.footer ul li{
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

.footer ul li a{
    padding: 0 18px 0 8px;
    float: left;
    display: block;
    line-height: 24px;
    color: #80b1d4;
    font-size: 13px;
    background: url('../img/footer-links/off.gif') left top no-repeat;
    text-decoration: none;
}

.footer ul li a:hover{
    color: #fff;
    background: url('../img/footer-links/on.gif') left top no-repeat;
}

.footer p{
    top: 116px;
    right: 30px;
    position: absolute;
    margin: 0;
    padding: 0;
    color: #80b1d4;
    font-size: 11px;
}

.footer p span{
    background: url('../img/footer-links/dot.gif') center center no-repeat;
    padding: 0 7px;
}

.product-detail-top-image {
    margin: 0 0 6px 0;
    float: right;
}

h1.product-detail {
    float: left;
    padding: 0;
    margin: 0 0 15px;
    font-size: 24px;
    line-height: 26px;
    color: #00669c;
    font-weight:bold;
  font-style:normal;
    font-family: 'arial black', arial, sans-serif;
}

h1.product-detail span{
    display: block;
    font-size: 18px;
    line-height: 20px;
}

.product-detail-left {
    float: left;
    width: 185px;
    text-align: center;
}

.product-detail-left-image table{
    position: absolute;
    left: 135px;
    display: none;
    padding: 0;
}

.product-detail-left-image table{
    width:250px;
}

.product-detail-left-image table p{
   color:#000;
   background:none;
text-align:left;   
}


.product-detail-left-image-hover table{
    display: block;
    z-index: 200;
}

.product-detail-left-image table tbody{
    padding: 0;
}

.product-detail-left-image table td{
    padding: 0;
    vertical-align: top;
    text-align:left;  
}

.product-detail-left-image table td.big-left{
    background: url('../img/overlay/bg.png') left top no-repeat;
    padding-left:10px;
    text-align:left;      
}

.product-detail-left-image table td.big-left table{
    position: relative;
    left: 0;
    display: block;
    padding: 0;
}

.product-detail-left-image table td.big-left table td{
    padding: 0 36px 0 21px;
    height: 170px;
}

.product-detail-left-image table td.big-left table td p{
    background: none;
    color: #050505;
    font-size: 11px;
    font-weight: normal;
    white-space: nowrap;
    margin-bottom: 4px;

}

.product-detail-left-image table td.big-left table td p a{
    color: #050505;
}

.product-detail-left-image table td.big-left table td p span{
    display: block;
}

.product-detail-left-image table td.top-left{
    height: 19px;
    background: url('../img/overlay/top-left.png') left top no-repeat;
        text-align:left;
}

.product-detail-left-image table td.top-right{
    height: 19px;
    font-size: 0;
    width: 18px;
    background: url('../img/overlay/top-right.png') left top no-repeat;
        text-align:left;
}
.product-detail-left-image table td.bottom-left{
    height: 23px;
    line-height: 23px;
    background: url('../img/overlay/bottom-left.png') left top no-repeat;
}

.product-detail-left-image table td.bottom-right{
    height: 23px;
    font-size: 0;
    line-height: 0;
    width: 18px;
    background: url('../img/overlay/bottom-right.png') left top no-repeat;
}

.product-detail-left-image table td.big-right{
      padding-right:10px;
    width: 19px;
    background: url('../img/overlay/right.png') left top no-repeat;
}

.product-detail-left-image table td.big-right span{
    width: 19px;
    display: block;
}

.product-detail-left-image {
    position: relative;
   margin-bottom:5px;
}

.product-detail-left img.img{
    padding: 5px 0 8px 0;
}

.product-detail-left table.data{
    width: 185px;
    padding: 0;
    border-top: 1px solid #8f8e90;
    text-align: left;
    margin-bottom: 8px;
}

.product-detail-left table.data th{
    border-bottom: 1px solid #8f8e90;
    padding: 2px 0;
    vertical-align: top;
    line-height: 12px;
    width: 71px;
    font-size: 10px;
    font-weight:bold;
  font-style:normal;
    font-family: arial, sans-serif;
    text-indent: 4px;
  padding:2px 7px 2px 0;    
}

.product-detail-left table.data td{
    border-bottom: 1px solid #8f8e90;
    padding: 2px 0;
    vertical-align: top;
    line-height: 12px;
    font-size: 10px;
    font-family: arial, sans-serif;
    font-weight: normal;
}

.product-detail-left p{
    margin: 0 0 13px 0;
    padding: 5px 2px 5px 3px;
    text-align: left;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    background: #006699;
    line-height: 14px;
    text-align:center;
}

.product-detail-right {
    float: right;
    width: 573px;
}

#prod_family .product-detail-right {
    float: right;
  width:374px;  
}

#prod_family .product-detail-left {
    float: left;
    width: auto;
}



/* ######################################### NEVER! do sth like this again ##########################################*/
/*.clearfix  {
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    clear: both;
}*/

.seal-container {
    position:relative;
    border:0px solid blue;
    float: left;
}

.seal {
    float: left;

    position:relative;
}
.seal img{

    position:relative;
        float: left;
}

.seal .bottom-table {
  z-index:50;
}
  

.product-detail-right .select-area{
    height: 45px;
  margin-top:4px;    
}

.product-detail-right ol{
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
    list-style:none;
}

.product-detail-right ol li{
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 11px;
    background: url('../img/icons/dot-dot.png') 2px 7px no-repeat;
}

.product-detail-right ul{
    margin: 0 0 2px 0;
        list-style-type: none;
            padding: 0;
}

.product-detail-right ul li{
    padding: 0 0 18px 17px;
    background: url('../img/icons/dot-arrow.png') 3px 6px no-repeat;
}

.product-detail-right .flash{
    float: left;
    width: 369px;
    margin: 0 12px 10px 0;
}

.product-detail-right .flash p{
    margin: 0 0 10px 0;
    font-weight: bold;
    line-height: 18px;
}

.product-detail-right p.after-flash{
    padding-top: 52px;
}

.product-detail-right img.gallery{
    float: left;
    margin: 0 18px 20px 0;
}

.product-detail-right img.gallery-last{
    margin: 0 0 20px 0;
}

h1.page {
    float: left;
    width: 365px;
    margin-right: 20px;
}

.top-info {
    float: left;
    width: 260px;
    line-height: 19px;
    margin-bottom: 60px;
    padding-top: 5px;
}

.top-info strong{
    display: block;
    font-size: 18px;
    line-height: 36px;
}

h2 {
    padding: 3px 0 0 0;
    margin: 0 0 7px 0;
    font-size: 20px;
    line-height: 22px;
    color: #00669c;
    font-weight: bold;
}

h2 span{
    padding: 0 6px;
    background: url('../img/icons/h2-dot.png') center center no-repeat;
}

h4 {
    color: #336699;
}

.gruppenfoto {
    float: left;
    margin: 0 16px 25px 0;
}

.gruppen-col {
    float: left;
    margin: 3px 10px 0 0;
}

.gruppen-col strong{
    color: #336699;
}

.gruppen-col a{
    color: #000;
}

.foto {
    float: left;
    margin: 0 23px 26px 0;
}

.foto-col-left {
    float: left;
    margin: 3px 0 0 0;
    width: 253px;
}

.foto-col-left strong{
    color: #336699;
}

.foto-col-left a{
    color: #000;
}

.foto-col-right {
    float: left;
    margin: 3px 0 0 0;
}

.foto-col-right strong{
    color: #336699;
}

.foto-col-right a{
    color: #000;
}

sup {
    vertical-align: baseline;
    position: relative;
    bottom: 6px;
    font-size: 8px;
}

h2 sup{
    bottom: 7px;
    font-size: 11px;
}

h1.sitemap {
    margin-bottom: 40px;
}

.sitemap-top {
    margin: 0 0 25px 0;
}

.sitemap-top a{
    color: #336699;
    font-size: 20px;
    font-weight: bold;
    padding-left: 14px;
    background: url('../img/icons/sitemap/blue-down.png') 3px 3px no-repeat;
    margin: 0 55px 0 0;
    text-decoration: none;
}

.sitemap-top a.grey{
    color: #999999;
    padding-left: 28px;
    background: url('../img/icons/sitemap/grey.png') left center no-repeat;
}

.sitemap-top a:hover{
    text-decoration: underline;
}

.sitemap-col {
    float: left;
    width: 380px;
}

.sitemap-col_larger {
  width: auto;
}

.sitemap-col_larger li {
  float: left;
  height: 30px;
  width: 32%;
}

.sitemap-col a.main{
    color: #336699;
    font-size: 20px;
    font-weight: bold;
    padding-left: 28px;
    background: url('../img/icons/sitemap/blue.png') left center no-repeat;
    text-decoration: none;
}

.sitemap-col ul{
    margin: 0 0 30px 0;
    padding: 20px 20px 0 0;
    list-style-type: none;
}

.sitemap-col ul li{
    margin: 0 0 16px 0;
    padding: 0;
    list-style-type: none;
    line-height: 17px;
}

.sitemap-col ul li a{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.sitemap-col ul li span{
    display: block;
}

.sitemap-col .next-link{
    padding-top: 35px;
}

.sitemap-col a:hover {
    text-decoration: underline;
}

.variation-left {
    float: left;
    width: 377px;
    padding-top: 10px;
}

.variation-right {
    float: right;
    width: 382px;
    padding-top: 25px;
}

.variation-left h2 {
    padding: 20px 0 0 0;
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    color: #00669c;
}

.variation-right .box {
    float: left;
    padding: 20px 0 0 0;
}

.variation-right a.arrow{
    display: block;
    padding-left: 20px;
    text-decoration: none;
    color: #000;

}

.variation-right a.arrow:hover{
    text-decoration: underline;
}

.variation-right a.arrow-red{
    background: url('../img/arrows-products/red.gif') left center no-repeat;
}

.variation-right a.arrow-blue{
    background: url('../img/arrows-products/blue.gif') left center no-repeat;
}

.variation-right a.arrow-blue-hell{
    background: url('../img/arrows-products/blue-hell.gif') left center no-repeat;
}

.variation-right a.arrow-grey{
    background: url('../img/arrows-products/grey.gif') left center no-repeat;
}

.variation-right a.arrow-green{
    background: url('../img/arrows-products/green.gif') left center no-repeat;
}

.variation-right a.arrow-yellow{
    background: url('../img/arrows-products/yellow.gif') left center no-repeat;
}

.variation-left p {
    font-weight: bold;
    padding-top: 15px;
}

.variation-right img.left{
    float: left;
}

.variation-right img.right{
    float: right;
}

.variation-col-left {
    float: left;
    width: 377px;
    margin: 0 0 20px 0;
}

.variation-col-right {
    float: left;
    width: 374px;
    margin: 0 0 20px 0;
}

.variation-col-left p{
    margin: 0 5px 15px 0;
}

.variation-col-left h1{
    padding-top: 20px;
}

.variation-col-left h2 {
    padding: 40px 0 0 0;
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    color: #00669c;
}

h1.auswahl {
    padding: 0;
    margin: 0 0 25px 0;
    font-size: 24px;
    line-height: 26px;
    color: #00669c;
    font-weight: normal;
    font-family: "arial black";
}

.image-box {
    float: left;
    width: 191px;
    text-align: center;
    line-height: 14px;
    margin-bottom: 20px;
}

.image-box img{
    margin: 0 0 3px 0;
}

.image-box a{
    font-size: 11px;
    color: #000;
}

.image-box strong{
    display: block;
}

p.topseller {
    margin: 0 0 20px 191px;
}

p.topseller strong{
    display: block;
    font-size: 14px;
    padding-bottom: 2px;
}

p.kriterien {
    margin: 0 0 20px 0;
}

p.kriterien strong{
    display: block;
    font-size: 14px;
    padding-bottom: 10px;
}

p.kriterien span{
    padding-left: 191px;
    display: block;
}

.kriteria-form {
    margin: 0 0 12px 0;
}

.kriteria-form .box{
    margin: 0 7px 0 0;
    float: left;
    width: 183px;
}

.kriteria-form .box-last{
    margin: 0;
    float: left;
}

.kriteria-form .box label{
    display: block;
    font-size: 14px;
    margin: 0 0 0 3px;
    height: 37px;
    font-weight: bold;
}

.kriteria-form .box select{
    width: 183px;
}

table.results {
    width: 753px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    padding: 0;
    margin: 4px 0 15px 0;
}

table.results th{
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 0;
    height: 48px;
    text-indent: 10px;
    text-align: left;
    font-size: 14px;
    font-family: arial, sans-serif;
    background: #cccccc;
}

table.results td{
    vertical-align: top;
    padding: 15px 2px 15px 10px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

table.results td.img{
    vertical-align: top;
    padding: 10px 0 10px 0;
    text-align: center;
}

table.results th.th1{
    width: 77px;
}

table.results th.th2{
    width: 176px;
}

table.results th.th3{
    width: 93px;
}

table.results th.th4{
    width: 295px;
}

table.results th.th5{
    width: 108px;
}

p.seiten {
    font-size: 13px;
}

p.seiten a{
    font-size: 13px;
    color: #000;
    text-decoration: none;
    margin: 0 3px;
}

p.seiten a:hover{
    text-decoration: underline;
}

p.seiten a.activ{
    text-decoration: underline;
    font-weight: bold;
}

.table-header {
    font-size: 14px;
    margin: 0;
}


#bc_table{
  border-collapse:collapse;
  font-family:arial;
  font-size:9pt;
  font-weight:bold;
}
.bc_line{}
#bc_firstline{}
.bc_pic{
  width:180px;
}
.bc_firstcell{
  padding-bottom:5px;
  border:1px solid #000000;
  padding-left:10px;
}
.bc_cell{
  padding-bottom:5px;
  border:1px solid #000000;
  padding-left:10px;
  font-weight:100;
}
.bc_lastcell{
  padding-bottom:5px;
  border:1px solid #000000;
  border-right:0px solid #000000;
  padding-left:10px;
  font-weight:100;
}
.bc_cellspan{
  padding-bottom:5px;
  padding-left:10px;
  font-weight:100;
  border-right:1px solid #000000;
  border-top:0px solid #000000;
  border-bottom:0px solid #000000;
  border-right:0px solid #000000;
}