@charset "utf-8";

body {
background:none;
background:#a1a1a1 url(https://www.bochumschau.de/gif/css/bg-body-eissalon-ruhr-jahrhunderthalle-bochum-2017.jpg) no-repeat center top;
}

#container {
background:transparent;
height:100%;
position:relative;
width:988px;
margin:0 auto;
overflow:visible;
}

div#inhalt {
background:transparent;
width:988px;
}

div#inhalt div#filmanzeige {
position:relative;
min-height:1000px;
*height:1000px;
margin:0;
padding:0;
}

div#inhalt div#film {
position:absolute;
left:0px;
top:132px;
width:744px;
height:419px;
border:none;
margin:0;
padding:0;
background:transparent;
}

div#inhalt div#filminfos {
position:absolute;
left:756px;
top:130px;
width:230px;
height:auto;
overflow:visible;
margin:0;
padding:0;
color:#fff;
background:transparent;
border:none;
text-align:left;
}

div#inhalt div#filminfos p {
height:auto;
overflow:visible;
padding:0;
margin:0;
line-height:130%;
text-indent:0px;
text-align:left;
}

div#inhalt div#filminfos h2, div#inhalt div#filminfos h1 {
text-align:left;
margin:0 0 8px 0;
padding:0;
line-height:120%;
}

div#inhalt div#filminfos h1 span, div#inhalt div#filminfos p span {
display:inline;
/*
background-color:#4576C3;
color:#353132;
*/
padding:0px;
line-height:150%;
}

div#inhalt div.text {
position:absolute;
top:642px;
left:40px;
color:#fff;
margin:0;
padding:0:
}

div#inhalt a {
color:#fff;
}

div#inhalt div.text p.links {
width:420px;
position:relative;
}

#inhalt div.text p.links span {
padding:0;
margin:0 0 6px 0;
}

div#inhalt div.text p.links span span {
display:inline;
/*
background-color:#4576C3;
color:#353132;
*/
padding:0px;
text-align:left;
}

#inhalt div.text p.links span.textversion {
float:none;
margin:0 0 6px 10px;
padding:0;
text-align:left;
}

div#inhalt div.text p.links span.themen {
margin:0 0 6px 0;
padding:0;
width:auto;
}

div#inhalt div.text p.links span.drehorte {
padding:0;
margin:0 12px 6px 0;
}

div#inhalt div.text p.links span.sponsoren {
padding:0;
margin:0 12px 6px 0;
display:block;
}

div#inhalt div.text p.links span.filmuebersicht {
float:none;
margin:0 12px 6px 0;
padding:0;
text-align:left;
}

div#inhalt div#socialbookmarks {
position:absolute;
top:652px;
left:620px;
overflow:visible;
margin:0;
padding:0;
width:120px;
}

div#inhalt div#socialbookmarks div {
/*
float:none;
display:block;
*/
margin:0 8px 4px 1px;
}


div#footer {
position:fixed;
bottom:0px;
left:0px;
text-align:center;
width:100%;
overflow:hidden;
clear:both;
margin:0;
background:transparent;
background:url(https://www.bochumschau.de/gif/bg-footer-spezial.gif) no-repeat center bottom;
}

div#footer p {
margin-left:auto;
margin-right:auto;
width:980px;
padding:0 4px;
}


#filmscroller_detail {
	position:absolute;
	left:0px;
	top:656px;
	width:744px;
	color:#fff;
	padding:16px 0 0 0;
	height:78px;	
	background:url(https://www.bochumschau.de/gif/icon-sprite.png) repeat-x 0px -340px;
}

#filmscroller_detail h3 {
	font-size:220%;
	line-height:100%;
	margin-bottom:4px;
	display:none;
}

#filmscroller_detail ul {
	display:block;
	margin:0;
	padding:0;
	overflow:auto;	
	width:744px;
	clear:both;
}

#filmscroller_detail ul li {
	display:inline-block;
	position:relative;
	margin:0 10px 10px 0;
	width:140px;
}

#filmscroller_detail ul li span {
	display:block;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:999;
	padding:2px;
	width:136px;
	font-size:120%;
	background-color:rgba(0,0,0,0.75);
}

#filmscroller_detail ul li img {	
	width:140px;
}