/*	
	Author: Edith Eugster
	Website: www.multimixmedia.ch
	
*/
*{
        margin: 0;
        padding: 0;
        border: 0 none;
}

html{
	min-height: 101%;
}

body{ 
color: #ddd; 
font-size: 16px; 
font-family: Helvetica, Arial, sans-serif; 
background: #9CF5DB;; 
}

#master{ 
margin: 1% auto; 
width: 98%; 
text-align: left;
}

#head,#inhalt,#ads, #switch,#video,#acc,#icons{
padding-bottom: 15px;
}


#switch{
margin: 0 auto; 
}

footer a{ 
padding-top: 7px;
text-align: center;
}

#video{ 

}
    
/* Switch Menu */
.menu_iptv { 
font-size: 16px; 
background-color:#333;
border: 1px solid #98b7e3;
text-shadow:0px 1px 0px #1a1a1a;
color:#fff;
}  
  
.videoplayer iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
 } 
 
.videoplayer{
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%
 }
 
h1{ 
margin-top:1%;
color: #999; 
font-size: 20px; 
font-weight: bold; 
letter-spacing: 3px;
}

.titel{  
font-size: 16px; 
font-weight: bold; 
line-height: 160%;
}

.desc{ 
color: #000; 
font-size: 12px; 
font-weight: bold;
text-align: center;
}

.sig, .sig a:link{
font-size: 10px; 
font-style: italic;
}

p {
	padding-bottom: 8px;
	margin: 0;

}

ul{
	list-style-type: circle;
	margin: 0 0 8px;
    padding-left: 15px;
}
h2{
	font-weight: bold;
	font-size: 12px;
	margin:0;
}

img {max-width:100%;}

a{
	font-size: 16px;
	font-weight: bold; 
	text-decoration: none;
	color: #999;
}

a:hover, a:visited{ 
	text-decoration: underline;
}

select:hover{
background:#4c4c4c;
}

*::selection {
    background: none repeat scroll 0 0 #98b7e3;
    color: #000;
}	

*::-moz-selection {
    background: none repeat scroll 0 0 #98b7e3;
    color: #000;
}	

hr {border-top:2px dotted #6F0868;
  height: 1px;
}

/* bezieht sich auf trailer/player.tpl */
#cont      {  margin: auto }
#icons a      { text-align: center; padding-right: 10px }


/* bezieht sich auf ads728.tpl */
#werb      { margin: auto; }

/** SASS File base for color scheme generation **/
/* used to set the background of the entire page */
.customPageBackground {
  background-color: #FFFFFF;
  color: #22262D;
}

.customPageBackground #shop-message #hangers path {
  fill: #22262D;
}

.SprdContent a {
  color: #E2122F;
}

/* used to set custom styles for the header */
.customHeader {
  color: #000000;
  background-color: #FFFFFF;
}

.customHeader h1 {
  color: #FFFFFF;
}

.customHeader .sprd-promo-header .sprd-promo-expander {
  background-color: #22262D;
  border-bottom: 1px solid #cdcdcd;
  color: #FFFFFF;
}

.customHeader .sprd-promo-header .sprd-promo-box {
  background-color: #FFFFFF;
  color: #22262D;
}

.customHeader .sprd-promo-header .sprd-promo-box .customButton {
  background-color: #E2122F;
  color: #FFFFFF;
}

/* Overlay for wishlist and basket */
.SprdMain .sprd-overlayView {
  border: 1px solid #FFFFFF !important;
}

.SprdMain .sprd-overlay.sprd-dialog .sprd-Wrapper.sprd-content {
  background-color: #FFFFFF;
  color: #22262D;
}

.SprdMain .sprd-Footer .sprd-LanguageSwitcher {
  background-color: #FFFFFF;
  border-color: #E2122F;
  color: #22262D;
}

.SprdMain .sprd-Footer .sprd-LanguageSwitcher a:hover {
  color: #E2122F;
}

/*global footer, area with imprint and legal stuff at the bottom of every page*/
.customFooter {
  color: #000000;
  background-color: #FFFFFF;
}

/*watch out that the color selector items are affected (eps. if you set background image)*/
.customHighlight {
  border-color: #E2122F;
  color: #E2122F;
}

.customHighlightText.default {
  color: #FFFFFF;
}

.customHighlightText.primary {
  color: #E2122F;
}

.customHighlightText.secondary {
  color: #FFFFFF;
}

.customLink {
  cursor: pointer;
}

.customLink.default {
  color: #FFFFFF;
}

.customLink.primary {
  color: #E2122F;
}

.customLink.secondary {
  color: #FFFFFF;
}

.customLink:hover {
  text-decoration: underline;
}

/*basket & wishlist count indicator */
.customCounter {
  color: #FFFFFF;
  background-color: #E2122F;
}

/* change the style of the notification messages */
.customNotification {
  background-color: #E2122F;
  border-color: #E2122F;
  color: #FFFFFF;
}

.customNotification:before {
  background-color: #E2122F;
}

