body
{
	background-color: #D5D7DF;
	margin: 0px;
	font-family: Lucida Grande, Helvetica, Arial, sans serif;
	font-size: 10px;
	color: #6c200e;
}
a { text-decoration: none; color: #E90500;}
h1{ font-weight: normal;}

.clearer {
  clear:both;
  margin:0;
  padding:0;
  height:1px;
  border:none;
  background:transparent;
  display:block;
}

#site{
	margin: 0px auto 0 auto;
	width: 830px;
}
#kopf
{
	background-image: url(gfx2010/back_top.gif);
	background-repeat: no-repeat;
	height: 140px;
}
#fuss
{
	background-image: url(gfx2010/back_fuss.gif);
	background-repeat: no-repeat;
	float: none;
	clear: both;
	height: 30px;
	padding: 13px 180px 20px 61px;
	color: #666;
}
#fuss a {color: #666;}

#main
{
	padding: 0px 30px 0px 31px;
	background-image: url(gfx2010/back_main.gif);
	background-repeat: repeat-y;
}
#stills
{
	padding: 325px 0 0 30px;
	width: 585px;
	height: 30px;
	float: left;
/* 	background-color: #FFDE68; */
	background-color: #6c200e;
	background-repeat: no-repeat;
}
#dkfp_link {display:none; /* background-image: url(gfx/blk_alpha20.png); padding: 0px 2px; */} 
.trailer #stills{padding:0;}

#navi
{
	width: 150px;
	height: 338px;
	padding: 17px 0px 0px 0px;
	background-color: #6c200e;
	float: right;
}
#cont
{
	padding: 0;
	margin: 0;
	float: none;
	clear: both;
	width: 769px;
}
#trenner { clear: both; height: 4px; margin: 0; padding: 0; font-size:1px;}

#spalte_l
{
	padding: 20px 20px 20px 30px;
	vertical-align: top;
}
#spalte_r
{
	width: 150px;
	background-color: #5d9ace;
	background-image: url(gfx2010/back_r.gif);
	background-repeat: no-repeat;
	vertical-align: top;
}

/* 
*/

.trailer #trenner{height: 1px;}
.trailer #cont{display:none;} 


.trailer #stills { background-position: 615px 355px; background-color: #000;}

#navi_r{margin: 35px 0 5px 0; }

#navi_r div{margin: 0 0 1px 0; padding:0;}
#navi_r .programm{padding: 4px 0 4px 0;border-bottom: 1px solid #90c8f8;}
#navi_r .programm.first{border-top: 1px solid #90c8f8;}
#navi_r a{color: #6c200e; display:block; font-size: 9px; padding: 5px 15px 5px 15px; margin:0;}
#navi_r a:hover, #navi_r a.act{background-color: #90c8f8;}

#navi_r .navihead {margin:0; padding: 0 15px 5px 15px; font-size: 15px; color: #90c8f8}

#spalte_r p{padding: 0 15px;}

#kopf h1{display: none;}
#stills a
{
	color: #FFF;
	font-size: 10px;
/*	text-shadow: #000 3px 3px 5px; */
}





