@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;	
}

html {
	height: 100%;	
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background: transparent url(../images/bg_body_bottom.jpg) repeat top left;
	height: 100%;	
}

.clear {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;	
}

.fl {
	float: left;	
}

.fr {
	float: right;	
}

.last {
	margin-right: 0px !important;	
}

#site {
	width: 100%;
	min-height: 100%;
	height: auto !important;  /* für moderne Browser */
	height: 100%;  /*für den IE */
	position: relative;
}

#siteHeader {
	width: 100%;
	background: transparent url(../images/bg_body_top.jpg) repeat-x top left;
	position: relative;
	top: 0px;
	left: 0px;	
}

#siteFooter {
	width: 100%;
	background: transparent url(../images/bg_body_bottom.jpg) repeat-x bottom left;
	position: relative;
	bottom: 0px;
	left: 0px;	
}

#siteContent {
	width: 100%;
	position: relative;
	top: 0px;
	left: 0px;
	background: transparent url(../images/bg_body_green.jpg) repeat top left;
}


/*header*/

.headerBox {
	width: 1010px;
	height: 153px;
	margin: 0 auto;
	background: transparent url(../images/bg_header.png) no-repeat bottom left;
	position: relative;
}

/*logo*/

.logo {
	width: 280px;
	height: 153px;
}

.logo h1 a {
	width: 280px;
	height: 153px;
	display: block;
	margin: 0px;
	padding: 0px;
	background: transparent url(../images/img_logo.png) no-repeat 65px 16px;
}

.logo h1 a span {
	display: none;	
}

/*login*/

.loginBox {
	width: 260px;
	height: 60px;
	position: absolute;
	top: 37px;
	right: 3px;
}

.loginBox input {
	width: 102px;
	height: 21px;
	border: none;
	margin: 10px 2px 8px 0;
	float: left;
	background: transparent url(../images/bg_input_login.jpg) no-repeat top left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #999999;
	padding: 0 0 0 5px;	
}

.loginBox input.btnLogin {
	width: 23px;
	height: 21px;
	border: none;
	margin: 10px 0px 8px 0;
	float: left;
	background: transparent url(../images/btn_login_arrow.gif) no-repeat top left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0px;
	color: #ACB201;
	padding: 0 0 0 0px;
	cursor: pointer;
	text-align: left;	
}

.loginBox ul li {
	display: inline;
	margin: 0 14px 0 0;	
}

.loginBox ul li a {
	font-size: 10px;
	color: #bbbbbb;
	text-decoration: underline;
}

/*mainnav*/

.mainnav {
	width: 695px;
	height: 42px;
	position: absolute;
	bottom: 0px;
	right: 15px;	
}

.mainnav ul {
	width: 670px;
	float: right;
}

.mainnav ul li {
	float: left;
	height: 42px;	
}

.mainnav ul li a {
	font-size: 18px;
	height: 30px;
	display: block;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 12px 20px 0;	
	float: left;
}

.mainnav ul li.join a {
	text-decoration: underline;	
}

.mainnav ul li a.active {
	background: transparent url(../images/bg_nav_active.jpg) repeat-x top left;
	color: #000000;	
}

.mainnav ul li a:hover {
	background: transparent url(../images/bg_nav_active.jpg) repeat-x top left;
	color: #000000;	
}


/*footer*/

.bgFooter {
	width: 100%;
	background: transparent url(../images/bg_body_bottom_shadow.jpg) repeat-x top left;	
}


.footerBox {
	width: 980px;
	height: 415px;
	margin: 0 auto;
	padding: 0px 15px;
}

/*footerImgBox*/

.footerImgBox {
	width: 980px;
	height: 184px;
	float: left;
	margin: 0 0 50px 0;	
}

.footerImgBoxLeft {
	width: 490px;
	height: 184px;
	float: left;	
}

.footerImgBoxLeft a {
	width: 245px;
	float: left;
}	

.footerImgBoxLeft a img {
	display: block;	
}

.footerImgBoxRight {
	width: 490px;
	height: 184px;
	float: right;
	background: transparent url(../images/bg_footer_right.jpg) no-repeat top left;
	position: relative;
}

.footerImgBoxRight h3 {
	margin: 27px 0 5px 12px;
	font-size: 12px;
	font-weight: bold;
	color: #dee830;	
}

.footerImgBoxRight p {
	margin: 0 10px 0 12px;
}

