/*
(c) fetish-gmbh | shoot-design
*/
body 
{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	background: #000 url('/img/background.gif') repeat-x left top;
	color: #999;
	font-size: 75%;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
	text-align: center;
}

*
{
	font-size: 1em;
	margin: 0;
	padding: 0;
}

a
{
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

a img
{
	border: none;
}

h1
{
	font-weight: bold;
	font-size: 1.75em;
	line-height: 1.5em;
	padding: 5px 10px;
	margin: 0 0 15px 0;
	background: #333;
	border: #999 1px solid;
	color: #fff;
}

h2
{
	border: 1px solid #444;
	background: #222;
	color: #ccc;
	padding: 5px 10px;
}



#center
{
	width: 1000px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#header
{
	position: relative;
	margin: 0 0 15px 0;
}

#header #navitop
{
	position: relative;
	line-height: 1em;
	border: 1px solid #666;
	background: #000;
	padding: 5px 0;
	margin: 15px 0 0 0;
}

#header #navitop #logo
{
	margin: 0 0 0 15px;
	background: url('/img/logo.png') no-repeat left top;
}

#header #navitop #logo a
{
	display: block;
	height: 17px;
	width: 111px;
}

#header #navitop #logo a img
{
	display: none;
}

#header #navitop #loginform
{
	position: absolute;
	z-index: 100;
	top: 7px;
	right: 7px;
}

#header #claim
{
	height: 150px;
	margin: 15px 0 0 0;
	border: 1px solid #666;
	background: #000 url('/img/header/002.jpg') no-repeat left top;
}

#header #claim #videoinfos
{
	position: absolute;
	z-index: 100;
	left: 15px;
	bottom: 55px;
}

#header #claim #videoinfos .icon
{
	position: relative;
	float: left;
	margin: 0 15px 0 0;
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=50);
}

#header #claim #videoinfos .icon:hover
{
	-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);
}

#header #navimain
{
	padding: 20px 15px 0 15px;
	margin: 0;
	border: none;
	background: url('/img/background_navi.gif') repeat-x left top;
}

#header #navimain ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#header #navimain ul li
{
	display: inline;
	margin: 0 15px 0 0;
}

#header #navimain ul li a
{
	border: 1px solid #666;
	background: #000;
	color: #666;
	padding: 5px 15px;
}

#header #navimain ul li a:hover
{
	border: 1px solid #999;
	background: #333;
	color: #999;
}

#header #navimain ul li a.active
{
	border: 1px solid #999;
	background: #333;
	color: #fff;
}

#header #navimain #languages
{
	float: right;
}

#header #navimain #languages a
{
	margin: 0 0 0 15px;
}



#content
{
}







#maincontent
{
}

#maincontent .left
{
	float: left;
	width: 475px;
	padding: 0 0 15px 0;
}

#maincontent .right
{
	margin: 0 0 0 500px;
	padding: 0 0 15px 0;
	width: 475px;
}




#maincontent #formular .buttonline
{
	padding: 0 0 5px 0;
}

#maincontent #formular .buttonline label
{
	float: left;
	display: block;
	padding: 5px 15px 0 0;
	width: 80px;
	text-align: right;
	color: #fff;
}

#maincontent #formular .buttonline input
{
	width: 150px;
	border: 1px solid #999;
	background: #333;
	color: #fff;
}

#maincontent #formular .buttonline input:focus
{
	width: 150px;
	border: 1px solid #fff;
	background: #666;
	color: #fff;
}

#maincontent #formular .submitline
{
	width: 240px;
	text-align: right;
}

#maincontent #formular .submitline input
{
	border: 1px solid #999;
	background: #666;
	color: #fff;
}


a.payment
{
	display: block;
	padding: 5px 10px;
	margin: 0 0 15px 0;
	background: #343;
	border: 1px solid #676;
}

a.payment:hover
{
	background: #363;
	border: 1px solid #696;
}


