/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@import url(http://fonts.googleapis.com/css?family=Carme);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:700);
html {
	font-size: 100%;
	height: 100%;
	margin-bottom: 1px; /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
}
#flashContent {
	width:100%;
	height:100%;
}
/* Body ########################################### */	
.bodyhome {
	background: #e1e5e4 url(grafiken/bg.gif) repeat left top;
	font-size: 11px;
	font-family: "lucida grande", verdana, tahoma, sans-serif;
	color:#3f4040;
	margin:0;
	padding:0;
	text-align:left;
	direction:ltr;
	unicode-bidi:embed;
}
body, table {
	background: #f6f6f6;
	font-size: 11px;
	font-family: "lucida grande", verdana, tahoma, sans-serif;
	color:#3f4040;
	margin:0;
	padding:0;
	text-align:left;
	direction:ltr;
	unicode-bidi:embed;
	line-height: 19px;
	overflow:auto;
	scrollbar:no;
}
/* Container ########################################### */
.hg_face {
	background: url(grafiken/hg_face.png) no-repeat left top;
	width:100%;
	height:905px;
	padding:0px;
	margin:0px auto;
	border: 0px solid #000;
	float: left;
	z-index:0;
}
.container {
	width:960px;
	margin:0px auto;
	padding:0px;
	position: relative;
	border: 0px solid #000;
	float: left;
	z-index:1;
}
.cont_version {
	width:772px;
	height:40px;
	margin:32px 0px 0px 188px;
	border: 0px solid #ccc;
	float: left;
	z-index:2;
}
.cont_logo {
	width:772px;
	height:84px;
	margin:0px 0px 0px 188px;
	border: 0px solid blue;
	float: left;
	z-index:3;
}
.cont_pg_navig {
	width:188px;
	height:auto;
	margin:33px 0px 0px 0px;
	border: 0px solid red;
	float: left;
	z-index:4;
}
.cont_pg {
	width:772px;
	height:auto;
	margin:0px 0px 0px 0px;
	border: 0px solid #bcc6ba;
	float: right;
	z-index:5;
}
/* CONTAINER ########################################### */	
.box {
	WIDTH: 770px;
	padding: 0x 0px 0px 0px;
	BACKGROUND-COLOR: #f6f6f6;
}
.schatten {
	position: absolute;
	background-color: #3d3d3d;
	z-index: 4;
	padding: 0px 0px 8px 0px;
	-moz-border-radius: 8px;
}
#container_inhalt {
	WIDTH: 770px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN: 0px 0px 0px 0px;
	BACKGROUND-COLOR: #f6f6f6;
	-moz-border-radius-topright: 8px;
}
/* Farbe und Schrift der Tabellen */
.table_kl {
	*font: 11px "lucida grande", Verdana, Tahoma, Trebuchet MS, Sans-Serif;
 *color:#000000;
}
td.abstand {
	padding-left: 17px;
	padding-right : 17px;
	padding-top : 4px;
}
td.abstandmenu {
	padding-left: 32px;
}
.rahmen tr {
	border: solid #e7e7e7;
	border-width: 1 1 1 1;
}
td.partnerlogos {
	padding-left: 28px;
}
td.fotos {
	padding-left: 5px;
}
td.filmpic2 {
	padding-bottom: 4px;
}
td.abstandtxt {
	padding-left: 17px;
	padding-right: 17px;
}
td.bio {
	padding-right: 7px;
}
td.colorgrau {
	background-color:#f9f9f9;
}
.logo_arsenal {
	padding-left: 28px;
}
.auflistung_td {
	border-style: solid;
	border-color: #e7e7e7;
	border-width: 0pt 0pt 1px;
}
.auflistung_td_linie {
	border: solid #e7e7e7;
	border-width: 0 0 1px 0;
	padding: 1px 0 0 0;
}
/* Farbe und Schrift für Links */			

