body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background: #c5dadf;
}

a {color:#333333;text-decoration:none}
label {display:block} 	

h1,h2,h3,h4 {margin-left:-16px;padding-left:16px;
	background:url(../img/flash.gif) 0px 3px no-repeat;margin-top:0px}
h4 {margin-left:0px;padding-left:16px;
	background:url(../img/flash.gif) 0px 3px no-repeat;margin-top:0px}

h1 {font-size:12px;padding:1px 0px 8px 16px;
	background:url(../img/flash.gif) 1px 2px no-repeat;font-weight:normal;
	margin:0px 0px 10px -16px;}



.eventtable h4 {font-size:16px}	

#logo {position:absolute;left:87px;top:24px;z-index:2}
#menu {position:absolute;left:83px;top:5px;width:900px;height:130px}
#menu div{	padding:74px 12px 28px 5px;}
#menu div.menu, #menu div.menunoline {
	line-height:14px;
	float:left;}

#menu a:hover {color:#000000}
 #menu.index div.menu, #menu div.menu.active {
	background:url(../img/line.gif) -9px 0px repeat-y;}
#menu div.menunoline.active {
	background:url(../img/line.gif) right 0px repeat-y;}

#menu .about a:hover, #menu .about.active a{background:url(../img/about.gif) 0px 0px no-repeat;}
#menu .distrib a:hover, #menu .distrib.active a {background:url(../img/distrib.gif) 0px 0px no-repeat;}
#menu .events a:hover, #menu .events.active a {background:url(../img/events.gif) 0px 0px no-repeat;}
#menu .contact a:hover, #menu .contact.active a {background:url(../img/contact.gif) 0px 0px no-repeat;}
#menu .press a:hover, #menu .press.active a {background:url(../img/press.gif) 0px 0px no-repeat;}

/*#menu div.menu:hover {background:url(../img/line_hover.gif) -9px 0px repeat-y;}*/

#menu #langswitch {float:right;font-size:80%;padding-right:15px;padding-top:89px}
#menu #langswitch a {padding:2px 2px 2px 2px;margin-right:4px;}
.lang_de, .lang_en {padding-left:22px; }
.lang_de {background:url(../img/deutsch.gif) 0px 0px no-repeat;  }
.lang_de.active {background:url(../img/deutsch_on.gif) 0px 0px no-repeat;  }
.lang_de:hover{background:url(../img/deutsch_over.gif) 0px 0px no-repeat;  }
.lang_en {background:url(../img/english.gif) 0px 0px no-repeat;  }
.lang_en.active {background:url(../img/english_on.gif) 0 0 no-repeat;   }
.lang_en:hover{background:url(../img/english_over.gif) 0 0 no-repeat; }
#menu #search {	margin-right:30px;float:right;padding-top:86px}
#menu #search a {color:#46629a;text-decoration:underline;padding-left:16px;
	background:url(../img/flash.gif) 2px 2px no-repeat}
#menu #search a:hover {color:#000000;text-decoration:underline}

#anim {position:absolute;top:165px;left:58px;width:900px;text-align:center}
#anim_overlay {position:absolute;top:35px;left:28px;width:900px;text-align:center}

#content {
	position:absolute;left:58px;top:135px;width:870px;z-index:-2;
	clear:both;
	padding: 15px 25px 25px 28px;min-height:350px;
	background: #c5dadf;
	color:#333333;
	margin-top:4px;
}
#content ul {margin-top:0px;list-style-type:none}
#content.index {background:none;color:#333333;top:355px;}
#content a {text-decoration:underline}
#content a:hover {text-decoration:none;background:#ffffff}
#content #main ul {width:450px;padding:0px 0px 0px 0px;margin-left:20px;list-style-image:url(../img/flash.gif)}
#content #main li {margin-bottom:5px;}

#submenu ul {width:150px;padding-left:16px;margin-left:list-style-type:none}
#subemnu li {padding-left:0px}
#submenu li:hover {padding:0px;list-style-image:url(../img/flash.gif)}
#submenu li.active {padding:0px;list-style-image:url(../img/flash.gif)}
#submenu li.active a {background:white;text-decoration:none}