a.buy
{
	padding: 5px 10px;
	margin: 0 0 15px 0;
	background: #131 !important;
	border: 1px solid #262;
}

a.buy:hover
{
	background: #161 !important;
	border: 1px solid #292 !important;
}








#comments
{
	clear: both;
	border-top: 1px dotted #333;
	padding: 10px;
	font-weight: lighter;
	color: #333;
}

#comments .commentline
{
	padding: 10px;
	color: #999;
}

#comments .commentline b
{
	color: #333;
}

#comments .commentline .ratinginfo
{
	float: right;
}

#comments b
{
	color: #fff;
}

#comments #formular
{
	float: left;
	width: 450px;
}

#comments #commentar
{
	margin: 0 0 0 480px;
	line-height: 1.5em;
	border-left: 1px dotted #fff;
	padding: 0 15px
}

#comments input, #comments textarea
{
	border: 1px solid #ccc;
	color: #ccc;
	background: #111;
}

#comments form label
{
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

#comments form label.submit
{
	margin: 0 0 10px 125px;
}

#comments form label b
{
	float: left;
	display: block;
	width: 110px;
	margin: 2px 15px 0 0;
	text-align: right;
}

#comments .label
{
	position: relative;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

#comments .label b
{
	float: left;
	display: block;
	width: 110px;
	margin: 2px 15px 0 0;
	text-align: right;
}

#comments .label #rating
{
	margin: 0 0 0 130px;
}









#footer
{
	clear: both;
	margin: 25px 0 15px 0;
	padding: 2px 5px;
	border: 1px solid #333;
	background: #09090F;
	color: #333;
}

#footer *
{
	color: #333 !important;
}

#footer a:hover
{
	color: #999 !important;
}




.error
{
	padding: 10px;
	background: #200;
	border: #900 1px solid;
	color: #fee;
	margin: 0 0 15px 0;
}

.error b
{
	color: #f00;
}

.message
{
	padding: 10px;
	background: #020;
	border: #090 1px solid;
	color: #efe;
	margin: 0 0 15px 0;
}





.trennerd
{
	clear: both;
	border-bottom: 1px dotted #666;
	height: 1px;
	overflow: hidden;
}


.fulllist
{
	padding: 15px 15px;
}


.fulllist .images
{
	float: left;
	width: 484px;
	height: 274px;
	background: #fff;
	margin: 0 0 15px 0;
	line-height: 0px;
}

.fulllist .images .movie
{
	float: left;
	width: 321px;
	height: 181px;
	overflow: hidden;
	margin: 1px 0 0 1px;
}

.fulllist .images .movie img
{
	width: 321px;
	height: 181px;
}

.fulllist .images .image
{
	float: left;
	width: 160px;
	height: 90px;
	overflow: hidden;
	margin: 1px 0 0 1px;
}

.fulllist .images .image img
{
	width: 160px;
	height: 90px;
}

.fulllist .text
{
	margin: 0 0 0 510px; 
	min-height: 274px;
}

.fulllist .text .infos
{
	float: right;
	width: 150px;
	border: 1px solid #333;
	background: #090909;
	margin: 0 0 15px 0;
}

.fulllist .text .infos a
{
	display: block;
	text-align: center;
	padding: 5px 0;
}

.fulllist .text .infos a:hover
{
	background: #333;
}

.fulllist .text .texte
{
	width: 280px;
	text-align: justify;	
}

.fulllist .access
{
	margin: 30px 0 15px 0;
	text-align: center;
}

.fulllist .access a
{
	background: #333;
	padding: 8px 16px;
	margin: 0 0 0 15px ;
	border: 1px solid #999;
	letter-spacing: 0.15em;
	font-weight: bold;
}

.fulllist .access a:hover
{
	background: #633;
	border: 1px solid #f00;
}






#details
{
	padding: 15px;
}

#details h1
{
}

#imgcontent
{
}

#imgcontent *
{
	line-height: 1.5em;
}

#imgcontent #selection
{
	float: left;
	width: 330px
}

#imgcontent #selection .navi
{
	width: 320px;
	position: relative;
	overflow: hidden;
	margin: 0 0 15px 0;
}

#imgcontent #selection .navi a
{
	display: block;
	width: 320px;
	height: 180px;
	font-weight: normal;
	color: #999;
}

#imgcontent #selection .navi a b
{
	color: #fff;
}

#imgcontent #selection .navi a .bu
{
	position: absolute;
	bottom: 0px;
	display: block;
	width: 320px;
	padding: 5px 15px;
	background: #111;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

#movies
{
	width: 250px;
	float: right;
	margin: 15px 0 25px 25px;
	padding: 5px 10px;
	border: 1px solid #484;
	background: #242;
	color: #cfc;
}

#movies strong
{
	color: #fff;
	font-size: 1.25em;
}

#movies a
{
	display: block;
}

#movies a:hover
{
	background: #353;
}


#imgcontent #show_images
{
	margin: 0 0 0 350px;
}

#imgcontent #show_images a
{
}

#imgcontent #show_images a img
{
	margin: 15px 0 0 20px;
}


#imgcontent #show_images p
{
	padding: 10px;
}

a.thumbnail img
{
	border: 5px solid #333;
}

a.thumbnail:hover img
{
	border: 5px solid #666;
}






.line
{
}

.line .teaser
{
	float: left;
	width: 320px;
	height: 180px;
	overflow: hidden;
	border: 1px solid #fff;
	padding: 0;
	margin: 0 10px 10px 0;
}

.line .teaser .movie
{
	padding: 0;
	width: 321px;
	height: 181px;
}

.line .text
{
	margin: 0 0 0 345px;
}













#hudlogin
{
	position: absolute;
	z-index: 100;
	right: 25px;
	top: 15px;
	width: 295px;
	height: 122px;
	background: url('/img/hud_login.png') no-repeat left top;
}

#hudclose
{
	position: absolute;
	z-index: 100;
	top:10px;
	left:-5px;
}

#hudlogin #formular
{
	margin: 30px 0 0 15px;
}

#hudlogin #formular .buttonline
{
	padding: 0 0 5px 0;
}

#hudlogin #formular .buttonline label
{
	float: left;
	display: block;
	padding: 5px 15px 0 0;
	width: 80px;
	text-align: right;
	color: #fff;
}

#hudlogin #formular .buttonline input
{
	width: 150px;
	border: 1px solid #999;
	background: #333;
	color: #fff;
}

#hudlogin #formular .buttonline input:focus
{
	width: 150px;
	border: 1px solid #fff;
	background: #666;
	color: #fff;
}

#hudlogin #formular .submitline
{
	width: 240px;
	text-align: right;
}

#hudlogin #formular .submitline input
{
	border: 1px solid #999;
	background: #666;
	color: #fff;
}

input[type="submit"]
{
	padding: 2px 15px;
	margin: 1px 0;
}



#iconinfo
{
	position: absolute;
	z-index: 150;
	left: -48px;
	bottom: 28px;
	width: 301px;
	height: 128px;
	background: url('/img/hud_icon.png') no-repeat left top;
}

#iconinfo #icontext
{
	padding: 15px;
	font-weight: normal;
	color: #ddd;
}

#iconinfo #icontext b
{
	color: #fff;
}

#iconinfo #icontext img
{
	float: left;
	margin: 0 15px 5px 0;
}













#layoutleft
{
	padding: 15px;
}

#layoutleft #subnavi
{
	float: left;
	width: 200px;
}

#layoutleft #subnavi ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}




#layoutleft #subnavi ul a
{
	display: block;
	text-align: left;
	padding: 2px 15px;
}

#layoutleft #subnavi ul a:hover
{
	background: #333;
}

#layoutleft #subnavi ul a.active
{
	background: #333;
}


#layoutleft #subcontent
{
	margin: 0 0 0 225px;
}