a, a:Visited {
	font: 11px "lucida grande", Verdana, Tahoma, Trebuchet MS, Sans-Serif;
	color: #ff0101;
	text-decoration: none;
	font-weight: normal;
	line-height: 16px;
	padding-bottom: 1px;
	background-color: #fff;
}
a:Hover, a:Active {
	color : #000;
	text-decoration : none;
	font-weight : normal;
	border-bottom: 1px solid #000;
	background-color: inherit;
}
a.links2:Link, a.links2:Visited {
	color: red;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid red;
	padding-bottom: 1px;
}
a.links2:Hover, a.links2:Active {
	color : #fff;
	text-decoration : none;
	font-weight : normal;
	background-color: red;
}
.auflistung_td_linie a:Link, .auflistung_td_linie a:visited {
	color : #000;
	font-size: 10px;
}
.auflistung_td_linie a:Hover {
	color : #808080;
	font-size: 10px;
}
/* Alpha für Menüleiste */	
a.navigimg {
}
a.navigimg:visited {
}
a.navigimg:hover {
	color : red;
	text-decoration : overline;
	filter: Alpha(opacity=20, finishopacity=25, style=2);
	-moz-opacity: 0.2;
	width:0px;
	height:0px;
}
/* Filmtitel */	
.titel_or {
	font-family: 'Open Sans', arial, serif;
	font-size: 28px;
	font-weight: normal;
	line-height:30px;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	color:#000000;
 *letter-spacing: -1px;
 *text-transform: uppercase;
}
.titel_ {
	font: 12px "lucida grande", Verdana, Tahoma, Trebuchet MS, Sans-Serif;
	color:#bac1c6;
	text-transform: uppercase;
	font-weight : bold;
}
.titel_1 {
	font: 16px "Carme", "PT Sans", Tahoma, Verdana, Trebuchet MS, Sans-Serif;
	color: #3f4040;
	letter-spacing: 1px;
	border-bottom: 0px dashed #e7e7e7;
	text-shadow: 0px 0px 1px #ababab;
}
.titel_2 {
	font: 14px "Carme", "PT Sans", Tahoma, Verdana, Trebuchet MS, Sans-Serif;
	color: #000;
	border-bottom: 0px dashed #e7e7e7;
	text-shadow: 0px 0px 1px #ababab;
}
.titel_3 {
	font: 14px "Carme", "PT Sans", Tahoma, Verdana, Trebuchet MS, Sans-Serif;
	color: #000;
	border-bottom: 1px dashed #e7e7e7;
	text-shadow: 0px 0px 1px #ababab;
}
.titel_4 {
	font: 9px "lucida grande", Verdana, Tahoma, Trebuchet MS, Sans-Serif;
	text-transform: uppercase;
	font-weight : bold;
	letter-spacing: 1px;
	color: red;
}
.titel_5 {
	font: 12px "lucida grande", Verdana, Tahoma, Trebuchet MS, Sans-Serif;
	font-weight : bold;
	color: #747474;
}
.titel_6 {
	font: 20px "Open Sans", Verdana, Tahoma, Trebuchet MS, Sans-Serif;
	color: #808080;
}
.titel_7 {
	font: 18px "Open Sans", Verdana, Tahoma, Trebuchet MS, Sans-Serif;
	color: #808080;
}
.infos {
	font: 11px "lucida grande", Tahoma, Verdana, Trebuchet MS, Sans-Serif;
	color: #989d9c;
	line-height: 19px;
}
.infos2 {
	font: 11px "lucida grande", Tahoma, Verdana, Trebuchet MS, Sans-Serif;
	color: #009cff;
	font-weight : bold;
}
.infos3 {
	font: 11px "lucida grande", Tahoma, Verdana, Trebuchet MS, Sans-Serif;
	line-height: 16px;
}
.infosrahmenpr { background-color:#FFF;
}
.termine {
	font: 11px Tahoma, Trebuchet MS, Sans-Serif;
	color: #000;
	line-height: 19px;
}
.txtklein {
	font: 10px "lucida grande", Verdana, Tahoma, Trebuchet MS, Sans-Serif;
}
.bio {
	font: 10px/170% "lucida grande", Tahoma, Verdana, Trebuchet MS, Sans-Serif;
	text-align: justify;
}
.bio_name {
	font: 12px/160% "lucida grande", Tahoma, Verdana, Trebuchet MS, Sans-Serif;
}
.bio_filme {
	color: #999999;
	font-size: 11px;
}
/* BILDER ########################################### */
img, a img {
	border: none;
	background: none;
}
.pic_container img {
	width: auto;
	position: relative;
	background-color: #e8e8e8;
	padding: 0px 3px 2px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px solid #ec6868;
}
.gallery img, .gallery_team img, .gallery_partner img {
	padding: 10px;
	margin-top: 0px;
	background-color: #fff;
	box-shadow: 1px 1px 1px #c4c4b8;
}
.gallery img:hover, .gallery img:active, .gallery img:focus, .files img:hover, .files img:active, .files img:focus {
	background: none;
	border: 0px solid #ec6868;
	filter:alpha(opacity=60);
	moz-opacity: 0.6;
	opacity:0.60;
	-khtml-opacity:0.60;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
/* Background entfernen bei Bildern */
.gallery a, .gallery a:hover, .gallery a:active, .gallery a:focus, .gallery_partner a, .gallery_partner a:hover, .gallery_partner a:active, .gallery_partner a:focus {
	background: none;
	background-image: none;
	text-decoration: none;
	font-weight: none;
	border: 0px solid #ec6868 !important;
	padding: 0px;
	margin: 0px;
}
.gallery_team img, .gallery_partner img {
	margin-bottom: 5px;
}
.gallery_team_pos img {
	position: relative;
	float: left;
	margin: 0 15px 5px 0px;
	border: 0px solid #666;
}
#container_bilder {
	BACKGROUND-COLOR: #ffffff;
	position: relative;
	width: 700px;
	height: 100%;
	overflow: hidden;
}
#container_bilder2 {
	BACKGROUND-COLOR: #ffffff;
	position: relative;
	width: 700px;
	height: 525px;
	overflow: auto;
}
.pic_pg_version {
	width:123px;
	height: 11px;
	background: url(grafiken/vers_dt.gif) no-repeat left;
}
.pic_pg_version_en {
	width:111px;
	height: 11px;
	background: url(grafiken/vers_engl.gif) no-repeat left;
}
.pic_partner_arsenal {
	width:112px;
	height: 45px;
	background: url(grafiken/partner_arsenal.gif) no-repeat left;
	border: 0px solid #000;
}
.pic_partner_korientation {
	width:116px;
	height:53px;
	background: url(grafiken/pic_partner_korientation.gif) no-repeat left;
}
.pic_bild_festivalfotos, .pic_bild_festivalfotos a img {
	width: 145px;
	height: 120px;
	background: url(grafiken/bild_festivalfotos.gif) no-repeat left;
	border: solid 5px #fff;
	box-shadow: 1px 1px 1px #c4c4b8;
}
.pic_bild_festivalfotos a:hover img {
	border: solid 5px #494a43;
	background: #20211d;
	padding: 1px;
	box-shadow: none;
}
.pic_trailer, .pic_trailer a img {
	width: 150px;
	height: 150px;
	background: url(grafiken/trailer.gif) no-repeat left;
	border: solid 5px #fff;
	box-shadow: 1px 1px 1px #c4c4b8;
}
.pic_team, .pic_team a img {
	width: 150px;
	height: 150px;
	background-color: #fff;
	border: solid 7px #fff;
	box-shadow: 1px 1px 1px #c4c4b8;
	margin-bottom: 5px;
}
.pic_team a:hover img {
	border: solid 5px #494a43;
	background: #20211d;
	padding: 1px;
	box-shadow: none;
}
.biobilder {
 *border: solid #bcc6ba;
 *border-width: 2 10 2 2;
	padding: 2px 0 0 3px;
}
.pic_bio_blume {
	width:128px;
	height: 176px;
	background: url(grafiken/bio_rahmen.png) no-repeat left;
}
.pic_pg_festivalfotos {
	width:96px;
	height: 18px;
	background: url(grafiken/pg_fotos.gif) no-repeat left;
}
.pic_pg_photos {
	width:110px;
	height: 18px;
	background: url(grafiken/pg_photos.gif) no-repeat left;
}
.pic_pg_uebersicht:after {
	content: "Filmübersicht";
}
.pic_pg_filmabc:after {
	content: "Film ABC";
}
.pic_pg_spielfilme:after {
	content: "Spielfilme";
}
.pic_pg_featurefilm:after {
	content: "Feature Film";
 *width:95px;
 *height: 14px;
 *background: url(grafiken/pg_featurefilm.gif) no-repeat left;
}
.pic_pg_asiandiaspora:after {
	content: "Asian Diaspora Filme";
}
.pic_pg_asiandiaspora_en:after {
	content: "Asian-Diaspora Film";
}
.pic_pg_kurzfilme:after {
	content: "Kurzfilme";
}
.pic_pg_shortfilm:after {
	content: "Short Film";
}
.pic_pg_nordkoreanische:after {
	width:139px;
	height: 12px;
	background: url(grafiken/pg_nordkoreanische.gif) no-repeat left;
}
.pic_pg_northkoreanfilm:after {
	width:125px;
	height: 13px;
	background: url(grafiken/pg_northkoreanfilm.gif) no-repeat left;
}
.pic_pg_dokus:after {
	content: "Dukumentarfilme";
}
.pic_pg_docus:after {
	content: "Documentary";
}
.pic_pg_regi:aftere {
 content: "Filmübersicht";
}
.pic_pg_directors:after {
	width:69px;
	height: 13px;
	background: url(grafiken/pg_directors.gif) no-repeat left;
}
.pic_pg_termine:after {
	width:60px;
	height: 13px;
	background: url(grafiken/pg_termine.gif) no-repeat left;
}
.pic_pg_dates:after {
	width:44px;
	height: 13px;
	background: url(grafiken/pg_dates.gif) no-repeat left;
}
.pic_pg_bio:after {
	content: "Biografie";
}
.pic_pg_bio2:after {
	content: "Biography";
}
.pic_pg_termin_1:after {
	content: "Mittowch, 26. Oktober 2011";
}
.pic_pg_termin_1_en:after {
	content: "Wednesday, 26. October 2011";
}
.pic_pg_termin_2:after {
	content: "Donnerstag, 27. Oktober 2011";
}
.pic_pg_termin_2_en:after {
	content: "Thursday, 27. October 2011";
}
.pic_pg_termin_3:after {
	content: "Freitag, 28. Oktober 2011";
}
.pic_pg_termin_3_en:after {
	content: "Friday, 28. October 2011";
}
.pic_pg_termin_4:after {
	content: "Samstag, 29. Oktober 2011";
}
.pic_pg_termin_4_en:after {
	content: "Saturday, 29. October 2011";
}
.pic_pg_termin_5:after {
	content: "Sonntag, 30. Oktober 2011";
}
.pic_pg_termin_5_en:after {
	content: "Sunday, 30. October 2011";
}
.pic_pg_termin_6 {
	width:210px;
	height: 16px;
	background: url(grafiken/pg_termin_dienstag.gif) no-repeat left;
}
.pic_pg_termin_6_en {
	width:203px;
	height: 16px;
	background: url(grafiken/pg_termin_dienstag_en.gif) no-repeat left;
}
.pic_pg_front {
	width:196px;
	height: 303px;
	border: 1px solid #e7e7e7;
	padding: 2px 2px 2px 6px;
	margin: 0px 12px 5px 0px;
	background: #ffffff;
	float: left;
	position: absloute;
	background: url(grafiken/pg_front_pic.gif) no-repeat center;
}
/* FORMULAR ########################################### */	