#submenu {float:left;width:205px;line-height:16px;margin-left:-16px;}
/*#submenu  a {padding-left:16px;} */
/*#submenu a:hover  {background:url(../img/flash.gif) 0px 3px no-repeat;}*/
#submenu a {padding:0px 2px 0px 2px}
#submenu  a.active {background-color:white;	text-decoration:none}

#main {margin-left:219px;}

#main table {margin-top:-6px}

#content #main .filmmakers ul {margin:0px;padding:0px; margin-top:20px;padding-left:0px;list-style-image:none}
#content #main .filmmakers ul li {margin:0px;padding:0px;border-bottom:1px solid #999;margin-bottom:2px}
#content #main .filmmakers a {text-decoration:none}

#content .letterspages {margin: 0px 0px 8px 0px}
#content .letterspages a {margin-right:5px;text-decoration:none;border-bottom:1px solid #999;padding-bottom:0px;}
#content .letterspages a.active {border-bottom:0px;font-weight:bold;}


#events {float:left;width:602px;margin: 0px 10px 20px 0px;}

#ticker {float:right;width:255px;padding:0px 0px 0px 0px; margin-top:10px;}
#ticker .item {margin: 0px 0px 10px 0px;padding:10px;background:white}
#ticker .vimeoitem iframe {margin-left:-10px}
#ticker .vimeoitem .lcotitle {margin-top:2px; font-weight:bold; font-size:14px;margin-bottom:10px}
#ticker .vimeoitem .lcodirector {margin-top:8px}
#ticker .vimeoitem .lcomovie {margin-bottom:2px;}
#ticker .vimeoitem .lcomovie b {font-size:14px}

#news {width:320px;}



#news a {color:#46629a}
#events a {color:#33333}
#news a:hover, #events a:hover {color:#000000;text-decoration:underline}

table .eventtitle {font-weight:bold;margin-bottom:3px;font-size:25px;margin-top:0px}
.movietitle {font-weight:bold;margin-bottom:3px;font-size:16px;line-height:20px}
.subtitle {font-weight:normal;margin:3px 0px 3px 0px;font-size:12px}
.eventtable .eventtitle {font-size:25px;font-weight:bold;padding-bottom:10px;font-weight:bold;}
.eventindex {font-size:12px;}
.eventimg {margin:0px;margin-right:5px;margin-bottom:10px;border:0px;}
.eventcategory {padding-left:16px;background:url(../img/events.gif) 0px 2px no-repeat;margin-bottom:3px}
.eventlocation {margin-bottom:10px}


#main table {width:656px;margin-top:0px}

