@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Open+Sans+Condensed:300,700');

/* Versionsknöpfe (Listenansicht) */
ul.versionPills {
  clear: both;
  margin: 0 0.5em 1.5em 0.5em;
  padding: 0;
}
ul.versionPills li {
  border: 1px solid black;
  padding: 0.5em;
  border-radius: 0.5em;
  margin-top: 0.5em;
  cursor: pointer;
  display: block;
}
ul.versionPills li.active {
  background-color: #E30613;
  color: #fff;
}
ul.versionPills li.inactive {
  background-color: #fff;
  color: #000;
}

/* Versions-Tabs (Detailansicht) */
ul.versionTabs {
  padding: 0 0 0 1.5em;
  margin-bottom: 0;
}
ul.versionTabs li {
  display: inline-block;
  border: 2px solid #E30613;
  border-radius: 0.5em 0.5em 0 0;
  border-bottom: none;
}
ul.versionTabs li.active {
  background-color: #E30613;
}
ul.versionTabs li.inactive {
  color: white;
}
ul.versionTabs li a, ul.versionTabs li strong {
  display: inline-block;
  margin: 0; padding: 0.5em;
  border-radius: 0.3em 0.3em 0 0;
}
#body ul.versionTabs li a:hover {
  background-color: #ffedc4;
}
#body3.hasOtherVersions {
  border: 2px solid #E30613;
  border-radius: 10px;
  padding: 0.5em;
}

div.addressList div.addressEntry h3 {
    background-color: #E30613; color: #fff; font-size: 1.2em; padding: 3px 5px;
}
div.addressList div.addressEntry h4 {
    font-size: 1.2em; margin: 1em 0;
}

html.wide-body #navset1, html.wide-body #navset2 { display: none; }
html.wide-body #body { padding: 0.5em 1em 4em 1em; position: static; left: 0; right: 0; }

#typeselector {display: none;}
#conditionfilter { display:none; }

html.popup { background-image: none; }
html.popup { background-color: white; }
html.popup body { width: auto; border-right:0px; }
html.popup body #body { padding: 0.5em; }
html.popup div#body {position: inherit; left: 0; right: 0;}
html.popup #body img.cover { float: left; margin: 0 0.5em 0.5em 0; }

html { 
     background-image: url("https://www.movie-butler.com/MB/aktuell.jpg");
     background-repeat: no-repeat; 
     background-position: center top; 
     background-attachment:fixed;
     background-color: #212121;
}
body { 
     color: #FFF; 
     background-color: #313131;
     font-family: "Open Sans",Lucida Grande, Verdana, sans-serif;
     font-size: 0.8em;
     width: 1001px; 
     position: relative; 
     margin: 0 auto;
}
p #image-news-1 img {align: center; width:200px;}

#user strong a { color: #F00; }
#user strong a:hover { color: #FFF; background-color: #F00; }

#navset1 { float: left; width: 13em;}
#navset2 { float: right; width: 13em;}

/* ******************** TYPESELECTOR ****************** */


.odd{background-color: #414141;}
.even{background-color: #313131;}

/* ************************************************** */

#header { 
      height: 250px;
  background: lightblue;
     background-image: url("https://www.movie-butler.com/MB/banner.gif");
     background-repeat: no-repeat; 
  margin: 0; padding: 0; 
}
#header h1 {
	font-size: 3em; 
        font-family: sans-serif; font-weight: bold; color: #fff;
	margin-left: 30px;
        margin-top: 0px;
}
#header img { 
	border: none; 
        margin-left:760px;
        margin-top: 0px;
	padding: 0; 
	display: block; 
}

