/*Basics +++++++++++++++++++*/
body            { color: #999; font-size: small; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 115%; background-color: #000000; text-align: center; margin: 0; padding: 0 }
img { border: none }
a:focus, div:focus { outline: none medium }
a:link, a:visited  { color: #444; text-decoration: none }
a:hover { color: #444; text-decoration: underline }
a:active  { color: #444 }
strong  { color: #666; font-size: 100% }
b { color: #666; font-size: 100% }
hr   { background-color: #333; margin: 8px 0; padding: 0; width: 100%; height: 1px; border: 0 }

/*Layout ++++++++++++++++++*/
#preload { visibility: hidden; display: none }
#banner       { background-image: url("../images/cannes.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; display: none; position: absolute; z-index: 99; top: 0; right: 0; width: 350px; height: 350px }
#cannesText  { visibility: hidden; display: none }
#topBar    { background-image: url("../images/topBar.jpg"); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% 100%; text-align: center; padding-top: 10px; width: 100%; height: 50px }
#content     { text-align: left; margin-top: 10px; margin-right: auto; margin-left: auto; width: 800px }
#bottomBar      { color: #444; font-size: 10px; background-image: url("../images/bottomBar.jpg"); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% 0; text-align: center; margin-top: 20px; padding-top: 20px; width: 100%; height: 50px }
#footer  { color: #444; font-size: 10px; text-align: center; position: relative; width: auto; height: auto }
.counter { display: none }
/**/
.indexBgr    { background: url("../images/home.jpg") no-repeat 50% 50%; margin: 0; padding: 0; position: relative; height: 490px }
.synopsisBgr  { background: url("../images/synopsis.jpg") no-repeat; margin: 0; padding: 0; position: relative; height: 490px }
.castBgr      { background-image: url("../images/cast.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 50%; margin: 0; padding: 0; position: relative; height: 490px }
.mediaBgr     { background: url("../images/stairs.jpg") no-repeat 100% 0; margin: 0; padding: 0; position: relative; height: 490px }
.mediaBgr #title { background-image: url("../images/title.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-left: 50px; width: 295px; height: 100px }
.infoBgr    { background: url("../images/infoB.jpg") no-repeat 0 20px; margin: 0; padding: 0; position: relative; height: 490px }
#infoCover { background-image: url("../images/info.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 360px; height: 460px }
/**/
/**/
#infowrapper { line-height: 125%; margin: 0; padding: 0; position: absolute; top: 120px; left: 450px; width: 380px }
#infowrapper a:hover { color: #ccc; text-decoration: none }
.highslide-maincontent  { font-size: 85%; line-height: 100%; background-color: #000; margin: 0; padding: 20px; overflow: hidden }
.movie .highslide-wrapper, .highslide-outline  { background-color: transparent }
.info { color: #999; background-color: transparent; text-align: justify; margin: 0; padding: 20px 0 0; position: relative; overflow: hidden }
.info a:hover { color: #ccc; text-decoration: none }
.info .box1a  { background-color: transparent; margin-top: 5px; width: 250px; height: auto; float: left; clear: both }
.info .box1b  { background-color: transparent; margin-top: 5px; width: 250px; height: auto; float: right }
/**/
.castBgr #text   { font-size: 0.8em; text-align: center; margin-bottom: 50px; padding-top: 40px; height: auto }
.castBgr #text span { font-size: 0.7em }
.castBgr #text h1   { color: #ccc; font-size: 2.5em; margin: 0; padding: 0 }
.castBgr #text h2  { font-size: 1.6em; margin: 0; padding: 0 }
.castBgr #box1 { font-size: 78%; text-align: justify; margin-right: 50px; width: 45%; height: auto; float: left }
.castBgr #box2 { font-size: 78%; text-align: justify; width: 45%; height: auto; float: left }
/**/
.synopsisBgr #text   { font-size: 78%; text-align: justify; padding-top: 130px; width: 290px; height: auto }
.synopsisBgr #text2   { font-size: 78%; text-align: left; width: 400px; height: auto }
.big  { font-size: 130% }
.infoBgr #text { font-size: 78%; text-align: justify; margin: 0; padding: 50px 0 0; position: absolute; left: 470px; width: 320px; height: auto; float: left }
/**/
#imprint_box { margin: 0; padding: 0; width: 600px; float: left }
#imprint_box1   { text-align: left; margin: 0; padding: 0; width: 280px; float: left }
#imprint_box2   { text-align: left; margin: 0; padding-left: 35px; width: 280px; float: left }
#imprint_box2a { text-align: left; margin: 0; padding: 0; float: left }
#imprint_box3  { margin: 0; padding-left: 35px; width: 230px; float: left }
#imprint   { color: #999; font-size: 78%; text-align: left; margin: 40px auto 30px; width: 880px; height: auto }
#imprint span    { font-size: 89%; font-weight: bold }
/*Elements +++++++++++++++++*/
#menuCenter { margin-right: auto; margin-left: auto; position: relative; width: 606px; height: 50px }
#menuBgr    { background-image: url("../images/menu.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 100%; position: absolute; z-index: 98; bottom: 0; left: 0; width: 606px; height: 50px }
#menu { position: absolute; z-index: 100; left: 0; width: 606px; height: 50px }
#home     { display: block; position: absolute; top: 6px; left: 2px; width: 82px; height: 25px }
#synopsis     { display: block; position: absolute; top: 6px; left: 108px; width: 125px; height: 25px }
#cast     { display: block; position: absolute; top: 6px; left: 255px; width: 165px; height: 25px }
#media     { display: block; position: absolute; top: 6px; left: 440px; width: 90px; height: 25px }
#info    { display: block; position: absolute; top: 6px; left: 545px; width: 60px; height: 25px }
img.invisible { width: 100%; height: 100% }
/**/
#trailerList      { background-image: url("../images/trailer.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 0; position: absolute; top: 410px; left: 60px; width: 335px; height: 60px }
#trailerList a  { font-size: 12px; font-weight: bold; line-height: 30px; text-decoration: none; display: block; margin: 0; padding: 0; width: 140px; height: 25px; float: left }
#trailerList a:hover { color: #999 }
.trailer1   { margin: 0; padding: 0; position: absolute; top: 35px; left: 6px }
.trailer2   { margin: 0 0 0; padding: 0; position: absolute; top: 35px; left: 190px }
/**/
#gallery      { margin: 0; padding: 0; position: absolute; top: 125px; left: 30px; width: 500px; height: 200px; float: left }
#gallery img { margin: 2px }
#gallery a  { background-color: #000; display: block; margin: 3px; width: 84px; height: 57px; float: left; border: solid 1px #333 }
#gallery a:hover { border: solid 1px #666 }
/**/