HTML, BODY
{
        margin: 0;
        padding: 0;
}
BODY
{
        font: 76% arial, sans-serif;
        text-align: left;
        color: #121212;
        background-color:#E4E4E4;
        background-image:url(../gfx/bg_body.gif);
        background-repeat:repeat-x;
}
IMG
{
        border: 0px solid #000000;
}

A
{
        text-decoration: none;
        padding: 0px;
        margin: 0px;
        color: #1212C2;
}
A:hover
{
        text-decoration: underline;
        color: #2222CC;
}
H1
{
        padding: 0px;
        margin: 0px;
        color: #F4C426;
        font-size: 20px;
        font-weight: bold;
        font-family: times New Roman;
}
A.menulink, A.kategorielink, A.artikelnamelink, A.versand, A.warenkorblink, A.verfuegbarlink, A.verfuegbarlink_img
{
        padding: 0px;
        padding-left: 7px;
        margin: 0px;
        color: #000;
}
A.verfuegbarlink_img
{
        margin-right: 11px;
}
A.verfuegbarlink
{
        padding-left: 0px;
}
A.artikelnamelink
{
        padding: 0px;
        padding-left: 0px;
        margin: 0px;
        color: #3F444E;
        font-weight: bold;
        font-size: 18px;
        font-family: times New Roman;
}
A.agblink
{
        color: #EE3322;
        font-weight: bold;
}
A:hover.artikelnamelink
{
        padding: 0px;
        padding-left: 0px;
        margin: 0px;
        color: #F4C426;
        font-weight: bold;
}
A.versand
{
        padding: 0px;
        font-size: 1em;
}
A.kopfnavi
{
        font-size: 14px;
        font-weight: bold;
        padding: 11px;
        padding-bottom: 0px;
        margin: 0px;
        color: #555;
}
A.fusslink, A.powered
{
        color: #000;
        font-size: 1em;
        font-weight: normal;
}
A.powered:link
{
        color: #000;
        text-decoration: none;
        font-size: 1em;
}
A.powered:visited
{
        color: #000;
        text-decoration: none;
        font-size: 1em;
}
A.powered:hover
{
        color: #F35F16;
        text-decoration: underline;
        font-size: 1em;
}
A.linkklein:link
{
        color: #000;
        text-decoration: none;
        font-size: 10px;
}
A.linkklein:visited
{
        color: #000;
        text-decoration: none;
        font-size: 10px;
}
A.linkklein:hover
{
        color: #F35F16;
        text-decoration: underline;
        font-size: 10px;
}
A.link:link
{
        color: #000;
        text-decoration: none;
        font-size: 12px;
}
A.link:visited
{
        color: #000;
        text-decoration: none;
        font-size: 12px;
}
A.link:hover
{
        color: #F35F16;
        text-decoration: underline;
        font-size: 12px;
}
A.linko:link
{
        color: #000000;
        text-decoration: none;
        font-size: 12px;
        font-family:arial;
}
A.linko:visited
{
        color: #000000;
        text-decoration: none;
        font-size: 12px;
        font-family: arial;
}
A.linko:hover
{
        color: #000;
        text-decoration: underline;
        font-size: 12px;
        font-family:arial;
}
A.fusslink:hover
{
        color: #777777;
        text-decoration: underline;
        font-size: 12px;
}
P.boxcontent
{
}
P.warenkorb
{
        text-decoration: none;
        color: #F4C426;
}
P.warenkorb A
{
        text-decoration: none;
        color: #F4C426;
        font-size: 14px;
}
P.warenkorb A:hover
{
        text-decoration: none;
        color: #FFFFFF;
        font-size: 14px;
        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: #121212;
}
SPAN.xselling_standard
{
        padding: 0px;
        margin: 0px;
        color: #121212;
        font-size: 1.7em;
}
SPAN.kopf_waehlen
{
        color: #FFF;
        padding: 0px;
}
HR.linie
{
        height: 1px;
        color: #D5D5D7;
}
.ustklein
{
        font-size: 0.8em;
        margin: 0px;
        padding: 0px;
}
.footerklein
{
        font-size: 0.8em;
        margin: 0px;
        padding: 0px;
}
.spacer
{
        font-size: 8px;
        margin: 0px;
        padding: 0px;
}
.waehrung
{
        font-size: 12px;
        margin: 0px;
        padding: 0px;
        padding-top: 12px;
}
.seitenzahl
{
        font-size: 1em;
        margin: 0px;
        padding: 0px;
}
A.seitenzahl:link
{
        color: #000;
        text-decoration: none;
}
A.seitenzahl:visited
{
        color: #000;
        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: red;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
        margin-top: 12px;
}
TD.kategorie, TD.kategoriesub, TD.kategorieselected
{
        background: #F2F2F2;
        border-width: 0px;
}
TD.kategoriesub
{
        background: #FFF;
}
TD.staffelpreis
{
        font-size: 0.9em;
        color: #121212;
}
TD.artikelliste
{
        padding: 5px;
        margin: 0px;
        padding-top: 15px;
        background: #F8F8F9;
}
TD.artikelliste_ub
{
        padding: 5px;
        margin: 0px;
        padding-top: 10px;
        background: #F2F2F3;
}
TD.kategorieselected
{
        background: #FFF;
}
TEXTAREA.frage
{
        width: 280px;
        border: 1px solid #D4D5D8;
        margin: 0px;
        padding: 2px;
        background: #FFF;
}
INPUT.frage_email, INPUT.login
{
        width: 280px;
        border: 1px solid #D4D5D8;
        margin: 0px;
        padding: 2px;
        background: #FFF;
}
INPUT.suche
{
        width: 140px;
        border: 1px solid #000;
        margin: 0px;
        padding: 2px;
        background: #ECECED;
}
INPUT.login_email, INPUT.login_passwort, INPUT.suche_verfeinern, INPUT.schnellkaufEAN
{
        width: 140px;
        border: 1px solid #D4D5D8;
        margin: 0px;
        padding: 2px;
        background: #FFF;
}
INPUT.anzahl, INPUT.gehzuseite
{
        width: 40px;
        border: 1px solid #D4D5D8;
        margin: 0px;
        padding: 2px;
        background: #FFF;
}
INPUT.login_passwort
{
        width: 80px;
        border: 1px solid #D4D5D8;
        margin: 0px;
        padding: 2px;
        background: #FFF;
}
INPUT.gehzuseite
{
        width: 30px;
}
HR.katartikel
{
        border: 0px dotted #D4D5D8;
}
#container
{
        text-align: left;
}
#content P
{
        line-height: 1.4;
}
#container
{
        width: 940px;
        margin-left: 67px;
}
#wrapper
{
        float: left;
        width: 100%;
}
#content
{
        margin: 0 180px;
}
#left_container
{
        /*[disabled]left:162px;*/
        /*[disabled]position:absolute;*/
        /*[disabled]top:192px;*/
        width: 180px;
        float: left;
        margin-left: -940px;
}
#right_container
{
        float: left;
        width: 180px;
        margin-left: -180px;
}
#footer, #footer_white
{
        background-color: #E4E4E4;
        clear: left;
        color: #000000;
        height: 40px;
        margin-top: 40px;
        width: 100%;
}
#footer_white
{
        background-color: #FFF;
        height: 10px;
}
#header
{       background-image: url(../gfx/headerblue_940.png);
        background-color: #024F74;
        height: 30px;
        width: 940px;
        padding-top: 12px;
        text-align: center;
        margin: 0px 162px;
}
#header A
{
        text-decoration: none;
        color: #F4C426;
}
#header A:hover
{
        text-decoration: none;
        color: #CACDCD;
        text-decoration: underline;
}
/*
#logo{
height:99px;
width:761px;
}
*/
#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: #555;
}
INPUT.button, INPUT.warenkorb, INPUT.finden, INPUT.loginbox
{
        background-image: url(../gfx/button-hg.png);
        border-color: #F4C426;
        border-style: solid;
        border-width: 1px;
        color: #F4C426;
        cursor: pointer;
        font-size: 14px;
        font-weight: bold;
        height: 23px;
}
INPUT.warenkorb
{
        width: 170px;
}
INPUT.loginbox
{
        width: 74px;
}
#brotnavi
{
        background-image: url(../gfx/boxblue_940.png);
        background-repeat: repeat-x;
        background-position: top left;
        height: 27px;
        width: 740px;
        margin-top: -3px;
}
#brotnavi .navi
{
        font-size: 12px;
        padding: 6px;
        padding-left: 11px;
        margin: -3px;
        color: #F4C426;
}
#brotnavi A
{
        text-decoration: none;
        color: #F4C426;
}
#brotnavi A:hover
{
        text-decoration: none;
        color: #FFF;
        text-decoration: underline;
}
#subbox
{
        width: 100%;
        margin-top: 10px;
        background-color: #FFF;
}
#subbox_header_hell
{
        background-image: url(../gfx/boxheader_180.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-color: #FFF;
        text-align: left;
        padding-left: 7px;
        width: 173;
        height: 25px;
}
#subbox_header_hell .boxheader
{
        font-size: 13px;
        font-weight: bold;
        padding: 0px;
        margin: 0px;
        padding-top: 5px;
        color: #F4C426;
}
#subbox_content
{
        border-width: 1px;
        border-top-width: 0px;
        border-style: solid;
        border-color: #D5D5D7;
        width: 178px;
}
#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: 13px;
        padding-left: 15px;
        height: 35px;
        color: #FEFFFF;
        background-image: url(../gfx/top_head.png);
}
#content_head_bestell
{
        padding-top: 3px;
        padding-left: 6px;
        height: 49px;
        color: #FEFFFF;
        background-image: url(../gfx/top_head.png);
}
#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: 10px;
        margin-right: -180px;
}
#contentUntereGrenze
{
        padding: 0px;
        margin: 0px;
        margin-top: 10px;
        padding-top: 10px;
        border-width: 0px;
        border-top-width: 1px;
        border-style: solid;
        border-color: #3F444E;
        height: 27px;
}
#contentUntereGrenze_rechts, #contentUntereGrenze_links
{
        float: right;
        border-width: 0px;
}
#contentUntereGrenze_links
{
        float: left;
        border-width: 0px;
}
#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: #F4C426;
        padding-left: 5px;
        padding-top: 7px;
        width: auto;
        height: 29px;
}
#subbox_warenkorb
{
        background-image: url(../gfx/warenkorb.png);
        background-repeat: repeat-x;
        background-position: top left;
        background-color: #FFF;
        border-width: 0px;
        width: 385px;
}
#subbox_warenkorb_leer
{
        background-image: url(../gfx/warenkorb_leer.png);
        background-repeat: repeat-x;
        background-position: top left;
        background-color: #FFF;
        border-width: 0px;
        width: 385px;
}
#suche_verfeinern
{
        border-width: 0px;
        margin-top: 12px;
        padding: 0px;
}
#sectionheader
{
        padding: 10px;
        margin-top: 0px;
        border-color: #BAB7E2;
        background-color: #F2F2F3;
        font-weight: bold;
        font-family:Times New Roman;
        font-size:16px;
}
.highslide
{
        cursor: pointer;
        outline: none;
}
.highslide IMG
{
        border: 0px solid #808080;
}
.highslide:hover IMG
{
        border: 0px solid #C0C0C0;
}
.highslide-image
{
        border-bottom: 1px solid #FFFFFF;
}
.highslide-image-blur
{
}
.highslide-caption
{
        display: none;
        border-bottom: 1px solid #FFFFFF;
        font-family: Verdana, Helvetica;
        font-size: 10pt;
        padding: 5px;
        background-color: #C0C0C0;
}
.highslide-loading
{
        display: block;
        color: #FFFFFF;
        font-size: 9px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        padding: 3px;
        border-top: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        background-color: #000000;
/*
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: #C0C0C0;
        text-decoration: none;
        font-size: 10px;
}
A.highslide-credits:hover, A.highslide-credits:hover I
{
        color: #FFFFFF;
        background-color: #808080;
}
.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: #000000;
        font-size: 8pt;
        font-family: sans-serif;
        font-weight: bold;
        text-decoration: none;
        padding: 2px;
        border: 1px solid #000000;
        background-color: #FFFFFF;
        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: #C0C0C0;
        text-decoration: none;
        font-size: 10px;
}
A.highslide-credits:hover, A.highslide-credits:hover I
{
        color: #FFFFFF;
        background-color: #808080;
}
/*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 #FFFFFF;
        font-family: Verdana, Helvetica;
        font-size: 10pt;
        padding: 5px;
        background-color: #C0C0C0;
}
.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: #000000;
}
.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;
}
#artPrev, #artNext
{
        padding-top: 10px;
        background-color: #FFFFFF;
}
#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;
        vertical-align: middle;
}
/*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) no-repeat 50% 50%;
}
.unit-rating
{
/*the UL*/
        list-style: none;
        margin: 0px;
        padding: 0px;
        height: 30px;
        position: relative;
        background: url(../gfx/starrater/starrating_big_yellow.png) repeat-x top left;
}
.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;
}

