html,body{background:#E9E9E9;margin:0;padding:0}/*MI*/
body{font: 76% arial,sans-serif;text-align:center;color:#121212;} /*width: 100%*/
img{border:0px;}
p{margin:0 10px 10px;}
a{
text-decoration:none;
padding:0px;
margin:0px;
color:#1212c2;
}
a:hover{
text-decoration: underline;
color:#2222cc;
}
h1{
padding:0px;
margin:0px;
color:#000066;
font-size: 17px;
font-weight:normal;
}
a.menulink, a.kategorielink, a.artikelnamelink, a.versand, a.warenkorblink, a.verfuegbarlink, a.verfuegbarlink_img {
padding:0px;
padding-left:7px;
margin:0px;
font-size:12px; /*MI*/
color:#000;
}
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:#F35F16;
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:#fff;
font-size: 1em;
font-weight:normal;
}
a.powered:link{color:#fff;text-decoration:none;font-size: 1em;}
a.powered:visited{color:#333333;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.boxcontent {
}
p.warenkorb {
text-decoration: none;
color: #000000;
}
p.warenkorb a{
text-decoration: none;
color: #000000;
font-size: 14px;
}
p.warenkorb a:hover{
text-decoration: none;
color: #FCE6D5;
font-size: 14px;
text-decoration: underline;
}
p.variationshinweis, 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 0px 0px 0px;
}
hr.linie{height:1px;color:#D5D5D7;}
.ustklein{font-size: 0.8em;margin:0px;padding:0px;}
.footerklein{font-size: 0.8em;color:#333333;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:#F25510;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;min-height:680px;margin:0 auto}/*MI*/
#wrapper{float:left;width:100%}
#content{margin: 0 180px;} /*MI*/
#left_container{float:left;width:180px;margin-left:-940px}/*MI*/
#right_container{float:left;width:180px;margin-left:-180px}
#footer, #footer_white{
background-color: #e9e9e9;/*MI*/
height: 25px;
width:100%;
clear: left;
margin-top: 25px;
color: #FFF
}
#footer_white{
background-color: #e9e9e9;/*MI*/
height: 10px;
}
#header{
background-image:url(../gfx/headerorange.png);/*MI*/
/*background-color: #ffeccc;*/
height:25px;/*MI*/
width:100%;
/*padding-left:10px;*/
padding-top: 12px;
text-align: center;
}
#header a{
text-decoration: none;
color: #000066;
}
#header a:hover{
text-decoration: none;
color: #0099FF;
text-decoration: underline;
}
#logo{
background-image: none;
height:110px;
}
#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:#F87C7D #880001 #880001 #F87C7D;
border-style:solid;
border-width:1px;
color:#FFF;
cursor:pointer;
font-size:14px;
font-weight:bold;
height:23px;
}
input.warenkorb{
width:170px;
}
input.loginbox{
width:74px;
}
#brotnavi{
/*background-image:url(../gfx/brotnavi.png);/*MI*/
background-color:#e9e9e9;
background-repeat: repeat-x;
background-position: top left;
height:25px;
margin-top: 1px;
}
#brotnavi .navi{
font-size: 10px;
padding:6px;
padding-left:11px;
margin:0px;
color: #000033; /*MI*/
}
#brotnavi a{
text-decoration: none;
color: #000033;
}
#brotnavi a:hover{
text-decoration: none;
color: #0099FF;
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;
width:173px;
height:25px;
}
#subbox_header_hell .boxheader{
font-size: 14px;
font-weight: bold;
padding:0px;
margin:0px;
padding-top:5px;
color: #FFCC00;
}
#subbox_content{
border-width:1px;
border-top-width:0px;
border-style:solid;
border-color:#D5D5D7;
width:178px; /*MI*/
}
#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:5px;
padding-left:15px;
height:50px;
color: #000066;
background-image:url(../gfx/contentorange.png);/*MI*/
}
#content_head h1 {
color:#000066;
font-size: 14px;
font-weight:bold;
}
#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:20px;
margin-right:20px;
background-color:#FFFFFF; /*MI*/
}
#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: 14px;
font-weight: bold;
color: #FFCC00;
/*padding:0px;
margin:0px;*/
padding-left:5px;
padding-top: 7px;
width:auto;
height:25px;
}
#subbox_warenkorb{
background-image:url(../gfx/warenkorb.png);
background-repeat: repeat-x;
background-position: top left;
background-color: #fff;
border-width:0px;
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:0px;
width:179px;
}
#suche_verfeinern{
border-width:0px;
margin-top:12px;
padding:0px;
}
#sectionheader{
padding:10px;
margin-top:15px;
border-color:#BAB7E2;
background-color: #F2F2F3;
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;
}
#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;
}
/* 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;}