/*/////////////////////////////////
reset
/////////////////////////////////*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*/////////////////////////////////
globals
/////////////////////////////////*/
html { font-size: 100%;}
body { font: normal normal normal 16px Helvetica, Arial, sans-serif; margin: 40px 0 0 0; background-color: black; color:#7d756c; }
a, a:visited { color: #fff; text-decoration: none; }
a:hover { color: #7d756c;}
p { padding-bottom: 18px; }
h1,h2,h3,h4,h5,h6,textarea,input,p { font-family: Helvetica, Arial, sans-serif; }
h1 { color: #7d756c; font-size: 30px; font-weight: bold; line-height: 36px; clear: left; float: none; }

h2 { font-size: 24px; }
strong { font-weight: bold; color: #fff;}
em { font-style: italic; }

table { width: 32.5em; vertical-align: top; }
th { font-weight: bold; padding: 0.185em 2em 0.185em 0; width: 8em; vertical-align: top; }
td { padding: 0.185em 0; vertical-align: top; }
div.clearfix { float: none; clear: both; height: 0.1em;}
.left { float: left; }
.right { float: right; }
.hidden { display: none; }
.error { color: #f00; }

input { font-family: Helvetica, Arial, sans-serif; }

/*/////////////////////////////////
frame
/////////////////////////////////*/
#container { overflow: visible; margin:0; }
#container * { text-align: left; }

#overlay { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10;}
#overlay .background { width: 100%; height: 100%; background-color: black; }
#overlay a { display: block; background-image: url(/media/static/img/sprites.png); background-repeat: no-repeat; width: 40px; height: 40px; position: absolute; }
#overlay a.close { background-position: -410px -300px; bottom: 600px; left: 960px;}
#overlay a.next { background-position: -330px -300px; bottom: 40px; left: 960px; }
#overlay a.previous { background-position: -370px -300px; bottom: 40px; left: 40px;}
#overlay div#overlay_image { width: 960px; position: absolute; left: 40px; top: 40px;}
#overlay div#overlay_image img { position: absolute; max-width: 860px;}

/*/////////////////////////////////
header
/////////////////////////////////*/
#header { position: fixed; width: 240px; color: #7d756c; }
#menu { margin-top: 10px; margin-left: 10px; }
#menu ul { width: 205px;}
#logo { background-image: url(/media/static/img/sprites.png); background-repeat: no-repeat; background-position: 0 0; width: 220px; height: 60px; }
#menu ul li { margin-left: 40px; float: right; }
#menu ul li .submenu ul { margin-left: 0; width: auto;}
#menu ul li .submenu ul li { float: none; margin-left: 0;}
#menu ul li .submenu { display: none; position: fixed; background: black; padding: 10px; top: 140px; left: 215px; z-index: 10; }
#menu ul li:hover .submenu { display: block; }

/*/////////////////////////////////
menu
/////////////////////////////////*/

div#menu { height: 220px;}
div#content div.headline,
#menu a { display: block; height: 40px; margin-right: 10px; background-image: url(/media/static/img/sprites.png); background-repeat: no-repeat;}
#menu a span { display: none; }
.menu-news { width: 82px; background-position: 0 -60px;}
.headline-news,
.menu-news.active,
.menu-news:hover { width: 82px; background-position: -87px -60px;}
.menu-films { width: 80px; background-position: 0 -100px;}
.headline-films,
.menu-films.active,
.menu-films:hover { width: 80px; background-position: -89px -100px;}
.menu-about { width: 95px; background-position: 0 -140px;}
.menu-about.active,
.menu-about:hover { background-position: -130px -140px;}
.menu-contact { width: 120px; background-position: -130px -180px;}
.menu-contact.active,
.menu-contact:hover { background-position: 0 -180px;}
.menu-films-in-production { width: 210px; background-position: -220px -260px;}
.menu-films-in-production.active,
.menu-films-in-production:hover { background-position: -220px -220px;}
.menu-films-in-development { width: 250px; background-position: -180px -60px;}
.menu-films-in-development.active,
.menu-films-in-development:hover { background-position: -180px -100px;}
.menu-films-completed { width: 165px; background-position: -250px -140px;}
.menu-films-completed.active,
.menu-films-completed:hover { background-position: -250px -180px;}

.menu-client-login { background-position: 0 -420px; width: 76px;}
.menu-client-login.active,
.menu-client-login:hover { background-position: -80px -420px; }
.headline-login { background-position: -80px -420px; width: 76px;}
.headline-logout { background-position: -160px -420px; width: 110px;}
.headline-screening-room { background-position: 0 -460px; width: 260px;}
.link-logout { text-indent: -100000px; cursor: pointer; background-image: url(/media/static/img/sprites.png); background-repeat: no-repeat; display: block; height: 40px; background-position: -280px -420px; width: 105px; }
.link-logout:hover { background-position: -160px -420px; width: 105px; }

.headline-about { width: 250px; background-position: -220px 0;}
.headline-contact-leipzig { width: 210px; background-position: 0 -260px;}
.headline-contact-berlin { width: 210px; background-position: 0 -220px;}
.headline-contact-koeln { width: 170px; background-position: -280px -340px;}
.headline-films-in-production { width: 300px; background-position: 0 -300px;}
.headline-films-in-development { width: 350px; background-position: -89px -100px;}
.headline-films-completed { width: 270px; background-position: 0 -340px;}


div#menu_links a { float: left; display: block; height: 25px; width: 25px; background-image: url('/media/static/img/social_icons.png'); background-repeat: no-repeat;}
a#link_facebook { margin-left: 140px; background-position: 0 0;}
a#link_facebook:hover { background-position: 0 -25px; }
a#link_myspace { margin-left: 10px; background-position: -25px 0; }
a#link_myspace:hover { background-position: -25px -25px; }

/*/////////////////////////////////
content
/////////////////////////////////*/
div.headline { margin-bottom: 5px;}
div#content { min-height: 14em; float: left; width: 640px; margin: 10px 0 0 320px;}
div#content div.headline span { display: none;}
div.contact-item { float: left; margin-right: 30px; margin-bottom: 40px;}
div.contact-item div.text-content { width: 305px; }
div.text-content { padding-top: 15px; border-top: 1px dotted #7d756c; }
div.content_item { margin: 0; }
div#content div.content_item h1 { color: white; line-height: 36px; margin-bottom: 12px;}
div#content div.content_item p { font-size: 18px; line-height: 24px; }
div.content-item p a { color: #fff;}
p.newsdate { font-style:italic; padding: 8px 0 24px 0;}
div.col { width: 6em; float: left; padding: 0 0.5em 0.5em 0; }
img.headline { margin-left: -0.1em;}
div.pic { margin-bottom: 16px;}
img.full { float: none; clear: both; cursor: pointer; }
div.thumbs { width: 32.5em; float: right; }
img.close { margin-left: 30.3em; z-index: 10; position: absolute; float: both; cursor: pointer; text-align: right;}
img.thumb { width: 6em; cursor: pointer; margin-bottom: 0.5em;}
.para { margin-bottom: 1.25em; }
div#slideshow { margin-bottom: 16px; }
div#slideshow.slideshow { height: 360px; overflow: hidden; width: 640px;  }

/*/////////////////////////////////
films
/////////////////////////////////*/
p.genre { margin-bottom: 18px; }
div#overview { padding-top: 15px; border-top: 1px dotted #7d756c; width: 640px; }
div.filmbox { cursor: pointer; overflow: hidden; float: left; margin-bottom: 20px; margin-right: 20px; width: 200px; height: 240px; color: #fff; background: #7d756c url(/media/static/img/corner.png) no-repeat bottom right;}
div.no-right-margin { margin-right: 0;}
div.filmbox a { background-color: white; display: block; width: 200px; height: 140px; overflow: hidden; }
div.filmbox:hover { background: #fff;}
div.filmbox h1 { font-weight: normal;}
div.filmbox:hover h1 { color: #7d756c; }
div.filmbox p { color: black; font-size: 12px; margin-left: 10px; }
div.filmbox h1 { color: white; font-size: 16px; line-height: 18px; height: 70px; overflow: hidden; margin: 8px 10px 0 10px;}
div#thumbnails { padding-top: 20px; border-top: 1px dotted #7d756c; margin-bottom: 20px; }
div#thumbnails img { height: 78px; float: left; margin-top: 2px; margin-right: 2px; }

#footer { display: none; clear:both; float: none; margin: 1em;}
#footer p { font-size: 0.7em;}

#loginform label { width: 150px; float: left; }
#loginform input { font-size: 14px; border: 0; height: 20px; line-height: 20px; padding: 2px; background-color: #7d756c; color: white;}
#loginform input.submit { font-size: 18px; text-align: left; height: 24px; cursor: pointer; background-color: transparent; color: white;}
#loginform input.submit:hover { color: #7d756c; }

#video_player { margin-bottom: 40px;}