.bluenormal
{
        font-weight: bold;
        font-size: 12px;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#014C73;
        font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #014C73; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
        padding: 15px 0 0 0;
        width:200px;
        color: #014C73;
    text-align: center;
        filter: alpha(opacity:90);
        KHTMLOpacity: 0.90;
        MozOpacity: 0.90;
        opacity: 0.90;
}
a.tt:hover span.top{
        display: block;
        padding: 30px 8px 0;
    background: url(../gfx/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
        display: block;
        padding: 0 8px;
        background: url(../gfx/bubble_filler.gif) repeat bottom;
}
a.tt:hover span.bottom{
        display: block;
        padding:3px 8px 10px;
        color: #548912;
    background: url(../gfx/bubble.gif) no-repeat bottom;
}

a.groovy
{
   font-size:14px;
   font-family:Times New Roman,serif;
   font-weight:bold;
   text-align:left;
   color: #f4c426;
   width:156px;
   height:24px;
   background-color:#FFFFFF;
   background-image:url(../gfx/warenkorb-de.gif);
   border-style:solid;
   border-color:#999999;
   border-width:0px;
   cursor:pointer;
   padding: 4px 32px 4px 10px;
}

a.groovy:hover
{
   font-size:14px;
   font-family:Times New Roman,serif;
   font-weight:bold;
   text-align:left;
   color: #f4c426;
}

a.meinjtl
{
   font-size:14px;
   font-family:Times New Roman,serif;
   font-weight:bold;
   text-align:left;
   color: #f4c426;
   width:150px;
   height:22px;
   background-color:#FFFFFF;
   background-image:url(../gfx/mein_jtl.gif);
   border-style:solid;
   border-color:#999999;
   border-width:0px;
   cursor:pointer;
   padding: 2px 4px 2px 4px;
}

a.meinjtl:hover
{
   font-size:14px;
   font-family:Times New Roman,serif;
   font-weight:bold;
   text-align:left;
   color: #f4c426;
}
#subbox1
{
        width: 100%;
        margin-left: 5px;
        background-color: #FFF;
}
#subbox_header_hell1
{
        background-image: url(../gfx/boxheader_180.png);
        background-position: top left;
        background-color: #FFF;
        text-align: left;
        padding-left: 7px;
        width: 722;
        height: 25px;
}
#subbox_header_hell1.boxheader
{
        font-size: 13px;
        font-weight: bold;
        padding: 0px;
        margin: 0px;
        padding-top: 5px;
        color: #F4C426;
}
#subbox_content1
{
        border-width: 1px;
        border-top-width: 0px;
        border-style: solid;
        border-color: #D5D5D7;
        width: 727px;
}