.footerImgBoxRight a.btnImgFooterJoin {
	width: 462px;
	height: 87px;
	display: block;
	background: transparent url(../images/btn_img_footer.gif) no-repeat top left;
	position: absolute;
	bottom: 18px;
	left: 0px;
	cursor: pointer;
}

.footerImgBoxRight a.btnImgFooterJoin span {
	display: none;	
}

/*footerNavBox*/

.footerNavBox {
	width: 980px;
	height: 110px;
	float: left;	
}

.footerNavBox.join {
	margin: 0 0 50px 0;	
}

.footerNavBox .first {
	border-left: none;	
}

.footerNavBox .last {
	border-right: none;	
}

.footerItem {
	border-left: #000000 1px solid;
	border-right: #404040 1px solid;
	float: left;
	height: 110px;
	text-align: center;	
}

#footerNav ul {
	width: 178px;
	margin: 6px 0 0 0;	
}

#footerNav ul li {
	margin: 0 0 6px 0;	
}

#footerNav ul li a {
	font-size: 12px;
	color: #ffffff;	
}

#footerNav ul li a.join {
	font-weight: bold;
}

#wm {
	width: 198px;
}

#wm p {
	margin: 6px 23px 19px 23px;
	font-weight: bold;
	color: #b8b8b8;	
}

#wm a {
	font-weight: bold;
	color: #ffffff;	
	text-decoration: underline;
}

#nl {
	width: 283px;	
}

#nl p.info {
	margin: 6px 0 6px 0;
	font-weight: bold;
	color: #b8b8b8;	
}

#nl p {
	margin: 0 25px 17px 25px;
	font-weight: normal;
	color: #b8b8b8;	
}

#nl input.email {
	width: 195px;
	height: 26px;
	background: #ffffff;
	border: #a8acaf 1px solid;
	margin: 0 5px 0 22px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 0 0 0 5px;
	float: left;	
}

#nl input.btnNlSubmit {
	width: 41px;
	height: 29px;
	background: transparent url(../images/btn_send_nl.gif) no-repeat top left;
	border: none;
	margin: 0;
	font-size: 0px;
	color: #D9D8E4;
	padding: 0;	
	text-align: left;
	cursor: pointer;
}

/*content*/

.contentBox {
	width: 980px;
	height: 100%;
	margin: 0 auto;
	background: transparent url(../images/bg_content.png) repeat-y top left;
	padding: 0 15px;	
}

/*trailer box*/

.ginaTrailerBox {
	width: 980px;
	float: left;
	margin: 0 0 20px 0;
	position: relative;	
}

/*left*/

.ginaTrailerBoxLeft {
	width: 558px;
	height: 457px;
	float: left;
	background: transparent url(../images/bg_trailerbox_left.jpg) no-repeat top left;	
}

/*trailer box*/

.trailerBox {
	width: 527px;
	height: 380px;
	border: #b3b3b3 1px solid;
	margin: 27px 0 0 29px;
	background: #000000;	
}

.trailerBox .trailer {
	width: 526px;
	height: 380px;
	display: block;
	background: #000000;
	padding: 0 0 0 1px;		
}

.trailerBox .trailer img {
	display: block;	
}

.trailerBox .leiste img {
	display: block;	
}

/*right*/

.ginaTrailerBoxRight {
	width: 422px;
	height: 457px;
	float: right;
	background: transparent url(../images/bg_trailerbox_right.jpg) no-repeat top left;
	position: relative;	
}

/*badge*/

.ginaTrailerBoxBadge {
	width: 37px;
	height: 68px;
	position: absolute;
	top: 24px;
	right: -37px;	
}

/*gina*/

.imgTrailerGina {
	width: 124px;
	height: 343px;
	position: absolute;
	bottom: 0px;
	left: -1px;	
}

/*top link*/

.trailerTopLink {
	width: 423px;
	height: 205px;	
}

.trailerTopLink a {
	width: 423px;
	height: 205px;
	display: block;	
}

.trailerTopLink a span {
	display: none;	
}

/*trailerInfoBox*/

.trailerInfoBox {
	width: 280px;
	height: 220px;
	position: absolute;
	top: 215px;
	right: 10px;	
}

.trailerInfoBox p {
	line-height: 15px;
	margin: 0 0 18px 0;
	color: #efefef;	
}

.trailerInfoBox p.info {
	font-weight: bold;	
}

.trailerInfoBox a.btnTrailerJoin {
	width: 249px;
	height: 49px;
	display: block;
	background: transparent url(../images/btn_index_join.gif) no-repeat top left;
}

