/**
* CSS
*
* @author	Sebastian Müller <sebastian produktivbuero de>
* @date		24/11/2008
*/

* {margin:0; padding:0;}

body {margin:0; padding:0; font-family:Verdana, sans-serif; font-size:12px; text-align:center; color:#000000; background:#90C5B7 url(../images/body-background.gif) fixed;}

h1 {}
h2 {margin:45px 0 15px 0; font-size:1.8em; font-weight:normal;}
h3 {}
p {margin-bottom:15px;}

a, a:visited {color:#000;}
a:hover {color:#E53664;}

img {border:none;}

ol {}
ul {}
li {}

label {}

form {}
input,select,textarea {padding:2px 5px; width:200px;}
textarea {overflow:auto;}

span {}

acronym {cursor:help;}



/* ------------ Layout ------------ */

#position {position:relative; padding-left:40px; margin:0 auto 0 auto; width:510px; z-index:1;}
  #header {}
  #navigation {padding:15px 30px 0 30px; background:#FFF9DF;}
  #content {padding:15px 30px 30px 30px; text-align:left; line-height:1.5em; background:#FFF9DF;}
  #footer {padding:15px 30px;}
/*#billing {position:fixed; bottom:0; left:0; width:90%; padding:15px 5%; font-family:Impact, Arial, sans-serif; font-size:0.7em; color:#FBF9E9; letter-spacing:0.2em; background:#000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; z-index:2;}*/
#billing {position:relative; width:90%; padding:15px 5%; font-family:Impact, Arial, sans-serif; font-size:0.7em; color:#FBF9E9; letter-spacing:0.2em; background:#000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; z-index:2;}
#visual {position:relative; z-index:0;}
#loading {position:fixed; top:0; left:0; width:100%; height:100%; background:#90C5B7 url(../images/loading-background.gif) center center no-repeat; z-index:99; display:none;}
#loading .loader {position:absolute; top:60%; left:49%;}

/* ------------ Navigation ------------ */

#navigation ol {font-family:Impact, Arial, sans-serif; font-size:1.5em; list-style:none;}
#navigation ol li {margin-right:15px; display:inline;}
#navigation ol li a {text-decoration:none;}
#navigation ol li.on a {color:#E53664;}

/* ------------ Inhalt ------------ */

.skiptocontent {}
.skiptonavigation {}
.skiptotop {}

ul.crew {list-style:none;}
ul.crew li {margin-bottom:5px;}
ul.crew b {float:left; width: 200px;}

ul.gallery {list-style:none;}
ul.gallery li {position:relative; margin-bottom:15px;}

.button {padding:0; width:auto;}
.note {font-size:0.8em;}

#footer {font-family:Impact, Arial, sans-serif; color:#FFF9DF;}
#footer span {margin-right:15px;}
#footer a {color:#FFF9DF; text-decoration:none;}

#billing b {font-size:1.2em; font-weight:normal;}

img.filmvisual {position:fixed; bottom:0; left:0;}
img.release {position:fixed; top:0; right:0;}
img.gimmick {position:fixed; top:180px; right:0;}
img.dvd {position:absolute; top:100px; left:20px; z-index:10000;}

a.disturber {position:absolute; bottom:60px; left:0; z-index:80;}

ol#quote {padding-top:15px; list-style:none;}
ol#quote li {width:430px; text-align:center;}
ol#quote span.cite {font-family:Impact, Arial, sans-serif; font-size:1.0em; display:block;}

/* ------------ Sonstiges ------------ */

.hide {display: none;}
.print {display: none;}
.noprint {}


/* ------------ HACKS ------------ */

* html #navigation {margin-bottom:-20px; padding:30px;}

* html img.gimmick {margin-top:180px;}

/* PNG-Transparenz für IE lte 6 */
* html img {behavior: url(global/iepngfix.htc);}
 
/* :hover-Eigenschaft für IE lte 6 */
* html body {behavior:url("global/ie6_csshover.htc");}


/**
 * http://de.selfhtml.org/css/layouts/browserweichen.htm
 * 
 * 
 * Konditionale Kommentare:
 * <!--[if IE]>
 *  <style type="text/css">@import url(ie.css);</style>
 * <![endif]--> 
 * 
 * [if IE]: alle Versionen (ab 5.0),
 * [if IE 6]: alle 6er-Versionen,
 * [if lt IE 7]: alle Version vor 7 (less-than = kleiner als), 
 * [if lte IE 5.5999]: alle Version bis 5.5 (less-than or equal = kleiner oder gleich),
 * [if gte IE 5.5]: alle Version ab 5.5 (greater-than or equal = größer oder gleich).
 * 
 * 
 * Attribut-Selektor: p[id] {}
 * Selektiert <p>, welches ein id-Attribut mit beliebigem Wert aufweist
 * Internet Explorer für Windows bis Version 6 und Netscape 4
 * 
 * Kind-Selektor: html>body #ID {}
 * Selektiert #ID, innerhalb von body, welches ein direktes Kind-Element von html ist
 * Internet Explorer für Windows ab Version 7 und moderne Browser
 * 
 * Kind-Selektor: html>/**/body #ID {}
 * Selektiert #ID, innerhalb von body, welches ein direktes Kind-Element von html ist
 * Moderne Browser (OHNE Internet Explorer für Windows Version 7)
 *
 * Star-HTML-Hack: * html #ID {}
 * Internet Explorer für Windows bis Version 6
 * 
 * Star-Plus-HTML-Hack: *+html #ID {}
 * Internet Explorer für Windows ab Version 7
**/