.newsartikel {margin: 0 0 20px 0; 	width: 565px;
	overflow:hidden;
}
.newsartikel .bild
{
	margin: 0 15px 15px 0;
	display: inline-block;
	float:left;
}
.newsartikel .fuss {float:none; clear:both; margin-top: 10px; padding: 2px 5px 2px 5px; background-color: #eee; color: #999;}
.newsartikel h1 {font-size:20px; font-weight: normal; margin-bottom: 10px;}
.newsartikel  .untertitel{font-size: 12px; margin: 10px 0; color: #999;}
.newsartikel h2 {font-size:14px;}
.newsartikel h3 {font-size:12px;}
.newsartikel .alink {margin-top: 5px;}

.newsartikel.kompakt  {border-bottom: 1px solid #eee; padding-bottom: 7px; margin: 7px 0;}
.newsartikel.kompakt  .datum { background-color: #eee; color: #999; padding: 3px 5px; font-size: 10px;}
.newsartikel.kompakt  .titel{font-size: 12px; color: #6c200e;}
.newsartikel.kompakt  .untertitel{color: #6c200e; font-size: 10px; margin: 5px 0 0 0;}

.tourneetermin {margin: 15px 0 15px 0;}
.tourneetermin h1 {font-size:20px; font-weight: normal; margin: 5px 0 5px 0;}
.tourneetermin h2 {font-size:14px; font-weight: normal; margin: 5px 0 5px 0;}
.tourneetermin h3 {font-size:12px; font-weight: normal; margin: 8px 0 5px 0;}
.tourneetermin .alink {margin: 3px 0;}
.tourneetermin .datum {width: 150px; float:left; padding: 0 10px 0 0;}
.tourneetermin .info {width: 390px; float:right; padding: 0 10px 0 0;}

.downloadblock {margin: 0 0 25px 0;}
.downloadblock .fuss {float:none; clear:both; margin-top: 10px; padding: 2px 5px 2px 5px; background-color: #eee; color: #999;}
.downloadblock h1 {font-size:20px; font-weight: normal; margin-bottom: 0px;}
.downloadblock h2 {font-size:12px; font-weight: normal; margin: 3px 0;}
.downloadblock .alink {margin-top: 5px;}
.downloadblock ul {list-style-type:square;}

.partnerblock {margin: 0 0 30px 0; }
.partnerblock h1 {font-size:14px; font-weight: normal; margin: 5px 0 5px 0;}

.film h1{font-size:20px; font-weight: normal; margin: 20px 0 5px 0;}
.film h3{font-size:12px; margin: 20px 0 0 0;}
.film ul , .film p{ padding: 0 0 0 0px; margin: 10px 0;}
.film li{list-style-type:none;}
.film .filmstab .label { font-weight: bold; }
.film .filmregie .label { font-weight: bold; }
.film .film_jahr , .film .film_l{color: #5d9ace;}
.film .nominierung {color: #5d9ace;}

.film .filmregie
{
	padding: 0 10px 10px 10px;
	width: 150px;
	float: right;
	background-color: #eeeeee;
	color: #666;
	margin: 0 5px 10px 15px;
}
.film .filmregie .portrait{margin: 10px 0 0px 0;}
.film .filmregie h3{margin: 15px 0 5px 0;}
.film .filmproduktion{}


#filmuebersicht  li a, #filmuebersicht  li .film_titel{font-size:18px;display:block; margin-top:0px;}

#filmuebersicht  img.thumbnail{float: left; width 150px; margin: 0 20px 20px 0;}
#filmuebersicht  .filminfo{width: 390px; float:right;}
#filmuebersicht  li{margin: 0 0 10px 0; float: none; clear: both;}
#filmuebersicht  li.programm_start{border-top: 1px solid #ccc; padding-top: 20px;}
#filmuebersicht  .film_jahr, #filmuebersicht .film_l{margin: 3px 0 3px 0;}

.programmblock
{
	width: 165px;
	float: left;
	padding: 0 10px 20px 0;
	margin: 10px 10px 0 0;
}
.programmblock ul { padding: 0;margin: 5px 0;}
.programmblock li{list-style-type:none; padding: 5px 0 5px 0;}
.prog_head {height: 70px;}
.prog_head h2 { text-transform: uppercase; margin: 3px 0; font-size: 18px; font-weight: normal;}
.prog_list a{font-size: 12px; }
.prog_list .film_titel { text-transform: uppercase; font-size: 12px; color: #E90500;}
.prog_list .film_jahr{font-size: 9px; }


#kontakte ul { padding: 0; margin: 5px 0;}
#kontakte li{list-style-type:none; padding: 2px 0;}
#kontakte h2 {font-size:20px; font-weight: normal; margin: 20px 0 0 0;}
#kontakte h3 {font-size:14px; font-weight: normal; margin: 5px 0;}

#impressum ul { padding: 0; margin: 10px 0}
#impressum li{list-style-type:none; padding: 5px 0;}
#impressum h1 {font-size:20px; font-weight: normal; margin-bottom: 10px;}

.rueckblick .jahr {float: left; width: 275px;}
.rueckblick .jahr.links {padding-right: 15px;}
.rueckblick .programmblock {float: none; width: 280px; padding: 10px 0 5px 0;}
.rueckblick .prog_head ,  .rueckblick p {color: #999;}
.rueckblick .prog_head {height: auto;}
.rueckblick h1 {margin-bottom: 2px;}

#banner{margin: 15px 0 25px 0; border: 2px solid #eee;}
#banner img{margin: 1px; width: 280px; height: 70px; overflow:hidden;}
#banner img.rechts{margin-right: 0;}
#banner .fuss { font-size: 9px; float:none; clear:both; margin-top: 2px; padding: 2px 5px 0px 5px; background-color: #eee; color: #999;}