#nav { 
	color: #ab8535; 
        font-face: "Open Sans Condensed", sans-serif;
        text-transform: uppercase;
     font-size: 1.25em;
	background-color: #E30613;
	margin: 0 0 0 0; 
	padding: 1em 0.5em 1em 25px;
	/* border: 1px solid #FFF; */
	border-bottom: none; 
}
#nav img { 
	vertical-align: -2px; 
	margin: 0 0.3em; 
}
#nav a { 
	font-weight: bold; 
	color: #fff; 
        text-decoration: none;
        padding: 0 0.2em;
}
#nav a:hover { 
	color: #000; 
	/* background-color: #ffedc4; */
}

#user { 
	color: #fff; 
	background-color: #212121;; 
	margin: 0 0 0.5em 0; 
	padding: 1em 0.5em 1em 25px;
}
#user a { 
	font-weight: bold; 
	color: white; 
}
#user a:hover { 
	color: #CCC; 
	background-color: #04244C; 
}
#user form, 
#user p { 
	margin: 0; 
}
#user br { 
	display: none; 
}
#user input { 
	margin-right: 0.5em; 
}
#user p, #user ul, #user ul li { 
	display: inline; 
	margin: 0; padding: 0; 
}
/* **************************************************** */

#ad { 
	width: 12em; 
	margin: 0 1em 1em 0; 
}

#mtfilter, 
#langfilter, 
#search,
#conditionfilter { 
	width: 12em; 
	margin: 0 1em 1em 0; 
        border: 2px solid #E30613; 
	padding: 0;
	color: #fff; 
	background-color: #666;
        border-radius:10px;
}
.categorylist { 
	width: 12em; 
	margin: 0 0 0.5em 0.5em; 
	padding: 0;
	color: #fff; 
	background-color: #666;
        border: 2px solid #E30613;
        border-radius:10px;  
}
form.storesWithThisItem {
  border: 2px solid #fff;
  border-radius: 6px;
  padding: 0.5em;
  margin: 0.5em 1em 0.5em 0;
}
form.storesWithThisItem p {
  margin: 0;
}
form.storesWithThisItem select {
  width: 250px;
}

.categorylist h2  { 
        font-size: 1.25em; 
        font-family: "Open Sans Condensed", sans-serif;
        margin: 0; 
        padding: 0.5em 0.3em;
	color: #fff; 
        text-transform: uppercase;
        background-color: #E30613; 
        border-bottom: 1px solid #E30613; 
        border-top-left-radius:6px;
        border-top-right-radius:6px;
}
#ad h2, 
#mtfilter h2, 
#langfilter h2, 
#search h2, 
#conditionfilter h2 { 
        font-size: 1.25em; 
        font-family: "Open Sans Condensed", sans-serif;
        margin: 0; 
        padding: 0.5em 0.3em;
	color: #fff; 
        text-transform: uppercase;
        background-color: #E30613; 
        border-bottom: 1px solid #E30613; 
        border-top-left-radius:6px;
        border-top-right-radius:6px;
}

#ad p, 
#mtfilter p, 
#langfilter p,
#conditionfilter p, 
#search p { 
        margin: 0.5em 0.5em; 
}

#input-search-query { width: 10em; }

.categorylist ul { margin: 0.5em 0.2em; padding: 0; display: block;}
.categorylist li { margin: 0; padding: 0; display: block; }

.categorylist a { 
        display: block; 
        color: #fff; 
        text-decoration: none;
	padding: 0.1em 0.3em; 
}
.categorylist a:hover, .categorylist li.selected a {
	color: #000; background-color: #ffedc4; 
}
.categorylist ul ul { margin: 0; }
.categorylist ul ul a { padding: 0.1em 0.3em 0.1em 1em; }
.categorylist li.selected li a { color: white; background-color: #666; }
.categorylist li.selected li a:hover, .categorylist li.selected li.selected a {
	color: #000; background-color: #ffedc4; }
#body { 
  /* position: absolute; */
  /* left: 13.5em; */
  /* right: 13.5em; */
  margin-left: 13.5em;
  margin-right: 13.5em;
  min-height: calc(100vh - 19em);
        background-color: #313131; 
}

#body h1 { 
  margin: 0.33em 0 0.67em 0; 
  padding: 0;
  color: #fff; }
  font: 1.6em "Trebuchet MS",sans-serif;
}
#body h1 a { color: #fff; }
#body h2 { color: #fff; font-size: 1.2em; }
#body a { color: #FFF; }
#body a:hover { color: #000; background-color: #F4DD00; text-decoration: none; }
#body th, #body td { text-align: left; vertical-align: baseline; }
#body table.news td { vertical-align: top; }
#body strong.title { font-size: 1.1em; }
#body div.medialist th, #body div.medialist td { vertical-align: top; }
#body img.cover { float: right; clear: right; margin: 0 0 0.5em 0.5em;
	border: 1px solid #FFF; }