.trailerInfoBox a.btnTrailerJoin span {
	display: none;	
}

/*headingBox*/

.videoBox {
	float: left;
	margin: 0 0 23px 0;	
}

.headingBox {
	width: 923px;
	height: 39px;
	background: #191919;
	float: left;
	margin: 0 0 24px 29px;	
}

.headingBox a.heading {
	width: 570px;
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #d7cf02;
	text-decoration: none;
	padding: 10px 0 0 13px;	
}

.headingBox .sortBox {
	width: 320px;
	float: right;
	text-align: right;
	margin: 13px 17px 0 0;	
}

.headingBox .sortBox span {
	font-size: 12px;
	color: #bababa;
	float: left;	
}

.headingBox .sortBox ul li {
	display: inline;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;	
}

.headingBox .sortBox ul li.break {
	margin: 0px 5px;	
}

.headingBox .sortBox ul li a {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;	
}

/*video container*/

.videoContainer {
	width: 923px;
	float: left;
	margin: 0 0 0 29px;	
}

/*itemVideo*/

.itemVideo {
	width: 286px;
	float: left;
	margin: 0 30px 30px 0;	
}

.videoImg {
	width: 286px;
	float: left;
	margin: 0 0 18px 0;	
	position: relative;
}

.videoImg a.hover {
	width: 286px;
	height: 218px;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/img_trailer_hover.png);
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;
}

.videoImg a.hover span {
	display: none;
}

.videoInfo {
	width: 286px;
	float: left;	
}

.videoInfo a.heading {
	font-size: 15px;
	font-weight: bold;
	color: #bdb600;
	text-decoration: none;
}

.videoInfo ul {
	margin: 26px 0 0 0;	
}

.videoInfo ul li {
	clear: both;
}

.videoInfo ul li p {
	font-size: 12px;
	color: #b8b7b7;	
}

.videoInfo ul li p.time {
	font-size: 12px;
	font-weight: bold;
	color: #b8b7b7;
	margin: 0 0 6px 0;	
}

.linkAllBox {
	width: 923px;
	margin: 0 0 0 29px;
	text-align: right;	
}

.linkAllBox a {
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;	
}

/*dvd container*/

.dvdBox {
	float: left;
	margin: 0 0 30px 0;	
}

.dvdContainer {
	width: 923px;
	float: left;
	margin: 0 0 0 29px;	
}

/*itemDvd*/

.itemDvd {
	width: 212px;
	float: left;
	margin: 0 25px 35px 0;	
}

.dvdImg {
	width: 212px;
	float: left;
	margin: 0 0 20px 0;
	text-align: center;	
}

.dvdInfo {
	width: 212px;
	float: left;
	text-align: center;	
}

.dvdInfo a {
	font-size: 15px;
	font-weight: bold;
	color: #e0dd00;
	text-decoration: none;
}



/*----// about //----*/

.aboutBox {
	width: 980px;
	margin: 0px;
	float: left;
	position: relative;
}

.aboutBox img {
	display: block;	
	width: 245px;
	height: 248px;
	float: left;	
}

.aboutBox .hand {
	position: absolute;
	top: 331px;
	left: -23px;
	width: 23px;
	height: 69px;	
}

.aboutBox .hand img {
	width: 23px;
	height: 69px;	
}

.aboutBox a {
	width: 245px;
	height: 248px;
	float: left;	
}

.aboutBox a.moreInfos {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
	position: absolute;
	bottom: 27px;
	right: 57px;
	height: 35px;
	text-align: right;	
}

.aboutContentBox {
	width: 350px;
	height: 430px;
	position: absolute;
	top: 298px;
	right: 110px;
	font-size: 12px;
	color: #242424;	
}

.aboutContentBox table {
	width: 350px;
	margin: 0 0 40px 8px;	
}

.aboutContentBox table td {
	height: 30px;
	font-size: 14px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;	
}

.aboutContentBox table td.last {
	height: 50px;	
}

.aboutContentBox table td.first {
	font-weight: normal;	
}

.aboutContentBox p {
	line-height: 15px;	
}

/*----// dvds //----*/


#dvds.dvdBox {
	margin: 25px 0 30px 0;	
}

.paginationBox {
	width: 980px;
	text-align: center;	
}

/*----// preview //----*/

.headingBox a.heading span {
	color: #ffffff;	
}

/*preview video box*/

