@import "reset.css";

html {background-color:#316cce;}
body {background:#316cce url("i/html.jpg") no-repeat center top;text-align:center;font-family:Arial;color:#fff;}

#wrap {width:981px;margin:0 auto;text-align:left;position:relative;overflow:hidden;zoom:1;background:url("i/wrap.png") no-repeat left top;padding-top:233px;_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="assets/i/wrap.png", sizingMethod="crop");}
#wrap-inner {margin-top:10px;background:url("i/wrap.inner.gif") repeat-y left top;float:left;width:100%;}

/* ---------------------- header ---------------------- */
#logo {position:absolute;width:328px;height:95px;left:77px;top:65px;overflow:hidden;margin:0;}
#logo a {display:block;padding:11px;}
#logo a span {position:absolute;left:0;top:0;width:328px;height:100%;background:url("i/logo.png") no-repeat left top;text-indent:-5000px;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="assets/i/logo.png", sizingMethod="image");}

#menu {position:absolute;top:192px;background:url("i/menu.png") no-repeat left top;padding:0 0 8px 7px;margin:0;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="assets/i/menu.png", sizingMethod="crop");}
#menu li {list-style:none;float:left;background:url("i/menu.li.png") no-repeat right top;font-family:Tahoma;font-weight:bold;font-size:93%;text-align:center;line-height:41px;height:41px;overflow:hidden;padding:0 25px;}
#menu li.rss {width:105px;background:url("i/menu.li.rss.png") no-repeat left top;padding:0;text-align:center;_padding-top:0px;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="assets/i/menu.li.rss.png", sizingMethod="crop");}
#menu li a {color:#000;}
#menu li.current a {color:#fff;}
#menu li.rss img {vertical-align:middle;_margin-top:5px;}
/* IE6 only hack, _margin:expression seems works for IE7 */
/*\*/ * html #menu li.rss img {
  _margin:expression(this.src="assets/i/1x1.gif");
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="assets/i/rss.png", sizingMethod="image");
} /**/

/* ---------------------- footer ---------------------- */
#footer {clear:both;margin:0;padding:100px 43px 100px 0;padding-bottom:100px;background:#306bce url("i/footer.gif") no-repeat left top;font-size:85%;font-weight:bold;text-align:right;}
#footer a {color:#000;padding:0 5px 0 12px;background:url("i/footer.a.gif") no-repeat left center;}
#footer a.first {background:none;}
/* ---------------------- content & sidebars layout ---------------------- */

#content {float:left;width:662px;overflow:hidden;margin-right:3px;margin-top:-4px;}
#content #content-inner {float:right;width:498px;margin-left:3px;overflow:hidden;}
#content #sidebar-left {float:right;width:155px;overflow:hidden;}
#sidebar-right {float:left;width:310px;overflow:hidden;margin-top:-4px;}

/* ---------------------- elements & classes ---------------------- */
/* --- common --- */
a {text-decoration:none;color:#FFEA46;}
a:hover {text-decoration:underline;}
div.clear {clear:both;}

#content-inner h1.unsere-movies {position:relative;overflow:hidden;margin:0;height:42px;margin:0 1px 6px 1px;}
#content-inner h1.unsere-movies span {position:absolute;left:0;top:0;width:100%;height:100%;background:url("i/h1/unsere.movies.png") no-repeat center top;}

ul.gallery {margin:0;margin-bottom:10px;overflow:hidden;zoom:1;background-color:#FFD72A;padding:1px 0 0 1px;}
ul.gallery li {list-style-type:none;float:left;padding:0 1px 1px 0;}
ul.gallery a {display:block;}
ul.gallery img {display:block;padding:3px;background-color:#000;} 

ul.movies {margin:0;}
ul.movies li {list-style-type:none;border:2px solid #353535;margin-bottom:2px;overflow:hidden;zoom:1;padding:4px;background:#FFE13D url("i/ul.movies.li.png") repeat-x left bottom;}
ul.movies div.inner {width:329px;float:right;margin-left:3px;overflow:hidden;}
ul.movies div.media {width:150px;height:100px;padding:2px;float:right;overflow:hidden;background-color:#fff;}
ul.movies h4 {font-size:108%;font-weight:bold;color:#000;margin-bottom:7px;padding:0 4px;}
ul.movies p {font-size:93%;color:#282828;margin-bottom:7px;padding:0 4px;}
ul.movies p.stats {float:left;line-height:29px;height:29px;overflow:hidden;margin-top:13px;margin-bottom:0;font-size:93%;color:#FFF;padding-left:20px;background:url("i/p.stats.png") no-repeat left center;_background-image:url("i/p.stats.ie6.png");
}
ul.movies p.stats span {display:block;line-height:29px;height:29px;padding-right:20px;background:url("i/p.stats.span.png") no-repeat right center;_background-image:url("i/p.stats.span.ie6.png");}

ul.links {margin:0;margin:0 5px 10px 25px;}
ul.links li {list-style-type:none;font-size:85%;font-weight:bold;}

div.block {width:155px;overflow:hidden;padding-bottom:8px;margin-bottom:4px;background:#000 url("i/div.block.png") no-repeat left bottom;}
div.block h2 {position:relative;overflow:hidden;margin:0;height:40px;margin-bottom:8px;}
div.block h2 span {position:absolute;left:0;top:0;width:100%;height:100%;background:none no-repeat left top;}
div.block p {padding:0 5px;margin-bottom:7px;}

/* --- sidebar-left --- */
#partner h2 span {background-image:url("i/h2/partner.png");}
#werbung h2 span {background-image:url("i/h2/werbung.png");}
#links h2 span {background-image:url("i/h2/links.png");}
#links ul a {color:#fff;}

/* --- sidebar-right --- */
#sidebar-right div.block {width:310px;background-image:url("i/sidebar.right.block.png");margin-bottom:7px;}

#search h2 span {background-image:url("i/h2/search.png");}
#search form {float:left;height:26px;*height:28px;overflow:hidden;margin:3px 0 7px 20px;padding-left:3px;margin-left:55px;_margin-left:27px;background:url("i/search.form.gif") no-repeat left center;}
#search form p {height:24px;*height:26px;padding:2px 2px 0 0;*padding-top:4px;float:left;background:url("i/search.form.p.gif") no-repeat right center;}
#search form input.txt {border:none;float:left;font-size:93%;height:18px;padding:2px;width:142px;}
#search form input.button {padding-left:1px;float:left;}

#funstuff-der-woche {text-align:center;}
#funstuff-der-woche h2 span {background-image:url("i/h2/funstuff.der.woche.png");}
#funstuff-der-woche img {padding:1px;border:1px solid #fff;}

#lustige-videos h2 span {background-image:url("i/h2/lustige.videos.png");}
#lustige-videos ul.gallery {margin:0 27px 0 28px;}

#suchbegriffe h2 span {background-image:url("i/h2/suchbegriffe.png");}

#zuffalsvideos h2 span {background-image:url("i/h2/zuffalsvideos.png");}
#zuffalsvideos ul.gallery {margin-left:28px;}
#zuffalsvideos ul.gallery {margin:0 27px 0 28px;}