*{
margin:0;
padding:0;
}
.orange{ color:#ec7404 }
body{
background:url(/2010/gfx/hintergrund.jpg) left top repeat-y #ffff80;
color:#000;
font:62.5% "Trebuchet MS", Tahoma, Verdana;
}
a{ color:#000; }
img{border:0;}
img.bildrechts {float:right; margin-left:25px; margin-bottom:25px; }
.clearfloat{clear:both;height:2.5em;}
/**********************************************************
** Layout-Struktur
**********************************************************/
#seite{
width:930px;
margin:0px;
background:url(/2010/gfx/kopfbild3.jpg) left top no-repeat transparent;
}
#navioben{
width:850px;
margin:0 auto;
}
/*#datum {position:absolute; top:90px; left:10px; }*/
#logo{ float:left;}
#logos {float:right; }

#kopf{ height:200px; overflow:hidden; }
#content{ clear:both; background:url(/2010/gfx/content-bg.png); border-left:1px solid #000; border-right:1px solid #000; margin:0 25px; }
.navigation { margin:0 25px; height:40px; background:transparent; overflow:hidden;}
#footer{ overflow:hidden; background:#000; margin:0 25px; margin-bottom:25px; }

/**********************************************************
** Navigation
**********************************************************/

.navigation ul{
list-style-type:none;
display:block;
margin-left:10px;
}
.navigation li{
font-size:1.0em;
font-family:"Trebuchet MS", Tahoma, Verdana;
line-height:3em;
text-transform:uppercase;
font-weight:bold;
text-align:center;
float:left;
padding:5px;
}
.navigation ul li a{
text-decoration:none;
margin:4px 10px;
color:#fff;
}

.navigation ul li a:hover, .navigation ul li a:active, .navigation ul li a.active  { border-bottom:2px solid #fff; }

#navistart .navigation ul li.navistart,
#navifilmliste .navigation ul li.navifilmliste,
.navigation ul li:hover{

}
#navioben p{
float:right;
font-size:1em;
color:#000;
}
#navioben a{ text-decoration:underline; }
#navioben a:hover{ text-decoration:none; }

/**********************************************************
** Content
**********************************************************/

.filmstill { margin-right:30px; border:1px solid #666;float:left; }
.filmstill img { margin:2px;  }

.padding{ padding:20px 20px; }
#content h1{
font-size:2.0em;
font-family:"Trebuchet MS", Tahoma, Verdana;
margin-bottom:0.5em;
color:#000;
letter-spacing:-0.05em;
}
#content h1 span{ font-size:0.7em;}
#content h2{
font-size:1.8em;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:0.5em;
color:#000;
}
#content h3{
font-size:1.6em;

margin-bottom:0.8em;
color:#000; font-weight:normal;
}
#content p{
font-size:1.2em;
line-height:1.5em;
margin-bottom:0.8em;
}
#content a{
color:#000;
}


.bildrechts {float:right; margin-left:25px; margin-bottom:25px; }

/**********************************************************
** Footer
**********************************************************/
#footer .padding{ padding:10px 20px; }
#footer .padding .block{
float:left;
margin-right:30px;
}
#footer p{
font-size:1.1em;
color:#fff;
}


.spalten { width:100%; overflow:hidden; }
.s10l, .s10r { width:10%; }
.s20l, .s20r { width:20%; }
.s25l, .s25r { width:25%; }
.s33l, .s33r { width:33.333%; }
.s38l, .s38r { width:38.2%; }
.s50l, .s50r { width:50%; }
.s62l, .s62r { width:61.8%; }
.s66l, .s66r { width:66.666%; }
.s75l, .s75r { width:75%; }
.s10l, .s20l, .s25l, .s33l, .s38l, .s50l, .s62l, .s66l, .s75l  {float:left; }
.s10r, .s20r, .s25r, .s33r, .s38r, .s50r, .s62r, .s66r, .s75r  {float:left; margin-left:-5px; }
.sl{ padding:0 1em 0 0; }
.sm{ padding:0 0.5em; }
.sr{ padding:0 0 0 1em; }