/* #### Mobile Phones Portrait 1#### */

@media all and (max-width: 800px) {
    /* styles for target area with a maximum width of 400px and less
       Changes on device orientation , browser resize */

    #shopnav{display:none}
    #nav{display:none}

}


.price-info{
    font-size:12px;
    }
.price {
    font-size:34px;

    line-height: 1.5;
    font-weight: 900;


}
.price:before{
    font-size:18px;
    font-family: sans-serif;
    content: '\20AC\00a0';
    font-weight: 600;
    text-shadow:none;

}
.price{    line-height: 1.1; }
.priceold{ text-decoration: line-through;font-size:20px;   }
.pricenew {font-size:30px;color:red;font-weight: 900;  text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;}

.oldtemp_price {font-size:12px;}
.listen-panel{

    background: #fdfdfd;
    background: -moz-linear-gradient(top,  #fdfdfd 0%, #e0e0e0 100%);
    background: -webkit-linear-gradient(top,  #fdfdfd 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #fdfdfd 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e0e0e0',GradientType=0 );
    position: relative;
    font-size:15px;
    font-weight: 600;
    padding:8px;padding-left: 25px;
    border:1px solid #C5C5C5;
    margin-bottom: -1px;

    color:black;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid  #ddd;
    #box-shadow: lightslategrey 0px 1px 0px;
}

.listen-panel:after, .tab-panel:before {
    top: 100%;
    left: 85px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;


}
.subnav{
    list-style-type: none;
    margin-left:-4px;
    margin-right:2px;
    margin-bottom: 0px;
    background-color:#e0e0e0;
    border:1px solid grey;
}
.subnav li {

    margin-left:-25px;
    margin-right:-2px;
    margin-bottom:2px;
}
.listen-panel:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #e0e0e0;
    border-width: 12px;
    margin-left: -12px;



}
.listen-panel:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #959595;
    border-width: 13px;
    margin-left: -13px;

}

.tab-panel-grey{

    background: #fdfdfd;
    background: -moz-linear-gradient(top,  #fdfdfd 0%, #e0e0e0 100%);
    background: -webkit-linear-gradient(top,  #fdfdfd 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #fdfdfd 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e0e0e0',GradientType=0 );
    position: relative;
    font-size:15px;
    font-weight: 600;
    padding:3px;padding-left: 25px;
    border:1px solid #C5C5C5;

    margin-bottom: 5px;
    margin-right: 7px;
    color:#616161;
    border: 1px solid #C5C5C5;
    box-shadow: #D5D5D5 2px 2px 2px;
}

.tab-panel-orange{


    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top, #fdfdfd 0%, #e8bd7d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#e8bd7d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fdfdfd 0%,#e8bd7d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e0e0e0',GradientType=0 );
    position: relative;
    font-size:15px;
    font-weight: 600;
    padding:3px;padding-left: 25px;
    border:1px solid #C5C5C5;

    margin-bottom: 5px;
    margin-right: 7px;
    color:#616161;
    border: 1px solid #C5C5C5;
    box-shadow: #D5D5D5 2px 2px 2px;
}


.tab-panel:after, .tab-panel:before {
    top: 100%;
    left: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;


}

.tab-panel:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #e0e0e0;
    border-width: 12px;
    margin-left: -12px;



}
.tab-panel:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #959595;
    border-width: 13px;
    margin-left: -13px;

}


/* Galerie bild zum zentrien vertical */
div.cn {
    display: table-cell;
    width: 310px;
    height: 310px;
    vertical-align: middle;
}

div.inner {
    width:540px;
    display: inline-block;
}
div.outer_desc{color:white;position:absolute;bottom:50px;font-size:12px;background-color: darkred;padding:10px;width:100%;text-align: center}
div.outer {
    position:absolute;
    display:none;
    width:538px;
    height:310px;
    background-color:white;
    background:rgba(0,0,0,0.5);
    transition: all 1s;
    -webkit-transition: all 1s;

}


#nav {}
#shopnav{float:left}
.ui-widget {clear: both !important;font-size: 100% !important;}

