/*
hell:   #939CE1
dunkel: #404563
*/

/* load default graphics */
#header .logo {
  background-image: url('/layout/image/farbe/hellblau/myFanbaseLogo.png');
}

#header .claim {
  background-image: url('/layout/image/farbe/hellblau/myFanbaseClaim.png');
}

.top-searchbox-button {
  background-image: url('/layout/image/hellblau/suche.png');
}

/* load retina graphics */
@media all and 
  (-webkit-min-device-pixel-ratio: 1.5), 
  (min--moz-device-pixel-ratio: 1.5), 
  (-o-min-device-pixel-ratio: 3/2), 
  (min-resolution: 1.5dppx) {
    
    #header .logo {
      background-image: url('/layout/image/farbe/hellblau/myFanbaseLogo@2x.png');
      background-size: 166px 83px;
    }

    #header .claim {
      background-image: url('/layout/image/farbe/hellblau/myFanbaseClaim@2x.png');
      background-size: 306px 25px;
    }

    .top-searchbox-button {
      background-image: url('/layout/image/farbe/hellblau/suche@2x.png');
      background-size: 30px 25px;
    }
}

/* load vector graphics with color fill */
#header .logo {
  background-image: url('/layout/image/farbe/hellblau/myFanbaseLogo.svg'), none;
}

#header .claim {
  background-image: url('/layout/image/farbe/hellblau/myFanbaseClaim.svg'), none;
}

.top-searchbox-button {
  background-image: url('/layout/image/farbe/hellblau/suche.svg'), none;
}

.top-searchbox-textbox,
.top-searchbox-textbox::placeholder {
  color: #404563;
}

/* load vector graphics as image mask */
@supports ((-webkit-mask-image: url("")) or 
          (-o-mask-image: url("")) or 
          (-moz-mask-image: url("")) or 
          (mask-image: url(""))) {

  #header .logo,
  #header .claim {
    background-image: url('') !important;
    background-color: #404563;
  }

  .top-searchbox-button {
    background: -moz-linear-gradient(top, #939CE1 20%, #404563 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#939CE1), color-stop(100%,#404563)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #939CE1 20%,#404563 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #939CE1 20%,#404563 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #939CE1 20%,#404563 100%); /* IE10+ */
    background: linear-gradient(to bottom, #939CE1 20%,#404563 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#939CE1', endColorstr='#404563',GradientType=0); /* IE6-8 */
    overflow: auto; /* IE7 fix to display gradient */
  }
}

#serientitel p, #serientitel h1, h1, h2, h3 {
  color: #404563;
}

.content-box h2:first-child, .tvpreview h2, .buyteaser h2, .withinfo h2 {
  background-color: #404563;
}

#left .content-box #text h2:first-child {
  color: #404563;
  background-color: initial;
}

.editorial-links a {
  color: #ffffff/*#404563*/;
}

/* background alternative image */
.editorial-banner {
  background: rgba(64, 69, 99, 0.8);
}

table.wahlergebnis div.status {
  background-color: #404563;
}

/* top + submenu navigation */
#top-navigation,
/*#top-navigation ul.dropdown,*/
#top-navigation ul.dropdown li,
#serien-menu,
#serien-menu ul.dropdown {
  background-color: #404563;
  /* gradient background */
  background: #404563; /* Old browsers */
  background: -moz-linear-gradient(top,  #939CE1 0%, #404563 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939CE1), color-stop(100%,#404563)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #939CE1 0%,#404563 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #939CE1 0%,#404563 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #939CE1 0%,#404563 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #939CE1 0%,#404563 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939CE1', endColorstr='#404563',GradientType=0 ); /* IE6-8 */
}
#top-navigation ul.dropdown li,
#serien-menu ul.dropdown li {   
  border-color: #939CE1;
}
#top-navigation ul.dropdown li:hover,
#serien-menu ul.dropdown > li:hover {
  background-color: #404563;
  /* gradient background */
  background: #404563; /* Old browsers */
  background: -moz-linear-gradient(top,  #404563 0%, #939CE1 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404563), color-stop(100%,#939CE1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #404563 0%,#939CE1 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #404563 0%,#939CE1 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #404563 0%,#939CE1 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #404563 0%,#939CE1 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404563', endColorstr='#939CE1',GradientType=0 ); /* IE6-8 */
}
#top-navigation ul.dropdown .menu-list,
#serien-menu ul.dropdown ul li, #top-searchbox-result {
  background-color: #939CE1;
}
#top-navigation .menu-list table {
  margin: 10px 0px;
  background-color: #939CE1;
}
#top-navigation .menu-list td a:hover, #top-searchbox-result a:hover {
  color: #404563;
}
#serien-menu ul ul li:hover {
  background-color: #404563;
}