#body div.medialist img.cover { margin-right: 0.5em; }
#body a:hover img.cover { border-color: #F4DD00; }
//span.movielang { border-bottom: 1px dotted; }
span.movielang:hover { cursor: help; }
.float-right { float: right; margin: 0 0 0.5em 0.5em; }
.float-left { float: left; margin: 0 0.5em 0.5em 0; }
.clear-right { clear: right; }
.clear-left { clear: left; }
.bilder {
float:right;
clear:richt;
margin: 0.5em;
}
#body .medialist table td {padding: 0}

#body .medialist table td.mediatype-dvd.trailer, 
#body .medialist table td.mediatype-bluray.trailer {
	background-repeat: no-repeat; background-position: top right;
	padding-top: 0.5em;
	padding-right: 52px;
}
.mediatype-dvd.trailer {
  background-image: url("/trailer.jpeg");
}
.mediatype-bluray.trailer {
  background-image: url("/trailer.jpeg");
}
/* fuer Cover in der Coverdarstellung */
img.cover-large.mediatype-DVD {
padding: 12px 0 0 0; 
background: url(//res.movie-butler.com/mediatypes/dvd-297.gif) top left no-repeat; }

/* fuer Cover in der Detaildarstellung */
img.cover.mediatype-DVD {
padding: 12px 0 0 0; 
background: url(//res.movie-butler.com/mediatypes/dvd-200.gif) top left no-repeat; }

/* fuer Cover in der Listendarstellung */

div.medialist img.cover.mediatype-dvd{
padding: 12px 0 0 0; background: url(//res.movie-butler.com/mediatypes/dvd-100.gif) top left no-repeat; }
/* ************************* */

#body #body1 #body2 #body3 .error { color: #F00; }


.footer-clear-fix { display: none; }

#fusszeile{
clear: both; 
border-top: 2px solid #000;
border-bottom: 5px solid #000;
padding: 0px;
color: #fff; 
background-color: #313131;
}
#fusszeile table tr td {vertical-align: top;}
#fusszeile a {
color: #fff;
text-decoration: none;
}
#fusszeile a:hover {
color: #000;
}
/* ******************************************** */
/* ************************ PLZ Navigation */
#t-selector, #addressListNavigation {
     border: 0 none;
     margin: 1em 1em 3em 1em; 
     padding: 0em;
     text-align: left;
}
#t-selector ul, #addressListNavigation ul { 
      margin-top: 0; 
      padding: 0; 
}
#t-selector ul li, #addressListNavigation ul li { 
      display: inline;
margin-right: 5px;
}
#t-selector a, #addressListNavigation a {
      color: #fff;
      background-color:#E30613;
      font-weight: bold;
      text-decoration: none;
      padding: 10px 5px; 
      border:2px solid;
      border-color:#000;
      border-radius:5px;
      box-shadow: 5px 5px 2px #888888;
}
#t-selector a:hover, #addressListNavigation a:hover {
      color: #CC0000;
      padding: 10px 5px; 
      border:2px solid;
      border-color:#000;
      border-radius:5px;
      box-shadow: 5px 5px 2px #888888;
      background-color: #fff;
} 
#addressListNavigation li.active a {
    color: #000; background-color: #ffedc4;
}
/* ************************  */