.previewVideoBox {
	width: 980px;
	float: left;
	margin: 15px 0 45px 0;	
}

.previewVideoImgs {
	width: 924px;
	height: 468px;
	float: left;
	margin: 0 0 0 27px;	
}

.previewVideoImgs a {
	width: 231px;
	height: 156px;
	float: left;	
}

.previewVideoImgs a img {
	display: block;	
}

.previewVideoInfo {
	width: 924px;
	margin: 0 0 27px 27px;
	float: left;	
}

.previewVideoInfoLeft {
	width: 615px;
	float: left;	
}

.previewVideoInfoLeft a.heading {
	font-size: 12px;
	font-weight: bold;
	margin: 6px 0 11px 0;
	display: block;	
}

.previewVideoInfoLeft p {
	line-height: 15px;	
}

.previewVideoInfoRight {
	width: 250px;
	float: right;	
}

.previewVideoInfoRight a.btnPlayVideo {
	width: 88px;
	height: 86px;
	display: block;
	float: left;
	margin: 0 30px 0 0;
	background: transparent url(../images/btn_play_video.gif) no-repeat top left;	
}

.previewVideoInfoRight a.btnDownloadVideo {
	width: 88px;
	height: 86px;
	display: block;
	float: left;
	margin: 0 0 0 0;
	background: transparent url(../images/btn_download_video.gif) no-repeat top left;	
}

.previewVideoInfoRight a span {
	display: none;	
}

.linkJoinAll {
	width: 980px;
	text-align: center;	
}

.linkJoinAll a {
	font-size: 30px;
	font-weight: bold;
	color: #d7cf02;
	text-decoration: underline;	
}


/*preview gallery box*/

.previewImagesBox {
	width: 920px;
	float: left;
	margin: 0 0 40px 0;	
}

.previewImages {
	width: 920px;
	height: 498px;
	float: left;
	margin: 0 0 0 32px;	
}

.previewImages a {
	width: 230px;
	height: 166px;
	float: left;	
}

.previewVideoImgs a img {
	display: block;	
}

.previewImgInfo {
	width: 920px;
	margin: 0 0 45px 32px;
	float: left;	
}

.previewImgInfo a.heading {
	font-size: 12px;
	font-weight: bold;
	margin: 17px 0 11px 0;
	display: block;	
}

.previewImgInfo a.heading span {
	font-weight: normal;	
}

.previewImgInfo p {
	line-height: 15px;	
}


/*preview dvd box*/

.previewDvdsBox {
	width: 922px;
	float: left;
	margin: 0 0 50px 0;	
}

.previewDvds {
	width: 922px;
	float: left;
	margin: 0 0 50px 30px;	
}

.previewDvdsLeft {
	width: 313px;
	float: left;	
}

.previewDvdsLeft .dvdCover {
	width: 314px;
	height: 444px;
	float: left;
	margin: 0 0 19px 0;	
}

.previewDvdsLeft .dvdCover a {
	width: 157px;
	height: 222px;
	float: left;
	display: inline;	
}

.previewDvdsLeft .dvdCover a img {
	display: block;	
}

.previewDvdsLeft a.heading {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0px 0 11px 0;
	color: #ffffff;	
}

.previewDvdsLeft p {
	line-height: 15px;	
}

.previewDvdsRight {
	width: 573px;
	float: right;	
}

.dvdScenesBox {
	width: 573px;
	float: left;
	margin: 0 0 20px 0;	
}

.dvdScenesImgs {
	width: 379px;
	float: left;	
}

.dvdScenesImgs a {
	float: left;	
}

.dvdScenesImgs a img {
	display: block;	
}

.dvdScenesInfo {
	width: 178px;
	float: right;	
}

.dvdScenesInfo a.heading {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	display: block;
	margin: 0 0 6px 0;	
}

.dvdScenesInfo p {
	font-size: 11px;
	line-height: 13px;	
}

.dvdScenesInfo a.more {
	font-size: 11px;
	font-weight: bold;
	color: #d7cf02;
	text-decoration: underline;
	display: block;
	margin: 15px 0 0 0;	
}

/*preview bonus box*/

.previewBonusBox {
	width: 920px;
	float: left;
	margin: 0 0 35px 0px;	
}

.bonusBox {
	width: 916px;
	float: left;
	margin: 0 0 30px 32px;
	position: relative;	
}

.bonusBox a {
	float: left;	
}

.bonusBox a img {
	display: block;	
}