#content{margin-left: 22px;position: relative;height:auto}
.heading{;height:25px;height:auto}
.heading-image{float:left;padding-right: 12px;}
.heading-text{padding-top: 5px; }
.content-text{margin-left:28px;font-size: 14px;}
.arrow_box {
    height:25px;
    margin-top: 14px;
    margin-bottom: 20px;
    padding-top: 6px;

    position: relative;
    background: rgb(242,245,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
}
.arrow_box:after {
    top: 100%;
    left: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(54, 168, 255, 0);
    border-top-color: rgba(200,215,220,1);
    border-width: 10px;
    margin-left: -10px;
}
.header{
    width:100%;
    min-width: 1024px;

    padding: 0;
    margin: 0;
    background-image: linear-gradient(to bottom, #f5f5f5, #ddd);
    float:clear;
    border:0;

}
.smallheader{
    width:100%;
    height:25px;
   padding:0;
    margin: 0;
    background-image: linear-gradient(to bottom, #f5f5f5, #ddd);
    float:left;
    border: 1px solid black;
    border-right: 0;
    margin-bottom: 10px;
    padding-top: 5px;
}

.artikelkopfzeile{
    width:100%;
    padding: 0px;
    border-bottom: 1px solid #000000;
    float: left;

}
.artikelname{
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    padding: 15px 5px 5px 10px;
   width:750px;
    float: left;
}
.lieferzeit{
float: right;
}

#lieferzeitInfo{
    z-index: 999;
    max-width: 600px;
    position: absolute;
    display: block;
    text-align: left;
    border: 2px dashed black;
    background-color: white;
    padding: 2.2em;
    top:-470px;
    left:230px;
    font-size: 12px;
    display: none;
    background-color: #FFFFE0;
}

.artikelKopf{
    float: left;
    width:750px;
    border-right: 1px dashed deepskyblue;
    padding-left: 10px;
    vertical-align: top;
}

.Techdata-Label {
   // background-color:#F8F8F8;
    font-weight: bold;
}


.techdata-table>tbody>tr>td {
   border: 0px solid #DDD;
    padding: 2px 2px;
}
.techdata-table tr td:first-child {
   padding-right: 40px;

}
.techdata-table>tbody>tr>td {
    border: 0px solid #DDD;
    padding: 4px 4px;
}


.Techdata-werte {
    color:#005A97;
}

.techdata-table{
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 20px;
}



.vergleich>div>div {margin-top:-1px;}
div.absaug .col-lg-2{
    font-size:16px;
    border: 1px solid #808080;
    background: rgb(238,238,238);
    background: -moz-linear-gradient(left,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 74%, rgba(233,243,239,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 74%,rgba(233,243,239,1) 100%);
    background: linear-gradient(to right,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 74%,rgba(233,243,239,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e9f3ef',GradientType=1 );
    min-height:40px;
    border:1px solid grey;
    margin-top: -1px;
    margin-left:-1px;
    text-align: center;
    height:30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#337AB7;
    font-size:14px;
    font-weight: 600;
}
.absaug .col-lg-3{
    background: rgb(238,238,238);
    background: -moz-linear-gradient(left,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 74%, rgba(233,243,239,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 74%,rgba(233,243,239,1) 100%);
    background: linear-gradient(to right,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 74%,rgba(233,243,239,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e9f3ef',GradientType=1 );
    min-height:40px;
    border:1px solid grey;
    border-bottom:0;
    height:30px;
    display: flex;
    align-items: center;
    font-size:11px;
}


div.absaug .absaugungHeader {
    border-top: 1px solid #2569A7;
    background: -moz-linear-gradient(left,  rgba(37,105,167,1) 0%, rgba(85,184,252,1) 74%, rgba(21,110,194,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(37,105,167,1) 0%,rgba(85,184,252,1) 74%,rgba(21,110,194,1) 100%);
    background: linear-gradient(to right,  rgba(37,105,167,1) 0%,rgba(85,184,252,1) 74%,rgba(21,110,194,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2569a7', endColorstr='#156ec2',GradientType=1 );
    color:#ffffff;

    min-height: 60px;
    border-top: 2px solid grey;
    font-weight: 600;
    font-size:12px;
    text-align: center;
    vertical-align: middle;
}
div.absaug .none{
    background:none;
    border:0;

}

div.absaug .absaugungFooter{
    border-bottom: 1px solid grey;
}

div.absaug .absaugungFooter2{
    font-weight: 600;
    color:#0454B2;
    text-align: center;
    vertical-align: middle;
    background-color: white;
    background:none;
    border:0;

}
div.absaug .white{
    color: white;
}
div.absaug .absaugungFooter2.active0 {
    background: rgb(37,105,167);
    background: -moz-linear-gradient(left,  rgba(37,105,167,1) 0%, rgba(85,184,252,1) 74%, rgba(21,110,194,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(37,105,167,1) 0%,rgba(85,184,252,1) 74%,rgba(21,110,194,1) 100%);
    background: linear-gradient(to right,  rgba(37,105,167,1) 0%,rgba(85,184,252,1) 74%,rgba(21,110,194,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2569a7', endColorstr='#156ec2',GradientType=1 );
    color:#ffffff;
    min-height: 1.5em;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(191,181,191,1);
    -moz-box-shadow: 10px 10px 5px 0px rgba(191,181,191,1);
    box-shadow: 10px 10px 5px 0px rgba(191,181,191,1);
}

div.absaug .active0{
    border:0;
    border-bottom:1px solid #2569A7;
    border-left: 1px solid #2569A7;
    border-right: 1px solid #2569A7;
    margin-top: -8px;

}

div.absaug .absaugungHeader.active0{
    border-top: 1px solid #2569A7;
    background: rgb(37,105,167);
    background: -moz-linear-gradient(left,  rgba(37,105,167,1) 0%, rgba(85,184,252,1) 74%, rgba(21,110,194,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(37,105,167,1) 0%,rgba(85,184,252,1) 74%,rgba(21,110,194,1) 100%);
    background: linear-gradient(to right,  rgba(37,105,167,1) 0%,rgba(85,184,252,1) 74%,rgba(21,110,194,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2569a7', endColorstr='#156ec2',GradientType=1 );
    color:#ffffff;
}

div.absaug .btn {
    padding: 2px 5px;
}

.banner { position:relative;width:900px;height:429px;border:1px solid black; white;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}
.promo { width:920px;border:1px solid black; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;background-color: #ffffff}
.promo h2{font-size:16px;color: #798CCF;font-weight: bold}
.promorotate {
    font-size: 23px;
    font-weight: bold;
    color:white;
    text-shadow: 0 0 0.2em darkred, 0 0 0.2em darkred, 0 0 0.2em darkred;
    /* Safari */
    -webkit-transform: rotate(-15deg);
    /* Firefox */
    -moz-transform: rotate(-15deg);
    /* IE */
    -ms-transform: rotate(-15deg);
    /* Opera */
    -o-transform: rotate(-15deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}
.ribbon {
    position: absolute;
    left: -5px; top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px; height: 75px;
    text-align: right;
}

.ribbon span {
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold; line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); /* Needed for Safari */
    width: 100px; display: block;
    background: #79A70A;
    background: linear-gradient(#9BC90D 0%, #79A70A 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px; left: -21px;
}
.ribbon span::before {
    content: '';
    position: absolute;
    left: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid #79A70A;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79A70A;
}
.ribbon span::after {
    content: '';
    position: absolute;
    right: 0%; top: 100%;
    z-index: -1;
    border-right: 3px solid #79A70A;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79A70A;
}
.red span {background: linear-gradient(#F70505 0%, #8F0808 100%);}
.red span::before {border-left-color: #8F0808; border-top-color: #8F0808;}
.red span::after {border-right-color: #8F0808; border-top-color: #8F0808;}

.blue span {background: linear-gradient(#2989d8 0%, #1e5799 100%);}
.blue span::before {border-left-color: #1e5799; border-top-color: #1e5799;}
.blue span::after {border-right-color: #1e5799; border-top-color: #1e5799;}

.dark {
    background-color: #AFC3DA;
}
.dark a:link {
    color: white;
    font-family: Verdana, Arial;
    font-size: 12pt;
    text-decoration: underline;
}

.dark a:active {
    color: white;
    font-family: Verdana, Arial;
    font-size: 12pt;
    text-decoration: none;
}

.dark a:visited {
    color: white;
    font-family: Verdana, Arial;
    font-size: 12pt;
    text-decoration: none;
}

.dark a:hover {
    color: grey;
    font-family: Verdana, Arial;
    font-size: 12pt;
    text-decoration: none;
}



dl.inline dd {
    display: inline;
    margin: 0;
}
dl.inline dd:after{
    display: block;
    content: '';
}
dl.inline dt{
    display: inline-block;
    min-width: 200px;
}
.page {width:100%;height:100%;background-color: white;position:relative;margin:0px;display:block;overflow:hidden;}
.content{width:973px;background-color: white; position:relative; margin:10px 0 15px 0 ;display:block; overflow:hidden;   vertical-align: top;}
.border {border:1px solid #a6c9e2}
.padding {padding: 5px 5px 5px 5px}
.table-collapse {border-collapse: collapse;}
.table-border-all tr td {border:1px solid;}
.button {float: right; margin: 25px 10px 10px 10px; }

.paypal-logo {max-height: 20px; max-width: 200px;vertical-align: middle;}
.payment-table td{line-height: 150%;}


H1 {FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}

a:link {color:#000000; font-family:Verdana,Arial; font-size:8pt; text-decoration:none;}
a:active {color:#000000; font-family:Verdana,Arial; font-size:8pt;text-decoration:none;}
a:visited {color:#000000; font-family:Verdana,Arial; font-size:8pt;text-decoration:none;}
a:hover {color:#000000; font-family:Verdana,Arial; font-size:8pt;text-decoration:none;}

td 		{color:#000000; font-family:Verdana,Arial; font-size:0.95em;}
td.fett	{color:#000000; font-weight:bold; font-family:Verdana,Arial; font-size:0.95em;}
.klein	{color:#000000; font-family:Verdana,Arial; font-size:7pt;}
td.klein	{color:#000000; font-family:Verdana,Arial; font-size:7pt;}
td.kleingrau{color:#a4a4a4; font-family:Verdana,Arial; font-size:7pt;}
.kleinrot   {color:#E01141; font-family:Verdana,Arial; font-size:7pt;}
td.kleinrot {color:#E01141; font-family:Verdana,Arial; font-size:7pt;}

.fett		{color:#000000; font-weight:bold; font-family:Verdana,Arial; font-size:8pt;}
.blau		{color:#BDC9D3; font-weight:bold; font-family:Verdana,Arial; font-size:8pt;}
.blaufett	{color:#BDC9D3; font-weight:bold; font-family:Verdana,Arial; font-size:8pt;}
.orange1	{color:#829A6F; font-family:Verdana,Arial; font-size:8pt;}
.orange2	{color:#54743A; font-family:Verdana,Arial; font-size:8pt;}
.orange3	{color:#D54E38; font-family:Verdana,Arial; font-size:8pt;}
.orange4	{color:#B51120; font-family:Verdana,Arial; font-size:8pt;}


.bl1	{color:#53bbe7; font-family:Verdana,Arial; font-size:8pt;}
.pro0			{ font-family:Verdana,Arial; font-size:7pt; text-decoration:none; color:#000000; }
a.pro0		{ font-family:Verdana,Arial; font-size:7pt; text-decoration:none; color:#000000; }
a.pro0:hover 	{ font-family:Verdana,Arial; font-size:7pt; text-decoration:none; color:#E08D2B; }
a.pro0:active 	{ font-family:Verdana,Arial; font-size:7pt; text-decoration:none; color:#000000; }
a.pro0:visited 	{ font-family:Verdana,Arial; font-size:7pt; text-decoration:none; color:#000000; }
.pro1			{ font-family:Verdana,Arial; font-size:10pt; text-decoration:none; color:#313131; }
a.pro1		{ font-family:Verdana,Arial; font-size:10pt; text-decoration:none; color:#313131; }
a.pro1:hover 	{ font-family:Verdana,Arial; font-size:10pt; text-decoration:none; color:#E01141; }
a.pro1:active 	{ font-family:Verdana,Arial; font-size:10pt; text-decoration:none; color:#313131; }
a.pro1:visited	{ font-family:Verdana,Arial; font-size:10pt; text-decoration:none; color:#313131; }
.pro2			{ font-family:Verdana,Arial; font-size:10pt; text-decoration:none; color:#D6D6D6; }
a.pro2		{ font-family:Verdana,Arial; font-size:10pt; text-decoration:none; color:#D6D6D6; }
a.pro2:hover 	{ font-family:Verdana,Arial; font-size:10pt; text-decoration:none; color:#E01141; }
a.pro2:active 	{ font-family:Verdana,Arial; font-size:10pt; text-decoration:none; color:#D6D6D6; }
a.pro2:visited	{ font-family:Verdana,Arial; font-size:10pt; text-decoration:none; color:#D6D6D6; }

td.nav1	{ background-color: #CEB8B6; }
td.nav2	{ background-color: #E0C8C5; }

/*  gallerie ende*/
.page {height:auto;margin-top:15px;margin-left: auto;margin-right: auto;width:1148px;border:1px solid black;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aac5de+0,e0f6fc+100 */
    background: rgb(170,197,222); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(170,197,222,1) 0%, rgba(224,246,252,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(170,197,222,1)), color-stop(100%,rgba(224,246,252,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(170,197,222,1) 0%,rgba(224,246,252,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(170,197,222,1) 0%,rgba(224,246,252,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(170,197,222,1) 0%,rgba(224,246,252,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(170,197,222,1) 0%,rgba(224,246,252,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aac5de', endColorstr='#e0f6fc',GradientType=1 ); /* IE6-9 */
}
.oberkats {width: 151px;float: left}
.border {border:1px solid black}

.artikelpage {width:750px;float: left}
.zubehoer{width:150px;float: right}
.inhalt{margin-left:160px;margin-right: 10px;margin-top: 10px; height:auto;min-height: 640px;background-color: #ffffff; overflow: hidden; }
#gal-pic {max-height:355px;max-width:540px}
.agal-thumb {width:50px;height:50px;margin-bottom:12px;  overflow:hidden;float:left;
    }

.agal-thumb-img{max-height: 60px; max-width:70px;min-width: 50px;min-height: 50px;}
.outer{display:none;}
.preview{ position: relative;overflow: hidden;}
.previe2w:after {
    content: '\A';
    position: absolute;
    width: 100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.5);
        transition: all 1s;
    -webkit-transition: all 1s;
}

.thumbdiv {margin-top:4px;margin-left:0px;width:55px; height:55px; vertical-align: middle;border:1px solid #c9c9c9;z-index: 666;margin-bottom: 3px;}
.thumbdiv_gross {margin-top:5px;margin-left:5px;width:75px; height:75px; vertical-align: middle;border:0px solid #c9c9c9;z-index: 666;margin-bottom: 3px;}
.thumbs {width:100%;}
.video_thumbs{width:90px;}
.OverlayIcon{

    position: absolute;    top: 0;
    left:22px;
    top:20px;
    width: 45px;

    z-index: 100;



}


.boxer {
    display: table;
    border-collapse: collapse;
}
.boxer .box-row {
    display: table-row;
}

.boxer .box {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border: 0px solid black;
}
/*  gallerie ende*/

.btn-group{margin-top:-10px;}

.btn-group a:link , .glyphicon {
    font-size:11px;
    line-height: 11px;


}
.btn-breadcrumb {
font-size: 10px;
}

.featureicon1{min-width:76px;float:left;padding-right: 4px;}
.featurecontainer{height:30px; border:1px solid #d3d3d3;border-radius: 6px;}


/*
BREADCRUMBS
*/
.breadcrumb{
    float:left;
    color:#d3d3d3;
}
.redfont:link {color:red }

#breadcrumbs-one{

    background: #eee;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #e5e5e5 #ccc;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    overflow: hidden;
    margin: 0px 3px 6px 6px;
    padding: 0;
    list-style: none;


}
#breadcrumbs-one ul li{
    margin: 0;
    padding: 0;
    list-style: none;
}
#breadcrumbs-one li{
    float: left;
}

#breadcrumbs-one a{
    padding: .7em 1em .7em 2em;
    float: left;
    text-decoration: none;
    font-size:10pt;
    color: #444;
    position: relative;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #ddd;
    background-image: linear-gradient(to right, #f5f5f5, #ddd);
}

#breadcrumbs-one li:first-child a{
    padding-left: 1em;
    border-radius: 5px 0 0 5px;
}



#breadcrumbs-one a::after,
#breadcrumbs-one a::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1.1em solid;
    right: -1em;

}

#breadcrumbs-one a::after{
    z-index: 2;
    border-left-color: #ddd;
}

#breadcrumbs-one a::before{
    border-left-color: #ccc;
    right: -1.1em;
    z-index: 1;
}


#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
    font-weight: bold;
    background-image: linear-gradient(to right,  #97c4da,#6da6da);
    text-shadow: 1px 1px #ccc;
}
#breadcrumbs-one .current::after{
    z-index: 2;
    border-left-color: #6da6da;
}
#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{

}

#breadcrumbs-one .done {
    background-image: linear-gradient(to right, #FDDABC, #FDA255);
}

#breadcrumbs-one .done::after{
    z-index: 2;
    border-left-color: #FDA255;
}

#breadcrumbs-one .done::before{
    border-left-color: #8ff5a5;
    right: -1.1em;
    z-index: 1;
}
/*THREE*/
#breadcrumbs-three{
    overflow: hidden;
    width: 100%;
}

#breadcrumbs-three li{
    float: left;
    margin: 0 3em 0 0;
}

#breadcrumbs-three a{
    padding: .7em 1em .7em 2em;
    float: left;
    text-decoration: none;
    color: #444;
    background: #ddd;
    position: relative;
    z-index: 1;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    border-radius: .4em 0 0 .4em;
    font-size: 10pt;
}

#breadcrumbs-three a:hover{
    background: #abe0ef;
}

#breadcrumbs-three a::after{
    background: #ddd;
    content: "";
    height: 2.5em;
    margin-top: -1.25em;
    position: absolute;
    right: -1em;
    top: 50%;
    width: 2.5em;
    z-index: -1;
    transform: rotate(45deg);
    border-radius: .4em;

}

#breadcrumbs-three a:hover::after{
    background: #abe0ef;
}

#breadcrumbs-three .current,
#breadcrumbs-three .current:hover{
    font-weight: bold;
    background: #c5dbec;
}

#breadcrumbs-three .current::after{

    background:#c5dbec;
}
/*
.input,textarea,select {font-family:Verdana,Arial; font-size:10pt; color:#000000; border-width:1pt; background-color:#ffffff; border-color:#ECF2F6;}
*/
.formular{width: 100%; height: 100%;}



.form-error {
    border: 1px solid red;
    border-radius: 2px;
    background-color: #ffef8f;
}


/*PRODUKTTEST   Artikeldetailseiten */

/*PRODUKTTEST   Bandsäge */

 .arrow_min{
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 15px 30px 15px 0;
     border-color: transparent #050505 transparent transparent;
     margin-top:-15px;
 }


.arrow_dba {
    position: relative;
    background: #0ac930;
    border-top-right-radius:10px ;
    border-bottom-right-radius:10px ;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-left:12px;
}
.arrow_dba:after {
    left:-20px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(10, 201, 48, 0);
    border-right-color: #0ac930;
    border-width: 10px;
    margin-top: -10px;
    margin-left: 2px;

}

.circle {
    margin-left:5px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin-top:3px;
    /* width and height can be anything, as long as they're equal */
}

/*Slider für bandsaw dba score */
#slider {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f22404+0,f45900+19,eaf700+20,c5f700+39,00ed0b+40,18f200+100 */
    background: #f22404; /* Old browsers */
    background: -moz-linear-gradient(top,  #f22404 0%, #f45900 23%, #eaf700 24%, #c5f700 39%, #00ed0b 40%, #18f200 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f22404 0%,#f45900 23%,#eaf700 24%,#c5f700 39%,#00ed0b 40%,#18f200 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f22404 0%,#f45900 23%,#eaf700 24%,#c5f700 39%,#00ed0b 40%,#18f200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22404', endColorstr='#18f200',GradientType=0 ); /* IE6-9 */
}
.ui-slider .ui-slider-handle {
    border: none;
    border-bottom-color: 1px solid blue;
}

.messungen {border-collapse: collapse;}
.messungen th  {background-color: #337AB7;color:white;text-align: center;font-size:12px;border:1px solid #808080;padding:5px; }

.messungen tr td {
    background-color:#ffffff;
    border:1px solid #808080;
    padding:5px;
    background: rgb(238,238,238);
    background: -moz-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 74%, rgba(233,243,239,1) 100%);
    background: -webkit-linear-gradient(left, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 74%,rgba(233,243,239,1) 100%);
    background: linear-gradient(to right, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 74%,rgba(233,243,239,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e9f3ef',GradientType=1 );
    text-align: center;
    color: #337AB7;
    font-size: 14px;
    font-weight: 600;
}

.leer {background-color: #ffffff !important;border:none !important;}

.btn-bohr {
    text-align: center;
    width:70px;
    padding: 4px 5px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 4px;
    color: #333;

    border-color: #ccc;
}
.btn-bohr-info {
    text-align: center;
    margin-top:-5px;
    width:70px;
    padding: 3px 10px;
    font-size: 24px;
    line-height: 1;
    border-radius: 4px;
    color: white;

    border-color: #ccc;
    font-weight: bold;
}
.btn-bohr-mm{
    text-align: center;
    font-weight: bold;
    font-size:12px;
    color:#767571;
}

.btn-bohr-holzhead {
    background-color: #b6a696;
}
.btn-bohr-stahlhead {
    background-color: #b5c6ce;
}

.btn-bohr-holzcolor{
    background-color: #9f9385;
}

.btn-bohr-stahlcolor{
    background-color: #92a5b3;
}
.btn_artikelliste:hover{text-decoration:none;color:black;background: #fefcea; /* Old browsers */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fddabc+0,fddabc+60,fefcea+100 */
    background: #fddabc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fddabc 0%, #fddabc 60%, #fefcea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fddabc 0%,#fddabc 60%,#fefcea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fddabc 0%,#fddabc 60%,#fefcea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fddabc', endColorstr='#fefcea',GradientType=0 ); /* IE6-9 */

}
.btn_artikelliste {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+0,fddabc+40,fddabc+100 */
    text-decoration:none;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: #fefcea; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefcea 0%, #fddabc 40%, #fddabc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fefcea 0%,#fddabc 40%,#fddabc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fefcea 0%,#fddabc 40%,#fddabc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#fddabc',GradientType=0 ); /* IE6-9 */

}

#anchor_vergleich .glyphicon {font-size:90%;}
#anchor_vergleich .list-group-item{padding: 5px 8px;}
#anchor_vergleich .ulnegativ{background-color: #cc0000;color:white;font-weight: bold; padding:5px 8px;}
#anchor_vergleich .ulpositiv{background-color: forestgreen;color:white;font-weight: bold; padding:5px 8px; }
#anchor_vergleich .ulfazit{background-color: #b5b1ae;color:white;font-weight: bold; padding:5px 8px; }
#anchor_vergleich .col-md-7 {    width: 59%;}
#anchor_vergleich .col-md-4 {    width: 39%;}

.filelink:link {font-size:12px !important;}
.filelink:hover {font-size:12px;}

.lvg{font-size:12px;font-weight: bold;color:limegreen;}
.lvr{font-size:12px;font-weight: bold;color:red;}

.ytgallery{
    overflow: auto;
    font-family: arial, verdana;
    padding: 0;
    margin: 0;
    font-size: 14px;
    width: 100%;
    float:left;

}
.ytgallery a{ color:#134896;text-decoration:none }
.ytgallery  a:visited { color:#134896; }
.ytgallery  a:hover  { color:#134896;  text-decoration:none }
.ytgallery  a:active { color:#134896; }
.ytgallery-title {font-size: 13px;color:black; font-weight: bold;}
.ytgallery-description {font-size: 11px;color:lightslategray;}

.saegeblatt-ja{
    width: 27px;
    height: 34px;
    background: url(/images/featureicons/haken.png) 0 0;

}
.saegeblatt-nein{
    width: 27px;
    height: 34px;
    background: url(/images/featureicons/haken.png) 27px 0;

}
.saegeblatt-bedingt{
    width: 27px;
    height: 34px;
    background: url(/images/featureicons/haken.png) 54px 0;

}

@media only screen and (max-width: 765px) {
    .selectize-input {
        min-width: 320px !important;

}


}
.selectize-dropdown-content {
    max-height:450px !important;}

.selectize-dropdown {
    width: 360px !important;
    z-index: 999 !important;

}
.selectize-dropdown-content > .optgroup:first-child{
    width:200px !important;

}
.selectize-dropdown-content > .optgroup:last-child{
    width:560px !important;

}

.sl-name {
    font-weight: bold;
    min-height: 20px;


}
.sl-icon {
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 10px 2px 0;
    float: left;
}
.optgroup-header{
    font-size:14px;
    color: lightslategrey;
}
.selectize-dropdown-content {max-height:350px}
.selectize-dropdown {
    width: 514px !important;
}
.selectize-dropdown-content > .optgroup:first-child{
    width:200px !important;

}
.selectize-dropdown-content > .optgroup:last-child{
    width:512px !important;

}

.focus{
    border:1px solid #ccc !important;
   }
.selectize-input.focus{
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1) !important;
}
.selectize-control.multi .selectize-input>div {
    background-color: white !important;
}


.sl-name {
    font-weight: bold;
    min-height: 20px;


}
.sl-icon {
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 10px 2px 0;
    float: left;
}
.optgroup-header{
    font-size:14px;

}

.navbar-kundenservice {
    font-size:12px;
    padding:8px;
    width:170px;
    line-height: 1.6em;

}
.navbar-service,.navbar-service > a{
    font-weight: bold;
    font-size:12px;
    padding:4px;
}

.warenkorb-dropdown{
    width:240px;
    right: -60px !important;

}

#warenkorb_content{
    padding:10px;
}
#warenkorb_content > table {
    width: 400px;
}
#warenkorb_content > table > tbody > tr > td{
    font-size: 11px;
padding:8px;
}

.add-on .input-group-btn > .btn {
    border-left-width:0;left:-2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
    box-shadow:none;
    -webkit-box-shadow:none;
    border-color:#cccccc;
}

.sitecontent{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width:1170px;
}


.Kreissaegeblatt {
    width:90%;
}
.kreissaegeblatt_blue td{
    background-color: #2e4f8f;
    color:white;
    font-size: 14px;
    font-weight: bold;
    border:2px solid white;
    text-align: center;
    padding: 4px;
    line-height:1em;
}
.kreissaegeblatt_grey td{
    background-color: #D2d2d2;
    font-size: 14px;
    font-weight: bold;
    border:2px solid white;
    padding: 4px;
    text-align: center;
}
.kreissaegeblatt_liste td{padding:5px;font-size:12px;}
.kreissaegeblatt_liste {width:271px;}

.xmas-bg{
    border:4px solid white;
    margin-bottom: 20px;


    background: #d3bc87; /* Old browsers */
    background: -moz-linear-gradient(top, #d3bc87 0%, #d3bc87 33%, #d3bc87 36%, #d3bc87 36%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #d3bc87 0%,#d3bc87 33%,#d3bc87 36%,#d3bc87 36%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d3bc87 0%,#d3bc87 33%,#d3bc87 36%,#d3bc87 36%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3bc87', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


#flag {
    width: 90px;
    height: 96px;
    box-sizing: content-box;
    padding-top: 15px;
    background: #03974B;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size:18px;

}
#flag:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 13px solid #FEF9E6;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
}
#flag:before{
    position: absolute;
    left: 0px;
    top: -60px;
    width: 90px;
    height: 60px;
    background-image: url(https://www.holz-metall.info/images/Aktionen/xmas/xmas-special.jpg);
    background-size: 90px;
    content: "";
}

.flag_coro {position: absolute;left:10px;top:250px;}
.flag_dx1000 {position: absolute;right:-10px;top:67px;width:80px;}
.flag_ss16v {position: absolute;left:10px;top:160px;width:80px;}
.flag_ds300 {position: absolute;right:17px;top:62px;width:80px;}
.flag_dp16 {position: absolute;left:17px;bottom:70px;width:80px;}
.uvp{color: #ffff00;font-size: 14px;}
.uvpbig{font-size: 20px;}
.uvpsmall{font-size: 10px;}
.xmas-bg2 h2 {font-size: 18px;padding:20px;margin-top: -5px;}
.xmas-bg h2 {font-size: 18px;padding:20px;margin-top: -5px;}
.xmas-liste ul, .xmas-liste li {font-size:12px;}
.xmas_liste_coro {text-align:left;position: absolute;width:190px;height:100px;top:260px;left:170px;}
.xmas_liste_dx1000{text-align:left;position: absolute;width:180px;height:100px;top:70px;left:-10px;}
.xmas_liste_ss16v{text-align:left;position: absolute;width:160px;height:100px;top:70px;left:-20px;}
.xmas_liste_ds300{text-align:left;position: absolute;width:260px;height:100px;top:40px;left:0px;}
.xmas-bg2{
    margin-top: 5px;
    border-radius: 4px;
    background: #ffffff; /* Old browsers */
    background-image: url( https://www.holz-metall.info/images/Aktionen/xmas/xmas-coronet.jpg);
    background-repeat: no-repeat;
    background-size: 560px ;
    background-position: top right;
    position:relative;
}
.xmas-bg-dx1000{
    height: 260px;
    margin-top: 15px;
    margin-bottom: 5px;
    background: #ffffff; /* Old browsers */
    background-image: url(  https://www.holz-metall.info/images/Aktionen/xmas/xmas-dx1000.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0px 0px; ;
    position:relative;
}


.xmas-bg-ss16v{
    height: 260px;
    margin-bottom: 5px;
    background: #ffffff; /* Old browsers */
    background-image: url(  https://www.holz-metall.info/images/Aktionen/xmas/xmas-ss16v.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0px 0px; ;
    position:relative;
}
.xmas-bg-wg200{
    height: 260px;
    margin-bottom: 5px;
    background: #ffffff; /* Old browsers */
    background-image: url(  https://www.holz-metall.info/images/Aktionen/xmas/xmas-wg200.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0px 0px; ;
    position:relative;
}
.xmas-bg-ds300{
    height: 360px;
    width:330px;
    margin-bottom: 0px;
    background: #ffffff; /* Old browsers */
    background-image: url(  https://www.holz-metall.info/images/Aktionen/xmas/xmas-ds300.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px; ;
    position:relative;
}
.xmas-bg-lampe{
    height: 360px;
    width:330px;
    margin-bottom: 0px;
    background: #ffffff; /* Old browsers */
    background-image: url(  https://www.holz-metall.info/images/Aktionen/xmas/xmas-lampe.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px; ;
    position:relative;
}
.xmas-bg-bds150{
    height: 360px;
    width:380px;
    margin-bottom: 0px;
    background: #ffffff; /* Old browsers */
    background-image: url(  https://www.holz-metall.info/images/Aktionen/xmas/xmas-bds150.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0px 0px; ;
    position:relative;
}
.xmas-bg-cx2500{
    height: 360px;
    width:330px;

    margin-bottom: 0px;
    background: #ffffff; /* Old browsers */
    background-image: url(  https://www.holz-metall.info/images/Aktionen/xmas/xmas-cx2000.jpg);
    background-size: 95%;
    background-repeat: no-repeat;
    background-position: 0px 0px; ;
    position:relative;
}

.xmas-bg-lampe{
    height: 360px;
    width:330px;
    margin-bottom: 0px;
    background: #ffffff; /* Old browsers */
    background-image: url(  https://www.holz-metall.info/images/Aktionen/xmas/xmas-lampe.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px; ;
    position:relative;
}
.xmas-bg-bds1502{
    height: 360px;
    width:330px;
    margin-bottom: 0px;
    background: #ffffff; /* Old browsers */
    background-image: url(  https://www.holz-metall.info/images/Aktionen/xmas/xmas-bds150.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px; ;
    position:relative;
}

.xmas-bg-wg250{
    height: 360px;
    width:390px;
    margin-bottom: 0px;
    background: #ffffff; /* Old browsers */
    background-image: url(  https://www.holz-metall.info/images/Aktionen/xmas/xmas-wg250.jpg);
    background-repeat: no-repeat;
    background-position: 0 -15px;

    position:relative;
}
.xmas-bg-ts250{
    height: 360px;
    width:390px;
    margin-bottom: 0px;
    background: #ffffff; /* Old browsers */
    background-image: url(  https://www.holz-metall.info/images/Aktionen/xmas/xmas-TS250.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position:relative;
}
.xmas-bg-dp16{
    height: 360px;
    width:420px;
    margin-left: 8px;
    margin-bottom: 0px;
    background: #ffffff; /* Old browsers */
    background-image: url(  https://www.holz-metall.info/images/Aktionen/xmas/xmas-dp16.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position:relative;
}
.xmas-bg-dp25{
    height: 360px;
    width:360px;
    margin-left: 8px;
    margin-top: -4px;
    margin-bottom: 0px;
    background: #ffffff; /* Old browsers */
    background-image: url(  https://www.holz-metall.info/images/Aktionen/xmas/xmas-dp25.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 88%;
    position:relative;
}
.xmas-bg-rsbg6{
    height: 360px;
    width:330px;
    margin-bottom: 0px;
    background: #ffffff; /* Old browsers */
    background-image: url(  https://www.holz-metall.info/images/Aktionen/xmas/xmas-rsbg6.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 110%;
    position:relative;
}
.xmas-bg-rsbg8{
    height: 360px;
    width:330px;
    margin-bottom: 0px;
    background: #ffffff; /* Old browsers */
    background-image: url(  https://www.holz-metall.info/images/Aktionen/xmas/xmas-rsbg8.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px; ;
    position:relative;
}


.startlink:visited,.startlink:hover,.startlink:active,.startlink:link {font-size:5px;text-decoration: none;
    color: darkred;
}


.nav_bg_white {background-color: white;border-right: 7px solid #788AA0;}

.pro_button_style1 {position:relative;margin-left: -76px;}
.pro_button_style1 .pro_image {width:55px;height:63px;}
.pro_button_style1 .pro_score {color:white;font-weight:bold;font-size:12px;position:relative;left:2px;bottom:0px;width:50px;height:20px;}
.pro_button_style1 .pro_name {color:white;font-size: 10px;margin-top: -41px;width: 55px;color:white;word-break: normal;text-align: center;height:24px;}


    .maschinentest {
        border-spacing: 2px 3px !important;
        border-collapse: separate !important;
        margin-left: 100px;
    }


    .maschinentestwertung *{
        color:white;

    }
    .maschinentestwertung th{
        background-color: #DD052B;
        font-size: 20px;
    }
    .maschinentestwertung td{
    text-align: right;
    }
    .maschinentestwertung td:nth-child(2){
        text-align: left;
    }

    .maschinentestwertung .testnode{
        background-color: slategray;
        font-size: 10px;
        padding:3px;
    }
    .maschinentestwertung .testscore{
        background-color: slategray;
        font-size: 12px;
        pading:3px;
        display: inline-block;
        width:40px;
        text-align: center;
    }
    .maschinentestwertung .head-small{
vertical-align: top;

    }
    .maschinentestwertung  .head-small > span {
        font-size: 14px;
        background-color: #dd052B;
        padding:2px 10px;
        display: inline-block;
        width:274px;

    }

    .maschinentestwertung .score-small{
        font-size: 24px;
        font-weight: bold;
        background-color: #dd052B;
        padding:3px;

    }


    .maschinentest *{
        height:35px;
        font-size: 22px;
        color:#ffffff;
        font-weight: bold;
    }

     .testname{
         position: relative;
         font-size: 25px;
         float:left;
         width:392px;
         padding-right: 10px;
         background-color: #dd052B;
         text-align: right;
         margin-left:-9px;
    }
     .testscore2{
        vertical-align: middle;
         font-size: 35px;
        background-color: #dd052B;
        margin-left: 388px;
         height:55px;
         width:160px;
         text-align: center;
    }

      .box {
        -webkit-transform: skewX(-5deg);
        -moz-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        -o-transform: skewX(-5deg);
        transform: skewXY(-5deg);
    }

     .maschinentest_infobox {
        position: absolute;
      right: 85px;
      width: 270px;
      margin-top: -350px;
      border:1px solid #dd052b;
      padding: 0 10px 0 10px ;
        font-size:12px;
   
    
    
    }
    .maschinentest_infobox .info_header{
      background-color:#dd052b;     
      color:white;
     font-size:14px;
     padding:6px;
     margin-bottom:5px;
     margin-left:-10px;
     margin-right:-10px;
     
     
    }
   .main_nav:after {
    content: "";
    display: table;
    clear: both;
}

.nav_header_dark{margin-top:15px;border-top-right-radius:6px;border-top-left-radius:6px;border:0px solid #ddd;padding:6px;background-color:#6B727C;color:white;font-weight: bold;border-bottom: 0;text-align: center }
.nav_bg_white {background-color: #E4E3E4;border-right: 7px solid #788AA0;}

.main_nav {list-style:none;padding-left:0px;padding-bottom:0;border:0px solid #999;}
.main_nav * {color:black;font-family:verdana, arial, sans-serif;font-size:11px !important;}
.main_nav li a:hover {text-decoration:none;color:black;font-size:11px !important;}

.main_nav li {border:1px solid grey;background: #c8c8c8; /* Old browsers */
    background: -moz-linear-gradient(left, #c8c8c8 0%, #f0f0f0 1%, #c8c8c8 99%, #c8c8c8 99%, #9b9b9b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #c8c8c8 0%,#f0f0f0 1%,#c8c8c8 99%,#c8c8c8 99%,#9b9b9b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #c8c8c8 0%,#f0f0f0 1%,#c8c8c8 99%,#c8c8c8 99%,#9b9b9b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#9b9b9b',GradientType=1 ); /* IE6-9 */;border-bottom:0px solid #999;height:30px;padding:8px 0 4px 5px;text-align:center}
.main_nav li:hover {;border-bottom:2px solid #dd052b;color:#dd052b;height:30px;padding:8px 0 6px 5px;}
.main_nav li a:hover {text-decoration:none;color:#dd052b;}
.main_nav li:last-child {border-bottom:1px solid grey;}    
 
    .sub_nav1, .sub_nav2 ,.sub_nav3{list-style:none;margin:0px;padding:0;}
.sub_nav1 li {background-image:url(https://www.holz-metall.info/images/navneu2.gif);border-bottom:0px solid #999;height:26px;padding:6px 0 4px 15px;text-align:left;}
.sub_nav1 li:hover {;border-bottom:2px solid#dd052b;color:#dd052b;height:26px;padding:6px 0 4px 15px;}
.sub_nav1 li:last-child {border-bottom:0;}     
                                                           
.sub_nav1 li a:hover {font-size:13px;text-decoration:none;color:black;}
.sub_nav2 li {background-color:white;border-bottom:0px solid #999;height:22px;padding:3px 0 0 25px;text-align:left}
.sub_nav2 li:hover {border-bottom:1px solid #dd052b;color:#dd052b;height:22px;padding:3px 0 0 25px;;}


.sub_nav3 li {background-color:white;border-bottom:0px solid #999;height:22px;padding:3px 0 0 35px;}
.sub_nav3 li:hover {border-bottom:#dd052b;color:#dd052b;border-bottom:1px solid #999;height:22px;padding:3px 0 0 25px;}


.sub_nav1 .active,.main_nav .active {background-color: #FDA156;}
/*.sub_nav1 .active a,.main_nav .active a {color:white;} */
.g13 {width: 957px;display: block;height:200px;border:0px solid grey;margin-top:15px;background-color: white;position: relative}
.g13.bald {opacity: 0.6; cursor: not-allowed;}
.g14 {color:white;float:left;font-size: 22px;background-color: #d9534f;margin-left: 3px;}
.g14.nr {width:34px;text-align: center;background-color: slategrey}
.g14.name {width: 300px;  margin-left: 3px; ;padding-left: 9px;background-color: slategrey }
.g14_score {    vertical-align: middle;    font-size: 32px;  height: 48px;    width: 140px;    text-align: center;}
.g14_links {width:100%;position: absolute;bottom:0px;left:345px;}
.g14_links ul li { display:inline-block;width: 120px;font-size:12px;}
.g14_links ul li a:before {content:'--> '}
.g15 { width:305px;float:left;}
.x15 {margin-left: 45px;width:150px;}
.g16 {float:left;width:160px;}
.g17 {float:left;width:450px;margin-left:-140px;}
.g17_text {padding-top:60px;margin-left:-20px;border:0px solid red;min-height:90px;width:100%;font-size:12px;}
.g18 {width:110px;float:right;line-height:14px;}

.g18_shop > a{
    color: #fff !important;
    padding:8px;
    background-color: #d9534f;
    border-color: #d43f3a;
    font-size: 14px;
    border-radius:4px;
    text-decoration: none;
    width:95px;
}

.g18_preis{padding-left:10px;font-size: 18px;font-weight: bold}
.g18_preis span {font-size:12px;color:#808080;font-weight: normal}
.box {
    -webkit-transform: skewX(-8deg);
    -moz-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    -o-transform: skewX(-8deg);
    transform: skewXY(-8deg);
}