html,body{
        margin:0 auto;
        padding:0;

}

body{
        background-image: url(../gfx/body_hg_ts_ekomi.png);
        background-repeat: no-repeat;
        background-position: center top;
        margin:0 auto;
        font: 76% arial,sans-serif;
        text-align:center;
        color:#333333;
        width:950px;
}

*:first-child+html body{
        width:948px;
}

img{
        border: none ;
}

#sc0 img{
border:#cbcdcf 1px solid
}

#xsellcontent img{
border:#cbcdcf 1px solid
}

p{
        margin:0 10px 10px;
}

a{
        text-decoration:none;
        padding:0px;
        margin:0px;
        color:#000;
}

a:hover{
        text-decoration: underline;
        color:#333;
}

h1{
        padding:0px;
        margin:0px;
        color:#2c8ad2;
        font-size: 20px;
}

#header h1 a, #header h2 a {
        color:#333;
        text-decoration:none;
}

#header h1 a:hover, #header h2 a:hover {
        color:#333;
        text-decoration:none;
}

a.menulink, a.kategorielink, a.artikelnamelink, a.versand, a.warenkorblink, a.verfuegbarlink, a.verfuegbarlink_img {
        padding:0 0 0 2px;
        margin:0px;
        color:#000000;
}

a.kategorielink {
        padding:0 0 0 2px;
        margin:0px;
        color:#000000;
        font-size:14;
        font-weight:bold;
}

a.verfuegbarlink_img{
        margin-right:11px;
}

a.verfuegbarlink{
        padding-left:0px;
}

a.artikelnamelink {
        padding:0px;
        padding-left:7px;
        margin:0px;
        color:#3F444E;
        font-weight: bold;
}

a.agblink {
        color:#ee3322;
        font-weight: bold;
}

a:hover.artikelnamelink {
        padding:0px;
        padding-left:7px;
        margin:0px;
        color:#666;
        font-weight: bold;
}

a.versand{
        padding:0px;
        font-size:1em;
}

a.kopfnavi{
        font-size: 14px;
        font-weight: bold;
        padding:11px;
        margin:0px;
        color: #555555;
}

a.powered{
        color:#666;
        font-size: 1em;
}

a.fusslink{
        color:#000;
        font-size: 14px;
        font-weight:bold;
}

a.fusslink:hover{
        color:#1820f9;
        text-decoration:none;
        font-size: 14px;
}