.submit {
	background: url(grafiken/btn.gif) no-repeat 3px 7px;
	border:none;
	color:#fff;
	padding: 0 8px 5px 0px;
	font: bold 20px 'Open Sans', Helvetica, Tahoma, Arial, Geneva, sans-serif;
	margin:10px 10px 0 0;
}
.formular {
	font: 11px Verdana, Tahoma, Trebuchet MS, Sans-Serif;
	color: #000;
	padding:7px 6px 7px 6px;
	border: 1px solid #ababab;
	width:280px;
	background: #fff;
	line-height: 15px;
	margin-bottom: 10px;
	-moz-border-radius: 6px;
}
label {
	font-size: 10px;
	display: block;
	padding: 0 0 2px 0;
}
textarea {
	border: 1px solid #ababab;
	background: #fff;
	font: 10px Verdana, Trebuchet MS, Tahoma, Sans-Serif;
	color: #000;
	padding: 3px;
	height: 120px;
	width: 400px;
}
.txtarea_width {
	width: 400px;
}
select:hover, .formular:hover, textarea:hover {
	border: 1px solid #e7e7e7;
	color: #e7e7e7;
}
select:focus, .formular:focus, textarea:focus {
	background-color: #fafafa;
	border: 1px solid #ff0101;
	color: #000;
}
/* Formartierung */

