/* Elements */

html {height:100%;}

.se-img, #DVD { behavior: url(iepngfix.htc); }

a {border:none; outline:none;}

body {
	background: #000;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #939598;
	line-height: 1.2em;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
  scrollbar-face-color: #ed008c;
  scrollbar-track-color: #000000;
  scrollbar-arrow-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-shadow-color: #000000;
  scrollbar-3dlight-color: #000000;
  scrollbar-darkshadow-color: #000000;
}

#cont {
position: absolute;
background: #000 url(images/main-riley.jpg) no-repeat right top;
border-bottom: 1px solid #ed008c;
width: 100%;
height: 531px;
right: 0;
margin: 0;
z-index: 0;
padding-top: 15px;
}


#movieframe-sds {
position: absolute;
background: transparent;
width: 320px;
height: 150px;
top: 115px;
margin: 0;
padding: 0;
}

#movieframe-sdm {
position: absolute;
background: transparent;
width: 480px;
height: 230px;
top: 115px;
margin: 0;
padding: 0;
}

#movieframe-sdh {
position: absolute;
background: transparent;
width: 640px;
height: 300px;
top: 115px;
margin: 0;
padding: 0;
}

#movieframe-hds {
position: absolute;
background: transparent;
width: 848px;
height: 380px;
top: 120px;	
}

#movieframe-hdm {
position: absolute;
background: transparent;
width: 570px;
height: 1280px;
top: 120px;	
}

#movieframe-hdh {
position: absolute;
margin: 0 auto;
background: #ed008c;
width: 1920px;
height: 850px;
}

#trailerlist ul {
position: absolute;
list-style-type: none;
margin: 50px 0 0 700px;
padding: 0px;
font-size: 12px;
line-height: 1.6em;
letter-spacing: 0.1em;
z-index: 100;
}

#trailerlist li {
display: block;
}
#trailerlist li a, #trailerlist li a:link {
text-decoration: none;
display: block;
color: #939598;
width: 100px;
padding: 1px;
}

#trailerlist li a:hover, #trailerlist li a:active, #trailerlist li a:focus {
color: #ed008c;
}

 ul#download {
    margin: 0 0 0 200px; padding: 0.8em;
    text-align: left;
    border: none;
    float: right;
    background-color: transparent;
  }
  ul#download li {
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
  }

  ul#download a  {
    float: left; width: 6em;
    margin: 0.4em; padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: none;
    color: maroon; background-color: transparent;
  }
  * html ul#download a {  /* Korrektur fuer IE 5.x */
    width: 8em;
    w\idth: 6em;
  }
  ul#download a:hover {
    border: none;
    color: white; background-color: gray;
  }

/* H E A D E R */

#header {
	
	background: transparent;
	width:650px;
	height: 125px;
	z-index: 0;
	margin: 0 0 0 137px;	
}


#header2 {
	position: absolute;
	background:transparent url(images/logo.jpg);
	background-repeat:no-repeat;
	width: 52%;
	height: 380px;
	left: 137px;
	top: 126px;
	padding: 0;
	margin: 0;
	font-weight: 200;
}



/* ... NAVIGATION SEITE ... */

#side-li {
	position: absolute;
	width: 136px;
	height: 580px;
	background:#000;
	z-index: 1;
	margin: 0;
}


#menue {
width: 124px;
height: auto;
font-weight: bold;
color: #939598;
background: transparent;
position: absolute;
margin-top: 240px;
z-index: 100;
}
#menue ul {
list-style-type: none;
text-align: right;
font-size: 105%;
margin: 0px;
padding: 0;
border: none; text-decoration: none;
z-index: 100;
}
#menue li {
display: block;
width: 124px;
z-index: 100;
}
#menue li a, #menue li a:link {
text-decoration: none;
display: block;
color: #939598;
width: 124px;
padding: 0;
border: none; 
z-index: 100;
}

#menue li a:hover {
font-style: normal; color: white; text-decoration: none;border-right: white solid 2px;
z-index: 100;
}
#menue li a:focus, #menue li a:active {
color: #ed008c; border: none; text-decoration: none; padding: 0;
}

