html, body  {
margin : 0;
padding : 0;
}
body {
font : 76% arial, sans-serif;
text-align : center;
color : #121212;
}
img {
border : 0;
}
p {
margin : 0 10px 10px;
}
a {
text-decoration : none;
padding : 0;
margin : 0;
color : #1212c2;
}
a:hover {
text-decoration : underline;
color : #2222cc;
}
h1 {
padding : 0;
margin : 0;
color : #FFFEFE;
font-size : 17px;
font-weight : normal;
}
a.menulink, a.kategorielink, a.artikelnamelink, a.versand, a.warenkorblink {
padding : 0;
padding-left : 7px;
margin : 0;
color : #000;
}
a.artikelnamelink {
padding : 0;
padding-left : 7px;
margin : 0;
color : #3f444e;
font-weight : bold;
}
a.agblink {
color : #ee3322;
font-weight : bold;
}
a:hover.artikelnamelink {
padding : 0;
padding-left : 7px;
margin : 0;
color : #f35f16;
font-weight : bold;
}
a.versand {
padding : 0;
font-size : 1em;
}
a.kopfnavi {
font-size : 14px;
font-weight : bold;
padding : 11px;
padding-bottom : 0;
margin : 0;
color : #555;
}
a.fusslink, a.powered {
color : #FFFEFE;
font-size : 1em;
font-weight : normal;
}
a.powered:link {
color : #FFFEFE;
text-decoration : none;
font-size : 1em;
}
a.powered:visited {
color : #FFFEFE;
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 : #f35f16;
text-decoration : none;
font-size : 12px;
}
a.linko:visited {
color : #f35f16;
text-decoration : none;
font-size : 12px;
}
a.linko:hover {
color : #000;
text-decoration : underline;
font-size : 12px;
}
a.fusslink:hover {
color : #777777;
text-decoration : underline;
font-size : 12px;
}
p.warenkorb {
text-decoration : none;
color : #fbffff;
}
p.warenkorb a {
text-decoration : none;
color : #fbffff;
font-size : 14px;
}
p.warenkorb a:hover {
text-decoration : none;
color : #fce6d5;
font-size : 14px;
text-decoration : underline;
}
p.variationshinweis, p.navi {
margin : 0;
padding : 0;
font-size : 0.8em;
}
p.box_login, p.content, p.head {
margin : 0;
margin-top : 5px;
}
p.head, span.head {
font-weight : bold;
}
span.boxpreis {
padding : 0;
margin : 0;
color : #121212;
}
span.xselling_standard {
padding : 0;
margin : 0;
color : #121212;
font-size : 1.7em;
}
span.kopf_waehlen {
color : #FFFEFE;
padding : 0 0 0 0;
}
hr.linie {
height : 1px;
color : #d5d5d7;
}
.ustklein {
font-size : 0.8em;
margin : 0;
padding : 0;
}
.footerklein {
font-size : 0.8em;
margin : 0;
padding : 0;
}
.spacer {
font-size : 8px;
margin : 0;
padding : 0;
}
.waehrung {
font-size : 12px;
margin : 0;
padding : 0;
padding-top : 12px;
}
.seitenzahl {
font-size : 1em;
margin : 0;
padding : 0;
}
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 : 0;
padding : 0;
}
.grafikpreis {
white-space : nowrap;
}
.warning {
color : #f25510;
font-weight : bold;
margin : 0;
padding : 0;
margin-top : 12px;
}
td.kategorie, td.kategoriesub, td.kategorieselected {
background : #f2f2f2;
border-width : 0;
}
td.kategoriesub {
background : #fff;
}
td.staffelpreis {
font-size : 0.9em;
color : #121212;
}
td.artikelliste {
padding : 5px;
margin : 0;
padding-top : 15px;
background : #f8f8f9;
}
td.artikelliste_ub {
padding : 5px;
margin : 0;
padding-top : 10px;
background : #f2f2f3;
}
td.kategorieselected {
background : #fff;
}
textarea.frage {
width : 280px;
border : 1px solid #d4d5d8;
margin : 0;
padding : 2px;
background : #fff;
}
input.frage_email, input.login {
width : 280px;
border : 1px solid #d4d5d8;
margin : 0;
padding : 2px;
background : #FFFDFD;
}
input.suche {
width : 140px;
border : 1px solid #000;
margin : 0;
padding : 2px;
background : #ececed;
}
input.login_email, input.login_passwort, input.suche_verfeinern, input.schnellkaufEAN {
width : 140px;
border : 1px solid #d4d5d8;
margin : 0;
padding : 2px;
background : #fff;
}
input.anzahl, input.gehzuseite {
width : 40px;
border : 1px solid #d4d5d8;
margin : 0;
padding : 2px;
background : #fff;
}
input.login_passwort {
width : 80px;
border : 1px solid #d4d5d8;
margin : 0;
padding : 2px;
background : #fff;
}
input.gehzuseite {
width : 30px;
}
hr.katartikel {
border : 0 dotted #d4d5d8;
}
#container {
text-align : left;
}
#content p {
line-height : 1.4;
}
#container {
width : 940px;
margin : 0 auto;
}
#wrapper {
float : left;
width : 100%;
}
#content {
margin : 0 180px;
}
#left_container {
float : left;
width : 180px;
margin-left : -940px;
}
#right_container {
float : left;
width : 180px;
margin-left : -180px;
}
#footer, #footer_white {
background-color : #174b03;
height : 50px;
width : 100%;
clear : left;
margin-top : 25px;
color : #FCFAFA;
}
#footer_white {
background-color : #fff;
height : 10px;
}
#header {
background-color : #174b03;
height : 38px;
width : 100%;
padding-top : 12px;
text-align : center;
}
#header a {
text-decoration : none;
color : #fbffff;
}
#header a:hover {
text-decoration : none;
color : #cacdcd;
text-decoration : underline;
}
#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 : 0;
margin : 0;
color : #555;
}
input.button, input.warenkorb, input.finden, input.loginbox {
background-image : url(../gfx/button-hg.png);
border-color : #f87c7d #880001 #880001 #f87c7d;
border-style : solid;
border-width : 1px;
color : #FCFBFB;
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 : 25px;
margin-top : 1px;
}
#brotnavi .navi {
font-size : 12px;
padding : 6px;
padding-left : 11px;
margin : 0;
color : #FCFBFB;
}
#brotnavi a {
text-decoration : none;
color : #cacdcd;
}
#brotnavi a:hover {
text-decoration : none;
color : #FCFBFB;
text-decoration : underline;
}
#subbox {
width : 100%;
margin-top : 10px;
background-color : #f2f2f4;
}
#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;
height : 25px;
}
#subbox_header_hell .boxheader {
font-size : 13px;
font-weight : bold;
padding : 0;
margin : 0;
padding-top : 5px;
color : #feffff;
}
#subbox_content {
border-width : 1px;
border-top-width : 0;
border-style : solid;
border-color : #d5d5d7;
width : 178px;
}
#content_head_links, #content_head_rechts {
padding : 0;
margin : 0;
border-width : 0;
border-bottom-width : 1px;
border-style : solid;
border-color : #3f444e;
height : 25px;
}
#content_head {
padding-top : 13px;
padding-left : 15px;
height : 39px;
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 : 0;
margin-top : 8px;
}
#content_head_links {
float : left;
border-width : 0;
margin-top : 12px;
}
#contentmid {
margin-left : 20px;
margin-right : 20px;
}
#contentUntereGrenze {
padding : 0;
margin : 0;
margin-top : 10px;
padding-top : 10px;
border-width : 0;
border-top-width : 1px;
border-style : solid;
border-color : #3f444e;
height : 27px;
}
#contentUntereGrenze_rechts, #contentUntereGrenze_links {
float : right;
border-width : 0;
}
#contentUntereGrenze_links {
float : left;
border-width : 0;
}
#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;
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 : 0;
width : 179px;
}
#subbox_warenkorb_leer {
background-image : url(../gfx/warenkorb_leer.png);
background-repeat : repeat-x;
background-position : top left;
background-color : #fff;
border-width : 0;
width : 179px;
}
#suche_verfeinern {
border-width : 0;
margin-top : 12px;
padding : 0;
}
#sectionheader {
padding : 10px;
margin-top : 15px;
border-color : #bab7e2;
background-color : #f2f2f3;
font-weight : bold;
}
.highslide {
cursor : pointer;
outline : none;
}
.highslide img {
border : 0 solid gray;
}
.highslide:hover img {
border : 0 solid silver;
}
.highslide-image {
border-bottom : 1px solid white;
}
.highslide-caption {
display : none;
border-bottom : 1px solid white;
font-family : Verdana, Helvetica;
font-size : 10pt;
padding : 5px;
background-color : #CCCACA;
}
.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 : #030303;
}
a.highslide-credits, a.highslide-credits i {
padding : 2px;
color : #C9C7C7;
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-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;
}
.highslide-wrapper {
background-color : #f2f2f4;
}
.highslide-wrapper .highslide-html-content {
width : 460px;
padding : 5px;
}
.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 : #CCCACA;
}
.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-move {
cursor : move;
}
.highslide-resize {
cursor : nw-resize;
}
.highslide-display-block {
display : block;
}
.highslide-display-none {
display : none;
}
#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;
vertical-align : middle;
} 

/* Thumbnail */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 5;
}

.thumbnail span{
position: absolute;
background-color: #45aaff;
padding: 5px;
left: -10px;
border: 1px  gray;
visibility: hidden;
color: black;
text-decoration: none;
white-space:nowrap;
}

.thumbnail span img{
border-width: 0;
padding: 5px;
}

.thumbnail:hover span{
visibility: visible;
top: 0;
left: 70px;
}