.customNotification.sprd-error {
  background-color: #E2122F;
  border-color: #E2122F;
  color: #FFFFFF;
}

.customNotification.sprd-error:before {
  background-color: #E2122F;
}

.SprdMain .SprdHeader.sprd-basket-notification .sprd-basket:not(.sprd-overlayView):after {
  border-bottom-color: #FFFFFF;
}

.SprdMain .SprdHeader.sprd-wishlist-notification .sprd-wishlist:not(.sprd-overlayView):not(#wishlist-page):after {
  border-bottom-color: #FFFFFF;
}

/* here you can adjust the styles of the headlines for example in the basket and wishlist */
.customHeadline {
  color: #FFFFFF;
}

/* selector elements, right now color and size selector */
.customSelector .sprd-item {
  color: #22262D;
  border-color: #22262D !important;
}

.customSelector .sprd-item:hover, .customSelector .sprd-item.sprd-active {
  color: #E2122F !important;
  background-color: #FFFFFF;
}

.customSelector.sprd-color .sprd-item:hover, .customSelector.sprd-color .sprd-item.sprd-active {
  border: 1px solid #E2122F !important;
}

.SprdMain .sprd-Filter.sprd-colorAndSize .sprd-button.sprd-active {
  background-color: #FFFFFF;
}

.SprdMain .sprd-Filter.sprd-colorAndSize .sprd-open.sprd-Selector {
  background-color: #FFFFFF;
}

@media screen and (max-width: 999px) and (min-width: 768px) {
  .SprdMain .sprd-DetailBox.sprd-buying-info .sprd-size.sprd-Selector.sprd-dropdown {
    border: 1px solid #22262D;
  }
}

/* hover effects for the department filter on non-mobile screens */
.customFilterItem, .customSubfilterItem {
  color: #000000;
}

/* items in the desktop department filter which are hovered with the mouse */
html:not(.touch) .customSubfilterItem:hover {
  background-color: #E2122F;
  color: #000000;
}

.SprdMain #sidebarDesignFilter .sprd-Item.sprd-active > .sprd-Label {
  color: #E2122F;
}

/*mobile filters*/
.customMobileFilterButton .sprd-subline {
  color: #E2122F;
}

.customMobileFilterButton.sprd-active {
  -webkit-box-shadow: 0 10px 0 0 #E2122F;
  box-shadow: 0 10px 0 0 #E2122F;
}

.customFilterButton.sprd-active {
  border-color: #E2122F;
  background-color: transparent;
}

.customFilterButton.sprd-active .sprd-Label {
  background-color: #E2122F;
}

.customFilterText.sprd-active {
  color: #E2122F;
}

.SprdMain .customHeader .sprd-departmentFilter .sprd-menu.sprd-active .sprd-label, .SprdMain .customHeader .sprd-departmentFilter .sprd-menu .sprd-item.sprd-active {
  color: #E2122F;
}

.SprdMain .customHeader .sprd-departmentFilter .sprd-menu.sprd-open {
  box-shadow: inset 0 -4px 0 0 #E2122F;
}

.SprdMain .customHeader .sprd-rightPanel .sprd-item.sprd-active, .SprdMain .customHeader .sprd-rightPanel .sprd-item.sprd-open {
  border-bottom-color: #E2122F;
}

.SprdMain .customHeader .sprd-rightPanel .sprd-item.sprd-active .sprd-caret, .SprdMain .customHeader .sprd-rightPanel .sprd-item.sprd-open .sprd-caret {
  color: #E2122F;
}

.SprdMain .customHeader .customFilterItem.sprd-active {
  color: #E2122F;
  box-shadow: inset 0 -3px 0 0 #E2122F;
}

/* styles the different button types */
.customButton, .SprdMain .sprd-social-sharing {
  background-color: #FFFFFF;
  color: #FEFEFE;
}

.customButton.sprd-default {
  font-weight: 600;
  background-color: #FFFFFF;
  color: #22262D;
}

.customButton.sprd-primary {
  /*primary button, e.g. buy button*/
  background-color: #E2122F;
  color: #FFFFFF;
  border: 1px solid #ca102a;
}

.customButton.sprd-secondary {
  /*secondary button, e.g. add to basket in wishlist*/
  background-color: #22262D;
  color: #FFFFFF;
  border-color: #22262D;
}

html:not(.touch) .sprd-button.sprd-customButton.sprd-default:hover, html:not(.touch) .sprd-button.sprd-customButton.sprd-default:active {
  background-color: #FFFFFF;
  color: #E2122F;
}

html:not(.touch) .sprd-button.sprd-customButton.sprd-primary:hover {
  background-color: #ed203d;
}

html:not(.touch) .sprd-button.sprd-customButton.sprd-primary:active {
  background-color: #E2122F;
  color: #FFFFFF;
  border: 1px solid #ca102a;
}

html:not(.touch) .sprd-button.sprd-customButton.sprd-secondary:hover {
  background-color: #FFFFFF;
  color: #FFFFFF;
  border-color: #FFFFFF;
}

