@charset "UTF-8";
/* CSS Document - Basic */
/* Created by Tim Jagusch, Infocus Media GmbH */

*{ margin: 0; padding: 0; } /* Margin und Padding-Werte fuer alle Elemente auf 0 setzen */

.clear-this{ clear: both; }

body{ background: #ff9a0d; }

#page{ width: 951px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 30px auto; background: #f8ea05; }

#shop-links{ height: 18px; font-size: 11px; color: #333; text-align: right; }
#shop-links ul{ float: right; list-style: none; width: 230px; margin: 0 11px 0 0; }
#shop-links ul li{ display: inline; margin: 0 0 0 10px; }
#shop-links ul li a{ color: #333; }

#shop-selection{ height: 35px; background: #1d1d1d; }
#shop-selection ul{}
#shop-selection ul li{ list-style: none; float: left; margin: 7px 25px 0 25px; text-transform: uppercase; }
#shop-selection ul li a{ display: block; color: #FFF; text-transform: uppercase; text-decoration: none; }

#header{ height: 82px; background: url(img/header.gif) no-repeat #f8ea05; }
#header a{ display: block; height: 82px; width: 400px; text-decoration: none; }
#header a span{ display: none; }

#column1, #column2, #column3{ float: left; }
#column1, #column3{ width: 160px; padding: 10px 0 0 0; }
#column1 .box, #column3 .box{ border: 1px solid #1d1d1d; background: #feff59; margin: 0 0 21px 0;  }
#column1 .box h2, #column3 .box h2{ 
color: #FFF; 
font-size: 14px; 
font-weight: bold;
background: #1d1d1d;
font-weight: normal;
padding: 5px;
text-transform: uppercase;
}
#column1 .box .holder, #column3 .box .holder{
width: 145px;
font-size: 13px;
padding: 10px 5px 10px 5px;
margin: 0 auto 10px auto;
color: #1d1d1d;
}
#column1 .box .holder, #column3 .box .holder a{ color: #1d1d1d; }
#column1 .box .holder, #column3 .box .holder a img{ border: none; }

