body{
background:#fff;
margin:0;
padding:0;
font: 12px/14px arial, Helvetica, sans-serif; 
overflow:auto;
}

a {outline:0;}


#header{
background:url(images/capelight_head.jpg) no-repeat transparent center center;
width:1003px;
margin-left:auto;
margin-right:auto;
height:100px;
text-align:center;
overflow:hidden;
border:1px solid #8a0303;
border-bottom-width: 0;
padding:0;
}

#container{
position: relative;
width:1003px;
height: 400px;
margin-left:auto;
margin-right:auto;
border: 1px solid #8a0303;
border-top-width: 0;
overflow:hidden;
padding:0;
background:#eeeeee;
}

#container.large {
height: 600px;
}

#menu {
position:relative;
width: 1005px;
background: #8a0303;
height: 27px;
margin-left:auto;
margin-right:auto;
color: #fff;
}

#menu a {
display:inline;
float:left;
font-size: 12px;
color: #fff;
line-height: 27px;
padding-left: 15px;
text-decoration:none;
}
#menu a:visited {
color: #888;
}
#menu a:hover, #menu a:active, #menu a:focus {
color: #eebd0b;
text-decoration:underline;
}

.quickt  {
position:absolute;
right:0;
margin: 2px 15px 0 0;
height: 22px;
width: 21px;
text-decoration:none;
border:none;
}

.quickt img {
text-decoration:none;
border:none;
}

#content{
position:absolute;
background:none;
width:983px;
height:auto;
padding: 10px;
}

#content p{
position:relative;
padding:20px 0 0 35px;
margin:0;
color:#000;
background: none;
font: 14px arial, Helvetica, sans-serif;
width: 983px;
height: auto;
}

h1 {
position: relative;
font-size: 17px;
line-height: 25px;
font-weight: bold;
color: #fff;
width: 983px;
height:25px;
background: url(images/leiste.jpg) no-repeat;
text-indent: 85px;
padding:0;
margin:0;
top:5px;
}


.packshots {
position: relative;
width: 981px;
height: auto;
background:#fff;
border: 1px solid #e19e07;
}

.packshots ul {
position:absolute;
display:block;
list-style:none;
margin-left: 10px;
padding:0;
}

.packshots li {
list-style:none;
float:left;
margin: 30px 0 0 30px;
width: 158px;
}

.packshots li a, .packshots img{
display:block;
text-decoration:none;
border: none;
color: #000;
font-weight:bold;
}

.packshots li a:visited {
color: #888;
}
 
.packshots li a:hover{
text-decoration:none;
color: #8a0303;
font-weight: bold;
padding: 8px 0 0 0;
background: #f6c40d;
}

.packshots li a  .play {
display:none;
}
.packshots li a:hover .play {
display:block;
position:absolute;
margin: -160px 0 0 22px;
background: url(images/trailer-hover.png) no-repeat;
z-index:100;
width:106px;
height: 106px;
cursor:pointer;
}
* html .packshots li a:hover .play {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/trailer-hover.png', sizingMethod='scale');
background:none;
}

.packshots li a:visited .play {
border:none;
}

.packshots a span{
position:absolute;
font-style: normal;
margin-left:0;
text-align:left;
line-height: 30px;
width:auto;
font-size: 11px;
text-decoration:underline;
}
.packshots span a:visited{
color: #888;
}
.packshots span a:hover, .packshots span a:active, .packshots span a:focus{
text-decoration:underline;
cursor:pointer;
}

.packshots ul#zweite-reihe {
position:absolute;
list-style:none;
margin: 270px 0 0 10px;
}
.packshots ul#dritte-reihe {
position:absolute;
list-style:none;
margin: 540px 0 0 10px;
}
.packshots ul#vierte-reihe {
position:absolute;
list-style:none;
margin: 810px 0 0 10px;
}
.packshots ul#fuenfte-reihe {
position:absolute;
list-style:none;
margin: 1080px 0 0 10px;
}

.packshots ul#sechste-reihe {
position:absolute;
list-style:none;
margin: 1350px 0 0 10px;
}

.packshots ul#siebte-reihe {
position:absolute;
list-style:none;
margin: 1620px 0 0 10px;
}

.trailer{
position:absolute;
margin: 5px auto;
height: 330px;
width: 981px;
border: 1px solid #e19e07;
text-align:center;
overflow:hidden;
background: none;
}

.trailer#inside {
background: url(images/skinhead-bg.jpg) no-repeat;
border: 1px solid #912a2e;
}

.trailer#penelope {
background: url(images/penelope-bg.jpg) no-repeat;
border: 1px solid #420e3f;
}

.trailer#control {
background: #fff url(images/control-bg.jpg) no-repeat;
border: 1px solid #ed008c;
color: #000;
}

.trailer#american {
background: #fff url(images/american-bg.jpg) no-repeat;
border: 1px solid #a4081f;
color: #a4081f;
}

.trailer#fish {
background: #009cd9 url(images/fish-bg.jpg) no-repeat;
border: 1px solid #e87118;
color: #fff;
}

.trailer#outof {
background: #afaa82 url(images/outof-bg.jpg) no-repeat;
border: 1px solid #2b361f;
color: #afaa82;
}

.trailer#nml {
background: #afaa82 url(images/nomansland-bg.jpg) no-repeat;
border: 1px solid #2b361f;
color: #36030c;
}

