@charset "UTF-8";
/**
 *
 * Kontrastfilm Internet Movie Database (KFIMDB)
 *
 * Desgin 2007 XHTML/CSS
 *
 * @author    Tom Klingenberg
 * @copyright 2006, 2007 by Tom Klingenberg, all rights reserved / Alle Rechte vorbehalten
 * @colordef  #fff white
 * @colordef  #000 black
 * @colordef  #958F84 grey, evenlighter (text)
 * @colordef  #3c3934 grey, lighter
 * @colordef  #262626 grey, flächen
 * @colordef  #464646 grey @detail-bg
 * @colordef  #949494 grey @detail-forecolor
 * @colordef  #313131 grey @detail-line
 */


/**
 * reset
 *
 * @section reset
 * @see     YAHOO UI RESET CSS
 * @note    added dl to list reset
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul,dl {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
.clear {clear:both;}

/**
 * 0
 *
 * @section 0
 */
body {background:#000 url(bg-gradient.gif) 0 0 repeat-x; font:normal 100.01%/1.5 Arial, Helvetica, sans-serif;}
html>body {font-size: 16px;}
.body {margin:0 auto; width:848px;}


/**
 * title
 * 
 * @section title
 */
#title {background:url(bg-title.gif) 0 0 no-repeat; height:160px; xoverflow:hidden; width:848px;}
#title h1 a {float:left; height:160px; line-height:160px; overflow:hidden; text-indent:210px; width:210px;}
#nav li {display:block; float:left; height:20px; padding-top:54px; width:80px;}
#nav li a {display:block; float:left; height:28px; line-height:28px; overflow:hidden; text-indent:200px; width:100%;}
#nav li.m1 {width:64px;}
#nav li.m2 {width:66px;}
#nav li.m3 {width:82px;}
#nav li.m4 {width:104px;}
#homelink a {display:block; float:left; height:160px; line-height:160px; overflow:hidden; text-indent:322px; width:322px;}


/**
 * listing
 *
 * @section listing
 */

#listing h2 {border-bottom: 1px solid #3C3934; color:#fff; font-size:0.75em; font-weight:bold; margin:0 0 2px 0; width:640px;}
#listing h2 a {text-decoration:none; color:#fff;}
#listing ul {margin-left:138px;}
#listing ul li {clear:both; display:block; width:640px; height:60px;}
#listing ul .pic {display:block; float:left; width:80px;}
#listing ul .pic img {display:block; float:left; width:80px; height:60px;}
#listing ul .title, #listing ul h3 {background:#262626 url(bg-listing.gif) right 0 no-repeat; float:left; font-size:0.75em; height:20px; line-height:20px; margin:0; width:312px;}
#listing ul .title a, #listing ul h3 a {color:#958F84; display:block; font-weight:normal; padding:0 0 0 6px; text-decoration:none; width:306px;}
* html #listing ul h3 a {width:312px;} /* @bugfix ie6 boxmodell */

/**
 * entry 
 *
 * @section entry
 */
#listing .entry {float:left; margin:0; width:312px;}
#listing .entry .flash {background:#262626; color:#949494; font-size:0.6em; line-height:19px; width:312px;}
#listing .entry .flash a {color:#464646; display:block; line-height:19px; padding:0 6px 0 20px; text-decoration:none;}
#listing .entry .flash a {background:url(arrow.gif) 6px center no-repeat;}
#listing .entry .preinfo {background:#262626; color:#949494; width:312px;}
#listing .entry .preinfo p {line-height:20px; padding:0 6px; font-size:0.7em; line-height:20px;}

/* @workaraound overflow:hidden for ie6 */
#listing .entry .data {background:#464646; color:#949494; font-size:0.75em; line-height:normal; overflow:hidden; width:312px;}
#listing .entry .data h3 {background:none; font-size:1em; font-weight:bold; height:auto; line-height:normal; padding:6px 6px 0 6px;}
#listing .entry .data p {padding:0 6px 6px;}
#listing .entry .data dl {border-top:1px solid #313131; padding:6px;}
/* @workaraound width:auto for ie6 */
#listing .entry .data dl dt {float:left; font-weight:bold; width:auto;}
#listing .entry .data dl dd {margin-left:120px; width:176px;}

#listing .movie .entry .title {background-image:url(bg-entry.gif); border-bottom:none; float:none;}
#listing .movie .entry h2.title a {color:#fff;}
#listing .movie .entry .preinfo {border-top:1px solid #3c3934;}

/**
 * footer
 *
 * @section footer
 */

#footer {color:#333; font-size:0.7em; margin:24px 0 4px 0; text-align:center;}
#footer a {color:#333;}