/* CSS Document */
/* outofsilence */
/* outofsilence-ltd.de */
/*
 * erstellt von fh-sites.de 
 * Datum: 24.1.2010
 */

body, html { background:#000; text-align:center; color:#868686; margin:0; padding:0;
  font:11px/16px normal normal Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; }
img { margin:0; padding:0; border:none; }
h1 { font-size:11px; color:#868686; margin:0; padding:0; }
h1 a { color:#868686; }
h1 a:hover { color:#fff; }
a { color:#868686; text-decoration:none; outline-color:#000;}
a:hover { color:#ffcc33; }
p { margin:0; padding:0 0 8px 0; }
ul { margin:0; padding:0 0 8px 16px; }
.start { font-size:16px; padding:12px 0 0 0; }
.headline-content { color:#ffcc33; font-size:14px; font-weight:normal; margin:0 0 8px 0;}
.headline-content-black { color:#000; font-size:14px; font-weight:normal; margin:0 0 8px 0;}


#wrapper { width:760px; margin:5em auto 700px; text-align:left; }
#wrapper-start {height:700px; width:760px; left:50%; margin-left:-380px; margin-top:-80px; position:absolute; top:50%; }
#header { height:170px; text-align:right; margin:0; padding:0; }
#header #header-zitat { float:left; width:410px; height:90px; color:#fff; text-align:left; margin:14px 0 0 0; padding:0; }
#header #header-zitat p { margin:0; padding:0 0 4px 0; }
#header #header-zitat p.quelle { color:#868686; font-size:9px; line-height:12px; }
#header ul { list-style: none; margin:20px 0; padding:0 0 0 114px; float:left; width:656px; background:url(../pic/line-fade.png) 0 30px no-repeat; }
#header ul li { display:inline; float:left; text-align:left; width:72px; }
#header ul li a { background:url(../pic/button.png) 0 20px no-repeat; float:left; height:50px;
  margin:4px 0 0; padding:0 0 0 6px; vertical-align:middle; font-weight:bold; }
#header ul li a:hover { background:url(../pic/button-y.png) 0 20px no-repeat; }
.middle { margin-right:270px; }
#header ul li a.selected { color:#ffcc33; background:url(../pic/button-y.png) 0 20px no-repeat;}

#content { width:760px; min-height:278px; margin:0; padding:0 0 20px 0; float:left; }
#left { float:left; width:12%; text-align:right; border:2px solid #000;}
#left-start { float:left; width:100px; text-align:right; border:2px solid #000; }
#right { float:left; border:2px solid #000; width:65%; margin:0 22px; }
#right-projects { float:left; width:75%; margin:0 22px; }
#right-links { float:left; border:2px solid #fff; width:25%; margin:0 22px; border:2px solid #000; }
#right-links p, #right-right p { margin:0; padding:0 0 8px 0; }
#right-middle { float:left; width:25%; border:2px solid #000; }
#right-right { float:left; width:25%; border:2px solid #000; }
#right a, #right-links a,#right-middle a,#right-right a { color:#fff; text-decoration:none; }
#right a:hover, #right-links a:hover, #right-middle a:hover, #right-right a:hover { color:#FFCC33; text-decoration:none; }
#right-start { text-align:center; }
#right-contacts { float:left; width:85%; margin:0 0 0 14px; border:2px solid #000;}
#right-contacts img { margin:0 12px 12px 0; float:left;}
.clear { clear:both; height:1px; margin:0; padding:0; }
#bottom { height:2px; margin:0; padding:0; background:url(../pic/line-fade.png) 0 0 no-repeat; }
#bottom-last { height:2px; margin:0; padding:0; background:url(../pic/line-fade.png) 0 0 no-repeat; }
.award { margin:0; padding:2px 0 2px 110px; color:#ffcc33; }
.award a { color:#fff; }
.logo-start img { margin:0 0 0 0; }

.production { width:100%; text-align:left; font-size:11px; margin:0; padding:0; }
.production th { font-size:14px; font-weight:normal; color:#ffcc33; margin:0 4px; padding:0 0 6px 0; }
.production th.title { width:41%; }
.production th.director { width:29%; }
.production th.production { width:20%; }
.production td.year { width:10%; }
.production td { margin:0 4px; padding:0 16px 3px 0; vertical-align: top; }
.production td a { text-decoration:none; color:#fff; }
.production td a:hover { color:#ffcc33; }
.production h1 { font-weight:normal; font-size:11px; }