body{ background:url(../img/layout/body.jpg) repeat-x #E5E5E5; margin:0px; padding:0px; background-position:top left; vertical-align:top;}
body{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size: 11px; color: #333333; line-height:14px;}

.bodyWidth{ width:990px;}

img{border:0;}
a, a:visited{ font-family:Tahoma,Arial,Helvetica,sans-serif; line-height:13px; font-size: 11px; color:#D48515;}
a:hover{ color: #CA2505; text-decoration:none;}
a:active{ color: #DD942D;}
input{ vertical-align:middle;}


#logo{ float:left;}

#mainMenu ul{ text-align:right; margin:26px 0px 0px 0px;}
#mainMenu ul li{ float:left; display:block; background:url(../img/layout/menu_02.gif) no-repeat #C3C1C1; width:97px; height:36px; color:#A2A2A2; margin:14px 0px 0px 0px;}
#mainMenu ul li a{ display:block; width:97px; height:23px; color:#7C7C7C; font-weight:bold; text-align:center; text-decoration:none; padding:13px 0px 0px 0px;}
#mainMenu ul li:hover{ float:left; display:block; background:url(../img/layout/menu_01.gif) no-repeat #FDAB09; width:97px; height:36px; color:white;}
#mainMenu ul li:hover a{ display:block; width:97px; height:36px; color:white; padding:13px 0px 0px 0px;}

#mainForm{ clear:both; margin:0px 0px 0px 19px; padding:32px 0px 0px 0px; font-size:11px; color:#666666;}
#mainForm form{ float:left; margin:0px; padding:0px;}
#mainForm label{ font-weight:bold; margin:0px 6px 0px 0px; vertical-align:middle;}
#mainForm input[type=text]{ border:1px solid #B4B4B4; background-color:#F5F5EA; vertical-align:middle;}
#mainForm input[type=password]{ border:1px solid #B4B4B4; background-color:#F5F5EA; vertical-align:middle;}
#mainForm select{ border:1px solid #B4B4B4; background-color:#F5F5EA; vertical-align:middle;}
#mainForm input[type=image]{ vertical-align:middle;}
#mainForm option.topLevel{ background-color:#ffde83;}

.autocomplete-w1 { background:url(../img/layout/ac-edge.gif) no-repeat 18px 0px; padding:14px 0px 0px 0px; top:2px; position:absolute; z-index:100; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete-w2 {}
.autocomplete { width:300px; border:2px solid #7c7c7c; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#515283; color:white; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:bold; color:#e2a34b; }


.style-r{ color:#C52000;}
.style-k{ color:#DD942D;}
.style-w{ color:#E9E9D1;}

.mainContent{ border:1px solid #7C7C7C; margin:0px 8px 0px 8px;}

h1, .mod02 h1{
	background-image:url(../img/layout/title_bg1.gif);
	padding:10px;
	border-bottom:1px solid white;
	margin:0px;
	font-size:12px;
	text-transform:uppercase;
	color:#FBF9EC;
	font-weight:bold;
}



/* helle content felder */
.mod02{ border:1px solid #7C7C7C; padding:1px; background-color:#ffffff; margin-bottom:10px;}
.mod02 h1{ background-image:url(../img/layout/title_bg1.gif); padding:10px; border-bottom:1px solid white; margin:0px; font-size:12px;
	text-transform:uppercase; color:#FBF9EC; font-weight:bold;}
.mod02 h2{ font-size:13px; font-weight:bold;}
.mod02 .comContent, .lightMod .novContent, .lightMod .chartContent{
/*	background-image:url(../img/layout/tab.gif);*/ 
	background-repeat:repeat-x;	
	border-top:4px solid #C3C1C1;
	padding:10px;
}
.mod02 .top3chartPreview{ width:50px; border:1px solid black; margin:0px 3px 0px 0px;}

.mod02 ul{ margin:-3px; padding:0px;}
.mod02 li{ display:block; background-color:#D8D8D8; border-left:5px solid #CECECE; margin:0px 0px 2px 0px;}
.mod02 li:hover{ display:block; background-color:#F49800; border-left:5px solid #B71E01; margin:0px 0px 2px 0px;}
.mod02 li a{ display:block; width:165px; color:#4B4C7A; padding:2px 2px 2px 10px; font-weight:bold; text-decoration:none;}
.mod02 li:hover a{ display:block; color:white; padding:2px 2px 2px 10px; font-weight:bold;}
.mod02 li.new{ display:block; background:url(../img/layout/menu01li_new.gif) no-repeat top right #D8D8D8; border-left:5px solid #CECECE; margin:0px 0px 2px 0px;}
.mod02 li.new:hover{ display:block; background:url(../img/layout/menu01li_new_hover.gif) no-repeat top right #F49800; border-left:5px solid #B71E01; margin:0px 0px 2px 0px;}

.mod02extra{ border:1px solid #7C7C7C; padding:1px; background-color:#ffffff; margin-bottom:10px;}
.mod02extra form.formNewsletterContent label{ background-image:url(../img/layout/title_bg1.gif); padding:10px; border-bottom:1px solid white; margin:0px; font-size:12px;
	text-transform:uppercase; color:#FBF9EC; font-weight:bold; display:block;}
.mod02extra form.formNewsletterContent div{ background-repeat:repeat-x; border-top:4px solid #C3C1C1; padding:10px;}
.mod02extra form.formNewsletterContent input[type=text]{ width:115px;}

/* dunkle content felder */
.mod01 .movieRelations ul li img{ border:1px solid black; margin:0px 7px 10px 0px; float:left;}
.mod01 .movieRelations li{ border:0px; background-color:#CECECE; clear:left;}
.mod01 .movieRelations li:hover{ border:0px; background-color:#CECECE;}
.mod01 .movieRelations li a{ padding:0px; font-family:tahoma; line-height:13px; font-size:11px; color:#4B4C7A; font-weight:normal; text-decoration:underline;}
.mod01 .movieRelations li:hover a{ padding:0px; color: #DD942D; text-decoration:none; font-weight:normal;}
.mod01 .movieRelations .comFoot{ clear:left;}
.mod01 .top3chartPreview{ width:50px; border:1px solid black; margin:0px 3px 0px 0px;}

.mod01{ border:1px solid #7C7C7C; padding:1px; background-color:#CECECE; margin-bottom:10px;}
.mod01 a{ font-family:tahoma; line-height:13px; font-size:11px; color:#4B4C7A;}
.mod01 a:hover{ color: #DD942D; text-decoration:none;}
.mod01 h1{ background-image:url(../img/layout/title_bg2.gif); padding:10px; border-bottom:1px solid #CECECE; margin:0px; font-size:12px;
	text-transform:uppercase; color:white; font-weight:bold;}
.mod01 .comContent{ border-top:4px solid #FFB008; padding:10px; color:black;}

.mod01 ul{ margin:-3px; padding:0px;}
.mod01 li{ display:block; background-color:#C3C1C1; border-left:5px solid #A2A2A2; margin:0px 0px 2px 0px;}
.mod01 li:hover{ display:block; background-color:#F49800; border-left:5px solid #B71E01; margin:0px 0px 2px 0px;}
.mod01 li.new{ display:block; background:url(../img/layout/menu01li_new.gif) no-repeat top right #C3C1C1; border-left:5px solid #A2A2A2; margin:0px 0px 2px 0px;}
.mod01 li.new:hover{ display:block; background:url(../img/layout/menu01li_new_hover.gif) no-repeat top right #F49800; border-left:5px solid #B71E01; margin:0px 0px 2px 0px;}
.mod01 li a{ display:block; width:165px; color:#4B4C7A; padding:2px 2px 2px 10px; font-weight:bold; text-decoration:none;}
.mod01 li:hover a{ display:block; width:100%; color:white; padding:2px 2px 2px 10px; font-weight:bold;}

.mod01 form.formNewsletterContent input[type=text]{ width:115px;}

/* heller main content */
.com01{ padding:1px; background-color:#ffffff;}
.com01 .comContent{ padding:10px;}
/*
.com01 h1, .com01 .comHead{ background-image:url(../img/layout/title_bg1.gif); padding:10px 0px 0px 0px; border-bottom:1px solid white; margin:0px 0px 0px 0px; font-size:12px; text-transform:uppercase; color:white; font-weight:bold;}
.comHead .h1{ padding:0px 10px 2px 10px;}

.com01 .comHead a{ color:white;}
*/
.com01 .comContent h1{ margin:-10px -10px 0px -10px; border-bottom:1px solid white;}

.com01 .comHead{ background:url(../img/layout/title_bg1.gif); padding:0px; border-bottom:1px solid #d0d0d0; margin:0px 0px 8px 0px; font-weight:bold;}
.com01 .comHead .h1, .com01 .comHead h1{ margin:0px 0px 0px 0px; color:white; padding:8px; font-size:12px; text-transform:uppercase;}
.com01 .pageNavi{ background:#c3c1c1; border-top:1px solid white; padding:0px 4px 0px 4px; color:#4b4c7a;}
.com01 .pageNavi form{ padding:2px 0px 2px 0px; margin:0px;}
.com01 .pageNavi form select{ vertical-align:middle;}

.com01 .comCharts .comHead .h1{ padding:4px;}

.com01 .letterNavi{ border-top:1px solid white; border-bottom:1px solid white; font-size:11px;}
.com01 .letterNavi td.a1 a:link, .com01 .letterNavi td.a1 a:visited{ background-color:#d0d0d0; display:block; border-right:1px solid white; height:16px; color:black; text-align:center; padding-top:3px; text-decoration:none;}
.com01 .letterNavi td.a1 a:hover{ background-color:#FEA616; height:16px; color:white; text-decoration:none;}
.com01 .letterNavi td.a2 a:link, .com01 .letterNavi td.a2 a:visited{ background-color:#e0e0e0; border-right:1px solid white; text-align:center; height:16px; display:block; color:#4b4c7a; text-decoration:none; min-width:15px; padding-top:3px;}
.com01 .letterNavi td.a2 a:hover{ background-color:#f49800; display:block; border-right:1px solid white; color:white; text-align:center; text-decoration:none;}
.com01 .letterNavi td.a3{ background-color:#e0e0e0; border-right:1px solid white; text-align:center; height:16px; color:silver; text-decoration:none; min-width:15px;}
.com01 .letterNavi td.a3 a:link, .com01 .letterNavi td.a3 a:visited{ background-color:#e0e0e0; text-align:center; height:16px; display:block; color:silver; text-decoration:none; min-width:15px; padding-top:3px;}
.com01 .letterNavi td.a3 a:hover, .com01 .letterNavi td.a3:hover{ background-color:#FEA616; height:16px; color:silver; text-decoration:none; min-width:15px;}



.com01 .comCharts .chartName{ font-size:12px; font-weight:bold;}
.com01 .comCharts .rank{ font-size:14px; font-weight:bold; color:#E54607; padding-bottom:12px;}
.modChart .comContent h2{ margin:4px 0px 8px 0px;}

.com01 .comFilminfo .specialIcons img{ text-align:right; padding:10px 5px 0px 0px;}
.comFilminfo .comContent .oResInfo{ background:url(../img/layout/tab.gif) repeat-x; background-position:bottom; background-color:white; border:1px solid #AEADAD;}
.comFilminfo .comContent .oResInfo th{ background:url(../img/layout/title_bg1.gif); background-color:#AF5B00; color:white; text-align:center; padding:3px;}
.comFilminfo .comContent .oResInfo img{ border:0px; margin:0px;}
.comFilminfo .comContent .oSaleInfo{ background:url(../img/layout/tab.gif) repeat-x; background-position:bottom; background-color:white; border:1px solid #AEADAD; margin-bottom:15px;}
.comFilminfo .comContent .oSaleInfo th{ background:url(../img/layout/title_bg1.gif); background-color:#AF5B00; color:white; text-align:center; padding:3px;}
.comFilminfo .comContent .oSaleInfo td{ text-align:center;}

.comCart .comContent .oSaleInfo{ background:url(../img/layout/tab.gif) repeat-x; background-position:bottom; background-color:white; border:1px solid #AEADAD; margin-bottom:15px;}
.comCart .comContent .oSaleInfo th{ background:url(../img/layout/title_bg2.gif) #5C5C83; color:white; text-align:center; padding:3px;}
.comCart .comContent .oSaleInfo td{ text-align:center;}
.com01 .comMovieSale .comContent .priceInfo { text-align:center; border:1px solid #D0D0D0; background-color:#E0E0E0; padding:9px 5px 9px 5px;}

.com01 .comContent .coverDiv{ position:relative; margin:0px 10px 8px 0px;}
.com01 .comContent .coverImage{ border:1px solid black;}
.com01 .comContent .coverButton img{ border:0px; padding:0px; margin:0px 6px 12px 0px;}
.com01 .comContent .fsk{ position:absolute; bottom:3px; right:3px; border:0px;}
.com01 .comContent .coverZoom{ position:absolute; bottom:3px; left:3px; border:0px;}
.com01 .comContent .ico{ border:0px; padding:0px; margin:0px;}
.com01 .comContent .iconTrailer{ border:0px; padding-left:130px;}
.com01 .comContent .icoHelp{ border:0px; vertical-align:middle; cursor:help; margin:0px 0px 0px 6px;}
.com01 .comContent .icoMovieAvailable{ color:#068100;}

.com01 .comContent .scmsCompDescriptionDiv{ margin-bottom:25px;}
.com01 .comContent .scmsCompResponseForm{ background-color:#e5e5e5; border:1px solid silver; padding:12px; margin:8px 0px 8px 0px;}
.com01 .comContent .scmsCompResponseForm div{ padding-bottom:8px;}
.com01 .comContent .scmsCompResponseForm input[type=radio]{ vertical-align:middle;}
.com01 .comContent .scmsCompResponseForm label{ vertical-align:middle; margin-left:6px; font-weight:bold;}

.com01 .infoBox{ padding:6px; border:1px solid silver; margin:0px 0px 12px 0px; background-color:#FFDEB1;}

.com01 .comFrontpage{ padding:10px;}
.com01 .frontpageTd{ border:1px solid #AEADAD; padding:1px;}
.com01 .frontpageMod{ background-image:url(../img/layout/tab.gif); background-repeat:repeat-x; border-top:4px solid #C3C1C1; padding:10px;}

.com01 .comContent .mTitle{ font-weight:bold;}

.topButton a:link, .topButton a:visited{
	background:url(../img/layout/menu_02.gif) #DBD7AB;
	display:block;
	height:24px;
	color:#8E814C;
	font-family:verdana;
	font-weight:bold;
	text-align:center;
	padding-top:12px;
	text-decoration:none;
	font-size: 11px;
}
.topButton a:hover{
	background:url(../img/layout/menu_01.gif) #C31E00;
	height:24px;
	color:#E9E9D1;
	font-family:verdana;
	font-weight:bold;
	text-align:center;
	padding-top:12px;
	text-decoration:none;
	font-size: 11px;
}

#footer{ color:#777777; margin-top:10px; padding-top:28px; padding-bottom:13px; text-align:center; background-image:url(../img/layout/footer.gif); background-repeat:repeat-x; background-position:bottom; border-bottom:1px solid #ACACAC;}
#footer a{ font-family:tahoma; line-height:13px; font-size:11px; color:#4B4C7A;}
#footer a:hover{ color: #DD942D; text-decoration:none;}


/* lightbox */
#lightbox{ position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img{ border:none;}
#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer{ padding:10px;}
#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{ width:49%; height:100%; background:transparent url(../../../includes/js/lightbox/img/blank.gif) no-repeat; display:block;}
#prevLink{ left:0; float:left;}
#nextLink{ right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover{ background:url(../../../includes/js/lightbox/img/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{ background:url(../../../includes/js/lightbox/img/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;}
#imageData{	padding:0 10px; color:#666; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }	
#imageData #caption{ font-weight:bold;	}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;	}			
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em;	}	
#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000;}

/* forms */
form.f1{ padding-bottom:8px;}
form.f1 input, form.f1 select{ margin:3px;}
form.f1 label, form.f1 .helpIcon{ margin:5px 3px 3px 3px;}
form.f1 label.l{ float:left; text-align:left; width:150px; margin-right:.3em; font-weight:bold;}
form.f1 input[type=text], form.f1 select{ float:left;}
form.f1 input.r{ float:left; width:auto; clear:both; margin-left:5.3em; margin-right:.3em;}
form.f1 input[type=checkbox].r, form.f1 input[type=radio].r, form.f1 input[type=submit].r{ margin-left:6.3em;}
form.f1 textarea{ margin:3px; float:left;}
form.f1 br{ clear:both;}
form.f1 .block br{ clear:none;}