body { background:url(../img/layout/bg.gif) repeat-x #616878; padding:10px 20px 10px 20px; margin:0px; font-family:tahoma; font-size:12px; color:#444954; vertical-align:top;}
td,th { font-family:verdana, tahoma, arial; font-size:12px; color:#444954;}

a, a:visited{ font-family:tahoma; font-size:12px; color:#1F639A;}
a:hover{ color: #C11616; text-decoration:none;}
a:active{ color: #DD942D;}
input, button, select{ vertical-align:middle;}

/* yellow */
.yellowMod{
	background-color:#FFC000; background-image:url(../img/layout/mod_yellow01.gif); padding:8px; background-repeat:no-repeat; background-position:left top; font-size:12px; width:184px;
}
.yellowMod h2{
	margin-bottom:2px;
	margin-top:8px;
	font-size:12px;
	color:#444954;
	font-weight:bold;
}
.yellowMod form{
	margin:0px;
}

.formCustomerLogin .loginStore{ width:148px;}

.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:#c11616; color:white; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:bold; color:#e2a34b; }


/* yellow */
.mod01a{ background-image:url(../img/layout/mod_yellow02.gif); background-repeat:repeat-y;}
.mod01c{ background-image:url(../img/layout/mod_yellow03.gif); padding:8px; background-repeat:no-repeat; height:4px;}
.mod01{ background-image:url(../img/layout/mod_yellow01.gif); padding:8px; background-repeat:no-repeat; background-position:left top; font-size:12px; width:184px;}
.mod01 h2{ margin-bottom:2px; margin-top:8px; font-size:12px; color:#444954; font-weight:bold;}
.mod01 form{ margin:0px;}

/* light */
h1, .h1{ padding-bottom:5px; border-bottom:2px solid #C11616; margin:0px; font-size:14px; color:#444954; font-weight:bold;}
.h1 td{ padding:0px; margin:0px; font-size:14px; color:#444954; font-weight:bold;}

.lightMod .h1{ padding-bottom:5px; margin:0px; font-size:14px; color:#444954; font-weight:bold;}
.lightMod .newsContent, .lightMod .novContent, .lightMod .chartContent, .frontpageMod{ padding:8px; background-color:#E0E0E0; border-top:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0;}

/* com content felder */
.comContent{ padding:10px 0px 0px 0px;}
.lightMod{ margin-bottom:8px;}
.lightMod .comContent{padding:0px; margin:0px 0px 8px 0px;}
.lightMod .navContent, .lightMod .cuNavContent{ margin-bottom:25px;}
.lightMod .top3chartPreview{ width:55px; border:1px solid black; margin:0px 3px 0px 0px;}

.lightMod .modChart .comContent img{ vertical-align:middle;}

.lightMod .movieRelations .comContent h2{ border:0px solid lime; margin:0px; padding:8px 0px 4px 0px;}
.lightMod .movieRelations .comContent ul{ border:0px solid black; margin:0px; padding:0px 0px 0px 13px;}
.lightMod .movieRelations .comContent li{ border:0px solid red; margin:0px 0px 2px 0px; padding:0px;}

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

.comContent .numberedLinks{ padding-bottom:8px;}
.comContent img{ margin-right:10px;}
.comContent .saleFormInfoBox{ border:1px solid silver; background-color:white;}

.com01 .comNews .comContent{ border-bottom:1px solid #A0A0A0;}

.com01 .comCharts img{ border:1px solid black; margin-right:20px; margin-bottom:10px;}
.com01 .comCharts form{ padding:0px; margin:0px;}
.com01 .comCharts .comContent{ padding:1px 0px 0px 0px; margin:0px;}
.com01 .comCharts .comContent .rank{ color:#DA251C; font-weight:bold; font-size:14px; padding-bottom:16px;}
.com01 .comCharts .comContent .numberedLinks{ padding-bottom:12px;}
.com01 .comCharts .comContent .numberedLinks a:link, .com01b .comNovelties .novContent .numberedLinks a:visited, .com01b .comNovelties .novContent .numberedLinks a:hover{ font-weight:bold;}
.com01 .comCharts .comContent .chartName{ padding:8px 0px 10px 0px; margin:0px; color:#003858; font-weight:bold;}

.com01 .specialIcons img{ padding:2px 0px 0px 5px; border:0px;}
.com01 .comFilminfo .comContent .oResInfo{ border:1px solid #D0D0D0; background-color:#E0E0E0;}
.com01 .comFilminfo .comContent .oResInfo th{ background-color:#C11616; background-repeat:repeat-x; color:white; text-align:center; padding:3px; vertical-align:middle;}
.com01 .comFilminfo .comContent .oResInfo img{ border:0px; margin:0px;}
.com01 .comFilminfo .comContent .oSaleInfo{ border:1px solid #D0D0D0; background-color:#E0E0E0; margin-bottom:15px;}
.com01 .comFilminfo .comContent .oSaleInfo th{ background-color:#C11616; background-repeat:repeat-x; color:white; text-align:center; padding:3px;}
.com01 .comFilminfo .comContent .oSaleInfo td{ text-align:center;}

.com01 .comCart .comContent .oSaleInfo{ border:1px solid #D0D0D0; background-color:#E0E0E0; margin-bottom:15px;}
.com01 .comCart .comContent .oSaleInfo th{ background-color:#C11616; background-repeat:repeat-x; color:white; text-align:center; padding:3px;}
.com01 .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 { margin:10px;}
/*.com01 .comHead{padding:0px 0px 8px 0px; border-bottom:2px solid #C11616; margin:0px 0px 8px 0px;}
.com01 .comHead .h1, .com01 .comHead h1{border-bottom:0px solid #17558F; margin:0px 0px 0px 0px;}*/

.com01 .comHead{padding:0px 0px 1px 0px; border-bottom:1px solid #d0d0d0; margin:0px 0px 8px 0px;}
.com01 .comHead .h1, .com01 .comHead h1{ border-bottom:2px solid #c11616; margin:0px 0px 0px 0px; color:#444954; padding:2px 0px 5px 0px;}
.com01 .pageNavi{ background-color:#d0d0d0; border-top:1px solid #eeeeee; padding:0px 4px 0px 4px;}
.com01 .pageNavi form{ padding:2px 0px 2px 0px; margin:0px;}

.com01 .letterNavi{ border-top:1px solid #eeeeee; font-size:11px;}
.com01 .letterNavi td.a1 a:link, .com01 .letterNavi td.a1 a:visited{ background-color:#d0d0d0; display:block; border-right:1px solid #eeeeee; 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 #eeeeee; text-align:center; height:16px; display:block; color:black; text-decoration:none; min-width:15px; padding-top:3px;}
.com01 .letterNavi td.a2 a:hover{ background-color:#c11616; display:block; border-right:1px solid #eeeeee; color:white; text-align:center; text-decoration:none;}
.com01 .letterNavi td.a3{ background-color:#e0e0e0; border-right:1px solid #eeeeee; 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 .comContent .coverDiv{ position:relative; margin:0px 10px 10px 0px;}
.com01 .comContent .coverImage{ border:1px solid black;}
.com01 .comContent .coverButton img{ border:0px; padding:0px; margin:0px 6px 0px 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 .mTitle{ font-weight:bold;}

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

.customerLoginContent{ padding-top:4px;}
.movieSearchContent{ padding-top:4px;}



/* warnings and errors */
.orError, .sGbWarning{
	color:#C11616;
}

h2{
	font-size:14px;
	color:#444954;
	font-weight:bold;
}

/* american style standard layout */
.asBorderUp{ background-image:url(../img/layout/top_border.gif); height:14px; background-repeat:no-repeat; background-position:center top;}
.asIllu{ background-image:url(../img/layout/illu.jpg); background-repeat:no-repeat; margin-left:auto; margin-right:auto; width:706px; background-position:right top; height:130px; padding:0px; font-size:1px;}
.asTopNavLeft{ margin-left:auto; margin-right:auto; width:706px; background-image:url(../img/layout/nav_l.gif); padding-left:20px; height:36px; background-repeat:no-repeat; background-position:left top; margin-bottom:4px;}
.asTopNavRight{ background-image:url(../img/layout/nav_r.gif); padding-right:20px; height:36px; background-repeat:no-repeat; background-position:right top;}
.asTopNavMiddle{ height:36px; background-image:url(../img/layout/nav_bg.gif);}
.asMainTopBoLeft{ background-image:url(../img/layout/corner_tl.gif); background-repeat:no-repeat; background-position:left top; background-color:#EEEEEE; padding-left:12px; height:12px; font-size:1px;}
.asMainTopBoRight{ background-image:url(../img/layout/corner_tr.gif); background-repeat:no-repeat; background-position:right top; padding-right:12px; height:12px; font-size:1px;}
.asMainTopBo{ background-image:url(../img/layout/border.gif); background-repeat:repeat-x; height:12px; font-size:1px;}
.asMainBoLeft{ background-image:url(../img/layout/border.gif); background-repeat:repeat-y; padding-left:12px; background-color:#EEEEEE;}
.asMainBoRight{ background-image:url(../img/layout/border.gif); background-repeat:repeat-y; padding-right:12px; background-position:right;}
.asMainBotBoLeft{ background-image:url(../img/layout/corner_wrl.gif); background-repeat:no-repeat; background-position:left top; padding-left:12px; height:21px;}
.asMainBotBoRight{ background-image:url(../img/layout/corner_wrr.gif); background-repeat:no-repeat; background-position:right top; padding-right:12px; height:21px;}
.asMainBotBoMiddle{ background-image:url(../img/layout/corner_wrm.gif); background-repeat:repeat-x; height:21px; background-position:top; background-color: red;}
.asFoot{ background:url(../img/layout/bg-footer.gif) repeat-x #9f0303; color:white;}
.asFootBoLeft{ background:url(../img/layout/border.gif) repeat-y; padding-left:12px;}
.asFootBoRight{ background-image:url(../img/layout/border.gif); background-repeat:repeat-y; padding-right:12px; background-position:right;}
.asFootBotBoRight{ background:url(../img/layout/corner_rl.gif) no-repeat left top; padding-left:12px; height:12px; font-size:1px;}
.asFootBotBoLeft{ background:url(../img/layout/corner_rr.gif) no-repeat right top; padding-right:12px; height:12px; font-size:1px;}
.asFootBotBoMiddle{ background:url(../img/layout/border.gif) repeat-x bottom; height:12px; font-size:1px;}









.topButton a:link, .topButton a:visited{
	text-align:center;
	display:block;
	height:22px;
	margin-top:3px;
	margin-bottom:3px;
	padding-top:8px;
	color:black;
	font-family:verdana;
	font-weight:bold;
	text-decoration:none;
	font-size: 12px;
	border-right:3px;
	border-left:3px;
}
.topButton a:hover{
	background:url(../img/layout/nav_bg2.gif) repeat-x;
	text-align:center;
	display:block;
	height:22px;
	padding-top:8px;
	color:white;
	font-family:verdana;
	font-weight:bold;
	text-decoration:none;
	font-size: 12px;
	border-right:3px solid white;
	border-left:3px solid white;
}

/* second menu buttons */
.secButton a:link, .secButton a:visited, .cuNavButton a:link, .cuNavButton a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	background:url(../img/layout/sec_button.gif) no-repeat;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	color:#8A4A26;
	text-align:left;
	padding:0px;
	padding-top:5px;
	padding-left:35px;
	margin:0px;
	margin-bottom:1px;
	margin-left:0px;
	height:17px !important;
	width:165px;
	text-decoration:none;
}
.secButton a:hover, .cuNavButton a:hover{
/*	background:url(../layout/button_hover.png) no-repeat;*/
	background-position: 0px -22px;
	text-decoration:none;
	color:white;
}

/* footer */
.footerCom{
	text-align:center;
	color:#EEEEEE; 
}
.footerCom a:link, .footerCom a:visited{
	color:#FFC000;
	text-decoration:underline;
	font-weight:normal;
}
.footerCom a:hover{
	color:white;
	text-decoration:none;
	font-weight:normal;
}

/************************************************
* G�stebuch Klassen 
*************************************************/
.sGbHead, .saleFormInfoBox {
	border:1px solid #C11616;
	padding:2px;
	background-color:#E1E1E1; 
/*	background-image:url(guestbook_bgimage);
	background-repeat:repeat-x;
	background-position:guestbook_bgposition;*/
	text-align:center;
}
.sGbLink {
	color:#833800;
}
.sGbDate {
	text-align:right;
	font-size:9px;
}
.sGbContent{
	padding-top:3px;
	text-align:center;
	font-weight:normal;
}
.sGbAnswer {
	padding-left:30px;
	padding-right:30px;
	padding-bottom:22px;
	color:#C11616;
	text-align:left;
	font-weight:normal;
}
.sGbWarning{
	font-weight:bold;
	color:#9B0000;
	padding-bottom:15px;
}

/* 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;}