html:not(.touch) .sprd-button.sprd-customButton.sprd-secondary:active {
  background-color: #22262D;
  color: #FFFFFF;
  border-color: #22262D;
}

html:not(.touch) .customFilterButton:hover {
  background-color: #E2122F;
  border-color: #E2122F;
  color: #FFFFFF;
}

/*filer bar for mobile device, dropdowns from header on desktop*/
@media (max-width: 767px) {
  .sprd-departmentFilter .customFilter, .sprd-filterBar > .sprd-item > .customFilter {
    border: 1px solid #FFFFFF !important;
    background-color: #FFFFFF;
    color: #22262D;
  }
  .SprdMain .sprd-filterBar {
    background-color: #FFFFFF;
    color: #000000;
  }
}

.customFilter {
  background-color: #FFFFFF;
}

.customFilter .sprd-departmentFilter, .customFilter .sprd-departmentFilter * {
  background-color: #FFFFFF;
  color: #22262D;
  border-color: #FFFFFF !important;
}

/* change trusted footer panel */
.SprdMain .sprd-Footer .sprd-trustedFooter {
  background-color: #FFFFFF;
  color: #22262D;
}

.SprdMain .sprd-pt-size-table table tr.sprd-even {
  background-color: rgba(255, 255, 255, 0.1);
}

/* virtual product carousel department */
.customDepartmentFilter .sprd-Wrapper.sprd-items .sprd-Button.sprd-department.sprd-active {
  color: #E2122F;
}

/* DropDown hover */
html:not(.touch) .customButton.sprd-default:hover .sprd-Wrapper.sprd-Item {
  background-color: #FFFFFF;
}

.sprd-bg-m1 {
  background-color: #FFFFFF !important;
}

.sprd-c-m1 {
  color: #FFFFFF !important;
}

.sprd-bc-m1 {
  border-color: #FFFFFF !important;
}

.sprd-f-m1 {
  fill: #FFFFFF !important;
}

.sprd-hbg-m1:hover {
  background-color: #cccccc !important;
}

.sprd-hbc-m1:hover {
  border-color: #cccccc !important;
}

.sprd-bg-m2 {
  background-color: #E2122F !important;
}

.sprd-c-m2 {
  color: #E2122F !important;
}

.sprd-bc-m2 {
  border-color: #E2122F !important;
}

.sprd-f-m2 {
  fill: #E2122F !important;
}

.sprd-hbg-m2:hover {
  background-color: #e84159 !important;
}

.sprd-hbc-m2:hover {
  border-color: #e84159 !important;
}

.sprd-bg-m3 {
  background-color: #FFFFFF !important;
}

.sprd-c-m3 {
  color: #FFFFFF !important;
}

.sprd-bc-m3 {
  border-color: #FFFFFF !important;
}

.sprd-f-m3 {
  fill: #FFFFFF !important;
}

.sprd-hbg-m3:hover {
  background-color: #cccccc !important;
}

.sprd-hbc-m3:hover {
  border-color: #cccccc !important;
}

.sprd-bg-s1 {
  background-color: #FFFFFF !important;
}

.sprd-c-s1 {
  color: #FFFFFF !important;
}

.sprd-bc-s1 {
  border-color: #FFFFFF !important;
}

.sprd-f-s1 {
  fill: #FFFFFF !important;
}

.sprd-hbg-s1:hover {
  background-color: #cccccc !important;
}

.sprd-hbc-s1:hover {
  border-color: #cccccc !important;
}

.sprd-bg-s2 {
  background-color: #22262D !important;
}

.sprd-c-s2 {
  color: #22262D !important;
}

.sprd-bc-s2 {
  border-color: #22262D !important;
}

.sprd-f-s2 {
  fill: #22262D !important;
}

.sprd-hbg-s2:hover {
  background-color: #4e5157 !important;
}

.sprd-hbc-s2:hover {
  border-color: #4e5157 !important;
}

.sprd-bg-s3 {
  background-color: #000000 !important;
}

.sprd-c-s3 {
  color: #000000 !important;
}

.sprd-bc-s3 {
  border-color: #000000 !important;
}

.sprd-f-s3 {
  fill: #000000 !important;
}

.sprd-hbg-s3:hover {
  background-color: #333333 !important;
}

.sprd-hbc-s3:hover {
  border-color: #333333 !important;
}

.sprd-btn-primary {
  background-color: #E2122F !important;
  border: 1px solid #E2122F !important;
  color: #FFFFFF !important;
}

.sprd-btn-primary:hover {
  background-color: #e84159 !important;
  border-color: #e84159 !important;
}

.sprd-btn-secondary {
  background-color: #FFFFFF !important;
  border: 1px solid #22262D !important;
  color: #22262D !important;
}

.sprd-btn-secondary:hover {
  border: 1px solid #E2122F !important;
  color: #E2122F !important;
}

.sprd-back-to-top:hover {
  background-color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  fill: #FFFFFF !important;
}