/*Basics +++++++++++++++++++*/
html  { background-color: #87baff; margin: 0; padding: 0 }
body    { color: #222; font-size: 93%; font-family: "Lucida Grande", Arial, Helvetica, Frutiger, "Frutiger Linotype", "DejaVu Sans", "Bitstream Vera Sans", sans-serif; line-height: 95%; background-color: #87baff; 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: #039; font-size: 100%; font-weight: bold }
b  { color: #039; font-size: 110% }
hr     { background-color: #ccc; margin: 8px 0; padding: 0; width: 100%; height: 1px; border: 0 }



/*Layout ++++++++++++++++++*/
#preload { visibility: hidden; display: none }
#banner       { background-image: url("../images/cannesBanner.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; display: none; position: absolute; z-index: 99999; top: 0; right: 0; width: 350px; height: 350px }
#cannesText  { visibility: hidden; display: none }
#center        { margin: 0 auto; padding: 0; width: 1000px; height: auto; clear: both }
#topBar      { background-image: url("../images/topBar.jpg"); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% 100%; text-align: center; margin: 0; padding: 0; width: 100%; height: 60px }
#content        { text-align: left; position: relative; width: 100% }
#bottomWrapper     { margin: 0 auto; padding: 0; position: relative; width: 1000px }
#bottomBar          { color: #444; background-image: url("../images/bottomBar.jpg"); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% 0; text-align: center; margin: 0; padding: 0; position: relative; width: 100%; height: 275px }
#footer        { color: #444; font-size: 77%; text-align: center; margin: 0; padding-top: 25px; padding-left: 300px; position: relative; width: auto; height: auto }
.counter { display: none }
/**/
.indexBgr       { background: url("../images/bgr.jpg") no-repeat 50% 50px; margin: 0 auto; padding: 0; position: relative; height: 490px }
.index #footer { padding: 25px 0 0 }
.normBgr   { background: url("../images/bgr.jpg") no-repeat 230px 10px; margin: 0; padding: 0; position: relative; height: 510px }
.imprintBgr { background: url("../images/bgr.jpg") no-repeat 230px 10px; margin: 0; padding: 0; position: relative }
/**/

/*Elements +++++++++++++++++*/
#menuBgr  { background-image: url("../images/menu.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; z-index: 98; top: -460px; left: 10px; width: 400px; height: 570px }
#menu            { position: absolute; z-index: 99; top: -460px; left: 10px; width: 400px; height: 570px }
#home          { display: block; position: absolute; top: 35px; left: 160px; width: 60px; height: 25px }
#synopsis        { position: absolute; top: 12px; left: 18px; width: 70px; height: 25px }
#cast      { position: absolute; top: 55px; left: 235px; width: 50px; height: 35px }
#media      { position: absolute; top: 75px; left: 330px; width: 50px; height: 20px }
#info     { position: absolute; top: 70px; left: 105px; width: 45px; height: 20px }
img.invisible  { position: relative; width: 100%; height: 100% }
/**/
#starring   { background-image: url("../images/starring.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 320px; left: 270px; width: 460px; height: 58px }
#enterBgr  { background-image: url("../images/enter.png"); background-repeat: no-repeat; background-position: 0 0; position: absolute; z-index: 98; top: 425px; left: 300px; width: 390px; height: 30px }
#enter    { position: absolute; z-index: 99; top: 425px; left: 300px; width: 390px; height: 30px }
#enter a { font-size: 197%; font-weight: bold; line-height: 30px; text-decoration: none; display: block; margin: 0; padding: 0; float: left }
.enterx { margin: 0; padding: 0; position: absolute; top: 0; left: 170px; width: 60px; height: 30px }
.trailer1x { margin: 0; padding: 0; position: absolute; top: 5px; left: 0; width: 130px; height: 20px }
.trailer2x { margin: 0; padding: 0; position: absolute; top: 5px; left: 265px; width: 130px; height: 20px }
/**/
#trailerListBgr { background-image: url("../images/media.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 0; position: absolute; z-index: 98; top: 300px; left: 440px; width: 430px; height: 100px }
#trailerList          { margin: 0; padding: 0; position: absolute; z-index: 99; top: 300px; left: 440px; width: 430px; height: 100px }
#trailerList a      { display: block; margin: 0; padding: 0; width: 130px; height: 20px; float: left }
#trailerList a:hover { color: #999 }
.trailer1    { margin: 0; padding: 0; position: absolute; top: 50px; left: 40px }
.trailer2    { margin: 0; padding: 0; position: absolute; top: 75px; left: 40px }
/**/
#galleryList    { margin: 0; padding: 0; position: absolute; z-index: 100; top: 300px; left: 680px; width: 190px; height: 25px }
#galleryList a  { display: block; margin: 0; padding: 0; width: 100%; height: 100%; float: left }
/**/
#gallery { visibility: hidden; display: none; margin: 0; padding: 0 }
#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 }
/*+++++++++++++++++++++++*/

/**/
#billingblock { background-image: url("../images/billingblock.png"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 275px; left: 330px; width: 624px; height: 205px; overflow: hidden }
#billingblock span { visibility: hidden; display: none }
#synopsisText { background-image: url("../images/synopsis.png"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 275px; left: 340px; width: 624px; height: 210px; overflow: hidden }
#synopsisText span { visibility: hidden; display: none }


/**/
#infowrapper    { line-height: 125%; margin: 0; padding: 0; position: absolute; top: 280px; left: 450px; width: 380px }
#infowrapper a:hover { color: #fff; text-decoration: none }
.highslide-maincontent    { font-size: 85%; line-height: 100%; background-color: #87baff; margin: 0; padding: 20px; overflow: hidden }
.movie .highslide-wrapper, .highslide-outline  { background-color: transparent }
.info  { color: #222; background-color: transparent; text-align: justify; margin: 0; padding: 20px 0 0 }
.info a:hover { color: #fff; 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 }
/**/





#imprint { font-size: 78%; background-color: transparent; text-align: left; padding: 50px 20px 20px; width: 880px; height: auto }
#imprint span { font-size: 89%; font-weight: bold }
#imprint_box { margin: 0; padding: 0 0 0 380px; width: 880px; float: left }
#imprint_box1 { text-align: justify; margin: 0; padding: 0; width: 240px; float: left }
#imprint_box2 { text-align: justify; margin: 0; padding-left: 35px; width: 240px; float: left }
#imprint_box2a { text-align: justify; margin: 0; padding: 0; width: 500px; float: left }
#imprint_box3 { margin: 0; padding-left: 45px; width: 880px; float: left }
/*+++++++++++++++++++++++*/
/**/