.badge {
	width: 236px;
	height: 78px;
	position: absolute;
	top: 5px;
	left: -53px;	
}

/*----// wm //----*/

.wmBox {
	width: 980px;
	float: left;	
}

.wmBoxLeft {
	width: 343px;
	float: left;	
}

.wmBoxLeft img {
	display: block;	
}

.wmBoxRight {
	width: 637px;
	float: right;	
}

.wmBoxRightTop {
	width: 637px;
	height: 408px;
	background: transparent url(../images/bg_wm_top.jpg) no-repeat top left;
	padding: 72px 0 0 0;	
}

.wmBoxRightTop h3 {
	margin: 0px 0 19px 69px;	
}

.wmBoxRightTop h3 a {
	font-size: 24px;
	font-weight: bold;
	color: #dae800;
	text-decoration: none;	
}

.wmBoxRightTop p {
	color: #e3e3e3;
	font-size: 14px;
	line-height: 17px;
	margin: 0 60px 25px 69px;	
}

.wmBoxRightTop p span {
	font-weight: bold;	
}

.wmBoxRightTop p a {
	color: #dae800;
	text-decoration: underline;	
}

.wmBoxRightBottom {
	width: 637px;
	height: 90px;
	background: transparent url(../images/bg_wm_bottom.jpg) repeat-x top left;
	position: relative;	
}

.wmBoxRightBottom a.btnWm {
	width: 503px;
	height: 112px;
	display: block;
	background: transparent url(../images/btn_wm.gif) no-repeat top left;
	cursor: pointer;
	position: absolute;
	top: -30px;
	left: 69px;
}

.wmBoxRightBottom a.btnWm span {
	display: none;	
}


/*----// join //----*/

/*footer*/

.footerImgBoxJoin {
	width: 920px;
	float: left;
	margin: 0 0 50px 0;
	padding: 60px 30px 28px 30px;
	background: #0c0c0c url(../images/bg_join_footer.jpg) no-repeat top left;	
}

.footerImgBoxJoin p {
	font-size: 10px;
	color: #9e9e9e;
	line-height: 11px;
	margin: 0 0 13px 0;	
}

/*content box*/

.joinBox {
	width: 980px;
	float: left;	
}

.joinBoxBottom {
	width: 980px;
	float: left;	
}

.joinBoxBottomImg {
	width: 351px;
	float: left;	
}

.joinBoxBottomImg img {
	display: block;	
}

.joinBoxBottomContent {
	width: 629px;
	height: 320px;
	float: right;
	background: transparent url(../images/bg_join_exclusive_box.jpg) no-repeat top left;	
}

.joinBoxBottomContent p {
	font-size: 12px;
	line-height: 15px;
	color: #bababa;
	margin: 126px 35px 45px 10px;	
}

.uaBox {
	width: 560px;
	margin: 0 0 0 10px;	
}

.uaBox p {
	margin: 5px 0px 0px 0px;		
}

.uaBox a {
	color: #cad600;
	font-weight: bold;
	text-decoration: underline;	
}

.uaBox a.support {
	width: 60px;
	height: 40px;
	display: block;	
	float: left;
}

.uaBox a.support span {
	display: none;	
}

.uaBox a.login {
	width: 60px;
	height: 40px;
	display: block;	
	float: left;
}

.uaBox a.login span {
	display: none;	
}

.uaBoxSupport {
	width: 560px;
	height: 40px;
	background: transparent url(../images/icon_join_support.gif) no-repeat top left;
	padding: 0 0 0 0px;
	margin: 0 0 15px 0;	
}

.uaBoxLogin {
	width: 560px;
	height: 40px;
	background: transparent url(../images/icon_join_login.gif) no-repeat top left;
	padding: 0 0 0 0px;	
}


/*packages*/

.joinBoxTop {
	width: 980px;
	float: left;	
}

.packageClassic {
	width: 346px;
	float: left;
	position: relative;
}

.packageClassic img {
	display: block;	
}

.packageClassic p {
	color: #c1c1c1;
	position: absolute;
	top: 28px;
	left: 33px;
	margin: 0 15px 0 0;
	line-height: 15px;	
}

.packageClub {
	width: 261px;
	float: left;	
}

.packageClub img {
	display: block;	
}

.packageVip {
	width: 373px;
	float: right;	
}

.packageVip img {
	display: block;	
}

/*----// paygate //----*/

.paygateBox {
	width: 980px;
	height: 1680px;
	margin: 0 auto;
	background: transparent;	
}