a.powered:link{color:#666;text-decoration:none;font-size: 1em;}
a.powered:visited{color:#666;text-decoration:none;font-size: 1em;}
a.powered:hover{color:#333;text-decoration:underline;font-size: 1em;}

a.linkklein:link{color:#000000;text-decoration:none;font-size: 10px;}
a.linkklein:visited{color:#000000;text-decoration:none;font-size: 10px;}
a.linkklein:hover{color:#2c8ad2;text-decoration:underline;font-size: 10px;}

a.link:link{color:#000000;text-decoration:none;font-size: 12px;}
a.link:visited{color:#000000;text-decoration:none;font-size: 12px;}
a.link:hover{color:#2c8ad2;text-decoration:underline;font-size: 12px;}

a.linko:link{color:#333;text-decoration:none;font-size: 12px;}
a.linko:visited{color:#333;text-decoration:none;font-size: 12px;}
a.linko:hover{color:#000000;text-decoration:underline;font-size: 12px;}



p.boxcontent {
}

p.warenkorb {
        color: #000;
        margin:3px 0pt 3px 10px;
        text-decoration: none;
        }

p.warenkorb a{
        color: #000;
        font-size: 13px;
        font-weight:bold;
        text-decoration: none;
        }

p.warenkorb a:hover{
        color: #333;
        font-size: 13px;
        font-weight:bold;
        text-decoration: underline;
        }

p.variationshinweis, p.navi{
        margin:0px;
        padding:0px;
        font-size:0.8em;
}

p.box_login, p.content, p.head{
        margin:0px;
        margin-top:5px;
}

p.head, span.head{
        font-weight: bold;
}

span.boxpreis{
        padding:0px;
        margin:0px;
        color:#2c8ad2;
        font-size:18px;
        font-weight:bold
}

span.xselling_standard{
        padding:0px;
        margin:0px;
        color:#121212;
        font-size: 1.7em;
}

span.kopf_waehlen{
        color:#333;
        padding:0px 0px 0px 0px;
}

hr.linie{
        height:1px;
        color:#D5D5D7;
}

.ustklein{
        font-size: 0.8em;
        margin:0px;
        padding:0px;
}

.footerklein{
        font-size: 0.8em;
        margin:0px 0px 0px 0px;
        padding:12px 0px 0px 0px;
        color:#666;
}

.spacer{
        font-size:8px;
        margin:0px;
        padding:0px;
}

.waehrung{
        font-size: 12px;
        margin:0px;
        padding:12px 0px 0px 0px;
}

.seitenzahl{
        font-size: 1em;
        margin:0px;
        padding:0px;
        padding-top:12px;
}
a.seitenzahl:link{color:#000000;text-decoration:none}
a.seitenzahl:visited{color:#000000;text-decoration:none}
a.seitenzahl:hover{color:#F35F16;text-decoration:underline}

.artikelpreis{
        font-size:14px;
        margin:0px;
        padding:0px;
}
.grafikpreis{white-space:nowrap;}

.warning{
        color:#F25510;
        font-weight:bold;
        margin:0px;
        padding:0px;
        margin-top:12px;
}

td.kategorie, td.kategoriesub, td.kategorieselected{
        background: #fff;
        border-width:0px;
}

td.kategoriesub a{
        color: #2c8ad2;
}

td.staffelpreis{
        font-size:0.9em;
        color:#121212;
}

td.artikelliste{
        padding:0px;
        margin:0px;
        padding-top:15px;
        background: #fff;
}

td.artikelliste_ub{
        border:solid 1px #e0e0e0;
        padding:0px;
        margin:0px;
        padding-top:10px;
        background: #fff4d4;
}

td.kategorieselected{
        background: #ffffff;
}

textarea.frage{
        width:280px;
        border: 1px solid #D4D5D8;
        margin:0px;
        padding:2px;
        background: #FFFFFF;
}

input.frage_email, input.login{
        width:280px;
        border: 1px solid #D4D5D8;
        margin:0px;
        padding:2px;
        background: #FFFFFF;
}

input.suche {
        width:150px;
        border: 1px solid #aab3ba;
        margin:0px;
        padding:2px;
        background: #fff;
}

input.login_email, input.login_passwort, input.suche_verfeinern, input.schnellkaufEAN{
        width:140px;
        border: 1px solid #D4D5D8;
        margin:0px;
        padding:2px;
        background: #FFFFFF;
}

input.anzahl, input.gehzuseite {
        width:40px;
        border: 1px solid #D4D5D8;
        margin:0px;
        padding:2px;
        background: #FFFFFF;
}

input.login_passwort{
        width:80px;
        border: 1px solid #D4D5D8;
        margin:0px;
        padding:2px;
        background: #FFFFFF;
}

 input.gehzuseite{
        width:30px;
}

input:active, input:focus, input:hover { background: #FCF5E1 url(../gfx/inputHG.png) repeat-x;}

hr.katartikel{
        border: 0px dotted #D4D5D8;
}

#container{text-align:left;}
#content p{line-height:1.4}
#container{width:940px;margin:0 auto;}
#wrapper{
        float:left;
        width:100%;
        padding: 0px 5px 0px 5px;
        margin-left: -5px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: none;
        border-right-style: solid;
        border-bottom-style: none;
        border-left-style: solid;
        border-top-color: #c4c4c4;
        border-right-color: #c4c4c4;
        border-bottom-color: #c4c4c4;
        border-left-color: #c4c4c4;
}
*html
#wrapper{
        width:100%;
        margin-left:2px;
}


#content{margin: 0 5px 0 180px;}
#left_container{float:left;width:180px;margin-left:-940px; }
#right_container{float:left;width:180px;margin-left:-180px}

#footer{
        background-image: url(../gfx/hg_footer.png);
        width:952px;
        height: 60px;
}

#footer, #footer_white{
        clear: left;
        margin-top: 0px;
        color: #FFF;
}
*html
#footer, #footer_white{
        margin-left:4px;
}


*:first-child+html
#footer_white{
        margin-left:-1px;
        }
*html
#footer_white{
        margin-left:4px;
        }

#footer_white{
        height: 80px;
        padding-top:20px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: none;
        border-right-style: solid;
        border-bottom-style: none;
        border-left-style: solid;
        border-top-color: #c4c4c4;
        border-right-color: #c4c4c4;
        border-bottom-color: #c4c4c4;
        border-left-color: #c4c4c4;
        margin-left:0px;
        background-image: url(../gfx/hg_footer_withe.png);
        background-position: center bottom;
        width:950px;
        background-repeat: no-repeat;
}



#header{
        height:268px;
        width:950px;
        margin:54px auto;
        text-align: center;
}

#header h1{
        text-decoration: none;
        color: #333;
        font-size:42px;
        padding:10px 0 0 0;
        margin:0;
}

#header h2{
        text-decoration: none;
        color: #333;
        font-size:18px;
        padding:0;
        margin:0;
}

 #mainMenu {
    position:absolute;
        margin-top:4px;
}

*:first-child+html
#mainMenu {
    position:static;
        margin-top:63px;
}

*html
#mainMenu {
    position:static;
        margin-top:63px;
}


.mainMenu div {
        margin-left:10px;
}

.mainMenu {
        font-size: 12px;
        font-weight:bold;
        width: 950px;
        padding: 2px 0 0 0;
        margin: 16px 0 0 0;
}
* html .mainMenu {
        margin: 16px 0 0 0;
}
*:first-child+html .mainMenu {
        margin: 16px 0 0 0;
}


.mainMenu ul {
        list-style-type: none;
        margin: 140px 0px 0px 0px;
        padding: 0px;
        text-align:center;
}
*html .mainMenu ul{
        margin: 100px 0 0 0;
}
*:first-child+html .mainMenu ul{
        margin: 100px 0 0 0;
}

.mainMenu li {
        display: inline;
        margin: 0px;
        padding: 0px;
        font-size:16px;
}

.mainMenu li a, .mainMenu li a:link {
        text-decoration: none;
        padding: 0 5px;
        color: #333;
}

.mainMenu li a:visited {
        color: #333;
        text-decoration: none;
}

.mainMenu li a:hover, .mainMenu li a:focus, .mainMenu li a:active {
        color: #666;
        text-decoration: none;
}

.mainMenu span {
        padding:0pt 35px 0pt 35px;
}

.trenner {
        vertical-align:middle;
        height:23px;
        padding:0;
        width:2px;
}

* html .trenner { /* IE6 Fix */
        height:23px;
         padding:0;
}
*:first-child+html .trenner { /* IE7 Fix */
         height:23px;
         padding:2px 0 0 0;
 }

#logo{
        background-image:url(../gfx/boxlogo-b.png);
        height:99px;
}

#topnavi{
        background-image:url(../gfx/boxorange_940.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-color: #fff;
        height:36px;
}

#topnavi_button{
        float:left;
        height:36px;
        background-image:url(../gfx/boxorange_trenner.png);
        background-repeat: no-repeat;
        background-position: top right;
}