menue-kl {width: 124px;font-weight: bold;color:#ed008c;}
menue-kl ul {list-style-type: none;text-align: right;font-size: 0.8em;color:#ed008c;margin: 0px;
padding: 0;border: none; text-decoration: none;z-index: 100;}
menue-kl li {display:block;font-size: 0.8em;width: 124px;z-index: 100;color: #ed008c;}
menue-kl li a, .menue-kl li a:link{
text-decoration: none;font-size: 0.8em;display: block;color: #ed008c;width: 124px;padding: 0;border: none; z-index: 100;}
menue-kl li a:hover {
font-style: normal; color: white; text-decoration: none;border-right: white solid 2px;
z-index: 100;}
menue-kl li a:focus, .menue-kl li a:active {
color: #ed008c; border: none; text-decoration: none; padding: 0;}

#impressum {position: absolute; top: 445px; left: 0px; width: 124px; height: 9px; font-size: 9px; text-align: right; font-weight: bold; color: #939598; z-index: 100;}

#impressum a {display: block; font-size: 9px; color: #939598; 
   padding: 1px; border-width: 0; text-decoration: none; background: none; text-align: right;
   }
#impressum a:visited {
border:none;
}
#impressum a:hover {color: #fff; background: #000;
   border: none;}

#impressum a span {display: none;}

#impressum a:hover span {display: block;
   position: absolute; top: 12px; left: 0px; width: 124px; height: 120px;
   padding: 1px; z-index: 200; color: #939598; background: #000;
   font-size: 9px; text-align: right;border:none;}


#kinoliste {position: absolute; top: 125px; left: 730px; width: 124px; height: 16px; font-size: 16px; text-align: left; font-weight: bold; color: #ed008c; z-index: 100;}

#kinoliste a {display: block; font-size: 16px; color: #ed008c; 
   padding: 1px; border: 0; text-decoration: none; background: none; text-align: left;
   }
#kinoliste a:hover {color: #fff; background: none;
   border: none;}

#kinoliste a span {display: none;}

#kinoliste a:hover span {display: block;overflow: auto;
   position: absolute; top: -125px; left: 60px; width: 235px; height: 530px;
   padding: 5px; z-index: 100; color: #ed008c; background: #fff;filter:Alpha (opacity=65);
opacity:0.65;-moz-opacity:0.65;font-size: 10px; font-weight:bold;text-align: left;line-height:14px;border-top: #939598 solid 5px;}


#DVD {
position: absolute;
background: url(images/DVD.png) no-repeat;
width: 374px;
height: 56px;
left: 600px;
top:102px;
z-index:100;
}

#hier {
position: absolute;
width: 80px;
height: 22px;
left: 355px;
top:415px;
z-index:100;
}
#hier img  {
border:none;
text-decoration: none;
}

#SE {
position: absolute;
width: 157px;
height: 275px;
top: 285px;
left: 790px;
margin: 0 0 0 0;
z-index:250;
text-align: left;
}
.se-img {
position: relative;
bottom: 0;
left:0;
height: 178px;
width: 126px;
background:none;
border:none;
}
.se-img a {
text-decoration: none;
border:none;
}

#SE a {
color: #fff;
font-weight: bold;
text-decoration:none;
text-align: left;
}
#SE a:hover {
color: #ed008c;
}
#SE a:focus, #SE a:active{
color: #ed008c;
}

#bluray {
position: absolute;
width: 157px;
height: 275px;
top: 285px;
left: 913px;
margin: 0 0 0 0;
z-index:250;
text-align: left;
}
.bluray-img {
position: relative;
bottom: 0;
left:0;
height: 178px;
width: 133px;
background:none;
border:none;
}
.bluray-img a {
text-decoration: none;
border:none;
}

#bluray a {
color: #0092d4;
font-weight: bold;
text-decoration:none;
text-align: left;
}
#bluray a:hover {
color: #ed008c;
}
#bluray a:focus, #SE a:active{
color: #ed008c;
}

.packshots#li {
margin: 0 0px 0 10px;
}
.packshots#re {
margin: 0 50px 0 0;
float:left;
}
.u  {
padding:0;
margin:10px 0 0 15px;
font-size: 12px; 
color: #939598;
height: 226px;
text-align: left;
line-height: normal;
}
.r  {
float:right;
padding:0;
margin:5px 20px 0 0;
font-size: 12px; 
color: #939598;
height: 300px;
width: 215px;
text-align: left;
line-height: normal;
}
.bold  {
color: #ed008c;
font-weight: bold;
font-size: 12px; 
display:inline;
text-align:left;
margin:0;
padding:0;
}

ul#bilder {
position:relative;
margin:0;
padding:0;
}
ul#bilder li {
border:none;
list-style-type: square;
margin:0 0 0 20px;
}
ul#bilder li a {
text-decoration:none;
color: #939598;
}

ul#bilder li a:hover {
color: #ed008c;
}

ul#bilder li a span {
display:none;}

ul#bilder li a:hover span  {
position:absolute;
display:block;
width: 50px;
height: 71px;
border:none;
background:#000;
margin: -62px 0 0 -60px;
z-index:200;
}


/* ... FOOTER ... */

#logoleiste {
background: transparent url(images/logoleiste.jpg);
background-repeat: no-repeat; 
position: absolute;
width: 825px;
height: 35px;
margin: 552px 0 0 137px;
z-index: 50;
padding: 0;
clear: both;
}