@import url("artikelliste.css");


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

body {
    background: url(../gfx/bg.png) top repeat-x;
    margin: 0 auto;
    font: 76% arial, sans-serif;
    text-align: center;
    color: #121212;
    width: 100%;
}
*:first-child + html body {
    background: url(../gfx/bg.png) top repeat-x;
    width: 100%;
}

img {
    border: 0px;
}

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: #333;
    font-size: 17px;
}

#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.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;
    padding-bottom: 0px;
    margin: 0px;
    color: #555555;
}

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

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: #F35F16;
    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: #F35F16;
    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;
}

a.fusslink:hover {
    color: #777777;
    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: #121212;
}

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;
}

.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;
    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: #FCF5E1;
    border-width: 0px;
}

td.kategoriesub {
    background: #fcf8ed;
}

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

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

td.artikelliste_ub {
    border: solid 1px #e0e0e0;
    padding: 5px;
    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: 140px;
    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: 1000px;
    margin: 0 auto;
	background-color: #E4E2D4;
}

#wrapper {
    float: left;
    width: 100%;
	background-color: #E4E2D4;
}

#content {
    margin: 0 180px;
}

#left_container {
    float: left;
    width: 180px;
    margin-left: -1000px;
	padding-left: 11px;
}

#right_container {
    float: left;
    width: 180px;
    margin-left: -191px;
}

#footer {
    /*background: url(../gfx/footer.jpg) center no-repeat;*/
    height: 60px;
    width: 1000px;
    clear: left;
    font-size: 0.8em;
    color: #666666;
	margin-left: 50px;
	padding: 5px;
}

.footerklein {
    font-size: 0.8em;
    color: #666666;
	margin-left: 50px;
}

#footer_white {
    /*background: url(../gfx/seiteHG.jpg) center repeat-y;*/
    height: 10px;
}

#header {
    background: url(../gfx/header.png) top left no-repeat;
    height: 166px;
    width: 1000px;
    margin: 0 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 div {
    margin-left: 10px;
}

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

.mainMenu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.mainMenu li {
    display: inline;
    margin: 0px;
    padding: 0px;
}

.mainMenu li a, .mainMenu li a:link {
    font-family: Georgia, Arial, Helvetica, sans-serif !important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: normal;
    padding: 0 5px;
    color: #ffffff;
}

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

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

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

.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: 12px;
    padding-left: 11px;
    margin-top: 10px;
    color: #333;
}

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

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

.subbox {
    width: 100%;
    margin-top: 10px;
}

.subbox_header_hell {
	background: url(../gfx/bg_boxheading.png) top left repeat-x;
    border: 1px solid #A24F1D;
	border-bottom-width: 0px;
    text-align: left;
    padding: 10px 2px 3px 2px;
	height: 19px;
	
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
	-khtml-border-bottom-left-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.subbox_bottom_hell {
    height: 10px;
    width: 180px;
}

.subbox_header_hell .boxheader {
    text-transform: uppercase;
    font-family: Georgia !important;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    color: #FFFFFF;
}

.subbox_content {
    border: solid #A24F1D;
    border-width:1px 1px 1px 1px;
	/*background-color: #FFFFFF;*/
	background: url(../gfx/box_bg.png);
    width: 178px;
}

.subbox_content ul {
    font-weight: bold;
    list-style-image: none;
    list-style-type: none;
    list-style-position: outside;
}

.subbox_content ul li {
    margin-bottom: 5px;
}

.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: 5px;
    height: 20px;
    background-color: #382F22;
	clear: both;
    /*background-image:url(../gfx/top_head.png)*/
	
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.content_head h1 {
    color: #FEFFFF;
}

#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 {
	clear: both;
    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;
}

.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: #fcf5e1 url(../gfx/warenkorb.png) top left no-repeat;
    border: solid 1px #ffdc7a;
    border-width: 0 1px;
    width: 178px;
}

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

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

.sectionheader {
    background: #FFF4D4;
    border: 1px solid #E0E0E0;
    padding: 10px;
    margin-top: 15px;
    font-weight: bold;
}

.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: 20px 25px 0pt 15px;
    text-align: right;
}

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 {
    background: #FFF4D4;
    border: 1px solid #ff6600;
    border-collapse: collapse;
    color: #333;
    margin: 10px 0;
    width: 100%
}

#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;
}

#versand {
    background-color: #CCCCCC;
	margin-left: 10px;
}

#versand td {
    background-color: #E4E2D4;
}

#versand img {
    border: 1px solid #e3e3e3;
}