#column1 #navigation{}
#column1 #navigation li{ list-style: none; margin: 8px 0 0 0; }
#column1 #navigation li a.btn-1,
#column1 #navigation li a.second-b,
#column1 #navigation li a.second{ 
display: block; 
background: #f89909; 
text-decoration: none; 
color: #1d1d1d; 
padding: 7px 0 0 20px; 
height: 26px; 
font-size: 15px;
text-transform: uppercase;
}
#column3 .box .input_email, #column3 .box .input_password, #column3 .box .input-box{ width: 142px; }
#column1 .box .frm-input input{ width: 107px; height: 15px; }
#column1 .box .frm-submit{ float: right; }
.box{ color: #1d1d1d; }
.box .frm-input .label{ color: #1d1d1d !important; }
.box a{ font-size: 10px; color: #1d1d1d; text-decoration: none; display: block; margin: 10px 0 0 0; }


/* Submenues */

/* Categories Games*/
#navigation ul#CatNavi { list-style: none; padding: 2px 0 0; margin: 0; font-size: 13px; line-height: 28px; }
#navigation ul#CatNavi li{ margin: 0 0 1px 0; }
#navigation ul#CatNavi .CatLevel1 a{ background: #1d1d1d; height: 32px; padding: 0 0 0 20px; display: block; color: #FFF; font-weight: bold; text-decoration: none; }
ul#CatNavi .SubMenue ul{ display: none; }
ul#CatNavi .CurrentParent ul{ display: block; }
ul#CatNavi .CatLevel2 a{ background: none; margin: 0 0 0 30px; }
ul#CatNavi .CatLevel2 a{ background: none; }
ul#CatNavi .CurrentParent ul .Current{ font-style:	italic; }
ul#CatNavi .Current ul{ display: block; margin: 0 0 0 -23px; }
ul#CatNavi .SubMenue ul{ margin: 0 0 15px 0; }
ul#CatNavi .SubMenue ul li{ clear: both; }
ul#CatNavi .SubMenue ul li a{ background: none ! important; padding: 5px 0 5px 0 ! important; width: auto! important; height: 15px ! important; color: #1d1d1d; }

/* Categories Movies*/
#navigation ul#CatNaviMovie { list-style: none; padding: 2px 0 0; margin: 0; font-size: 13px; line-height: 28px; }
#navigation ul#CatNaviMovie li {margin: 0 0 1px 0;}
#navigation ul#CatNaviMovie .CatLevel1 a{ background: #1d1d1d; height: 32px; padding: 0 0 0 20px; display: block; color: #FFF; font-weight: bold; text-decoration: none; }
ul#CatNaviMovie .SubMenue ul{ display: none; }
ul#CatNaviMovie .CurrentParent ul{ display: block; }
ul#CatNaviMovie .CatLevel2 a{ background: none; margin: 0 0 0 30px; }
ul#CatNaviMovie .CurrentParent ul .Current{ font-style:	italic; }
ul#CatNaviMovie .Current ul{ display: block; margin: 0 0 0 -23px; }
ul#CatNaviMovie .SubMenue ul{ margin: 0 0 15px 0; }
ul#CatNaviMovie .SubMenue ul li{ clear: both; }
ul#CatNaviMovie .SubMenue ul li a{  background: none ! important; padding: 5px 0 5px 0 ! important; width: auto! important; height: 15px ! important; color: #1d1d1d !important; }

#column2{ width: 592px; margin: 10px 19px 0 19px; }
/* IE 6 HACK */
* html #column2{ width: 592px; margin: 10px 10px 0 10px; }
#column2 h1{ 
font-size: 16px; 
font-weight: normal; 
background: #1d1d1d; 
border: 1px solid #1d1d1d;
padding: 3px 0 3px 0; 
color: #FFF; 
height: 21px;
margin: 0 0 20px 0;
text-align: center;
text-transform: uppercase;
}

/* Specific */
#column2{ font-size: 12px; color: #1d1d1d; }
#column2 h1 .must{ float: right; margin: 0 19px 0 0; color: #FFF; font-weight: normal; font-size: 12px; }
#column2 h1 small{ float: right; margin: 0 19px 0 0; color: #FFF; font-weight: normal; }
#column2 h1 .link{ font-size: 12px; color: #2652f9; padding: 3px 0 0 0; }
#column2 h1 .link a{ color: #FFF; }
#column2 h1 .eyecatcher{ color: #990000; }
#column2 h1 .q-link{ text-decoration: none; }
#column2 h1 .link, #column2 h3 .link{ float: right; margin: 0 19px 0 0; color: #FFF; font-weight: normal; }
#column2 .comment{ padding: 10px; border-bottom: 1px solid #CCC; background: #EEE; margin: 0 0 10px 0; }
#column2 h3{ color: #1d1d1d; font-size: 14px; border-bottom: 1px solid #1d1d1d; margin: 0 0 5px 0; }
#column2 h3 .small-info{ color: #000; font-size: 12px; font-style: italic; font-weight: normal; float: right; }
#column2 h5 .small-info{ color: #000; font-size: 12px; font-style: italic; font-weight: normal; }
#column2 .account-adress{ margin: 0 0 25px 0; }
#column2 p{ margin: 0 0 10px 0; }
#column2 .account-adress p{ margin: 0; }
#column2 .info-message{ border: 1px solid #CCC; background: #EEE; padding: 5px; font-size: 11px; margin: 10px 0 10px 0; }
#column2 .info-message-i{ border: 1px solid #FFF; background: #990000; padding: 5px; font-size: 11px; font-weight: bold; color: #FFF; margin: 10px 0 10px 0; }
#column2 .link-listing li{ list-style-image: url(img/arrow_right.gif); }
#column2 .form{ /* Anweisungen fuer Forms innerhalb des Content-bereichs */ }
#column2 .form label{ float: left; color: #1d1d1d; font-size: 13px; width: 140px; }
#column2 .form .input-box{ float: left; width: 400px; height: 23px; margin: 2px 0 0; }
#column2 .form .input-box input, #column2 .form .input-box select{ width: 152px; }
#column2 .row{ margin: 0 0 10px 0; clear: both; }
#column2 .cal{ background: url(img/sym-cal.gif) left no-repeat; width: 100px; }
#column2 .row input[type="button"]{ background: url(img/sym-cal.gif) left no-repeat; width: 100px; }
#column2 .left{}
#column2 .right{ float: right; }
#column2 .left2{ width: 260px; }
#column2 .right2{ float: right; width: 260px; }
/* start product-navigator */
#column2 .row .first a{ text-decoration: none; }
#column2 .row .previous a{ text-decoration: none; }
#column2 .row .next a{ text-decoration: none; }
#column2 .row .last a{ text-decoration: none; }
#column2 .stop{ border: 1px solid #670000; padding: 5px; background: #FFCFCF; color: #670000; font-weight: bold; text-align: center; }
/* start account */
#column2 .account-products-history{ margin: 0 0 15px 0; }
#column2 .account-products-history ul li{ margin: 0 0 15px 0; }
#column2 .account-products-history .products-image{ border: 1px solid #1d1d1d; padding: 2px; background: #FFF; float: left; margin: 0 10px 0 0; width: 100px; }
#column2 .account-products-history .products-image img{ width: 100px; }
#column2 .account-products-history .products-info{ float: left; width: 350px; margin: -18px 0 0 0; }
/* IE Hack -> IE7 */
*+html #column2 .account-products-history .products-info{ width: 320px; margin: 0; }
/* IE Hack -> IE6 */
* html #column2 .account-products-history .products-info{ width: 320px; margin: 0; }
#column2 .also-purchased{ width: 561px; list-style: none; margin: 0; padding: 0; }
/* IE Hack -> IE6 */
* html #column2 .also-purchased{ width: 550px; margin: 0 0 0 0; }
#column2 .also-purchased li{ float: left; margin: 0 12px 5px 0; }
/* IE Hack -> IE6 */
* html #column2 .also-purchased li{ margin: 0 8px 5px 0; }
#column2 .also-purchased li .holder{ width: 165px; height: 170px; background: #FFF; border: #1d1d1d; text-align: center; padding: 5px; }
#column2 .also-purchased li .holder img{ width: 100px; clear: both; }
#column2 .main-content-module{ clear: both; margin: 0 0 10px 0; text-align:center; }
#column2 .main-content-module #master-teaser{ text-align: center; padding: 10px 10px 10px 10px; margin: 0 0 5px 0; }
#column2 .main-content-module #game-teaser{ padding: 10px 10px 10px 10px; margin: 0 0 5px 0; background: url(img/game-bg.gif) no-repeat top; color: #FFF; line-height: 18px; height: 243px; }
#column2 .main-content-module #game-teaser img{ border: 1px solid #004F00; padding: 2px; background: #FFF; margin: 0 6px 0 0; }
#column2 .main-content-module #game-teaser a{ font-size: 18px; color: #004F00; text-decoration: none;}
#column2 .product_navigation{ text-align: center; }
#column2 .product_navigation a{ color: #1d1d1d; }
/* Media-Links */
.media-link img{ border: none; width: 30px; height: 30px; overflow: hidden; }

#column2 #main-content ul{ margin: 0 0 10px 25px; }

/* Produkt-Seiten */
.button-shop-now { display: block; background: url(img/ampel-green.gif) no-repeat; width: 30px; height: 30px; color: #14FF19; border: none; text-indent: -99999px; cursor: pointer; }
.button-rent{ display: block; background: url(./buttons/german/rent.gif) no-repeat; width: 120px; height: 30px; border: none; text-indent: -99999px; cursor: pointer; }
.button-buy-used{ display: block; background: url(./buttons/german/buy-used.gif) no-repeat; width: 120px; height: 30px; border: none; text-indent: -99999px; cursor: pointer; }
.button-buy-new{ display: block; background: url(./buttons/german/buy-new.gif) no-repeat; width: 120px; height: 30px; border: none; text-indent: -99999px; cursor: pointer; }
.tl{ float: left; margin: 0 7px 0 0; }
.price{ width: 165px; padding: 5px 0 0 0; }
.product_listing h3 a{ text-decoration: none; color: #1d1d1d; }
#main-content h3{ color: #1d1d1d; }
.product_listing{ margin-bottom:25px; padding-bottom:25px; font-size: 13px; position:relative; }
* html .product_listing{ padding-bottom:40px; }
.product_listing .content_cover{  }
.product_listing .chart-position{  position: absolute;  top: -7px; left: -13px;  width: 35px; height: 25px; background: url(img/chart-pos.png) no-repeat; color: #00519E;  padding: 5px 0 0 0; font-size: 15px; font-weight: bold; text-align: center;
}
#main-content a, .product_listing a{ color: #1d1d1d; }
.product_navigation{ margin-bottom: 5px; font-size: 10px; color: #1d1d1d; padding-bottom: 5px; border-bottom: 1px solid  #1d1d1d; }
.scene_image{ width: 60px; height: 60px; float: left; margin: 0px 5px 5px 0px; border: 1px solid #FFF; }	
.scene_image:hover{ border: 1px solid #1d1d1d; }
.scene_image img{width: 60px;height: 60px; }
#main-content .text-input{ border: 1px solid #1d1d1d; background: #EEE; padding: 3px; }	
#main-content .text-input textarea, #main-content .text-input input{ width: 480px; border: none; background: none; }
#main-content img{ border: none; }
#main-content .box-info-message{ border: 1px solid #999; background: #F8C2C7; font-size: 12px; font-weight: bold; padding: 5px; margin: 0px 0px 15px 0px; }
#main-content .box-info{ font-size: 12px; }
#main-content .left-col{ float: left; width: 130px; }
.content_cover, .content_cover_cart{ margin: 0px 4px 0px 0px; border: 1px solid #1d1d1d; padding:2px; background: #FFF; }
#zoom{ display:none; text-align: right; }
#trailer{ background: url(./img/play.gif) no-repeat right center #FFF;  border: 1px solid #BFD3EC;  margin:10px 0 0 0;  width:120px;  padding: 2px;  display: block; text-decoration: none; color: #BFD3EC; font-weight: bold; }
.content_cover:hover #zoom{ display: block; }
.content_cover img{ border: none; width: 120px; }
.content_cover_cart img{ border: none; width: 35px }
#zoom img{ width: 20px; height: 20px; }
.content_information{ float: left; width: 460px; line-height: 18px; }	
.content_information h3{ margin: 0px 0px 5px 0px; color: #2652f9; }	
.product_overview{ margin: 10px 0px 0px 0px; }
.product_lable{ float: left; width: 70px; color: #1d1d1d; }	
.product_content{ float: left; width: 350px; }
.clear_this{ clear: both; }

/* Start Upcoming Products */
.inner-heading{ margin: 35px 0px 0px 0px; font-weight: bold; color: #1d1d1d; clear: both; }
.upcoming{ padding: 8px; }
.upcoming_title{ width: 350px; float: left; padding: 5px; }
.upcoming_date{ width: 150px; float: left; padding: 5px; }

/* Start Product-Info */
.text-holder{ position: relative; overflow: hidden; line-height: 20px; }
#player{ width: 300px; position: absolute; top: 25%; left: 25%; background: #FFF; border: 2px solid #BFD3EC; padding: 10px; text-align: right; }
.player-listing{ width: 300px; position: absolute; top: 10%; left: 25%; background: #FFF; border: 2px solid #BFD3EC; padding: 10px; text-align: right; z-index: 1000; }
#player .close_link a, .player-listing .close_link a{ display: block; margin: 10px 0 0 0; padding: 2px 25px 2px 2px; background: url(./img/close.gif) no-repeat right center; color: #BFD3EC; font-weight: bold; text-decoration: none;
}

/*start list*/
#list, #list-vod { float: left; list-style: none; padding: 0 0 19px 0; margin: 0 0 25px -2px; font-size: 12px; font-weight: normal; color: #1d1d1d; }
#list-vod{ margin: 0 0 25px 20px; }
#list li { float: left; margin: 9px 0 0 1px; display: inline; width: 145px; height: 261px; position: relative; text-align: center; border: 1px solid #1d1d1d; background: #feff59; }
#list-vod li{ float: left; margin: 9px 25px 35px 25px; display: inline; width: 210px; height: 200px; position: relative; text-align: center; }
#list li a{ margin: 2px auto 20px; display: block; width: 140px; height: 195px; background-color: #feff59; }
#list li img {font-size: 0;float: left; width: 140px;}
#list li a img{ border: none; }
#list li .neu { position: absolute; top: 141px; left: 70px; background: url(./img/neu-ico.png) no-repeat; width: 63px; height: 61px; text-indent: -9999px; overflow: hidden; }
#list li .v-date { position: absolute; top: 141px; left: 40px; background: #EEE; border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 3px; font-size: 12px; width: 85px; color: #333; overflow: hidden; }
#list li .special { position: absolute; top: 115px; left: 40px; background: url(./img/special-ico.png) no-repeat; width: 76px; height: 60px; overflow: hidden; color: #FFF; padding: 40px 12px 0 12px; }
#list li .special_used { position: absolute; top: 115px; left: 40px; background: url(./img/used-ico.png) no-repeat; width: 76px; height: 60px; overflow: hidden; color: #FFF; padding: 40px 12px 0 12px; }
#list li .title { display: block; text-align: center; color: #ff9f22; padding: 0 5px; border: none; background: none; font-weight: bold; text-decoration: none; height: 34px; overflow: hidden; }
#list-vod li .title { display: block; text-align: center; color: #2652f9; padding: 0 5px 0 0; border: none; background: none; text-decoration: none; height: 46px; overflow: hidden; }
.vod-teaser{ padding: 20px; color: #000; font-weight: bold; line-height: 19px; background: url(img/vod-bg.gif) no-repeat center top; height: 105px; text-align: center; }
#list li span.price { font-size: 12px;line-height: 20px;color: #333; }

#column3 .box .frm-input{ margin: 0 0 10px 0; }
#column3 .box .frm-input label{ color: #1d1d1d; font-size: 12px; }

#footer{ height: 30px; background: #1d1d1d; margin: 5px 0 10px 0; }
#footer ul{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; margin: 0 auto; display: block; width: 600px; }
#footer ul li{ float: left; list-style: none; margin: 5px 10px 0 0; padding: 0 10px 0 0; }
#footer ul li a{ text-decoration: none; color: #FFF; }

.copyright{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10px; color: #fff; text-align: center; }
.copyright a{ color: #fff; }

#box_reservation{ float: right; margin: 7px 20px 0 0; color: #FFF; }
#box_reservation .btn{ padding: 2px 5px 2px 5px; background: #333; color: #FFF; text-decoration: none; }
.last-viewed{ width: 145px; }

/* VION - COPYRIGHT */
#vion_copy{ text-align: center; font-size: 12px; color: #FFF; font-family: verdana, arial; margin: 0 0 15px 0; }
#vion_copy a{ text-decoration: none; color: #FFF; }
#vion_copy img{ border: none; }