html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline: 0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus {outline: 0;}
body {line-height:1;color:black;background: white;}
ul {list-style: none;}
table {border-collapse: separate;border-spacing:0;width:100%;margin-bottom:1em;}
caption,th,td {text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote, q {quotes:"" "";}

/* 3 columns 200 + 540 + 200. Margin 16 px. Total: 996px */
.container {width:996px;margin:0 auto;}
.fullwidth, .content-1, .content-1-half, .content-2, .content-2-half, .sidebar {float:left;margin-right:16px;display:inline;}
div.first {margin-left:12px;}
div.last {margin-right:0;}
.sidebar {width:200px;}
.content-1 {width:540px;}
.content-1-half {width:263px;margin-right:5px;}
.content-2 {width:740px;}
.content-2-half {width:373px;}
.fullwidth {width:996px;margin:0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
hr.space {border:0;margin:0;background-color:transparent;color:inherit;}
hr.small {margin-bottom:0.5em;}
hr.large {margin-bottom:3em;}
.warning { background-color:#eee; padding:0.5em; border:1px solid #ccc;}

body {
  background-color:#fff;
  color:#222;
  font-size:75%;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height:1.5em;
  background:url('/static/img/schatten.png?9bcc30f5477c') center repeat-y;
}
a { text-decoration:none; color:#d90000; font-weight:bold; }
a:hover { text-decoration:underline; }
em { font-style:italic; }
ol, dl, p, #right li { margin-bottom:1em; }
dl { font-size:90%; }
ol { margin-left:2em; }
ul li { list-style:none; }
#main ul.quotes { margin-left:0; }
#main ul.quotes li { list-style:none; }
th, td { padding:4px 10px 4px 5px; }
table th { font-size:100%; }
table td { border-bottom:1px solid #ccc; vertical-align:middle;}
table tr:last-child td { border-bottom:none; }
h1 { font-weight:bold; font-size:130%; margin-bottom:0.5em; margin-top:0.4em;}
h3 { font-weight:bold; margin-bottom:0.5em; margin-top:0.5em;
  border-top:1px #ccc solid; border-bottom:1px #ccc solid; font-size:100%; line-height:150%; }

/* layout */
#divider { height:30px; background-color:#fff; color:#fff;}
div.container { background-color:#fff; border-left:1px solid #a6a6a6; border-right:1px solid #a6a6a6;}
div.container a[href^="http"] { padding-right: 10px; background: transparent url('/static/img/external.png?9bcc30f5477c') center right no-repeat; }
div.container a[href^="mailto:"] { padding-right: 13px; background: transparent url('/static/img/mail_icon.png?9bcc30f5477c') center right no-repeat; }
.film_list th.order a { padding-right: 15px; background: transparent url('/static/img/order_icon.png?9bcc30f5477c') center right no-repeat; }
#ft { min-height:2em;clear:both; }
#hd { margin-top:2em; background-color:#d90000; }
#logo { margin-top:12px; margin-left:12px; float:left; }
.list, .smalllist { padding-bottom:1.45em; }
.list img, .smalllist img { float:left; }
.list .col-1 { display:block; float:left; padding-right:40px; }
.list p, .list form { margin:0 0 0 280px; }
.smalllist p, .smalllist form { margin:0 0 0 105px; }
.form-row { clear:both; margin-bottom:5px; }
.form-row label { width:100px; float:left; }

/* ratings */
.rating { display:block; width:80px; height:16px; background: transparent url('/static/img/rating_points.png?9bcc30f5477c') 0 0 no-repeat; }
form .rating { float:left; }
.rating a { display:block; float:left; width:16px; height:16px; }
.points-1 { background-position:0 -16px; }
.points-2 { background-position:0 -32px; }
.points-3 { background-position:0 -48px; }
.points-4 { background-position:0 -64px; }
.points-5 { background-position:0 -80px; }
.label { color:#7a7e7f; }
#id_feedback {height:100px;}

/* specifics */
#main { min-height:500px; }
#skip-navigation { display:none; }
.film_list th { font-size:120%; }
.film_list td { vertical-align:top;}
table th.slug { width:250px; }
table th.director { width:350px; }
table th.cover { width:0px; }
table th.director_narrow { width:230px; }
table th.subtitles { width:120px; }
table th.icons { min-width:120px; }
.title, .current, th, dt, strong { font-weight:bold; }
.required:after {content:"*";}
.subtitle { font-size:80%; }
.foreigntitle {font-size:90%;font-weight:bold;}
.foreignwarning {font-weight:bold;font-style:italic;}
#search { float:right; height:18px; margin:-4px 12px 0 30px; }
#search_field { width:150px; font-size:14px; height:18px; font-family:"Open Sans"}
#language_button {
  float:right;
  display:block;
  background-color:#d90000;
  color:#fff;
}
#language_button:hover { text-decoration:none; }
.show-description { display:none; }
input[type=submit] {
  background-color:#d90000;
  color:#fff;
  border:#ccc 1px solid;
}
form.shop { margin-bottom:1.45em; }
.shop td {border:none; vertical-align:top;}
.shop tr.sum td {border-top:1px solid #ccc;font-weight:bold;}
#steps { line-height:2em; }
#film-browse { margin:10px 0 10px 16px; font-weight:bold; border:1px solid #ccc; border-width:1px 0; }
#cover { display:block; margin:0 auto 0.5em; }
.sidebar h1, .sidebar h2 {
  font-size:110%;
  background-color:#ccc;
  width:196px;
  font-weight:bold;
  line-height:2em;
  color:white;
  margin-bottom:0.5em;
  padding-left:4px;
}
.sidebar h1.first, .sidebar h2.first { margin-top:0; }
.sidebar p, .sidebar dl, .sidebar ul { margin-left:3px;margin-top:3px; }
#sidebar_text p img { margin-left: -4px; }
#sidebar_text p a { background:none; }
.cover_list { margin-left:7px; }
.quote { font-style:italic; }
#main h2 {
  font-size:100%;
  width:100%;
  font-weight:bold;
  line-height:2em;
  margin-top:0px ;
  margin-bottom: 0.5em;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  text-indent:4px;
}
#main a { font-weight:normal; }
#main a.title, #main .film_list a, #player_nav a { font-weight:bold; }
#main ul li { list-style:outside disc; }
#main ul { margin-left:1.5em; margin-bottom:1em; }
#main-text { margin-bottom:1.45em; }
#media_list { margin-left:0px; }
#media_list span { vertical-align:top; }
#media_list a { display:block; }
#media_list a:hover { text-decoration:none; background-color:#eee; }
#media_list li { margin-bottom:4px; clear:left; }
#media_list li.current { background-color:#ddd; }
#media_list img { margin:4px 4px 0 4px; }
#media_nav { float:left; background-color:#ccc; }
#media_nav a { float:right; }
#player {height: 450px; margin:0 auto; clear:both; }
#player_nav { margin-top:5px;}
#player img { display:block; margin:0 auto; }
#preview { margin:10px auto; border-top:solid 1px #ccc; padding-top:10px; }
table.shopping {font-weight:bold; border:0;border-collapse:collapse;}
/* no arrow for external link */
table.shopping a[href^=http] {padding-right:0;background-image:none;}
td.cart, td.download_link { width:30px; }
td.price, td.download_price { text-align:right; }
img.icon { margin-top:5px; margin-left:5px; }
#popular { height:130px; width:210px;}
#popular img { float:left;margin-right:3px;}

.smallprint {margin-top:5px;font-size:90%;}

/* Tag Cloud */
#tagcloud a {padding-right:3px;}
#tagcloud .smallest {font-size: 80%}
#tagcloud .small {font-size: 95%}
#tagcloud .medium {font-size: 105%}
#tagcloud .large {font-size: 115%}
#tagcloud .largest {font-size: 130%}

#news_container {
  height: 380px;
  width: 309px;
  overflow: auto;
  margin: 7px 0 0 0;
  padding: 0 10px 0 3px;
}

#layout-toggle {width: 99%; height:20px; text-align:left; color: #AFAFAF; font-weight: bold;}
#layout-toggle a.active {text-decoration: underline;}
#layout-toggle a {font-weight: bold;}
.film_grid img.film_cover {width: 103px; height: 152px; float:left; border: 1px solid #ffffff;}
#news_container > img {margin-left:5px;}
div#tagcloud {width:302px; margin:0; padding:0;}
.sidebar #news_container p:first-child {margin-top:0px; padding-top:5px;}
.sidebar #news_container p:last-child {margin-bottom:0px; padding-bottom:5px;}

/* Admin Links */
#adminlinks {
    display: block;
    position: fixed;
    z-index: 10000;
    padding: 5px;
    background-color: #f4f4f4;
    font-size: 16px;
}

#adminlinks p {
    margin: 0;
}



#top-menu { float:right; margin:7px; font-family:monospace; font-size:110%; }
#top-menu a, #top-menu span { font-weight:normal; background-color:#d90000; color:white; }
#top-menu a:hover, #top-menu span:hover { color:#333; }
#top-menu > li { border-left:2px solid white; }
#top-menu > li.first { border-left:none; }
#main-menu { margin-left:7px; z-index:500; }
#main-menu a, #main-menu span { color:white; background:#d90000; font-weight:bold; }
#main-menu a:hover { color:#d90000; background:#fff; }
#main-menu ul { background:#d90000; margin-left:2px;}
#main-menu ul li { min-width:10.7em; }
#main-menu ul a { border:1px solid #d90000; }
#main-menu > li > span, #main-menu > li > a { text-transform:uppercase; }
#main-menu > li { border-left:2px solid white; }
#main-menu > li.first { border-left:none; margin-left:0; }
#main-submenu { width:100%; clear:left; margin-left:7px; }
#main-submenu a, #main-submenu span { color:#d90000; background-color:#fff; font-weight:bold; }
#main-submenu a:hover { text-decoration:underline; }
/* Navigation, http://be.twixt.us/jquery/suckerFish.php */
.nav { z-index: 100; position: relative; }
.nav li { float: left; position: relative; }
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited, .nav li span {
  line-height:2em; display: block; padding: 0 9px; text-decoration: none;
}
.nav ul { position: absolute; top: -999em; left: -2px; }
.nav ul li { border: 0; float: none; }
.nav li:hover ul, .nav li.over ul { top: 2em; }
.nav ul a { border-bottom: 0; white-space: nowrap; }
/* WYMeditor */

/* Absatz: mit Abstand oben */
.marg_top /* p */ {
  margin-top: 1em;
  /* margin-top: 1em; */
}

/* Absatz: ohne Abstand unten */
.nomarg_bot /* p */ {
  margin-bottom: 0;
  /* margin-bottom: -10px; */
}

/* Absatz: links */
.left /* p */ {
  float: left;
  margin:0.5em 0.5em 0.5em 0;
  /* float: left; margin:0.5em 0.5em 0.5em 0; */
}

/* Absatz: rechts */
.right /* p */ {
  float: right;
  margin:0.5em 0 0.5em 0.5em;
  /* float: right; margin:0.5em 0 0.5em 0.5em; */
}

/* Absatz: mittig */
.middle /* p */ {
  margin:0.5em auto;
  /* margin:0.5em auto; */
}

/* Absatz: Text rechtsbündig */
.right-aligned /* p */ {
  text-align:right;
  /* text-align:right; */
}

/* Absatz: Neue Zeile */
.clear /* p */{
  clear:both;
  /* border-top:1px solid blue; clear: both; */
}

/* /WYMeditor */
