/* @group Reset */
html, body { border: 0; margin: 0; padding: 0; }
body {
font-size: 62.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666;
overflow: scroll;
overflow-x: hidden;
}
/* @end Reset */
/* @group General element styles */
H1, H2, H3, H4, H5, H6 { color: #358585; margin: 1em 0 0 0; }
H1 { font-size: 1.5em; }
H2 { font-size: 1.2em; }
H3 { font-size: 1em; }
H4 { font-size: 1em; }
H5 { font-size: 1em; }
H6 { font-size: 1em; }
H1.firstHeader, H2.firstHeader, H3.firstHeader, H4.firstHeader, H5.firstHeader, H6.firstHeader { margin-top: 0; }
PRE { font-family: monospace; font-size: 1.4em; }
A, A:hover { font-size: 1.1em; text-decoration: none; }
A { color: #358585; }
A:hover { color: #333; }
P, UL, OL { font-size: 1.1em; }
P A, P A:hover { font-size: 1em; }
P, PRE { margin: 0; padding: 0; }
TABLE { font-size: 1.1em; margin: 0px; width: 100%; color: #666; background-color: #FFF; border-spacing: 1px; }
TABLE TR, TABLE TR TD { font-size: 1em; background-color: #e0e0e0; }
TABLE P, TABLE A, TABLE A:hover { font-size: 1em; }
TABLE TR TD { padding: .4em; vertical-align: middle; }
TABLE TR TH { padding: .4em; color: #666; background-color: #CCC; }
#cartTable TR TD { padding: .2em; }
#cartTable TR TH { padding: .2em; }
TABLE TFOOT TR TD { background-color: #CCC; }
TABLE TR.tr-even { background-color: #e6e6e6; }
FORM { margin: 0px; font-size: 1.1em; }
FORM P, FORM A, FORM A:hover { font-size: 1em; }
FORM TABLE { font-size: 1em; }
INPUT, TEXTAREA, SELECT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; background-color: #FFF; color: #666; border: 1px solid #999; }
UL { margin-top: 0px; }
OL { margin-top: 0px; }
LI { font-size: 1em; margin-left: -1.5em; margin-top: 0px; margin-bottom: 0px; padding-top: 2px; }
LI P, LI A, LI A:hover { font-size: 1em; }
IMG { margin: 0; padding: 0; border: 0; }
.hidden { display: none; }
.anchor { display: block; height: 0; line-height: 0px; visibility: hidden; border: 0; padding: 0; font-size: 0; }
.clear { display: block; height: 0; line-height: 0px; clear: both; visibility: hidden; border: 0; padding: 0; margin: -20px 0 0 0; }
.textShadow {
text-shadow: #000 2px 2px 5px;
}
.textShadowInner {
text-shadow: 0 -1px 0 #666;
}
.red {
color: #CC0000;
}
.green {
color: #358585;
}
.darkGreen {
color: #347935;
}
.gray {
color: #666;
}
.pointer {
cursor: pointer;
}
/* @group Product Icons */
.speciesHund,
.speciesKatze,
.speciesVogel,
.speciesStreicheltiere,
.speciesFisch,
.speciesAccessoires {
display: block;
width: 21px;
height: 21px;
padding: 0;
margin: 0;
}
.speciesHund { background-image:url(../img/icons/products/dogs.png); }
.speciesKatze { background-image:url(../img/icons/products/cats.png); }
.speciesVogel { background-image:url(../img/icons/products/birds.png); }
.speciesStreicheltiere { background-image:url(../img/icons/products/pets.png); }
.speciesFisch { background-image:url(../img/icons/products/fish.png); }
.speciesAccessoires { background-image:url(../img/icons/products/accessoires.png); }
/* @end Product Icons */
/* @group Messages */
.messages,
.messages ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important; }
.messages {
width: 100%;
overflow: hidden;
font-size: .9em;
}
.error-msg,
.success-msg,
.note-msg {
min-height: 23px !important;
margin-bottom: 1em !important;
border-style: solid !important;
border-width: 1px !important;
background-repeat: no-repeat !important;
background-position:10px 10px !important;
padding: 8px 8px 8px 32px !important;
font-weight: bold !important;
}
.error-msg li,
.success-msg li,
.note-msg li {
margin: 0 !important;
padding: 0 !important;
margin-top: 3px !important;
}
.error-msg {
margin: 0 !important;
border-color: #f16048;
color: #df280a;
background-color:#faebe7;
background-image:url(../img/icons/msg/error_msg_icon.gif);
}
.success-msg {
margin: 0 !important;
border-color:#446423;
color:#3d6611;
background-color:#EEFACB;
background-image:url(../img/icons/msg/success_msg_icon.gif);
}
.note-msg {
margin: 0 !important;
border-color:#fcd344;
color:#3d6611;
background-color:#fafaec;
background-image:url(../img/icons/msg/note_msg_icon.gif);
}
/* @end Messages */
/* @group Buttons / Links */
.button {
background: #2C7336 url(../img/button-submit-bg.png) repeat-x;
border: none;
color: #FFF;
text-shadow: 0 -1px 0 #666;
padding: 4px 10px 5px 10px;
font-size: 11px;
margin: 0 5px 0 0;
font-weight: bold;
}
A.button,
A:hover.button {
font-size: 11px !important;
color: #FFF !important;
text-decoration: none !important;
}
.submit {
background: #2C7336 url(../img/button-submit-bg.png) repeat-x;
}
.cancel {
background: #cc0000 url(../img/button-cancel-bg.png) repeat-x;
}
.cancelWithoutClose {
background: #cc0000 url(../img/button-cancel-bg.png) repeat-x;
}
.button::-moz-focus-inner {
padding: 0;
border: 0;
}
.button:hover, .button:focus {
background-position: 0 -5px;
cursor: pointer;
color: #FFF !important;
}
A.arrowLink,
A:hover.arrowLink {
padding: 0 0 0 20px;
color: #666;
font-weight: bold;
background: url(../img/icons/link-arrow.png) center left no-repeat
}
A.arrowBackLink,
A:hover.arrowBackLink {
padding: 0 0 0 20px;
color: #666;
font-weight: bold;
background: url(../img/icons/link-arrow-back.png) center left no-repeat
}
/* @end Buttons / Links */
/* @group Highlighter */
.highlightRed {
background: #CC0000 url(../img/highlight-red-bg.png) repeat-x;
border: none;
color: #fff;
text-shadow: 0 -1px 0 #666;
padding: 4px 10px 5px;
font-size: 11px;
margin: 0 5px 0 0;
font-weight: bold;
}
.highlightGreen {
background: #2C7336 url(../img/button-submit-bg.png) repeat-x;
border: none;
color: #fff;
text-shadow: 0 -1px 0 #666;
padding: 4px 10px 5px;
font-size: 11px;
margin: 0 5px 0 0;
font-weight: bold;
}
/* @end Highlighter */
/* @group TOOLTIPS */
.tooltip {
display: none;
background: lime url(../img/tooltip/black_arrow.png);
font-size: 1.1em;
height: 70px;
width: 160px;
padding: 25px;
color: #FFF;
}
/* @end TOOLTIPS */
/* @end General element styles */
/* @group PAGE FRAMEWORK */
#ieMessage {
display: none;
z-index: 1000000;
position: absolute;
top: 30px;
left: 214px;
width: 500px;
}
#ieMessage {
font-size: 11px;
}
#page {
width: 934px;
margin: 0 0 0 7px;
padding: 0;
}
/* @group HEADER */
#header {
position: relative;
z-index: 2000;
width: 927px;
height: 129px;
margin: 0 0 0 4px;
padding: 0;
background: url(../img/header/header_shop_homepage.jpg) no-repeat;
}
.headerHomepage {
/* background: url(../img/header/header_homepage.jpg) no-repeat !important; */
background: url(../img/header/header_winter.png) no-repeat !important;
}
#header .logoHomeLink {
display: block;
position: absolute;
top: 11px;
left: 14px;
width: 108px;
height: 110px;
}
#header .hotline {
position: absolute;
bottom: 0;
right: 150px;
margin: 0;
padding: 0;
}
#header .hotlineHomepage {
position: absolute;
bottom: 0;
right: 150px;
margin: 0;
padding: 0;
cursor: pointer;
}
#header .buttonBasket {
position: absolute;
top: 12px;
right: 0;
margin: 0;
padding: 0;
}
#header .cartItemCounter {
position: absolute;
top: 15px;
right: 6px;
margin: 0;
padding: 0;
color: #FFF;
font-size: 1.1em;
}
#header .buttonMyAccount {
position: absolute;
top: 37px;
right: 0;
margin: 0;
padding: 0;
}
#header .buttonViewedArticles {
position: absolute;
top: 47px;
right: 0;
margin: 0;
padding: 0;
}
/* @group HEADER - LOGIN */
#header .login {
position: absolute;
z-index: 2002;
bottom: 30px;
right: 0;
width: 188px;
height: 30px;
margin: 0;
padding: 2px 6px 2px 2px;
color: #000; /* #FFF */
font-size: 1em;
}
#header .logged-in {
text-align: left;
padding-top: 3px;
/* added */
color: #000;
}
.login-userInfo {
float:left;
width: 113px;
text-align: right;
}
#header .login A,
#header .login A:hover {
color: #FFF;
}
#header .login A.logout-link,
#header .login A.logout-link:hover {
float: right;
margin: 2px 0 0 4px;
}
#header #loginContainer {
width: 188px;
margin: 0;
padding: 0;
position: relative;
}
#header #loginContainer A
#header #loginContainer A:hover {
color: #198A0A;
text-decoration: none;
outline: none;
}
#header #loginBar {
width: 188px;
height: 23px;
margin: 2px 0 0 0;
padding: 0;
line-height: 23px;
text-align: right;
}
#header #loginBar a.signin {
position: relative;
margin-left: 3px;
padding: 2px 3px 3px 3px;
background: #cc0000 url(../img/login-down-bg.png) no-repeat;
text-decoration: none;
font-weight: bold;
color: #fff;
text-shadow: 0 -1px 0 #666;
}
#header a.signin span {
padding: 4px 16px 6px 0;
}
#header #loginBar a.menu-open {
background: url(../img/login-up-bg.png) no-repeat;
}
#header #signin_menu {
display: none;
background-color: #bbec4e;
position: absolute;
width: 210px;
z-index: 10001;
border: 1px solid #367b35;
text-align: left;
padding: 10px;
margin-left: -43px;
margin-top: 0;
color: #666;
}
#header #signin_menu input[type=text], #signin_menu input[type=password] {
display: block;
border: 1px solid #999;
font-size: 1em;
margin: 0 0 5px;
padding: 2px;
width: 203px;
}
#header #signin_menu p {
margin: 0;
}
#header #signin_menu p.remember {
padding: 10px 0;
}
#header #signin_menu p.forgot, #signin_menu p.complete {
clear: both;
margin: 5px 0;
}
#header #signin_menu P A,
#header #signin_menu P A:hover {
color: #666!important;
text-decoration: underline;
}
/* @end HEADER - LOGIN */
/* @group HEADER - TRADER REGISTER LINK */
A.traderRegisterLink {
position: absolute;
bottom: 25px;
right: 65px;
color: #000; /* #FFF */
}
A:hover.traderRegisterLink {
color: #000; /* #FFF */
}
/* @end HEADER - TRADER REGISTER LINK */
/* @group HEADER - LANG MENUE */
#header .langMenue {
position: absolute;
bottom: 8px;
right: 4px;
width: 130px;
height: 13px;
margin: 0;
padding: 0;
text-align: right;
}
#header .langMenue A,
#header .langMenue A:hover {
display: block;
float: right;
width: 22px;
height: 13px;
margin: 0 0 0 4px;
padding: 0;
}
#header .langMenue IMG {
margin: 0;
padding: 0;
}
/* @end HEADER - LANG MENUE */
/* @end HEADER */
/* @group MAIN MENUE */
#menue {
position: relative; /* IE7 z-index Fix */
z-index: 1000; /* IE7 z-index Fix */
width: 927px;
height: 49px;
margin: 0 0 0 4px;
padding: 0;
background: url(../img/mainMenue-bg.png) repeat-x;
}
/* @end MAIN MENUE */
/* @group MAIN AREA */
#mainArea {
width: 934px;
margin: 0 0 10px 0;
padding: 0;
min-height: 300px;
}
/* @group DISCOUNT BANNER */
.rabattBanner {
position: absolute;
top: 50px;
right: 12px;
width: 182px;
height: 183px;
z-index: 100;
}
.rabattBannerShop {
position: absolute;
bottom: 50px;
right: 43px;
width: 182px;
height: 183px;
z-index: 100;
}
.emotionImageBox {
position: relative;
width: 741px;
height: 386px;
margin: 0;
padding: 0;
}
/* @end DISCOUNT BANNER */
/* @group MAIN AREA B2C HOMEPAGE */
#startContentRow1 {
width: 934px;
height: 345px;
margin: 0;
padding: 0;
}
#startContentRow1-left {
float: left;
width: 630px;
height: 345px;
margin: 0 0 0 4px;
padding: 0;
}
H1.headlineStart {
display:block;
width: 590px;
height: 49px;
margin: 5px 0 0 0;
padding: 13px 20px 0 15px;
background: url(../img/headline-start-grau-bg.png) repeat-x;
color: #FFF;
font-size: 2.1em; /* font-size: 2.5em */
/*font-family: "Arial Narrow", Arial, sans-serif !important;*/
font-family: Verdana, Arial, Helvetica, sans-serif !important;
}
#startContentRow1-right {
float: left;
width: 297px;
height: 273px;
margin: 0;
padding: 5px 0 0 0;
}
#startContentRow2 {
width: 934px;
height: 172px;
margin: 7px 0 0 0;
padding: 0;
}
#startContentRow2-left {
float: left;
width: 630px;
height: 166px;
margin: 0;
padding: 6px 0 0 4px;
background: url(../img/startContentRow2-left-bg.png) no-repeat;
}
#startContentRow2-left-leftBox {
float: left;
width: 213px;
height: 156px;
margin: 0;
padding: 0;
border-bottom: 1px solid #CCC;
overflow: hidden;
}
#startContentRow2-left-middleBox {
float: left;
width: 189px;
height: 135px;
margin: 0;
padding: 10px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
overflow: hidden;
}
#startContentRow2-left-middleBox H2 {
margin: 0 0 5px 0;
padding: 0;
font-size: 1.1em;
color: #196528;
}
#startContentRow2-left-rightBox {
float: left;
width: 182px;
height: 135px;
margin: 0;
padding: 10px;
border-top: 1px solid #8ca891;
border-right: 1px solid #8ca891;
border-bottom: 1px solid #8ca891;
background: url(../img/startContentRow2-left-rightBox-bg.png) repeat-x;
overflow: hidden;
}
#startContentRow2-left-rightBox H2 {
margin: 0 0 5px 0;
padding: 0;
font-size: 1.3em;
}
#startContentRow2-right {
float: left;
width: 280px;
height: 150px;
margin: 0;
padding: 12px 10px 10px 10px;
background: url(../img/startContentRow2-right-bg.png) no-repeat;
}
#startContentRow2-right H2 {
color: #FFF;
margin: 0 0 10px 0;
padding: 0;
font-size: 1.3em;
}
#startContentRow2-right H3 {
color: #FFF;
margin: 3px 0 3px 0;
padding: 0;
font-size: 1.1em;
}
/* @group SHOWCASE WIDGET */
#widgetBox {
font-size: 1em;
margin: 0;
padding: 0;
width: 297px;
/*height: 273px;*/
height: 340px;
background: #008000 url(../img/roundabout/widget-bg.png) bottom left no-repeat;
overflow: hidden;
position: relative;
}
#widgetHeadline {
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 999;
width: 274px;
height: 47px;
margin: 0;
padding: 15px 10px 0 10px;
background: url(../img/widgetHeadline-bg.png);
text-align: center;
font-size: 1.2em;
}
#widgetHeadline H1 {
margin: 0;
padding: 0;
color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 1.5em;
text-shadow: #000 2px 2px 5px;
}
#widgetBoxAnimation {
position: absolute;
top: -70px;
left: 0;
width: 297px;
height: 273px;
margin: 0;
padding: 0;
}
#arrow-left {
position: absolute;
top: 160px;
left: 12px;
width: 14px;
height: 23px;
margin: 0;
padding: 0;
background: url(../img/roundabout/arrow-left.png) no-repeat;
z-index: 998;
cursor: pointer;
}
#arrow-right {
position: absolute;
top: 160px;
right: 12px;
width: 14px;
height: 23px;
margin: 0;
padding: 0;
background: url(../img/roundabout/arrow-right.png) no-repeat;
z-index: 998;
cursor: pointer;
}
#widgetBox a img { border: none; }
.roundabout-holder {
list-style: none;
width: 297px;
height: 200px;
margin: 1em auto;
}
.roundabout-moveable-item {
width: 15em;
height: 10em;
margin: 0;
padding: 0;
cursor: pointer;
}
.roundabout-moveable-item img {
width: 15em;
height: 10em;
margin: 0;
padding: 0;
}
.roundabout-in-focus {
cursor: auto;
}
#filler {
position: absolute;
bottom: 0;
left: 0;
width: 287px;
height: 39px;
margin: 0;
padding: 5px;
text-align: center;
text-shadow: #000 2px 2px 5px;
/*background: url(../img/widgetHeadline-bg.png);*/
}
#description {
color: #FFF;
font-size: 1.1em;
font-weight: bold;
}
/* @end SHOWCASE WIDGET */
/* @end MAIN AREA B2C HOMEPAGE */
/* @group MAIN AREA LEFT */
#mainAreaLeft {
float: left;
width: 220px;
margin: 0;
padding: 0;
}
/* @group SUBMENUE */
.submenueBox {
width: 220px;
margin: 0;
padding: 0;
font-size: 1em;
}
.submenueBoxHeader {
width: 202px;
height: 30px;
margin: 0;
padding: 14px 0 0 18px;
font-size: 1.4em;
font-weight: bold;
color: #FFF;
overflow: hidden;
}
.boxHeaderDefault {
background: url(../img/submenue/default-header-bg.png) no-repeat;
}
.boxHeaderKarlie {
background: url(../img/submenue/karlie-header-bg.png) no-repeat;
}
.boxHeaderDogs {
background: url(../img/submenue/dogs-header-bg.png) no-repeat;
}
.boxHeaderCats {
background: url(../img/submenue/cats-header-bg.png) no-repeat;
}
.boxHeaderBirds {
background: url(../img/submenue/birds-header-bg.png) no-repeat;
}
.boxHeaderPets {
background: url(../img/submenue/pets-header-bg.png) no-repeat;
}
.boxHeaderFerrets {
background: url(../img/submenue/ferrets-header-bg.png) no-repeat;
}
.boxHeaderFish {
background: url(../img/submenue/fish-header-bg.png) no-repeat;
}
.boxHeaderAccessoires {
background: url(../img/submenue/accessoires-header-bg.png) no-repeat;
}
.boxHeaderSupport {
background: url(../img/submenue/support-header-bg.png) no-repeat;
}
.submenueBoxContent {
width: 220px;
margin: 0;
padding: 0;
background: url(../img/submenue/box-bg.png) repeat-y;
overflow: hidden;
}
.submenueBoxContent * {
font-size: 1em !important;
}
.submenueBoxContent UL {
margin: 0;
padding: 8px 6px 0 4px;
list-style: none;
}
.submenueBoxContent LI {
margin: 0 0 8px 0;
padding: 0 0 0 13px;
color: #106f6f;
font-weight: bold;
}
.submenueBoxContent A {
color: #106f6f;
}
.submenueBoxContent A:hover {
color: #666;
}
.submenueBoxContent Li.act,
.submenueBoxContent LI.collapsable,
.submenueBoxContent LI.collapsable A,
.submenueBoxContent LI.collapsable A:hover,
.submenueBoxContent Li.act A,
.submenueBoxContent Li.act A:hover {
color: #666;
}
.submenueBoxContent Li.act,
.submenueBoxContent LI.collapsable {
background: url(../img/submenue/arrow.png) 0px 2px no-repeat;
}
.submenueBoxContent LI LI,
.submenueBoxContent LI.collapsable LI,
.submenueBoxContent LI.collapsable LI A,
.submenueBoxContent LI.collapsable LI A:hover {
color: #106f6f;
font-weight: normal;
background: none;
}
.submenueBoxContent LI LI {
padding: 0 0 0 18px;
}
.submenueBoxContent LI LI SPAN:hover,
.submenueBoxContent LI.collapsable LI SPAN:hover,
.submenueBoxContent LI LI A:hover,
.submenueBoxContent LI.collapsable LI A:hover {
color: #CC0000;
}
.submenueBoxContent Li Li.act,
.submenueBoxContent Li Li.act A,
.submenueBoxContent Li Li.act A:hover,
.submenueBoxContent LI LI.collapsable,
.submenueBoxContent LI.collapsable LI.collapsable {
color: #CC0000;
font-weight: bold;
}
.submenueBoxContent LI.collapsable UL {
background: url(../img/submenue/arrow-to-sub.png) 1px 2px no-repeat;
}
.submenueBoxDivider {
width: 220px;
height: 24px;
margin: 0 0 -4px 0;
padding: 0;
background: url(../img/submenue/box-divider.png) no-repeat;
}
.submenueBoxBottom {
width: 220px;
height: 15px;
margin: 0;
padding: 0;
background: url(../img/submenue/box-bottom-bg.png) no-repeat;
}
/* @end SUBMENUE */
/* @group SHOP HOMEPAGE - TEASER BOX */
.mainAreaLeftHomeTopSpacer {
width: 220px;
height: 1px;
}
/* @group SHOP HOMEPAGE - TEASER BOX - NORMAL */
.leftTeaserBox {
display: block;
width: 220px;
height: 171px;
margin: 0;
padding: 0;
background: url(../img/leftTeaserBox-bg.png) no-repeat;
}
.leftTeaserBox .leftTeaserImage {
width: 220px;
height: 130px;
margin: 0;
padding: 0;
}
.leftTeaserBox .leftTeaserImage IMG {
margin: 4px 0 0 4px;
padding: 0;
}
.leftTeaserBox .leftTeaserTitle {
width: 172px;
height: 31px;
margin: 0 0 0 4px;
padding: 10px 0 0 8px;
font-size: 1.4em;
font-weight: bold;
color: #FFF;
overflow: hidden;
}
/* @end SHOP HOMEPAGE - TEASER BOX - NORMAL */
/* @group SHOP HOMEPAGE - TEASER BOX - SMALL */
.leftTeaserBoxSmall {
display: block;
width: 220px;
height: 160px;
margin: 0;
padding: 0;
background: url(../img/leftTeaserBoxSmall-bg.png) no-repeat;
}
.leftTeaserBoxSmall .leftTeaserImage {
width: 220px;
height: 119px;
margin: 0;
padding: 0;
}
.leftTeaserBoxSmall .leftTeaserImage IMG {
margin: 4px 0 0 4px;
padding: 0;
}
.leftTeaserBoxSmall .leftTeaserTitle {
width: 172px;
height: 31px;
margin: 0 0 0 4px;
padding: 10px 0 0 8px;
font-size: 1.4em;
font-weight: bold;
color: #FFF;
overflow: hidden;
}
/* @end SHOP HOMEPAGE - TEASER BOX - SMALL */
#mainAreaLeft .lastBox {
margin-top: 4px;
}
/* @end SHOP HOMEPAGE - TEASER BOX */
/* @group CHECKOUT - TEASER BOX */
.leftTeaserBoxCheckout {
width: 220px;
margin: 5px 0 0 0;
padding: 0;
background: url(../img/leftTeaserBoxCheckout-bg-mid.png) repeat-y;
}
.leftTeaserBoxCheckoutHeader {
width: 205px;
height: 25px;
margin: 0;
padding: 11px 0 0 15px;
color: #FFF;
background: url(../img/leftTeaserBoxCheckout-bg-header.png) no-repeat;
}
.leftTeaserBoxCheckoutHeader H2 {
font-size: 1.2em;
margin: 0;
padding: 0;
color: #FFF;
}
.leftTeaserBoxCheckoutContent {
width: 193px;
margin: 0;
padding: 8px 12px 8px 15px;
}
.leftTeaserBoxCheckoutFooter {
width: 220px;
margin: 0;
padding: 0;
height: 10px;
background: url(../img/leftTeaserBoxCheckout-bg-bottom.png) no-repeat;
}
/* @end CHECKOUT - TEASER BOX */
/* @end MAIN AREA LEFT */
/* @group MAIN AREA RIGHT */
#mainAreaRight {
float: left;
width: 714px;
margin: 0;
padding: 3px 0 0 0;
}
/* @group PRODUCT SEARCHBAR */
#productSearchbar {
position: relative;
z-index: 900;
width: 708px;
height: 41px;
margin: 0 0 0 3px;
padding: 0;
background: #4ea01f url(../img/productSearchbar-bg.png) no-repeat;
}
FORM.productSearchForm {
margin: 0;
padding: 0;
color: #FFF;
}
.searchForm {
position: absolute;
top: 10px;
left: 12px;
width: 490px;
height: 21px;
margin: 0;
padding: 0;
color: #FFF;
}
.searchForm LABEL {
float: left;
margin: 0 11px 0 0;
padding: 0;
font-size: 1.3em;
font-weight: bold;
color: #FFF;
}
.searchForm INPUT.productSearchField {
float: left;
width: 305px;
height: 11px;
margin: 0 6px 0 0;
padding: 4px;
}
.searchForm INPUT.productSearchFieldSubmit {
float: left;
width: 20px;
height: 21px;
margin: 0;
padding: 0;
border: none;
}
.productSearchbarSpacer {
position: absolute;
top: 0;
right: 212px;
margin: 0;
padding: 0;
}
#productSearchbarHomeLink {
position: absolute;
top: 10px;
right: 8px;
width: 187px;
height: 21px;
margin: 0;
padding: 0;
}
#productSearchbarHomeLink A .link,
#productSearchbarHomeLink A:hover .link {
display: block;
float: left;
width: 167px;
height: 21px;
margin: 0;
padding: 0;
font-size: 1.3em;
font-weight: bold;
color: #FFF;
overflow: hidden;
}
#productSearchbarHomeLink A IMG,
#productSearchbarHomeLink A:hover IMG {
float: left;
width: 20px;
height: 21px;
margin: 0;
padding: 0;
}
/* @end PRODUCT SEARCHBAR */
/* @group PRODUCT SEARCHBAR - SHOP HOMEPAGE */
#productSearchbarShopHome {
position: relative;
z-index:200;
width: 460px;
height: 77px;
margin: 0;
padding: 0;
background: #4ea01f url(../img/productSearchbar-bg.png) repeat-y;
}
FORM.productSearchFormShopHome {
margin: 0;
padding: 0;
color: #FFF;
}
.searchFormShopHome {
position: absolute;
top: 10px;
left: 12px;
width: 425px;
height: 56px;
margin: 0;
padding: 0;
color: #FFF;
}
.searchFormShopHomeLabel {
width: 360px;
height: 21px;
margin: 0 0 10px 0;
padding: 0;
}
.searchFormShopHome LABEL {
margin: 0 0 20px 0;
padding: 0;
font-size: 1.5em;
font-weight: bold;
color: #FFF;
}
.searchFormShopHome INPUT.productSearchField {
float: left;
width: 380px;
height: 11px;
margin: 0 6px 0 0;
padding: 4px;
}
.searchFormShopHome INPUT.productSearchFieldSubmit {
float: left;
width: 20px;
height: 21px;
margin: 0;
padding: 0;
border: none;
}
.productSearchbarSpacerShopHome {
position: absolute;
top: 0;
right: 279px;
margin: 0;
padding: 0;
}
.searchFormShopHomeInfos {
position: absolute;
top: 10px;
right: 8px;
width: 262px;
height: 60px;
margin: 0;
padding: 0;
font-size: 1.6em;
font-weight: bold;
color: #FFF;
}
.searchFormShopHomeInfosSmall {
font-size: .8em;
}
/* @end PRODUCT SEARCHBAR - SHOP HOMEPAGE */
/* @group PRODUCT SEARCHBOX - B2C HOMEPAGE */
FORM.productSearchFormHome {
margin: 0;
padding: 0;
color: #FFF;
}
FORM.productSearchFormHome INPUT.productSearchField {
float: left;
width: 146px;
height: 11px;
margin: 0 0;
padding: 4px;
border-right: none;
}
FORM.productSearchFormHome INPUT.productSearchFieldSubmit {
float: left;
width: 20px;
height: 21px;
margin: 0;
padding: 0;
border: none;
}
FORM.productSearchFormHome P {
margin: 0;
padding: 0;
}
FORM.productSearchFormHome FIELDSET {
float: left;
margin: 8px 0 0 0;
padding: 0;
border: none;
display: table;
}
FORM.productSearchFormHome LABEL {
font-size: 1em;
font-weight: bold;
}
FORM.productSearchFormHome LEGEND {
display: none;
}
FORM.productSearchFormHome DL {
margin: 0;
padding: 0;
}
FORM.productSearchFormHome DT {
margin: 0 0 2px 0;
padding: 0 10px 2px 0;
display: inline;
}
FORM.productSearchFormHome DD {
margin: 0 0 2px 0;
padding: 0;
display: inline;
}
FORM.productSearchFormHome DD.last {
margin:0;
}
FORM.productSearchFormHome P,
FORM.productSearchFormHome LABEL,
FORM.productSearchFormHome A,
FORM.productSearchFormHome A:hover {
color: #106F6F;
}
/* @end PRODUCT SEARCHBOX - B2C HOMEPAGE */
/* @group TRADER SEARCHBOX - B2C HOMEPAGE */
FORM.traderSearchFormHome {
margin: 0;
padding: 0;
color: #FFF;
}
FORM.traderSearchFormHome INPUT.traderSearchField {
float: left;
width: 146px;
height: 11px;
margin: 0 0;
padding: 4px;
border-right: none;
}
FORM.traderSearchFormHome INPUT.traderSearchFieldSubmit {
float: left;
width: 20px;
height: 21px;
margin: 0;
padding: 0;
border: none;
}
FORM.traderSearchFormHome P {
margin: 0;
padding: 0;
}
FORM.traderSearchFormHome LABEL {
font-size: 1em;
font-weight: bold;
}
FORM.traderSearchFormHome P,
FORM.traderSearchFormHome LABEL,
FORM.traderSearchFormHome A,
FORM.traderSearchFormHome A:hover {
color: #106F6F;
}
/* @end TRADER SEARCHBOX - B2C HOMEPAGE */
/* @group TRADER SEARCHBOX - TEASER */
.teaserContentBoxRight-haendlersusche-content H2 {
color:#FFFFFF;
font-size:1.3em;
margin:0 0 10px;
padding:0;
}
FORM.traderSearchFormTeaser {
margin: 0;
padding: 0;
color: #FFF;
}
FORM.traderSearchFormTeaser INPUT.traderSearchField {
float: left;
width: 126px;
height: 11px;
margin: 0 0;
padding: 4px;
border-right: none;
}
FORM.traderSearchFormTeaser INPUT.traderSearchFieldSubmit {
float: left;
width: 20px;
height: 21px;
margin: 0;
padding: 0;
border: none;
}
FORM.traderSearchFormTeaser P {
margin: 0;
padding: 0;
}
FORM.traderSearchFormTeaser LABEL {
font-size: 1em;
font-weight: bold;
}
FORM.traderSearchFormTeaser P,
FORM.traderSearchFormTeaser LABEL,
FORM.traderSearchFormTeaser A,
FORM.traderSearchFormTeaser A:hover {
color: #106F6F;
}
/* @end TRADER SEARCHBOX - TEASER */
/* @group BREADCRUMB */
#breadcrumb {
position: relative;
width: 696px;
min-height: 22px;
margin: 0 0 0 3px;
padding: 8px 0 0 12px;
color: #106F6F;
font-size: 1.1em;
}
.breadcrumbProductDetails {
float: left !important;
width: 570px !important;
}
#breadcrumb A,
#breadcrumb A:hover {
color: #106F6F;
}
#backToList {
float: right;
width: 100px;
height: 22px;
margin: 0px;
padding: 8px 12px 0 5px;
color: #106F6F;
font-size: 1.1em;
text-align: right;
}
/* @end BREADCRUMB */
/* @group SITE HEADLINE */
#siteHeadline {
position: relative;
width: 696px;
height: 31px;
margin: 0 0 10px 3px;
padding: 10px 0 0 12px;
color: #FFF;
background: #2d7337 url(../img/headline-bg.png) repeat-x;
}
#siteHeadline H1 {
margin: 0;
padding: 0;
font-size: 1.5em;
font-weight: bold;
color: #FFF;
}
/* @end SITE HEADLINE */
/* @group PRODUCT FILTERBOX */
#productFilterBox {
position: relative;
z-index: 100;
width: 684px;
/*height: 99px;*/
margin: 0 0 0 3px;
padding: 8px 12px 8px 12px;
background-color: #E6E6E6;
color: #106F6F;
}
#productFilterBox P {
margin: 0;
padding: 0;
}
#productFilterBox FIELDSET {
float: left;
margin: 8px 10px 0 0;
padding: 0;
border: none;
display: table;
}
#productFilterBox LABEL {
font-size: 1em;
}
#productFilterBox LEGEND {
display: none;
}
#productFilterBox DL {
margin: 0;
padding: 0;
}
#productFilterBox DT {
margin:0 0 10px 0;
padding: 0 10px 10px 0;
display: inline;
}
#productFilterBox DD {
margin:0 0 10px 0;
padding: 0;
display: inline;
}
#productFilterBox DD.last {
margin:0;
}
#productFilterBox DD INPUT,
#productFilterBox DD select {
width: 130px;
}
#productFilterBox P,
#productFilterBox LABEL,
#productFilterBox A,
#productFilterBox A:hover {
color: #106F6F;
}
#productFilterBox LABEL {
font-weight: bold;
}
/* @end PRODUCT FILTERBOX */
/* @group PRODUCT FILTERBOX - SHOP HOMEPAGE */
#productFilterBoxHome {
position: relative;
z-index: 100;
width: 436px;
height: 359px;
margin: 20px 0 0 0;
padding: 8px 12px 8px 12px;
background: url(../img/searchFilter-home-bg.png) repeat-y;
color: #106F6F;
}
#productFilterBoxHome P {
margin: 0;
padding: 0;
font-size: 1.3em;
}
#productFilterBoxHome FIELDSET {
float: left;
min-height: 150px;
margin: 10px 10px 0 0;
padding: 2px 85px 0 2px;
border: none;
display: table;
background-color: #e6e6e6;
}
#productFilterBoxHome LABEL {
font-size: 1em;
}
#productFilterBoxHome LEGEND {
display: none;
}
#productFilterBoxHome DL {
margin: 0;
padding: 0;
}
#productFilterBoxHome DT {
margin: 0 0 10px 0;
padding: 0 10px 6px 0;
display: inline;
}
#productFilterBoxHome DD {
margin: 0 0 6px 0;
padding: 0;
display: inline;
}
#productFilterBoxHome DD.last {
margin:0;
}
#productFilterBoxHome DD INPUT,
#productFilterBoxHome DD select {
width: 130px;
}
#productFilterBoxHome P,
#productFilterBoxHome LABEL,
#productFilterBoxHome A,
#productFilterBoxHome A:hover {
color: #106F6F;
}
#productFilterBoxHome LABEL {
font-weight: bold;
}
#productFilterBoxHome .resultBox {
width: 401px;
height: 128px;
margin: 12px 0 0 0;
padding: 20px 12px 12px 12px;
background-color: #e6e6e6;
}
/* @end PRODUCT FILTERBOX - SHOP HOMEPAGE */
/* @group PAGINATOR / SORTING - BOX */
.sortFunctionsBox {
position: relative;
width: 684px;
height: 14px;
margin: 12px 0 0 3px;
padding: 8px 12px 8px 12px;
color: #106F6F;
font-size: 1.1em;
}
.paginator {
float:left;
color: #106F6F;
}
.paginator-item {
float: left;
margin: 0;
padding: 0;
color: #106F6F;
}
.paginator-item A,
.paginator-item A:hover {
color: #106F6F;
}
A.paginator-back,
A.paginator-forward {
float: left;
display: block;
width: 13px;
height: 13px;
margin: 2px 8px 0 0;
padding: 0;
background: url(../img/paginator-back.png) no-repeat;
}
A.paginator-forward {
margin: 2px 0 0 8px;
background: url(../img/paginator-forward.png) no-repeat;
}
.resultCountSelector {
float: right;
}
.sortFunctionsBox FIELDSET {
float: left;
margin: 8px 10px 0 0;
padding: 0;
border: none;
display: table;
}
.sortFunctionsBox LABEL {
font-size: 1em;
}
.sortFunctionsBox LEGEND {
display: none;
}
.sortFunctionsBox DL {
margin: 0;
padding: 0;
}
.sortFunctionsBox DT {
margin:0 0 10px 0;
padding: 0 10px 10px 0;
display: inline;
}
.sortFunctionsBox DD {
margin:0 0 10px 0;
padding: 0;
display: inline;
}
.sortFunctionsBox DD.last {
margin:0;
}
.sortFunctionsBox P,
.sortFunctionsBox LABEL,
.sortFunctionsBox A,
.sortFunctionsBox A:hover {
color: #106F6F;
}
.sortFunctionsBox LABEL {
font-weight: bold;
}
/* @end PAGINATOR / SORTING - BOX */
/* @group PRODUCT BOX */
.productBox {
width: 712px;
margin: 17px 0 0 2px;
padding: 0;
background: url(../img/productBox-bg-mid.png) repeat-y;
}
.productBoxDetail {
margin: 0 0 0 2px;
}
.productBox H2,
.productBoxDetail H2 {
margin: 0 0 8px 0;
padding: 0;
font-size: 1.2em;
color: #666;
}
/* @group PRODUCT BOX - HEADER */
.productBoxHeader {
width: 688px;
min-height: 16px;
margin: 0;
padding: 15px 12px 12px 12px;
background: url(../img/productBox-bg-top.png) top left no-repeat;
}
.productBoxHeader H1 {
display: block;
float: left;
width: 560px;
font-size: 1.3em;
margin: 0;
padding: 0;
}
.ratingBox {
float: right;
width: 83px;
height: 16px;
margin: 0;
padding: 2px 0 0 0;
}
.ratingBox IMG {
position: relative;
z-index: 1;
margin: 0;
padding: 0;
}
/* @end PRODUCT BOX - HEADER */
/* @group PRODUCT BOX - CONTENT */
.productBoxContent {
width: 684px;
margin: 0 0 0 1px;
padding: 15px 12px 10px 12px;
border-top: 3px solid #e6e6e6;
font-size: 1em;
}
/* @group PRODUCT BOX - CONTENT LEFT */
.productBoxContentLeft {
float: left;
width: 192px;
margin: 0 017px 0 0;
padding: 0;
}
.productBoxContentLeft .productImage {
position: relative;
width: 190px;
border: 1px solid #CCC;
margin: 3px 0 0 0;
padding: 0;
cursor: pointer;
}
.productImageZoomTrigger {
cursor: pointer;
}
.productBoxContentLeft A,
.productBoxContentLeft A:hover {
color: #666;
}
.productBoxContentLeft .productImageZoom {
display:none;
z-index:10000;
/*background: #fff url(../img/overlay/white.png);*/
background-color: #FFF;
/*
width:800px;
min-height:200px;
*/
padding: 10px;
border:1px solid #666;
/*
-moz-box-shadow: 0 0 40px #307536;
-webkit-box-shadow: 0 0 40px #307536;
*/
-moz-box-shadow: 0 0 40px #000;
-webkit-box-shadow: 0 0 40px #000;
text-align: center;
}
.productBoxContentLeft .productImageZoom .close {
background-image:url(../img/overlay/close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}
.productBoxContentLeft .productImageLinks {
width: 186px;
height: 20px;
margin: 4px 0 0 0;
padding: 0 2px 0 2px;
text-align: center;
}
.productBoxContentLeft .productImage IMG {
margin: 0;
padding: 0;
}
.productImage360TriggerIcon {
position: absolute;
top: 3px;
right: 3px;
cursor: pointer;
}
.productImage360Trigger {
cursor: pointer;
}
.addToWishlistTrigger {
cursor: pointer;
}
.playerWindow {
display: none;
z-index: 10000;
width: 430px;
height: 430px;
background-color: #FFF;
padding: 10px;
border: 1px solid #666;
-moz-box-shadow: 0 0 40px #000;
-webkit-box-shadow: 0 0 40px #000;
text-align: center;
}
.playerWindow .close {
background-image:url(../img/overlay/close.png);
position: absolute;
right: -15px;
top :-15px;
cursor: pointer;
height: 35px;
width: 35px;
}
/* @end PRODUCT BOX - CONTENT LEFT */
/* @group PRODUCT BOX - CONTENT MIDDLE */
.productBoxContentMiddle {
float: left;
width: 235px;
margin: 0 5px 0 0;
padding: 0;
}
.productBoxContentMiddle H2 {
margin: 0 0 8px 0;
padding: 0;
font-size: 1.1em;
color: #666;
}
.productBoxContentMiddle .productDescription {
margin: 0;
padding: 0;
font-size: 1.1em;
}
.productBoxContentMiddle .productOnStock {
margin: 15px 0 0 0;
}
.productBoxContentMiddle .productLinks {
margin: 15px 0 0 0;
}
.productBoxContentMiddle .productLinks A,
.productBoxContentMiddle .productLinks A:hover {
cursor: pointer;
display: block;
width: 205px;
height: 11px;
margin: 0 0 7px 0;
padding: 0 0 4px 20px;
color: #666;
font-weight: bold;
font-size: 1.1em;
background: url(../img/icons/link-arrow.png) center left no-repeat
}
/* @end PRODUCT BOX - CONTENT MIDDLE */
/* @group PRODUCT BOX - CONTENT RIGHT */
.productBoxContentRight {
float: left;
width: 230px;
margin: 0;
padding: 0;
}
.productUvp {
width: 186px;
margin: 0;
padding: 0 0 0 44px;
}
.productUvpLabel {
font-size: 1.2em;
font-weight: bold;
color: #666;
margin: 0 0 7px 0;
padding: 0;
}
.productUvpUvp {
font-size: 1.8em;
color: #106F6F;
margin: 0;
padding: 0;
}
.productMarkerBox {
width: 186px;
margin: 25px 0 0 0;
padding: 0 0 0 44px;
}
.productMarker {
width: 129px;
height: 18px;
margin: 5px 0 0 0;
padding: 2px 0 0 0;
background-color: #999;
text-align: center;
color: #FFF;
font-size: 1.1em;
font-weight: bold;
}
.markerBlue {
background: #0061ab url(../img/marker-blue-bg.png) repeat-x;
}
.markerRed {
background: #dc2010 url(../img/marker-red-bg.png) repeat-x;
}
.productReviews {
width: 186px;
margin: 12px 0 8px 0;
padding: 0 0 0 44px;
color: #666;
}
.productReviewsLink {
color: #666;
}
.productReviews A,
.productReviews A:hover {
color: #666;
text-decoration: underline;
}
.productBoxContentRight .productLinks A,
.productBoxContentRight .productLinks A:hover {
display: block;
width: 135px;
height: 9px;
margin: 0 0 7px 44px;
padding: 0 0 4px 20px;
color: #666;
font-weight: bold;
font-size: 1.1em;
background: url(../img/icons/link-arrow.png) center left no-repeat
}
.ratingModal {
background: #fff url(../img/overlay/green.png);
display: none;
width: 350px;
padding: 15px;
text-align: left;
border: 2px solid #666;
/*opacity:0.8;*/
/*
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
*/
-moz-box-shadow: 0 0 40px #307536;
-webkit-box-shadow: 0 0 40px #307536;
}
.ratingModal .close {
background-image:url(../img/overlay/close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}
.ratingModal LABEL {
font-weight: bold;
}
.ratingModal TEXTAREA {
width: 98%;
height: 100px;
padding: 3px;
}
.addToBasket {
width: 230px;
margin: 24px 0 0 0;
padding: 0;
}
FORM.productAmountField {
margin: 0;
padding: 0;
}
.productAmountField {
float: left;
width: 31px;
height: 24px;
margin: 0 4px 0 0;
padding: 0 0 0 7px;
}
A.addToBasketButton,
A:hover.addToBasketButton {
display: block;
float: left;
width: 158px;
height: 22px;
margin: 0;
padding: 4px 0 0 9px;
background: #428632 url(../img/button-basket-bg.png) repeat-x;
text-align: center;
color: #FFF;
font-size: 1.1em;
font-weight: bold;
}
A.addToBasketButton IMG,
A.addToBasketButton SPAN {
float: left;
margin: 0 5px 0 0;
padding: 0;
}
/* @end PRODUCT BOX - CONTENT RIGHT */
/* @group PRODUCT BOX - CONTENT BOTTOM */
.productContentBottom {
width: 684px;
margin: 20px 0 0 0;
padding: 0 0 20px 0;
font-size: 1em;
}
.productArticleTableHeader {
margin: 0;
padding: 12px;
background-color: #c6dcda;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
}
.addToBasketDetail {
width: 684px;
margin: 20px 0 0 0;
padding: 0;
}
.addToBasketDetail FORM {
float: right;
}
.addToWatchlistTrigger {
cursor: pointer;
}
/* @group TABBOX */
.tabBox {
width: 684px;
margin: 20px 0 0 0;
}
/* root element for tabs */
ul.tabs {
list-style: none;
margin: 0 !important;
padding: 0;
height: 30px;
border-bottom:1px solid #999;
border-left: 1px solid #999;
}
/* single tab */
ul.tabs li {
border: 1px solid #999;
border-left: none;
border-bottom: none;
float: left;
text-indent: 0;
color: #358585;
padding: 0;
margin: 0 !important;
list-style-image: none !important;
}
/* link inside the tab. uses a background image */
ul.tabs a {
background-color: #e3e3e3;
border-bottom: 1px solid #999;
display: block;
height: 29px;
line-height: 30px;
/*width: 111px;*/
text-align: center;
text-decoration: none;
font-weight: bold;
color: #358585;
padding: 0 10px 0 10px;
margin: 0px;
position: relative;
}
ul.tabs a:active {
outline: none;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
cursor: default !important;
color: #358585 !important;
background-color: #FFF;
border-bottom: 1px solid #FFF;
}
div.panes {
border: 1px solid #999;
border-top: none;
margin: 0;
padding: 10px;
}
div.panes P{
margin: 0 0 20px 0;
}
/* initially all panes are hidden */
div.panes div.pane {
display: none;
}
/* @end TABBOX */
/* @end PRODUCT BOX - CONTENT BOTTOM */
/* @end PRODUCT BOX - CONTENT */
.productBoxFooter {
width: 712px;
margin: 0 0 0 2px;
padding: 0;
height: 10px;
background: url(../img/productBox-bg-bottom.png) no-repeat;
}
/* @end PRODUCT BOX */
/* @group TRADER SEARCH FORM BOX */
FORM.traderSearchForm {
margin: 0;
padding: 0;
}
INPUT.inputTrader,
INPUT.inputDistance {
width: 250px;
height: 11px;
margin: 0;
padding: 4px;
}
INPUT.inputDistance {
float: left;
}
INPUT.traderSearchSubmit {
float: left;
width: 20px;
height: 21px;
margin: 0 0 0 5px;
padding: 0;
border: none;
}
/* @end TRADER SEARCH FORM BOX */
/* @group TRADER RESULT BOX */
.traderBox {
width: 712px;
margin: 17px 0 0 2px;
padding: 0;
background: url(../img/productBox-bg-mid.png) repeat-y;
}
.traderBox H2 {
margin: 0 0 8px 0;
padding: 0;
font-size: 1.2em;
color: #666;
}
.traderBoxHeader {
width: 688px;
min-height: 16px;
margin: 0;
padding: 15px 12px 12px 12px;
background: url(../img/productBox-bg-top.png) top left no-repeat;
}
.traderBoxHeader H1 {
display: block;
width: 560px;
font-size: 1.3em;
margin: 0;
padding: 0;
}
.traderBoxContent {
width: 684px;
margin: 0 0 0 1px;
padding: 15px 12px 10px 12px;
border-top: 3px solid #e6e6e6;
font-size: 1em;
}
.traderBoxFooter {
width: 712px;
margin: 0 0 0 2px;
padding: 0;
height: 10px;
background: url(../img/productBox-bg-bottom.png) no-repeat;
}
.traderResultItem {
margin: 0 0 10px 0;
padding: 5px;
border: 1px solid #E6E6E6;
}
/* @end TRADER RESULT BOX */
/* @group AMPELN */
.ampel {
padding: 0 0 0 20px;
font-size: 1.1em;
color: #666;
}
.detailAmpel {
padding: 0;
font-size: 1.1em;
color: #666;
}
.ampelGreen {
background: url(../img/icons/ampeln/green.png) no-repeat;
}
.ampelYellow {
background: url(../img/icons/ampeln/yellow.png) no-repeat;
}
.ampelRed {
background: url(../img/icons/ampeln/red.png) no-repeat;
}
.detailAmpelGreen {
background: url(../img/icons/ampeln/green.png) top center no-repeat;
}
.detailAmpelYellow {
background: url(../img/icons/ampeln/yellow.png) top center no-repeat;
}
.detailAmpelRed {
background: url(../img/icons/ampeln/red.png) top center no-repeat;
}
/* @end AMPELN */
.lastOrderLoader,
.wishlistLoader,
.watchlistLoader,
.addToWishlistLoader,
.addToWatchlistLoader,
.checkoutLoader,
.addToBasketLoader {
position:absolute;
z-index:11000;
display: none;
width: 150px;
padding: 15px;
text-align: left;
border: 2px solid #666;
background-color: #FFF;
-moz-box-shadow: 0 0 40px #307536;
-webkit-box-shadow: 0 0 40px #307536;
font-size: 1.2em;
color: #666;
}
.loaderMsg {
display: none;
}
.lastOrderLoader IMG,
.wishlistLoader IMG,
.addToWishlistLoader IMG,
.addToWishlistLoader IMG,
.addToWatchlistLoader IMG,
.checkoutLoader IMG,
.addToBasketLoader IMG {
float: left;
margin: 0;
padding: 0;
}
.deleteBasketItem {
cursor: pointer;
}
/* @group DEFAULT CONTENT BOX */
.defaultContentBox {
width: 712px;
margin: 0 0 0 2px;
padding: 0;
background: url(../img/defaultContentBox-bg-mid.png) repeat-y;
}
.defaultContentBoxTop {
width: 712px;
height: 5px;
margin: 0;
padding: 0;
background: url(../img/defaultContentBox-bg-top.png) top left no-repeat;
}
.defaultContentBoxContent {
width: 688px;
margin: 0;
padding: 12px 12px 10px 12px;
}
.defaultContentBoxFooter {
width: 712px;
margin: 0;
padding: 0;
height: 10px;
background: url(../img/defaultContentBox-bg-bottom.png) no-repeat;
}
/* @end DEFAULT CONTENT BOX */
/* @group DEFAULT CONTENT BOX - SMALL */
.defaultContentBoxSmall {
float: left;
width: 510px;
margin: 1px 0 0 2px;
padding: 0;
background: url(../img/defaultContentBoxSmall-bg-mid.png) repeat-y;
}
.defaultContentBoxSmallTop {
width: 510px;
height: 5px;
margin: 0;
padding: 0;
background: url(../img/defaultContentBoxSmall-bg-top.png) top left no-repeat;
}
.defaultContentBoxSmallContent {
width: 486px;
margin: 0;
padding: 12px 12px 10px 12px;
}
.defaultContentBoxSmallFooter {
width: 510px;
margin: 0;
padding: 0;
height: 10px;
background: url(../img/defaultContentBoxSmall-bg-bottom.png) no-repeat;
}
/* @end DEFAULT CONTENT BOX - SMALL */
/* @group TEASER CONTENT RIGHT */
.teaserContentRight {
float: left;
width: 202px;
margin: 0;
padding: 0;
overflow: hidden;
}
.teaserContentBoxRight {
width: 202px;
margin: 0 0 5px 0;
padding: 0;
background: url(../img/teaserContentBoxRight-bg-mid.png) repeat-y;
}
.teaserContentBoxRight-noShadow {
width: 178px;
margin: 0 0 5px 0;
padding: 0 12px 3px 12px;
}
.teaserContentBoxRight-noShadow-noPadding {
width: 196px;
margin: 0 0 10px 0;
padding: 0 3px 0 3px;
}
.teaserContentBoxRight-haendlersusche {
background: url(../img/teaser/right/haendlersuche-bg.png) no-repeat;
width: 202px;
height: 226px;
margin: 0 0 5px 0;
padding: 0;
}
.teaserContentBoxRight-haendlersusche-content {
width: 174px;
height: 144px;
margin: 0;
padding: 17px 14px 0 14px;
}
.teaserContentBoxRightTop {
width: 202px;
height: 12px;
margin: 0;
padding: 0;
background: url(../img/teaserContentBoxRight-bg-top.png) top left no-repeat;
}
.teaserContentBoxRightContent {
width: 178px;
margin: 0;
padding: 0 12px 3px 12px;
}
.teaserContentBoxRightFooter {
width: 202px;
margin: 0;
padding: 0;
height: 13px;
background: url(../img/teaserContentBoxRight-bg-bottom.png) no-repeat;
}
/* @end TEASER CONTENT RIGHT */
/* @group SHOP HOMEPAGE - CONTENT BOX */
.shopHomeContentBox {
float: left;
position: relative;
width: 508px;
margin: 0 0 2px 0;
padding: 0;
background: url(../img/shopHomeContentBox-bg-middle_LS.png) repeat-y;
}
.shopHomeContentBoxTop {
width: 508px;
height: 7px;
margin: 0;
padding: 0;
background: url(../img/shopHomeContentBox-bg-top_LS.png) repeat-y;
}
.shopHomeContentBoxContent {
width: 454px;
margin: 0;
padding: 19px 27px 19px 27px;
}
.shopHomeContentBox .firstBox {
height: 453px;
}
.shopHomeContentBox .lastBox {
padding: 16px 27px 0 27px;
height: 129px;
}
.shopHomeContentBoxBottom {
width: 508px;
height: 21px;
margin: 0;
padding: 0;
background: url(../img/shopHomeContentBox-bg-bottom_LS.png) repeat-y;
}
/* @end SHOP HOMEPAGE - CONTENT BOX */
/* @group SHOP HOMEPAGE - TEASER AREA */
#shopHomeTeaserArea {
float: left;
width: 206px;
}
/* @group SHOP HOMEPAGE - TEASER AREA - LIVE SHOPPING BOX */
#liveShoppingBox {
position: relative;
width: 196px;
height: 363px;
margin: 0px;
padding: 152px 0 0 10px;
background: url(../img/liveShoppingBox-bg-neu.png) no-repeat;
}
#liveShoppingBanner {
position: absolute;
top: -3px;
right: -70px;
/*width: 108px;
height: 90px;*/
width: 125px;
height: 125px;
background: url(../img/liveShoppingBannerNeu-bg.png) no-repeat;
/*padding: 35px 0 0 17px;*/
padding: 0;
}
#liveShoppingBanner .liveShoppingPrice {
margin: 40px 0 0 17px;
padding: 0;
color: #FFF;
font-size: 18px;
font-weight: bold;
}
#liveShoppingBanner .liveShoppingOldPrice {
margin: 9px 0 0 19px;
padding: 0;
color: #FFF;
font-size: 10px;
font-weight: bold;
/*text-decoration: line-through;*/
}
#liveShoppingContent {
width: 185px;
height: 267px;
margin: 0;
padding: 0;
overflow: hidden;
}
#liveShoppingPriceBox {
margin: 10px 0 0 0;
padding: 0 10px 0 0;
text-align: right;
}
#liveShoppingContent .liveShoppingPrice {
margin: 0;
padding: 0;
color: #E60000;
font-size: 24px;
font-weight: bold;
}
#liveShoppingContent .liveShoppingOldPrice {
margin: 0;
padding: 0;
color: #000;
font-size: 12px;
font-weight: bold;
/*text-decoration: line-through;*/
}
#liveShoppingProductsData {
width: 185px;
height: 195px;
}
#liveShoppingProductsData .productNr {
width: 143px;
/*height: 33px;*/
margin: 0 0 3px 0;
color: #D70000;
font-size: 12px;
font-weight: bold;
overflow: hidden;
}
#liveShoppingProductsData .productTitle {
width: 143px;
/*height: 33px;*/
margin: 0 0 10px 0;
color: #D70000;
font-size: 12px;
font-weight: bold;
overflow: hidden;
}
#liveShoppingProductsData .productDesc {
width: 180px;
/*height: 50px;*/
color: #696969;
font-weight: bold;
margin: 0;
overflow: hidden;
}
#liveShoppingProductsData .productImage {
width: 183px;
height: 103px;
margin: 0 0 10px 0;
padding: 0;
text-align: center;
border: 1px solid #CCC;
overflow: hidden;
}
#liveShoppingProductsData .productImage IMG {
margin: 0;
}
#liveShoppingProductBox .productMinOrderAmount {
color: #696969;
font-size: 11px;
font-weight: bold;
}
#liveShoppingButtons {
width: 185px;
height: 54px;
margin: 8px 0 0 -2px;
}
.liveShoopingCounter {
width: 176px;
height: 24px;
color: #FFF;
font-size: 20px;
margin: 0 0 14px 0;
padding: 2px 0 0 13px;
/*background: url(../img/liveShopping-counter-bg.png) no-repeat;*/
}
.stck {
font-size: 24px;
}
.liveShoopingAddToCart {
width: 177px;
height: 31px;
color: #FFF;
font-size: 16px;
padding: 10px 0 0 13px;
cursor: pointer;
background: url(../img/button-basket-liveShopping-bg-neu.png) no-repeat;
}
#liveShoppingProductBox {
display:none;
z-index:10000;
background-color: #FFF;
padding: 10px;
border:1px solid #666;
-moz-box-shadow: 0 0 40px #000;
-webkit-box-shadow: 0 0 40px #000;
}
#liveShoppingProductBox .productBox {
margin: 0 0 0 2px;
}
#liveShoppingProductBox .close {
background-image:url(../img/overlay/close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}
/* @end SHOP HOMEPAGE - TEASER AREA - LIVE SHOPPING BOX */
/* @group SHOP HOMEPAGE - TEASER AREA - VIDEO BOX */
.videoStarterBox {
width: 206px;
height: 174px;
padding: 0;
margin: 0;
background: url(../img/videoStarterBox-bg.png) no-repeat;
}
#startSimpleShow {
cursor: pointer;
margin: 17px 0 0 7px;
border: none;
}
.simpleshowOverlay {
background: #000;
display: none;
width: 853px;
height: 480px;
padding: 10px;
text-align: center;
-moz-box-shadow: 0 0 40px #000;
-webkit-box-shadow: 0 0 40px #000;
}
.simpleshowOverlay .close {
background-image: url(../img/overlay/close.png);
position: absolute;
right: -15px;
top: -15px;
cursor: pointer;
height: 35px;
width: 35px;
}
/* @end SHOP HOMEPAGE - TEASER AREA - VIDEO BOX */
/* @end SHOP HOMEPAGE - TEASER AREA */
/* @group TAGCLOUD */
.tagCloudBox {
/*width: 648px;*/
float: left;
width: 384px;
height: 118px;
margin: 0;
padding: 4px;
background: url(../img/tagcloud-bg.png) repeat-y;
text-align: center;
overflow: hidden;
}
UL.Zend_Tag_Cloud {
width: 648px;
height: 114px;
margin: 0;
padding: 0;
display: inline;
vertical-align: middle;
}
UL.Zend_Tag_Cloud LI {
display: inline;
/*float: left;*/
margin: 0 3px 2px 0;
padding: 0;
color: #106F6F;
/*font-weight: bold;*/
line-height: .9em;
}
UL.Zend_Tag_Cloud A {
text-decoration: none;
color: #106F6F;
/*font-weight: bold;*/
line-height: .9em;
}
UL.Zend_Tag_Cloud A:hover {
text-decoration: underline;
}
/* @end TAGCLOUD */
/* @group BESTELLCENTER */
.checkoutContentBox {
float: left;
width: 510px;
margin: 1px 0 0 2px;
padding: 0;
background: url(../img/checkoutContentBox-bg-mid.png) repeat-y;
}
/* @group CHECKOUT CONTENT BOX */
.checkoutBox {
width: 510px;
margin: 0;
padding: 0;
background: url(../img/checkoutBox-bg-mid.png) repeat-y;
}
.checkoutBoxTop {
width: 510px;
height: 5px;
margin: 0;
padding: 0;
background: url(../img/checkoutBox-bg-top.png) top left no-repeat;
}
.checkoutBoxHeader {
width: 486px;
height: 16px;
margin: 0;
padding: 8px 12px 12px 12px;
background: #fcffec url(../img/checkoutBox-bg-header.png) repeat-y;
}
.checkoutBoxHeader H1 {
display: block;
width: 486px;
font-size: 1.3em;
margin: 0;
padding: 0;
}
.checkoutBoxContent {
width: 486px;
margin: 0 4px 0 2px;
padding: 12px 8px 10px 10px;
border-top: 3px solid #e6e6e6;
}
.checkoutBoxFooter {
width: 510px;
margin: 0;
padding: 0;
height: 10px;
background: url(../img/checkoutBox-bg-bottom.png) no-repeat;
}
.checkoutLinks {
width: 484px;
margin: 20px 0 0 0;
padding: 0;
}
.checkoutLinksLeft {
float: left;
width: 237px;
margin: 0 10px 0 0;
padding: 0;
}
.checkoutLinksRight {
float: left;
width: 237px;
margin: 0;
padding: 0;
}
A.backCartButton,
A.finnishCartButton,
A.refreshCartButton,
A.emptyCartButton,
A.checkoutCartButton {
display: block;
width: 149px;
height: 17px;
margin: 0 0 10px 0;
padding: 3px 4px 0 6px;
background: #428632 url(../img/button-basket-bg.png) repeat-x;
text-align: center;
color: #FFF;
font-size: .8em;
font-weight: bold;
}
A:hover.backCartButton,
A:hover.finnishCartButton,
A:hover.refreshCartButton,
A:hover.emptyCartButton,
A:hover.checkoutCartButton {
display: block;
width: 149px;
height: 17px;
margin: 0 0 10px 0;
padding: 3px 4px 0 6px;
background: #428632 url(../img/button-basket-bg.png) repeat-x;
background-position: left -50px;
text-align: center;
color: #FFF;
font-size: .8em;
font-weight: bold;
}
A.finnishCartButton,
A.checkoutCartButton {
float: right;
}
A.backCartButton SPAN,
A.finnishCartButton SPAN,
A.refreshCartButton SPAN,
A.emptyCartButton SPAN,
A.checkoutCartButton SPAN {
float: left;
margin: 1px 4px 0 0;
padding: 0;
}
A.backCartButton IMG,
A.finnishCartButton IMG,
A.refreshCartButton IMG,
A.emptyCartButton IMG,
A.checkoutCartButton IMG {
float: right;
margin: 0;
padding: 0;
}
.shippingInfos {
width: 484px;
margin: 10px 0 0 0;
padding: 0;
}
/* @end CHECKOUT CONTENT BOX */
/* @group CROSSSELLING BOX */
.crossSellingBox {
width: 510px;
margin: 5px 0 0 0;
padding: 0;
background: url(../img/crossSellingBox-bg-mid.png) repeat-y;
}
.crossSellingBoxHeader {
width: 486px;
height: 13px;
margin: 0;
padding: 10px 12px 12px 12px;
color: #FFF;
background: url(../img/crossSellingBox-bg-header.png) no-repeat;
}
.crossSellingBoxHeader H1 {
display: block;
width: 486px;
font-size: 1.3em;
margin: 0;
padding: 0;
color: #FFF;
}
.crossSellingBoxContent {
width: 471px;
margin: 0;
padding: 12px 0 10px 30px;
}
.crossSellingItem {
float: left;
width: 192px;
height: 78px;
margin: 10px 20px 11px 0;
padding: 10px;
border: 1px solid #CCC;
}
.crossSellingItem-image {
float: left;
width: 55px;
height: 40px;
margin: 0 10px 0 0;
padding: 2px;
text-align: center;
border: 1px solid #CCC;
}
.crossSellingItem-image IMG {
margin: 0;
padding: 0;
}
.crossSellingItem-label {
float: left;
width: 117px;
color: #666;
font-size: 1em;
font-weight: bold;
}
.crossSellingItem-link {
width: 192px;
height: 15px;
margin: 10px 0 0 0;
padding: 0;
}
.crossSellingItem-link A,
.crossSellingItem-link A:hover {
margin: 0;
padding: 0 18px 0 0;
background: url(../img/link-arrow.png) top right no-repeat;
font-weight: bold;
}
.crossSellingBoxFooter {
width: 510px;
margin: 0;
padding: 0;
height: 10px;
background: url(../img/crossSellingBox-bg-bottom.png) no-repeat;
}
/* @end CROSSSELLING BOX */
/* @group LEFT ACCORDION */
/* root element for accordion. decorated with rounded borders and gradient background image */
#checkoutAccordion {
width: 202px;
background: url(../img/checkoutAccordion-bg.png) repeat-y;
}
/* accordion header */
#checkoutAccordion h2 {
width: 152px;
height: 27px;
margin: 0;
padding: 14px 10px 5px 40px;
background: #fcffec url(../img/header-accordion-bg.png) no-repeat;
font-size: 1.3em;
cursor: pointer;
}
/* currently active header */
#checkoutAccordion h2.current {
cursor: default;
background: #fcffec url(../img/header-accordion-bg-act.png) no-repeat;
}
/* accordion pane */
#checkoutAccordion .pane {
display: none;
margin: 0;
padding: 0;
}
#checkoutAccordion .paneContent {
width: 172px;
margin: 0;
padding: 0;
padding: 10px 15px 15px 15px;
color: #666;
font-size: 1em;
background: url(../img/checkoutAccordion-bg-bottom.png) left bottom no-repeat;
}
#watchlistTable TD,
#lastOrderTable TD {
padding: 0.2em;
font-size: .9em;
}
#watchlistTable INPUT,
#watchlistTable IMG,
#lastOrderTable INPUT,
#lastOrderTable IMG {
margin: 0;
padding: 0;
}
A.addLastOrderToCartButton,
A.addWatchlistToCartButton {
display: block;
width: 160px;
height: 17px;
margin: 10px 0 10px 0;
padding: 3px 4px 0 6px;
background: #428632 url(../img/button-basket-bg.png) repeat-x;
text-align: center;
color: #FFF;
font-size: .8em;
font-weight: bold;
}
A:hover.addLastOrderToCartButton,
A:hover.addWatchlistToCartButton {
display: block;
width: 160px;
height: 17px;
margin: 10px 0 10px 0;
padding: 3px 4px 0 6px;
background: #428632 url(../img/button-basket-bg.png) repeat-x;
background-position: left -50px;
text-align: center;
color: #FFF;
font-size: .8em;
font-weight: bold;
}
A.addLastOrderToCartButton SPAN,
A.addWatchlistToCartButton SPAN {
float: left;
margin: 1px 4px 0 0;
padding: 0;
}
A.addLastOrderToCartButton IMG,
A.addWatchlistToCartButton IMG {
float: right;
margin: 0;
padding: 0;
}
/* @end LEFT ACCORDION */
/* @end BESTELLCENTER */
/* @group NOVELTIES / HOT DEALS / LATEST / ADVENT */
#headlineNovelties,
#headlineHotDeals,
#headlineLatest {
width: 684px;
height: 67px;
margin: 0 0 3px 3px;
padding: 9px 12px 0 12px;
background: url(../img/headline-novelties-bg.png) no-repeat;
}
.headlineNovelties2{
width: 684px;
height: 67px;
margin: 0 0 3px 3px;
padding: 9px 12px 0 12px;
background: url(../img/headline-novelties-bg_old.png) no-repeat !important;
}
#headlineNovelties H1,
#headlineHotDeals H1,
#headlineLatest H1 {
color: #FFF;
margin: 0;
padding: 0;
font-size: 2.2em;
}
#headlineNovelties H2,
#headlineHotDeals H2,
#headlineLatest H2 {
color: #FFF;
margin: 5px 0 0 0;
padding: 0;
font-size: 1.5em;
}
/* @group NOVELTIES / HOT DEALS / LATEST / ADVENT - BOX */
#adventArea {
margin: 50px 0 0 50px;
padding: 0;
}
#adventHeader {
width: 610px;
height: 85px;
margin: 0;
padding: 0;
}
#adventContent {
position: relative;
width: 610px;
height: 410px;
margin: 0;
padding: 0;
background: url(../img/advent/all_doors_bg.png) no-repeat;
}
.adventDoor {
display: block;
width: 100px;
height: 100px;
}
.adventDoorContent {
position: relative;
width: 100px;
height: 100px;
}
.adventDoorNumber {
position: absolute;
bottom: 0;
right: 0;
width: 46px;
height: 48px;
}
.activeDoorFrame {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
}
.transparent {
filter:alpha(opacity=25);
-moz-opacity: 0.25;
opacity: 0.25;
}
.adventDoorPosition-1 {
position: absolute;
top: 1px;
left: 0px;
}
.adventDoorPosition-2 {
position: absolute;
top: 1px;
left: 102px;
}
.adventDoorPosition-3 {
position: absolute;
top: 1px;
left: 204px;
}
.adventDoorPosition-4 {
position: absolute;
top: 1px;
left: 306px;
}
.adventDoorPosition-5 {
position: absolute;
top: 1px;
left: 408px;
}
.adventDoorPosition-6 {
position: absolute;
top: 1px;
left: 510px;
}
.adventDoorPosition-7 {
position: absolute;
top: 104px;
left: 0px;
}
.adventDoorPosition-8 {
position: absolute;
top: 104px;
left: 102px;
}
.adventDoorPosition-9 {
position: absolute;
top: 104px;
left: 204px;
}
.adventDoorPosition-10 {
position: absolute;
top: 104px;
left: 306px;
}
.adventDoorPosition-11 {
position: absolute;
top: 104px;
left: 408px;
}
.adventDoorPosition-12 {
position: absolute;
top: 104px;
left: 510px;
}
.adventDoorPosition-13 {
position: absolute;
top: 206px;
left: 0px;
}
.adventDoorPosition-14 {
position: absolute;
top: 206px;
left: 102px;
}
.adventDoorPosition-15 {
position: absolute;
top: 206px;
left: 204px;
}
.adventDoorPosition-16 {
position: absolute;
top: 206px;
left: 306px;
}
.adventDoorPosition-17 {
position: absolute;
top: 206px;
left: 408px;
}
.adventDoorPosition-18 {
position: absolute;
top: 206px;
left: 510px;
}
.adventDoorPosition-19 {
position: absolute;
top: 308px;
left: 0px;
}
.adventDoorPosition-20 {
position: absolute;
top: 308px;
left: 102px;
}
.adventDoorPosition-21 {
position: absolute;
top: 308px;
left: 204px;
}
.adventDoorPosition-22 {
position: absolute;
top: 308px;
left: 306px;
}
.adventDoorPosition-23 {
position: absolute;
top: 308px;
left: 408px;
}
.adventDoorPosition-24 {
position: absolute;
top: 308px;
left: 510px;
}
#adventFooter {
width: 610px;
height: 15px;
margin: 0;
padding: 0;
}
#adventActiveDoor {
display: none;
}
.noveltiesBox,
.hotDealsBox,
.latestBox,
.adventBox {
float: left;
width: 354px;
margin: 0;
padding: 0;
background: url(../img/noveltiesBox-bg-mid.png) repeat-y;
}
.adventBox {
float: none;
/*background: #fff url(../img/overlay/green.png);*/
display: none;
margin: 0;
padding: 0;
text-align: left;
border: none;
-moz-box-shadow: 0 0 40px #307536;
-webkit-box-shadow: 0 0 40px #307536;
}
#advOverlay {
/*background: #FFF url(../img/overlay/green.png);*/
display: none;
margin: 0;
padding: 0;
text-align: left;
border: none;
-moz-box-shadow: 0 0 40px #307536;
-webkit-box-shadow: 0 0 40px #307536;
}
.adventBoxWrap {
width: 354px;
margin: 0;
padding: 0;
background: url(../img/noveltiesBox-bg-mid.png) repeat-y;
}
.adventBox .close {
background-image:url(../img/overlay/close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}
#advOverlay .close {
background-image:url(../img/overlay/close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}
.noveltiesBox-left,
.hotDealsBox-left,
.latestBox-left {
margin: 5px 4px 0 1px;
}
.hotDealsBox-right,
.noveltiesBox-right,
.latestBox-right {
margin: 5px 0 0 0;
}
.adventBox-left,
.adventBox-right {
margin: 0;
}
.hotDealsBoxTop,
.noveltiesBoxTop,
.latestBoxTop,
.adventBoxTop {
width: 354px;
height: 4px;
margin: 0;
padding: 0;
background: url(../img/noveltiesBox-bg-top.png) top left no-repeat;
}
.noveltiesBoxHeader,
.hotDealsBoxHeader,
.latestBoxHeader,
.adventBoxHeader {
width: 330px;
/*height: 18px;*/
margin: 0;
padding: 10px 12px 12px 12px;
background: #ebf5e7 url(../img/noveltiesBox-bg-header.png) repeat-y;
}
.noveltiesBoxHeader H1,
.hotDealsBoxHeader H1,
.latestBoxHeader H1,
.adventBoxHeader H1 {
float: left;
display: block;
width: 253px;
min-height: 38px;
font-size: 1.3em;
margin: 0;
padding: 0;
}
.noveltiesBoxHeader H1 A,
.noveltiesBoxHeader H1 A:hover,
.hotDealsBoxHeader H1 A,
.hotDealsBoxHeader H1 A:hover,
.latestBoxHeader H1 A,
.latestBoxHeader H1 A:hover,
.adventBoxHeader H1 A,
.adventBoxHeader H1 A:hover {
color: #358585;
}
.noveltiesBoxHeader .productIcons,
.hotDealsBoxHeader .productIcons,
.latestBoxHeader .productIcons,
.adventBoxHeader .productIcons {
float: left;
width: 72px;
height: 21px;
font-size: 1.3em;
margin: -2px 0 0 5px;
padding: 0;
overflow: hidden;
}
.noveltiesBoxHeader .productIcons .species,
.hotDealsBoxHeader .productIcons .species,
.latestBoxHeader .productIcons .species,
.adventBoxHeader .productIcons .species {
float: right;
margin: 0 0 0 3px;
padding: 0;
}
.noveltiesBoxContent,
.hotDealsBoxContent,
.latestBoxContent,
.adventBoxContent {
width: 348px;
margin: 0 0 0 3px;
padding: 0;
border-top: 2px solid #cacaca;
}
/* @group NOVELTIES / HOT DEALS / LATEST / ADVENT - BOX - CONTENT LEFT */
.noveltiesBoxContent-left,
.hotDealsBoxContent-left,
.latestBoxContent-left,
.adventBoxContent-left {
float: left;
width: 162px;
min-height: 300px;
margin: 0;
padding: 10px 0 10px 10px;
}
.noveltiesBoxContent-left .productImage,
.hotDealsBoxContent-left .productImage,
.latestBoxContent-left .productImage,
.adventBoxContent-left .productImage {
width: 145px;
border: 1px solid #CCC;
margin: 3px 0 0 0;
padding: 1px;
cursor: pointer;
overflow: hidden;
}
.adventBoxContent-left .productImage {
cursor: default;
}
.noveltiesBoxContent-left .productImageZoomTrigger,
.hotDealsBoxContent-left .productImageZoomTrigger,
.latestBoxContent-left .productImageZoomTrigger {
cursor: pointer;
}
.noveltiesBoxContent-left .productImageZoom,
.hotDealsBoxContent-left .productImageZoom,
.latestBoxContent-left .productImageZoom,
.adventBoxContent-left .productImageZoom {
display:none;
z-index:10000;
/*background: #fff url(../img/overlay/white.png);*/
background-color: #FFF;
/*
width:800px;
min-height:200px;
*/
padding: 10px;
border:1px solid #666;
/*
-moz-box-shadow: 0 0 40px #307536;
-webkit-box-shadow: 0 0 40px #307536;
*/
-moz-box-shadow: 0 0 40px #000;
-webkit-box-shadow: 0 0 40px #000;
text-align: center;
}
.noveltiesBoxContent-left .productImageZoom .close,
.hotDealsBoxContent-left .productImageZoom .close,
.latestBoxContent-left .productImageZoom .close,
.adventBoxContent-left .productImageZoom .close {
background-image: url(../img/overlay/close.png);
position: absolute;
right: -15px;
top: -15px;
cursor: pointer;
height: 35px;
width: 35px;
}
.noveltiesBoxContent-left .productImageLinks,
.hotDealsBoxContent-left .productImageLinks,
.latestBoxContent-left .productImageLinks,
.adventBoxContent-left .productImageLinks {
width: 160px;
height: 20px;
margin: 2px;
padding: 0;
text-align: left;
}
.noveltiesBoxContent-left .productImageLinks A,
.hotDealsBoxContent-left .productImageLinks A,
.noveltiesBoxContent-left .productImageLinks A:hover,
.hotDealsBoxContent-left .productImageLinks A,
.latestBoxContent-left .productImageLinks A:hover,
.latestBoxContent-left .productImageLinks A,
.adventBoxContent-left .productImageLinks A:hover,
.adventBoxContent-left .productImageLinks A {
color: #666;
}
.noveltiesBoxContent-left .linkSpacer,
.hotDealsBoxContent-left .linkSpacer,
.latestBoxContent-left .linkSpacer,
.adventBoxContent-left .linkSpacer {
margin: 0;
padding: 2px;
}
.noveltiesBoxContent-left .productImage IMG,
.hotDealsBoxContent-left .productImage IMG,
.latestBoxContent-left .productImage IMG,
.adventBoxContent-left .productImage IMG {
margin: 0;
padding: 0;
}
.noveltiesBoxContent-left .productLinks,
.hotDealsBoxContent-left .productLinks,
.latestBoxContent-left .productLinks,
.adventBoxContent-left .productLinks {
margin: 10px 0 0 0;
}
.noveltiesBoxContent-left .productLinks A,
.noveltiesBoxContent-left .productLinks A:hover,
.hotDealsBoxContent-left .productLinks A,
.hotDealsBoxContent-left .productLinks A:hover,
.latestBoxContent-left .productLinks A,
.latestBoxContent-left .productLinks A:hover,
.adventBoxContent-left .productLinks A,
.adventBoxContent-left .productLinks A:hover {
cursor: pointer;
display: block;
width: 205px;
height: 11px;
margin: 0 0 7px 0;
padding: 0 0 4px 17px;
color: #666;
font-weight: bold;
font-size: 1em;
background: url(../img/icons/link-arrow.png) center left no-repeat
}
/* @end NOVELTIES / HOT DEALS / LATEST / ADVENT - BOX - CONTENT LEFT */
/* @group NOVELTIES / HOT DEALS / LATEST / ADVENT - BOX - CONTENT RIGHT */
.noveltiesBoxContent-right,
.hotDealsBoxContent-right,
.latestBoxContent-right,
.adventBoxContent-right {
float: left;
width: 156px;
min-height: 300px;
margin: 0;
padding: 10px;
}
.noveltiesBoxContent-right .productUvp,
.hotDealsBoxContent-right .productUvp,
.latestBoxContent-right .productUvp,
.adventBoxContent-right .productUvp {
width: 156px;
margin: 0;
padding: 0;
}
.noveltiesBoxContent-right .productUvpLabel,
.hotDealsBoxContent-right .productUvpLabel,
.latestBoxContent-right .productUvpLabel,
.adventBoxContent-right .productUvpLabel {
font-size: 1.2em;
font-weight: bold;
color: #666;
margin: 0 0 2px 0;
padding: 0;
}
.noveltiesBoxContent-right .productUvpUvp,
.hotDealsBoxContent-right .productUvpUvp,
.latestBoxContent-right .productUvpUvp,
.adventBoxContent-right .productUvpUvp {
font-size: 1.8em;
color: #106F6F;
margin: 0;
padding: 0;
}
.noveltiesBoxContent-right .productUvpEk,
.hotDealsBoxContent-right .productUvpEk,
.latestBoxContent-right .productUvpEk,
.adventBoxContent-right .productUvpEk {
font-size: 1.8em;
color: #106F6F;
margin: 0;
padding: 0;
}
.noveltiesBoxContent-right .productUvpUvp,
.hotDealsBoxContent-right .productUvpUvp,
.latestBoxContent-right .productUvpUvp,
.adventBoxContent-right .productUvpUvp {
font-size: 1.1em;
color: #666;
margin: 0;
padding: 0;
}
.adventBoxContent-right .productUvpUvp {
font-size: 1.5em;
color: #CC0000;
margin: 0;
padding: 0;
font-weight: bold;
}
.noveltiesBoxContent-right H2,
.hotDealsBoxContent-right H2,
.latestBoxContent-right H2,
.adventBoxContent-right H2 {
margin: 10px 0 8px 0;
padding: 0;
font-size: 1.2em;
color: #666;
}
.noveltiesBoxContent-right .productDescription,
.hotDealsBoxContent-right .productDescription,
.latestBoxContent-right .productDescription,
.adventBoxContent-right .productDescription {
margin: 0;
padding: 0;
font-size: 1.1em;
}
/* @end NOVELTIES / HOT DEALS / LATEST / ADVENT - BOX - CONTENT RIGHT */
.noveltiesBoxFooter,
.hotDealsBoxFooter,
.latestBoxFooter,
.adventBoxFooter {
width: 354px;
margin: 0;
padding: 0;
height: 9px;
background: url(../img/noveltiesBox-bg-bottom.png) no-repeat;
}
/* @end NOVELTIES / HOT DEALS / LATEST / ADVENT - BOX */
/* @end NOVELTIES / HOT DEALS / LATEST / ADVENT */
/* @group WISHLIST */
.wishlistContentBox {
float: left;
width: 510px;
margin: 1px 0 0 2px;
padding: 0;
background: url(../img/checkoutContentBox-bg-mid.png) repeat-y;
}
.wishlistBox {
width: 510px;
margin: 0;
padding: 0;
background: url(../img/checkoutBox-bg-mid.png) repeat-y;
}
.wishlistBoxTop {
width: 510px;
height: 5px;
margin: 0;
padding: 0;
background: url(../img/checkoutBox-bg-top.png) top left no-repeat;
}
.wishlistBoxHeader {
width: 486px;
height: 16px;
margin: 0;
padding: 8px 12px 12px 12px;
background: #fcffec url(../img/checkoutBox-bg-header.png) repeat-y;
}
.wishlistBoxHeader H1 {
display: block;
width: 486px;
font-size: 1.3em;
margin: 0;
padding: 0;
}
.wishlistBoxContent {
width: 486px;
margin: 0 4px 0 2px;
padding: 12px 8px 10px 10px;
border-top: 3px solid #e6e6e6;
}
.wishlistBoxFooter {
width: 510px;
margin: 0;
padding: 0;
height: 10px;
background: url(../img/checkoutBox-bg-bottom.png) no-repeat;
}
.wishlistLinks {
width: 484px;
margin: 20px 0 0 0;
padding: 0;
}
.wishlistLinksLeft {
float: left;
width: 237px;
margin: 0 10px 0 0;
padding: 0;
}
.wishlistLinksRight {
float: left;
width: 237px;
margin: 0;
padding: 0;
}
A.refreshWishlistButton,
A.emptyWishlistButton,
A.printWishlistButton {
display: block;
width: 149px;
height: 17px;
margin: 0 0 10px 0;
padding: 3px 4px 0 6px;
background: #428632 url(../img/button-basket-bg.png) repeat-x;
text-align: center;
color: #FFF;
font-size: .8em;
font-weight: bold;
}
A:hover.refreshWishlistButton,
A:hover.emptyWishlistButton,
A:hover.printWishlistButton {
display: block;
width: 149px;
height: 17px;
margin: 0 0 10px 0;
padding: 3px 4px 0 6px;
background: #428632 url(../img/button-basket-bg.png) repeat-x;
background-position: left -50px;
text-align: center;
color: #FFF;
font-size: .8em;
font-weight: bold;
}
A.refreshWishlistButton SPAN,
A.emptyWishlistButton SPAN,
A.printWishlistButton SPAN {
float: left;
margin: 1px 4px 0 0;
padding: 0;
}
A.refreshWishlistButton IMG,
A.emptyWishlistButton IMG,
A.printWishlistButton IMG{
float: right;
margin: 0;
padding: 0;
}
.deleteWishlistItem,
.deleteWatchlistItem {
cursor: pointer;
}
/* @end WHISHLIST */
/* @group TRADER REGISTER */
.traderRegisterContentBox {
float: left;
width: 510px;
margin: 1px 0 0 2px;
padding: 0;
background: url(../img/checkoutContentBox-bg-mid.png) repeat-y;
}
.traderRegisterBox {
width: 510px;
margin: 0;
padding: 0;
background: url(../img/checkoutBox-bg-mid.png) repeat-y;
}
.traderRegisterBoxTop {
width: 510px;
height: 5px;
margin: 0;
padding: 0;
background: url(../img/checkoutBox-bg-top.png) top left no-repeat;
}
.traderRegisterBoxHeader {
width: 486px;
height: 16px;
margin: 0;
padding: 8px 12px 12px 12px;
background: #fcffec url(../img/checkoutBox-bg-header.png) repeat-y;
}
.traderRegisterBoxHeader H1 {
display: block;
width: 486px;
font-size: 1.3em;
margin: 0;
padding: 0;
}
.traderRegisterBoxContent {
width: 486px;
margin: 0 4px 0 2px;
padding: 12px 8px 10px 10px;
border-top: 3px solid #e6e6e6;
}
.traderRegisterBoxFooter {
width: 510px;
margin: 0;
padding: 0;
height: 10px;
background: url(../img/checkoutBox-bg-bottom.png) no-repeat;
}
/* @group TRADER REGISTER - FORMULAR */
FORM.traderRegisterForm {
margin: 0;
padding: 0;
}
FORM.traderRegisterForm .smallText {
font-size: .9em;
}
FORM.traderRegisterForm .textField {
width: 280px;
}
FORM.traderRegisterForm .smallField {
width: 100px !important;
}
FORM.traderRegisterForm .textareaField {
width: 280px;
height: 120px;
}
FORM.traderRegisterForm .traderRegisterFormSubmit {
float: right;
}
FORM.traderRegisterForm .traderRegisterFormWaitMsg {
display: none;
float: right;
}
FORM.traderRegisterForm P {
margin: 0;
padding: 0;
}
FORM.traderRegisterForm FIELDSET {
margin: 0 0 15px 0;
padding: 0;
border: none;
display: table;
}
FORM.traderRegisterForm LABEL {
font-size: 1em;
font-weight: bold;
}
FORM.traderRegisterForm LEGEND {
margin: 0 0 12px 0;
padding: 0;
color: #358585;
font-size: 1.2em;
font-weight: bold;
}
FORM.traderRegisterForm DL {
display: table-row;
margin: 0;
padding: 0;
}
FORM.traderRegisterForm DT {
display: table-cell;
width: 180px;
margin: 0;
padding: 0 12px 16px 0;
vertical-align: middle;
}
FORM.traderRegisterForm DD {
display: table-cell;
margin: 0;
padding: 0 0 16px 0;
vertical-align: middle;
}
FORM.traderRegisterForm DT.lowerLineSpacing {
padding: 0 12px 10px 0;
}
FORM.traderRegisterForm DD.lowerLineSpacing {
padding: 0 0 10px 0;
}
FORM.traderRegisterForm .indent {
padding-left: 20px;
}
FORM.traderRegisterForm DT,
FORM.traderRegisterForm DD {
width: 140px;
}
#variantDeliveryAddress {
display: none;
border: 1px dashed #358585;
margin: 0 0 20px 0;
padding: 10px 6px 0 6px;
}
#existingCustomer {
display: none;
border: 1px dashed #358585;
margin: 0 0 20px 0;
padding: 10px 6px 0 6px;
}
/* @end TRADER REGISTER - FORMULAR */
/* @end TRADER REGISTER */
/* @group FORGOT PASSWORD */
.forgotPasswordContentBox {
float: left;
width: 510px;
margin: 1px 0 0 2px;
padding: 0;
background: url(../img/checkoutContentBox-bg-mid.png) repeat-y;
}
.forgotPasswordBox {
width: 510px;
margin: 0;
padding: 0;
background: url(../img/checkoutBox-bg-mid.png) repeat-y;
}
.forgotPasswordBoxTop {
width: 510px;
height: 5px;
margin: 0;
padding: 0;
background: url(../img/checkoutBox-bg-top.png) top left no-repeat;
}
.forgotPasswordBoxHeader {
width: 486px;
height: 16px;
margin: 0;
padding: 8px 12px 12px 12px;
background: #fcffec url(../img/checkoutBox-bg-header.png) repeat-y;
}
.forgotPasswordBoxHeader H1 {
display: block;
width: 486px;
font-size: 1.3em;
margin: 0;
padding: 0;
}
.forgotPasswordBoxContent {
width: 486px;
margin: 0 4px 0 2px;
padding: 12px 8px 10px 10px;
border-top: 3px solid #e6e6e6;
}
.forgotPasswordBoxFooter {
width: 510px;
margin: 0;
padding: 0;
height: 10px;
background: url(../img/checkoutBox-bg-bottom.png) no-repeat;
}
/* @group FORGOT PASSWORD - FORMULAR */
FORM.forgotPasswordForm {
margin: 0;
padding: 0;
}
FORM.forgotPasswordForm .smallText {
font-size: .9em;
}
FORM.forgotPasswordForm .textField {
width: 280px;
}
FORM.forgotPasswordForm .smallField {
width: 100px !important;
}
FORM.forgotPasswordForm .textareaField {
width: 280px;
height: 120px;
}
FORM.forgotPasswordForm .forgotPasswordFormSubmit {
float: right;
}
FORM.forgotPasswordForm P {
margin: 0;
padding: 0;
}
FORM.forgotPasswordForm FIELDSET {
margin: 0 0 15px 0;
padding: 0;
border: none;
display: table;
}
FORM.forgotPasswordForm LABEL {
font-size: 1em;
font-weight: bold;
}
FORM.forgotPasswordForm LEGEND {
margin: 0 0 12px 0;
padding: 0;
color: #358585;
font-size: 1.2em;
font-weight: bold;
}
FORM.forgotPasswordForm DL {
display: table-row;
margin: 0;
padding: 0;
}
FORM.forgotPasswordForm DT {
display: table-cell;
width: 180px;
margin: 0;
padding: 0 12px 16px 0;
vertical-align: middle;
}
FORM.forgotPasswordForm DD {
display: table-cell;
margin: 0;
padding: 0 0 16px 0;
vertical-align: middle;
}
FORM.forgotPasswordForm DT.lowerLineSpacing {
padding: 0 12px 10px 0;
}
FORM.forgotPasswordForm DD.lowerLineSpacing {
padding: 0 0 10px 0;
}
FORM.forgotPasswordForm .indent {
padding-left: 20px;
}
FORM.forgotPasswordForm DT,
FORM.forgotPasswordForm DD {
width: 140px;
}
/* @end FORGOT PASSWORD - FORMULAR */
/* @end FORGOT PASSWORD */
/* @group MY ACCOUNT */
.myAccountContentBox {
float: left;
width: 510px;
margin: 1px 0 0 2px;
padding: 0;
background: url(../img/checkoutContentBox-bg-mid.png) repeat-y;
}
.myAccountBox {
width: 510px;
margin: 0;
padding: 0;
background: url(../img/checkoutBox-bg-mid.png) repeat-y;
}
.myAccountBoxTop {
width: 510px;
height: 5px;
margin: 0;
padding: 0;
background: url(../img/checkoutBox-bg-top.png) top left no-repeat;
}
.myAccountBoxHeader {
width: 486px;
height: 16px;
margin: 0;
padding: 8px 12px 12px 12px;
background: #fcffec url(../img/checkoutBox-bg-header.png) repeat-y;
}
.myAccountBoxHeader H1 {
display: block;
width: 486px;
font-size: 1.3em;
margin: 0;
padding: 0;
}
.myAccountBoxContent {
width: 486px;
margin: 0 4px 0 2px;
padding: 12px 8px 10px 10px;
border-top: 3px solid #e6e6e6;
}
.myAccountBoxFooter {
width: 510px;
margin: 0;
padding: 0;
height: 10px;
background: url(../img/checkoutBox-bg-bottom.png) no-repeat;
}
/* @group MY ACCOUNT - FORMULAR */
FORM.myAccountForm {
margin: 0;
padding: 0;
}
FORM.myAccountForm .smallText {
font-size: .9em;
}
FORM.myAccountForm .textField {
width: 280px;
}
FORM.myAccountForm .textFieldReadOnly {
color: #999;
}
FORM.myAccountForm .smallField {
width: 100px !important;
}
FORM.myAccountForm .textareaField {
width: 280px;
height: 120px;
}
FORM.myAccountForm .myAccountFormSubmit {
float: right;
}
FORM.myAccountForm P {
margin: 0;
padding: 0;
}
FORM.myAccountForm FIELDSET {
margin: 0 0 15px 0;
padding: 0;
border: none;
display: table;
}
FORM.myAccountForm LABEL {
font-size: 1em;
font-weight: bold;
}
FORM.myAccountForm LEGEND {
margin: 0 0 12px 0;
padding: 0;
color: #358585;
font-size: 1.2em;
font-weight: bold;
}
FORM.myAccountForm DL {
display: table-row;
margin: 0;
padding: 0;
}
FORM.myAccountForm DT {
display: table-cell;
width: 180px;
margin: 0;
padding: 0 12px 16px 0;
vertical-align: middle;
}
FORM.myAccountForm DD {
display: table-cell;
margin: 0;
padding: 0 0 16px 0;
vertical-align: middle;
}
/* @end MY ACCOUNT - FORMULAR */
/* @end MY ACCOUNT */
/* @group LOGIN PAGE */
.loginContentBox {
float: left;
width: 510px;
margin: 1px 0 0 2px;
padding: 0;
background: url(../img/checkoutContentBox-bg-mid.png) repeat-y;
}
.loginBox {
width: 510px;
margin: 0;
padding: 0;
background: url(../img/checkoutBox-bg-mid.png) repeat-y;
}
.loginBoxTop {
width: 510px;
height: 5px;
margin: 0;
padding: 0;
background: url(../img/checkoutBox-bg-top.png) top left no-repeat;
}
.loginBoxHeader {
width: 486px;
height: 16px;
margin: 0;
padding: 8px 12px 12px 12px;
background: #fcffec url(../img/checkoutBox-bg-header.png) repeat-y;
}
.loginBoxHeader H1 {
display: block;
width: 486px;
font-size: 1.3em;
margin: 0;
padding: 0;
}
.loginBoxContent {
width: 486px;
margin: 0 4px 0 2px;
padding: 12px 8px 10px 10px;
border-top: 3px solid #e6e6e6;
}
.loginBoxFooter {
width: 510px;
margin: 0;
padding: 0;
height: 10px;
background: url(../img/checkoutBox-bg-bottom.png) no-repeat;
}
/* @group LOGIN PAGE - FORMULAR */
FORM.loginForm {
margin: 0;
padding: 0;
}
FORM.loginForm .smallText {
font-size: .9em;
}
FORM.loginForm .textField {
width: 280px;
}
FORM.loginForm .smallField {
width: 100px !important;
}
FORM.loginForm .textareaField {
width: 280px;
height: 120px;
}
FORM.loginForm .loginFormSubmit {
float: right;
}
FORM.loginForm P {
margin: 0;
padding: 0;
}
FORM.loginForm FIELDSET {
margin: 0 0 15px 0;
padding: 0;
border: none;
display: table;
}
FORM.loginForm LABEL {
font-size: 1em;
font-weight: bold;
}
FORM.loginForm LEGEND {
margin: 0 0 12px 0;
padding: 0;
color: #358585;
font-size: 1.2em;
font-weight: bold;
}
FORM.loginForm DL {
display: table-row;
margin: 0;
padding: 0;
}
FORM.loginForm DT {
display: table-cell;
width: 180px;
margin: 0;
padding: 0 12px 16px 0;
vertical-align: middle;
}
FORM.loginForm DD {
display: table-cell;
margin: 0;
padding: 0 0 16px 0;
vertical-align: middle;
}
FORM.loginForm DT.lowerLineSpacing {
padding: 0 12px 10px 0;
}
FORM.loginForm DD.lowerLineSpacing {
padding: 0 0 10px 0;
}
FORM.loginForm .indent {
padding-left: 20px;
}
FORM.loginForm DT,
FORM.loginForm DD {
width: 140px;
}
/* @end LOGIN PAGE - FORMULAR */
/* @end LOGIN PAGE */
/* @end MAIN AREA RIGHT */
/* @end MAIN AREA */
/* @group FOOTER */
#footer {
width: 927px;
margin: 0 0 0 4px;
padding: 0;
min-height: 150px;
}
/* @group FOOTER BOX */
#footerBox {
width: 925px;
margin: 0;
padding: 0;
border: 1px solid #999;
}
#footerBoxHeader {
position: relative;
width: 925px;
height: 34px;
border-bottom: 1px solid #999;
background: #CFCFCF url(../img/footerBox-header-bg.png) top no-repeat;
}
#footerBoxHeader #leftIcons {
position: absolute;
top: 9px;
left: 66px;
height: 16px;
text-align: right;
}
#footerBoxHeader #leftIcons A,
#footerBoxHeader #leftIcons A:hover {
display: block;
float: left;
width: 17px;
height: 16px;
margin: 0 0 0 5px;
padding: 0;
}
#footerBoxHeader #leftIcons A.spacer,
#footerBoxHeader #leftIcons A:hover.spacer {
margin: 0 16px 0 5px;
}
#footerBoxHeader #leftIcons IMG {
margin: 0;
padding: 0;
}
#footerBoxHeader #socialIcons {
position: absolute;
top: 9px;
right: 14px;
height: 16px;
width: 148px; /* IE7 braucht hier leider die width Angabe, damit position right klappt */
margin: 0;
padding: 0;
text-align: right;
}
#footerBoxHeader #socialIcons A,
#footerBoxHeader #socialIcons A:hover {
display: block;
float: left;
width: 17px;
height: 16px;
margin: 0 0 0 5px;
padding: 0;
}
#footerBoxHeader #socialIcons A.spacer,
#footerBoxHeader #socialIcons A:hover.spacer {
margin: 0 16px 0 5px;
}
#footerBoxHeader #socialIcons IMG {
margin: 0;
padding: 0;
}
#footerBoxContent {
width: 907px;
margin: 0;
padding: 17px 9px 17px 9px;
}
#footerBoxContent .footerBoxColumn {
float: left;
margin: 0 10px 0 0;
padding: 0 60px 0 0;
}
#footerBoxContent .footerBoxColumn H2 {
margin: 0 0 .9em 0;
font-size: 1em;
text-transform: uppercase;
color: #3E7D47;
font-weight: bold;
}
#footerBoxContent .footerBoxColumn UL {
margin: 0;
padding: 0;
list-style-type: none !important;
}
#footerBoxContent .footerBoxColumn UL LI {
margin: 0;
padding: 0;
line-height: 1.6em;
color: #000;
}
#footerBoxContent .footerBoxColumn UL LI A,
#footerBoxContent .footerBoxColumn UL LI A:hover {
color: #000;
}
/* @end FOOTER BOX */
/* @group FOOTER INFO TEXT */
#footerInfoText {
width: 920px;
margin: 15px 0 0 0;
padding: 0 5px 0 0;
font-size: .9em;
}
#footerInfoText P {
margin: 0 0 15px 0;
}
#footerInfoText P,
#footerInfoText A,
#footerInfoText A:hover {
color: #666;
}
/* @end FOOTER INFO TEXT */
/* @group FOOTER META MENUE */
#footerMetaMenue {
width: 925px;
margin: 15px 0 0 0;
padding: 0;
font-size: .9em;
}
#footerMetaMenue UL {
margin: 0;
padding: 0;
list-style-type: none !important;
color: #666;
}
#footerMetaMenue UL LI {
float: left;
margin: 0;
padding: 0;
color: #666;
}
#footerMetaMenue A,
#footerMetaMenue A:hover {
color: #666;
text-decoration: none;
}
/* @end FOOTER META MENUE */
/* @end FOOTER */
/* @end PAGE FRAMEWORK */
#adv2Overlay {
background-color: #ffffff;
display: none;
margin: 0;
padding: 10px;
text-align: left;
border: none;
-moz-box-shadow: 0 0 40px #307536;
-webkit-box-shadow: 0 0 40px #307536;
}
.advent2Box .close {
background-image:url(../img/overlay/close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}
#adv2Overlay .close {
background-image:url(../img/overlay/close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}