.trailer#tta {
background: url(images/triptoasia-bg.jpg) no-repeat;
border: 1px solid #2b361f;
color: #36030c;
}

.trailer#udsa {
background: url(images/udsa-bg.jpg) no-repeat;
border: 1px solid #2b361f;
color: #36030c;
}

.trailer#eagle {
background: url(images/eagle-shark-bg.jpg) no-repeat;
border: 1px solid #2b361f;
color: #36030c;
}

.trailer#bruce {
background: url(images/bruce-bg.jpg) no-repeat;
border: 1px solid #151e47;
color: #5fa8da;
}

.trailer#thefall {
background: url(images/thefall-bg.jpg) no-repeat;
border: 1px solid #b38e51;
color: #e9ddaf;
}

.trailer#sunshine {
background: url(images/sunshine-bg.jpg) no-repeat;
border: 1px solid #f9ae14;
color: #f9ae14;
}

.trailer#fanboys {
background: url(images/fanboys-bg.jpg) no-repeat;
border: 1px solid #fff;
color: #fff;
}

.trailer#dknd {
background: url(images/dknd-bg.jpg) no-repeat;
border: 1px solid #000;
color: #000;
}

.trailer#trailerpark {
background: url(images/trailerpark-bg.jpg) no-repeat;
border: 1px solid #e6d88c;
color: #e6d88c;
}

.trailer#middle {
background: url(images/middle-bg.jpg) no-repeat;
border: 1px solid #929dcc;
color: #929dcc;
}

.trailer#lange-beine {
background: url(images/lange-beine-bg.jpg) no-repeat;
border: 1px solid #929dcc;
color: #929dcc;
}

.trailer#streets {
background: url(images/streets-bg.jpg) no-repeat;
border: 1px solid #929dcc;
color: #929dcc;
}

.trailer#redline {
background: url(images/redline-bg.jpg) no-repeat;
border: 1px solid #929dcc;
color: #929dcc;
}

.trailer#manus {
background: #000 url(images/max-manus-bg.jpg) no-repeat;
border: 1px solid #888;
color: #fff;
}

.trailer#city-of-ember{
background: #000 url(images/city-of-ember-bg.jpg) no-repeat;
border: 1px solid #888;
color: #e8a846;
}

.trailer#young-victoria{
background:url(images/young-victoria-bg.jpg) no-repeat;
border: 1px solid #fff;
color: #e8a846;
}

.trailer#nadw{
background:url(images/nadw-bg.jpg) no-repeat;
border: 1px solid #55778f;
color: #d90370;
}

.trailer#greta{
background:url(images/greta-bg.jpg) no-repeat;
border: 1px solid #781144;
color: #fff;
}

.trailer#man-of-war{
background:url(images/man-of-war-bg.jpg) no-repeat;
border: 1px solid #781144;
color: #fff;
}

.trailer#wo-dein-herz-schlaegt{
background:url(images/wo-dein-herz-schlaegt-bg.jpg) no-repeat;
border: 1px solid #ea961f;
color: #fff;
}

.trailer#overnight{
background:url(images/overnight-bg.jpg) no-repeat;
border: 1px solid #000;
color: #fff;
}

.trailer#secret-defense{
background:url(images/secret-defense-bg.jpg) no-repeat;
border: 1px solid #2a5867;
color: #b4c8cb;
}

.trailer#cherrybomb{
background:url(images/cherrybomb-bg.jpg) no-repeat;
border: 1px solid #353a72;
color: #cae1ef;
}

.trailer#maos-last-dancer{
background:url(images/maos-last-dancer-bg.jpg) no-repeat;
border: 1px solid #353a72;
color: #cae1ef;
}

.trailer#etv{
background:url(images/etv-bg.jpg) no-repeat;
border: 1px solid #353a72;
color: #cae1ef;
}

.trailer span{
float:left;
width: 500px;
height: 330px;
margin:0 0 0 249px;
border:none;
background:none;
}

.trailer object{
position: relative;
margin:0;
padding: 0;
top:15px;
}

.trailer p {
position: relative;
padding:0;
bottom: 0px;
left:-8px;
}

.trailer a {
font-size: 12px;
text-decoration: none;
color: #000;
font-weight: bold;
margin-right: 53px;
}

.trailer a:hover, .trailer a:active { 
text-decoration:underline;
}


ul.details{
position:absolute;
margin: 15px 25px 0 0;
list-style:none;
background: none;
right:0;
top: 50px;
text-align: right;

width: 250px;
height: 270px;
z-index:200;
}

ul.details li {
display: block;
padding: 0 0 10px 0;
font-size: 1.3em;
line-height: 1.4em;
}
ul.details#pene{
color: #561a50;
}
ul.details li span {
font-weight:bold;
}


#footer{
position:absolute;
width: 1003px;
background: #8a0303;
height: 14px;
color: #fff;
bottom:0;
text-align:center;
padding:0;
margin:0;
}

#footer ul{
position:relative;
margin: 0 auto 0 auto;
text-align:center;
padding:0;
list-style: none;
width:420px;
height:10px;
background: none;
}

#footer li {
font-size: 10px;
float: left;
margin-right: 3px;
list-style: none;
}

#footer li a {
float:left;
color: #fff;
text-align:left;
text-decoration:none;
}

#footer li a:visited{
color:#888;
}

#footer li a:hover{
color: #eebd0b;
text-decoration:underline;
}

#footer li a:active, #footer li a:focus{
color: #eebd0b;
text-decoration:underline;
}