#topnavi_rechts{
        float:right;
        height:36px;
        width:80px;
}

#topnavi_button {
        font-size: 14px;
        font-weight: bold;
        padding:11px;
        padding-bottom:0px;
        margin:0px;
        color: #555555;
}

input.button, input.warenkorb, input.finden, input.loginbox {
        background-image:url(../gfx/button-hg.png);
        border: 1px solid #C7C7C7;
        color: #fff;
        cursor:pointer;
        font-size: 14px;
        font-weight: bold;
        height: 25px;
        padding:1px 5px 3px 5px;
}
* html input.warenkorb{width:160px;}
*:first-child+html input.warenkorb{width:160px;}

#brotnavi{
        height:25px;
        margin-top: 1px;
}

#brotnavi .navi{
        font-size: 11px;
        padding:0px 6px 6px 11px;
        margin:0px;
        color: #333;
}
*html
#brotnavi .navi{
        margin-left:10px;
}

#brotnavi a{
        text-decoration: none;
        color: #666;
        }

#brotnavi a:hover{
        text-decoration: none;
        color: #444;
        }

#subbox{
        width:100%;
        margin-top:10px;
        background-color: #fcf5e1;
}

#subbox_header_hell{
        background-repeat: no-repeat;
        background-position: top left;
        background-color: #fff;
        text-align:left;
        padding-left:7px;
        height:25px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 2px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-color: #cbcdcf;

}