/* HR Trennlinie */
hr {
	color: #e7e7e7;
	background: #e7e7e7;
	border: 0;
	Height: 1px;
	width: 50%;
	float: left;
}
.linie {
	width:1px;
	height:20px;
	border-left: 1px solid #000;
}
small {
	font: 10px Verdana, Tahoma, Trebuchet MS, Sans-Serif;
	color: #000;
	line-height: 17px;
}
em, i {
	font: 11px Verdana, Tahoma, Trebuchet MS, Sans-Serif;
	font-style: italic;
	color: #989d9c;
}
p {
	margin-bottom: 20px;
}
.name {
	font: 11px Verdana, Tahoma, Trebuchet MS, Sans-Serif;
	font-style: italic;
	color: #000;
}
strong, b {
	color: #333;
	font: bold 12px "Droid Sans", Tahoma, Verdana, Trebuchet MS, Sans-Serif;
	line-height: 16px;
}
.rahmenpr {
	color: #808080;
}
.aktiv {
	color: #000;
	font: bold 12px "Droid Sans", Tahoma, Verdana, Trebuchet MS, Sans-Serif;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #3f4040;
	background-color: #e7e7e7;
	padding: 5px;
	opacity: 0.90;
}
#tooltip h3 {
	font: 10px "lucida grande", Verdana, Tahoma, Trebuchet MS, Sans-Serif;
	font-weight: bold;
	color: #3f4040;
	margin: 0;
}
#tooltip div {
	margin: 0;
}
#dhtmltooltip {
	position: absolute;
	width: 150px;
	border: 1px solid #3f4040;
	background-color: #e7e7e7;
	font: 10px "lucida grande", Verdana, Sans-Serif;
	color: #3f4040;
	padding: 3px;
	visibility: hidden;
	z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray, direction=135);
}
ul, ol {
	margin-left:1.5em;
	padding-left:0px;
}
ul li, li {
	list-style-type: disc;
	color: #989d9c;
}
li span {
	color: #3f4040;
}
.padding {
	padding-left: 10px;
}
.subgenre {
	color:#3f4040;
}
.art {
	color: #000;
	font: bold 12px "Droid Sans", Tahoma, Verdana, Trebuchet MS, Sans-Serif;
	line-height: 16px;
}
.rot {
	color:#F00;
}