table.eventtable,
table.tourfilmtable,
table.filmdetail,
table.tourtable {border-spacing:3px 7px;margin-left:-3px;margin-top:2px;}
table.filmdetail {border-spacing:7px 3px;margin-left:-7px}
table.tourfilmtable {border-spacing:7px 0px;margin-left:-7px;width:614px;}
table.filmdetail td {background:white;padding:0px 10px 0px 10px}
table.filmdetail td.image,
table.eventtable td.image,
table.tourfilmtable td.image {width:197px;background:white;padding:0px}
table td img {border:0px;margin:0px;padding:0px}
table.eventtable td.tdtitle {width:210px;background:white;}
table.eventtable p {padding-right:10px}
table.eventtable td.yeartime {width:50px;background:white;}
table.eventtable td {background:white;padding-left:8px;padding-right:8px;}
table.eventtable td.image {padding:0px;margin:0px;width:197px}
table.eventtable p {margin-top:5px}
table.filmdetail .movietitle {width:323px;font-size:25px;line-height:32px;margin:10px 0px 0px 0px;min-height:112px}
table.filmdetail .filmyears {margin: 10px 0px 10px 0px}
table.filmdetail td.filmdesc {padding:0px 10px 10px 10px;}
table.filmdetail td.more {font-size:10px;line-height:11px}
table.filmdetail td.fdata p{margin-top:3px;margin-bottom:3px}
table.filmdetail td.fdata {border-spacing:3px 3px;padding-top:8px;padding-bottom:10px}
table.tourtable td {background:white;}
table.tourtable td.image {width:135px;padding:0px}
table.tourtable td.image img {border:0px;}
table.tourtable td.tournr {width:30px;background:white;padding:3px;padding-left:8px}
table.tourtable td.tourtitle {width:435px;background:white;padding:3px;padding-left:8px}
table td.empty {background:none}
table.tourfilmtable {border-spacing:7px 0px;margin-left:-7px;padding-bottom:20px}
table.tourfilmtable td.image {width:197px;background:white;padding:0px;padding-bottom:5px}
table.tourfilmtable td.tdtour {background:white;padding:0px 80px 10px 10px;border:0px;}
table.tour {border-spacing:7px 0px;margin-left:-7px;border-bottom:0px}
table.tour td.image, table.tour td.fdata {border-bottom:3px solid #c5dadf;}
table.tour td.fdata {height:120px}
table.tour td.filmdesc {padding-bottom:30px}
table.tourfilmtable .movietitle {width:323px;}

#content .searchform select {width:184px;border:0px;padding:1px 0px;background:white;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:0px}
#content .searchform input.text  {width:180px;border:0px;padding:2px;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:0px}
#content .searchdesc {width:120px;}
#content .searchform {border-spacing:0px 0px;}


.newslefttitle {color:#46629a;font-weight:bold;margin-bottom:10px}
.newstitle {font-size:25px;font-weight:bold;margin-bottom:10px}
.newsitem {padding:10px 0px 20px 0px}

#content .newstitle a, .newslefttitle a {color:#46629a;text-decoration:none}
#content .newstitle a:hover {color:#000000;text-decoration:underline}

.newstext {padding:0px;margin:0px;font-size:14px;line-height:19px;}
.newstext p {padding:0px;margin:0px;margin-bottom:0px;}
.newstext a {color:#46629a;padding:0px 5px 0px 16px;background:url(../img/flash.gif) 2px 2px no-repeat;font-size:12px;text-decoration:none}
#content .newstext a:hover {text-decoration:underline;color:#000000;padding:0px 5px 0px 16px;background:url(../img/flash.gif) 2px 2px no-repeat;}


form p {margin:3px 0px 2px 0px;padding:0px}
input.title {width:400px}
#edit {position:absolute;top:20px;left:600px;color:#333;padding:10px;border:1px solid #46629a;background:#eee }
#edit a, #content .editlink {color:#46629a;padding:0px 5px 0px 16px;background:url(../img/flash.gif) 2px 2px no-repeat;
	text-decoration:underline;text-transform:uppercase;font-size:10px;}
#content .editlink {color:#46629a;padding:0px 5px 0px 16px;background:url(../img/flash.gif) 2px 2px no-repeat;
	text-decoration:none;text-transform:uppercase;font-size:10px;line-height:16px;border:1px solid #46629a;background-color:#eee;}
#edit a:hover, #content .editlink:hover {font-weight:bold;background:url(../img/flash.gif) 2px 2px no-repeat}

#content .pressitem {padding: 20px 0px 20px 0px;border-bottom:1px solid #fff;width:596px;}
#content .pressitem .title {font-weight:bold;text-decoration:underline}

.edit .title {font-weight:bold}
.edit .item {margin-bottom:10px}
.edit li {list-style-type:none;border-bottom:1px solid #fff;}


table {border:0px;padding:0px;}
td {vertical-align:top}

.column1 {float:left;display:block;width:300px;}
.column2 {margin-left:300px;width:300px;}
.column1 p, .column2 p, .column1 li, .column2 li {margin-top:10px;max-width:250px}
.column1 h3, .column1 h3 {margin-top:7px;padding-top:0px}

/* custom styles */
#content a.back {font-size:12px;;margin-left:-16px;padding-left:16px;padding-bottom:5px;margin-bottom:10px;
	background:url(../img/flash-back.gif) 0px 1px no-repeat;font-weight:normal;
	border-bottom:1px solid #ffffff;display:block;text-decoration:none}
#content a.back:hover {color:#000000;background:url(../img/flash-back.gif) 0px 1px no-repeat;}
.bigger {font-size:16px;line-height:17px;font-weight:bold;color:#ffffff;margin-left:-16px;padding-left:16px;
background:url(../img/flash.gif) 0px 3px no-repeat;}
.download, #content a:hover.download, .link {padding-left:16px;background:url(../img/flash.gif) 0px 3px no-repeat;}
#content a:hover.download {background-color:white}
.strong {font-size:16px;line-height:17px;margin-left:-16px;padding-left:16px;
background:url(../img/flash.gif) 0px 3px no-repeat;}




.error {color:#ff0000}
.line {clear:both;border-bottom:1px solid #ffffff; padding:0px 0px 5px 0px;margin:0px 0px 10px 0px;width:100%;height:2px}
.topline {border-bottom:1px solid #ffffff; padding:0px 0px 5px 0px;margin:16px 0px 10px 0px;width:100%;height:2px}
.hline {border-bottom:1px solid #ffffff; padding:0px 0px 0px 0px;margin:-16px 0px 10px 0px;width:100%;height:2px}
.lineclear {clear:both;border-bottom:1px solid #ffffff; padding:0px 0px 5px 0px;margin:0px 0px 10px 0px;width:100%;height:2px}
.linenoclear {border-bottom:1px solid #ffffff; padding:0px 0px 5px 0px;margin:0px 0px 10px 0px;width:100%;height:2px}
.float {float:left;margin-right:20px;}
.clear {clear:both}

/* ---------------------- */

table.eventtable {margin-bottom: -7px;}
.eventshow .eventtitle {font-size:35px;line-height:40px;font-weight:bold;margin-bottom:30px}
.eventshow .eventdate {font-size:20px;line-height:28px;font-weight:bold;}
.eventshow .eventlocation {font-size:20px;line-height:24px}
.eventshow .eventdescr {background:white;margin:0px;padding:20px 10px 20px 10px;font-size:16px;}
.eventshow .emovietitle {font-weight:bold;margin:10px 0px 0px 0px;font-size:25px;line-height:32px;padding:0px}
.eventshow .efilmmaker {margin:3px 0px 10px 0px;font-size:25px;line-height:32px;padding:0px}
.eventshow .efilmmaker a {text-decoration:none}
.eventshow .sub .eventtitle {font-size:22px;line-height:28px;margin-bottom:0px;}

ul.intro_links  {width:150px;padding:8px 0px 0px 16px;list-style-image:url(../img/flash.gif);font-size:1.1em}
.intro_links li {padding-left:0px;padding-top:5px;}


p.evencatdesc { font-size:18px;width:100%;line-height:24px;padding-bottom:5px}
p.evencatdesc span.eventcattitle { font-size:22px;font-weight:bold;color:white}

.carousel .caption {padding:5px;}
.caption p {margin:0;padding:0}
.slick-slide {color:#666666;}
.slick-prev::before {
	font-family: FontAwesome;
	font-size:48px;
    content: "\f104";
}
.slick-prev {
    left: 10px;
    font-size:48px;
    z-index:2000;
    height:65px;
   }

.slick-next::before {
	font-family: FontAwesome;
	font-size:48px;
    content: "\f105";
   line-height:64px;
}
.slick-next {
    right: 10px;
    font-size:48px;
    z-index:2000;
    line-height:64px;
    height:65px;
   }
   
.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Mehr';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Weniger';
}

.read-more-trigger {
  opacity: 1;
  cursor: pointer;
  color:#46629a;
  display:inline;
  position:relative;
  top:-18px;
  text-decoration:underline;

}