#subbox_bottom_hell{
        height:60px;
        width:180px;
        background-image: url(../gfx/hg_boxen.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color:#FFFFFF;
}

#subbox_header_hell .boxheader{
        font-size: 16px;
        font-weight: bold;
        padding:0px;
        margin:0px;
        padding-top:3px;
        color: #2c8ad2;
}

#subbox_content{
        border:solid 1px #cbcdcf;
        padding-bottom:5px;
    width:178px;
        background-color:#FFFFFF;
}

.subbox_content_linkBox {
        padding:5px;
        text-align:center;
}

#content_head_links, #content_head_rechts{
        padding:0px;
        margin:0px;
        border-width:0px;
        border-bottom-width:1px;
        border-style:solid;
        border-color:#3F444E;
        height:25px;
}

#content_head {
        padding-top:20px;
        padding-left:15px;
        height:36px;
        color: #63bdff;
}

#content_head_bestell {
        padding-top:3px;
        padding-left:6px;
        height:49px;
        color: #FEFFFF;
        margin-bottom:20px;
}

#content_head_rechts{
        float:right;
        border-width:0px;
        margin-top:8px;
}

#content_head_links{
        float:left;
        border-width:0px;
        margin-top:12px;
}

#contentmid{
        margin-left:20px;
        margin-right:20px;
}

#contentUntereGrenze{
        padding: 10px 0px 0px 0px;
        margin:0px;
        margin-top:10px;
        border-width:0px;
        border-top-width:1px;
        border-style:solid;
        border-color:#ffffff;
        height:27px;
}

#contentUntereGrenze_rechts, #contentUntereGrenze_links{
        float:right;
        border-width:0px;
}

#contentUntereGrenze_links{
        float:left;
        border-width:0px;
}

.warenkorbSumme {
        color:#333;
        padding:6px 0 6px 10px;
}

.warenkorbSumme .standard {
        color: #FF6600;
        font-weight:bold;
        padding-left:25px;
}

.font_big {
        color:#333;
}

#subbox_header_hell_korb{
        background-image:url(../gfx/boxkorb-top.png);
        background-repeat: no-repeat;
        background-position: top left;
        text-align:left;
        font-size: 13px;
        font-weight: bold;
        color: #FEFFFF;
        padding-left:5px;
        padding-top: 7px;
        height:29px;
}

#subbox_warenkorb{
        background:#fff url(../gfx/warenkorb.png) top left no-repeat;
        border:solid 1px #cbcdcf;
        width:178px;
}

#subbox_warenkorb_leer{
        background:#fff url(../gfx/warenkorb_leer.png) top left no-repeat;
        border:solid 1px #cbcdcf;
        width:178px;
}

#suche_verfeinern{
        border-width:0px;
        margin-top:12px;
        padding:0px;
}

#sectionheader{
        background-image: url(../gfx/sectionheader.png);
        color:#000000;
        padding:10px;
        margin-top:15px;
        font-weight: bold;
        background-color: #fff;
        background-repeat: repeat;
        background-position: center center;
        }

.highslide {
        cursor: pointer;
    outline: none;
}
.highslide img {
        border: 0px solid gray;
}
.highslide:hover img {
        border: 0px solid silver;
}

