@CHARSET "UTF-8";

* {box-sizing:border-box;}

body {background-color:#f9f8f4; color:#4c4c4c; font-family:'Open Sans', sans-serif; font-weight:400; font-size:14px; margin:10px 0px;}

.bold {font-family:'Open Sans', sans-serif; font-weight:700;}
.float-right {float:right;}
.text-center {text-align:center;}
.text-justify {text-align:justify;}
.inline-block {display:inline-block;}

.row {margin-left:-10px; margin-right:-10px;}
.row:after {clear:both; content:""; display:table;}
.col-3, .col-4, .col-6, .col-8 {float:left; padding-left:10px; padding-right:10px;}
.col-3 {width:25%;}
.col-4 {width:33.33333333%;}
.col-6 {width:50%;}
.col-8 {width:66.66666666%;}

.borderBox {background-color:#fff; padding:5px; margin-bottom:10px;}
.whiteBox {background-color:#fff; padding:10px;}
.backgroundBox {background-color:#f9f8f4; padding:10px;}
.headlineBox {font-family:'Open Sans', sans-serif; font-weight:400; font-style:italic; font-size:24px; margin-bottom:10px; text-align:center;}

.whiteBox.leftWhiteBox {padding-right:0px;}
.whiteBox.rightWhiteBox {padding-left:0px;}

#pageContent {font-size:14px; margin:0px auto; padding:0px 5px; width:1000px;}

#headerContent {margin-bottom:10px;}
#logoBox {display:block; height:45px; width:295px;}
#languageBox {display:table-cell; height:45px; vertical-align:middle;}
#languageBox div {cursor:pointer; float:left; height:20px; width:30px; margin-left:10px;}
#languageBox div#de {background:url(img/de.png);background-image:linear-gradient(transparent,transparent),url(img/de.svg);background-position:left center;background-size:30px 20px;background-repeat:no-repeat;}
#languageBox div#en {background:url(img/gb.png);background-image:linear-gradient(transparent,transparent),url(img/gb.svg);background-position:left center;background-size:30px 20px;background-repeat:no-repeat;}
#languageBox div#fr {background:url(img/fr.png);background-image:linear-gradient(transparent,transparent),url(img/fr.svg);background-position:left center;background-size:30px 20px;background-repeat:no-repeat;}
#languageBox div#es {background:url(img/es.png);background-image:linear-gradient(transparent,transparent),url(img/es.svg);background-position:left center;background-size:30px 20px;background-repeat:no-repeat;}
#languageBox div#it {background:url(img/it.png);background-image:linear-gradient(transparent,transparent),url(img/it.svg);background-position:left center;background-size:30px 20px;background-repeat:no-repeat;}

.navigationContent {background-color:#4c4c4c; color:#fff; height:55px; margin-bottom:10px;}
.navigationContent ul {list-style-type:none; margin:0px; padding:0px;}
.navigationContent ul li {display:block; float:left; font-size:20px; margin:0px; padding:14px;}
.navigationContent ul li a {color:#fff; text-decoration:none; text-transform:uppercase;}
.navigationContent ul li a:hover {border-bottom:2px solid #fff;}
.searchBox {margin:10px 5px;}
.searchField {border:2px solid #fff; border-radius:6px; float:left; font-size:16px; height:35px; margin-right:5px; padding:5px; width:300px;}
.searchIcon {padding:0px;}

.productContent {margin-bottom:10px;}
.productContent .motifBox {min-height:720px; line-height:1.6;}
.productContent .motifBox a {color:#4c4c4c;}
.productContent .motifBox .productHeadlineBox {display:block; font-family:'Open Sans', sans-serif; font-weight:700; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.productContent .motifBox .previewBox {display:block; margin:0 auto; position:relative; text-align:center; width:620px;}
.productContent .motifBox .previewPosBox {height:300px; position:absolute; top:20px; left:20px; right:20px;}
.productContent .motifBox .previewPosBox img {box-shadow:2px 2px 2px #aaa; max-height:100%; max-width:100%; position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.productContent .motifBox .keywordBox {color:#999; font-size:10px; text-align:justify;}
.productContent .motifBox .keywordBox a {color:#999; text-decoration:none;}

.backgroundBoxHeadline {font-size:20px; margin-bottom:5px; text-align:center; text-transform:uppercase;}
.ulWithIcons {list-style-type:none;margin:0px;padding:0px;}
.ulWithIcons li {display:inline-block;min-height:50px;line-height:25px;margin:10px 0px;padding-left:60px;width:100%;}
.ulIconThumb {background:url(img/order-icon-thumb.png);background-image:linear-gradient(transparent,transparent),url(img/order-icon-thumb.svg);background-position:left center;background-size:45px 45px;background-repeat:no-repeat;}
.ulIconTruck {background:url(img/order-icon-truck.png);background-image:linear-gradient(transparent,transparent),url(img/order-icon-truck.svg);background-position:left center;background-size:45px 45px;background-repeat:no-repeat;}
.ulIconDelivery {background:url(img/order-icon-delivery.png);background-image:linear-gradient(transparent,transparent),url(img/order-icon-delivery.svg);background-position:left center;background-size:45px 45px;background-repeat:no-repeat;}
.ulIconPayment {background:url(img/order-icon-payment.png);background-image:linear-gradient(transparent,transparent),url(img/order-icon-payment.svg);background-position:left center;background-size:45px 45px;background-repeat:no-repeat;}
.ulIconPhone {background:url(img/order-icon-phone.png);background-image:linear-gradient(transparent,transparent),url(img/order-icon-phone.svg);background-position:left center;background-size:45px 45px;background-repeat:no-repeat;}
.ulIconPhone span {display:block; font-size:12px; line-height:16px;}
.ulIconMail {background:url(img/order-icon-mail.png);background-image:linear-gradient(transparent,transparent),url(img/order-icon-mail.svg);background-position:left center;background-size:45px 45px;background-repeat:no-repeat;}
.starBox {margin:5px 0px 10px;}
.starBox span.star {background:url(img/star.png);background-image:linear-gradient(transparent,transparent),url(img/star.svg);background-position:center center;background-size:25px 25px;background-repeat:no-repeat;display:block;float:left;margin:5px 2px;height:25px;width:25px;}

.productTypeHeadline {font-family:'Open Sans', sans-serif; font-weight:400; font-style:italic; font-size:18px; margin-bottom:10px; text-align:center;}
.productTypeShort ul {font-size:10px; list-style-type:none; margin:0px; padding:0px;}
.productTypeShort ul li {background:url(img/sign.png);background-image:linear-gradient(transparent,transparent),url(img/sign.svg);background-position:left center;background-size:10px 10px;background-repeat:no-repeat;line-height:22px;padding-left:15px;}
.productTypeSelect {background-color:#4c4c4c; color:#fff; cursor:pointer; display:block; font-family:'Open Sans', sans-serif; font-weight:700; margin:10px auto; padding:5px 10px; text-align:center; text-transform:uppercase; width:140px;}

.productBox {background-color:#FFF; color:#4c4c4c; display:block; height:330px; margin-bottom:20px; padding:10px; text-decoration:none;}
.productBox .productImage {display:block; height:255px; margin-bottom:15px; text-align:center;}
.productBox .productImage img {max-height:100%; max-width:100%; position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.productBox .productTitle {display:block; line-height:1.5; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.infoBox {display:none;}
.infoBox .infoClose {background:url(img/close.png); background-image:linear-gradient(transparent,transparent),url(img/close.svg); background-position:center center; background-size:28px 28px; background-repeat:no-repeat; cursor:pointer; display:block; float:right; height:28px; width:28px;}
.infoBox .infoHeadline {font-family:'Open Sans', sans-serif; font-weight:400; font-style:italic; font-size:18px; margin-bottom:10px;}
.infoBox ul {font-size:14px; list-style-type:none; margin:0px; padding:0px;}
.infoBox ul li {background:url(img/sign.png);background-image:linear-gradient(transparent,transparent),url(img/sign.svg);background-position:left center;background-size:10px 10px;background-repeat:no-repeat;line-height:26px;padding-left:15px;}
.infoBox p {line-height:1.5; margin-bottom:0px;}
.infoBox .infoCloseBtn {background-color:#4c4c4c; color:#fff; cursor:pointer; display:block; font-family:'Open Sans', sans-serif; font-weight:700; margin:0px auto; padding:5px 10px; text-align:center; text-transform:uppercase; width:200px;}

.copyrightBox {font-size:10px; text-align:center;}