.highslide-image {
    border-bottom: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;

    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
        color: white;
        font-size: 9px;
        font-weight: bold;
        text-transform: uppercase;
    text-decoration: none;
        padding: 3px;
        border-top: 1px solid white;
        border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
        font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-html {
        background-color: #f2f2f4;
}
.highslide-html-blur {
}
.highslide-html-content {
        position: absolute;
        display: none;
}
.highslide-loading {
        display: block;
        color: black;
        font-size: 8pt;
        font-family: sans-serif;
        font-weight: bold;
        text-decoration: none;
        padding: 2px;
        border: 1px solid black;
        background-color: white;
        padding-left: 22px;
        background-image: url(../js/highslide/graphics/loader.white.gif);
        background-repeat: no-repeat;
        background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
        padding: 2px;
        color: silver;
        text-decoration: none;
        font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
        color: white;
        background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
        background-color: #f2f2f4;
}
.highslide-wrapper .highslide-html-content {
        width: 460px;
        padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
        margin: 0;
        text-align: right;
        border-bottom: 1px solid white;
        font-family: Verdana, Helvetica;
        font-size: 10pt;
        padding: 5px;
        background-color: silver;
}
.highslide-wrapper .highslide-header ul li {
        display: inline;
        padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
        display: none;
}
.highslide-wrapper .highslide-header a {
        font-weight: bold;
        color: #000000;
        text-transform: uppercase;
        text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
        color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
        cursor: move;
}
.highslide-wrapper .highslide-footer {
        height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
        float: right;
        height: 11px;
        width: 11px;
        background: url(../js/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
        cursor: move;
}
.highslide-resize {
        cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
        display: block;
}
.highslide-display-none {
        display: none;
}

#search {
        margin:0;
        padding:0px 0px 10px 0px;
        text-align: left;
}

input.searchButton {
        background:url(../gfx/search.png) no-repeat;
        border:none;
        cursor:pointer;
        margin:-3px 0 0 -6px;
        vertical-align: middle;
        min-height: 21px;
        height: 22px;
        width:22px;
}
* html input.searchButton {
        margin:-7px 0 0 -7px;
}

*:first-child+html input.searchButton {
        margin:-7px 0 0 -7px;
}

.contentStart {
        background:#fff;
        width:33%;
}

#bestellSumme {
        border:1px solid #ccc;
        border-collapse: collapse;
        color:#333;
        margin:10px 0;
        width:100%;
        background-color: #EBEBEB;
}


#artPrev, #artNext {padding-top:10px;}
#artPrev img, #artNext img {vertical-align:middle;}
#artPrev a, #artNext a {
        color:#121212;
        font-weight:bold;
        text-decoration:none;
}
#artPrev a:hover, #artNext a:hover {
        color:#121212;
        font-weight:bold;
        text-decoration:none;
}

/*  styles for the unit rater
---------------------------------------------------------
ryan masuga, masugadesign.com
ryan@masugadesign.com
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */
.ratingblock {
        display:block;
        /*border-bottom:1px solid #999;*/
        padding-bottom:8px;
        margin-top:10px;
        margin-bottom:10px;
        }

.loading {
        height: 30px;
        background: url('../gfx/starrater/working.gif') 50% 50% no-repeat;
        }

.unit-rating { /* the UL */
        list-style:none;
        margin: 0px;
        padding:0px;
        height: 30px;
        position: relative;
        background: url('../gfx/starrater/starrating_big_yellow.png') top left repeat-x;
        }

.unit-rating li{
    text-indent: -90000px;
        padding:0px;
        margin:0px;
        /*\*/
        float: left;
        /* */
        }

.unit-rating li a {
        outline: none;
        display:block;
        width:30px;
        height: 30px;
        text-decoration: none;
        text-indent: -9000px;
        z-index: 20;
        position: absolute;
        padding: 0px;
        }

.unit-rating li a:hover{
        background: url('../gfx/starrater/starrating_big_yellow.png') left center;
        z-index: 2;
        left: 0px;
        }

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
        background: url('../gfx/starrater/starrating_big_yellow.png') left bottom;
        position: absolute;
        height: 30px;
        display: block;
        text-indent: -9000px;
        z-index: 1;
        }

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}


.bestellvorgang {
        padding-top:50px;
}

.aoflinks{
        background-color:#fff;
        padding-left:18px;
}
