.topMenuTop { 
	position:fixed;
	top:0px;
	background-color:white;
	width:900px;
	z-index:100;
	box-shadow: 2px 2px 10px #ccc;
}
.topMenuInline { 
	margin-top:7px;
}

ul.Navigation {
	margin: 0; 
	padding-top: 0;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	text-align: left;
  }

  ul.Navigation li.menuLevel0 {
	list-style: none;
	float: left;
	position: relative;
	display: block;
	margin-top: 0px; 
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding: 0;    
  }

  ul.Navigation li.menuLevel0 div {
	float: left;
	display: block;
	margin-top: 0px; 
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding: 0px;    
	background-image:url(IMAGES/background_04.png);
	background-repeat:no-repeat;
	background-position:top right;
	height:49px;
	z-index:100;
	color:white;
	font-family:PT Sans;
	text-align:center;
	vertical-align : middle;
	line-height:49px;
	width:135px; /* Breite der Menüpunkte */
  }
  ul.Navigation li.first-menuitem div {
	text-align:left!important;
	width:80px!important;
	margin-left:25px!important;
  }
  ul.Navigation li.last-menuitem div {
	text-align:right!important;
	width:80px!important; 
	margin-right:20px!important;
  }

  a.menuLevel0-active {
	font-weight:bold;
	color:rgb(0,100,138)!important;
	border-top-width:2px;
	border-top-color:rgb(253,195,0); 
	border-top-style:solid;
  }
  ul.Navigation li.menuLevel0 div a {
	text-decoration:none;		
	color:rgb(49,49,49);
	text-transform: uppercase;
	font-family: PT Sans, sans-serif;
	font-size:12pt;
  }

  ul.Navigation li.menuLevel0 div a:hover {
	text-decoration:none;		
	color:rgb(0,100,138);
	font-weight:bold;

	font-weight:bold;
	color:rgb(0,100,138)!important;
	border-top-width:2px;
	border-top-color:rgb(253,195,0); 
	border-top-style:solid;
  }


/* style erste ebene */

  ul.Navigation li.menuLevel0 ul li.menuLevel1 {
	float: none;
	display: block;
	width:200px;
	z-index:100;
  }

   ul.Navigation li.menuLevel0 ul li.menuLevel1 div {
	float: left;
	display: block;
	margin-top: 0px; 
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding: 0px;    
	background-image:url(IMAGES/background_03.png);
	background-repeat:repeat-x;
	background-position:top right;
	height:31px;
	z-index:100;
	color:white;
	font-family:PT Sans;
	text-align:left;
	padding-left:14px;
	vertical-align : middle;
	line-height:31px;
	width:200px;
  }

  /* style zweite ebene */

  ul.Navigation li.menuLevel0 ul li.menuLevel1 ul li {
	float: none;
	display: block;
	width:230px;
	z-index:100;
  }
 
   ul.Navigation li.menuLevel0 ul li.menuLevel1 ul li div {
	float: left;
	display: block;
	margin-top: 0px; 
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding: 0px;    
	background-image:url(IMAGES/background_03.png);
	background-repeat:repeat-x;
	background-position:top right;
	height:31px;
	z-index:100;
	color:white;
	font-family:PT Sans;
	text-align:left;
	padding-left:14px;
	vertical-align : middle;
	line-height:31px;
	width:230px;
	border-width:0 0 0 2px;
	border-color:white;
	border-style:solid;
  }

/* dynamisches Ein- / Ausblenden */
  ul.Navigation li.menuLevel0 ul {
	z-index:99;
	display: none;
	padding: 0px; 
	margin:  0px;
  }
  
  ul.Navigation li.menuLevel0:hover ul {
	z-index:99;
  	position:absolute;
	top:41px;
	left:10px;
    display: block;
	padding: 0px; 
	margin:  0px;
    background: #FFFFFF;
box-shadow: 2px 2px 10px #ccc;
  }
  ul.Navigation li.menuLevel0 ul li.menuLevel1 ul{
	z-index:99;
	display: none;
	padding: 0px; 
	margin:  0px;
  }
  
  ul.Navigation li.menuLevel0 ul li.menuLevel1:hover ul {
	z-index:99;
  	position:absolute;
	top:0px;
	left:200px;
    	display: block;
	padding: 0px; 
	margin:  0px;
    	background: #FFFFFF;
	box-shadow: 2px 2px 10px #ccc;
  }



  /* rechts links anzeigen */
  div.menu-right {
	  margin-top:10px;
  }
  a.menu-right {
	margin-right:27px;
	font-family:PT Sans;
	text-transform: uppercase;
	font-size:11pt; 
	display:block;
	text-align:right;
	line-height:25px; 
	text-decoration:none;
	color:rgb(49,49,49);
  }
  a.menu-right:hover {
	font-weight:bold; 
	color:rgb(0,100,138);
  }

  div.bilderwechsel{
	  display:block;
	  text-align:left;
	  margin-left:20px;
	  margin-top:5px;
  }

  /* 
   Carousel
   */
.carouselbox {
  font-family: helvetica,sans-serif;
  font-size: 14px;
  width: 700px;
  position: relative;
  margin: 5px;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 10px #ccc;
  overflow: hidden;
}
.contentCB {
  margin: 0;
  padding: 0;
}
.contenCBt li {
  font-size: 100px;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  text-align: center;
}

.active {
  height: 215px;
}
.active li {
  position: absolute;
  top: 0px;

  opacity: 0;
  transform: opacity(0);
  transition: 2s;
}
.active li.current {
  top: 0px;
  opacity: 1;
  transform: opacity(1);
  transition: 2s;
}
 
.active .buttons {
  padding: 0px;
  /*background: rgba(0,0,0,0.8); */
  opacity:1;
  text-align: center;
  z-index: 20;
  top:190px;
  left:220px;
  width:40px;
  height:10px;
  position: absolute;
}


/* Textbox mit Navigationsbuttons */
/* alles ausblenden wenn nicht aktiv */
.carouselbox button {
  border: none;
  display: none;
}
/*.carouselbox .insetTextBox {
  border: none;
  display: none;
}*/

/* Einblenden wenn aktiv */
.active .insetTextBox {
  padding: 5px;
  background: rgba(0,0,0,0.8); 
  opacity:1;
  text-align: left;
  z-index: 10;
  top:150px;
  left:10px;
  width:250px;
  height:50px;
  position: absolute;
}
.active button {
  position:absolute;
  opacity:1;
  background:rgba(0,0,0,0);
  display: inline;
  color: rgb(222,235,207);
} 

/* Layout und Positionierung der Buttons */
.active button.prev {
  top:0px;
  left:0px;
} 
.active button.next {
  top:0px;
  left:25px;
} 
.insetTextBox .insetText {
  display: inline;
  font-size:8pt;
  opacity:1;
  color: rgb(222,235,207);
  text-align:left;
  font-family:PT Sans;
}
.insetTextBox .insetText a, .insetTextBox .insetText a:hover, .insetTextBox .insetText a:visited, .insetTextBox .insetText a:active {
  text-decoration:underline;
  color: rgb(222,235,207);
}

/* "Ausblenden" von inhalten */
.offscreen {
  position: absolute;
  left: -2000px;
}


.separator-line {
	padding-top:30px;
	padding-left:25px;
	padding-right:25px;
	text-align:left;
}
.content-line {
	padding-left:25px;
	padding-right:25px;
	text-align:left;
}

/* logos der Partner links*/
div.partner-logos {
	width:100px;
	border-top-width:2px;
	border-top-color:rgb(154,155,154);
	border-top-style:solid;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
}
 

/* Nachrichtenlayout auf der Startseite*/

ul.newsbox {
	width:700px;
	display: flex;	
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top:0px;
	margin-bottom:50px;
}
.fsff-news-block {
	list-style: none;
	float:left;
	width:215px;
	border-top-width:2px;
	border-top-color:rgb(154,155,154);
	border-top-style:solid;
	padding-top:10px;
	padding-bottom:10px;
	height:440px;	
	margin-right:5px;
	margin-left:5px;
	margin-bottom:5px;
}
.last-line-item {
	list-style:none;
	float:left;
	border:0px;
	width:215px;
	padding-top:10px;
	padding-bottom:10px;
	height:1px;	
	margin-right:5px;
	margin-left:5px;
	margin-bottom:5px;	
}
.fsff-news-block h1 {
	font-size:13pt;
	color: rgb(49,49,49);
  	text-align:left;
	font-weight:normal;
	font-family:PT Sans;
}
.fsff-news-block h2 {
	text-transform: uppercase;
	font-size:11pt;
	color: rgb(0,100,138);
  	text-align:left;
	font-weight:normal;
  	font-family:PT Sans;
}
.fsff-news-block img {
	margin-bottom:10px;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 10px #ccc;
}
.fsff-news-block a, .fsff-news-block a:hover, .fsff-news-block a:visited, .fsff-news-block a:active {
	text-decoration:none;
	font-size:10pt;
	color: rgb(49,49,49);
  	text-align:left;
  	font-family:PT Sans;
}


.fsff-news-block-smart {
	list-style: none;
	float:left;
	width:215px;
	padding-top:10px;
	padding-bottom:10px;
	height:275px;	
	margin-right:5px;
	margin-left:5px;
	margin-bottom:5px;
}
.fsff-news-block-smart-archiv {
	list-style: none;
	float:left;
	width:215px;
	padding-top:10px;
	padding-bottom:10px;
	height:350px;	
	margin-right:5px;
	margin-left:5px;
	margin-bottom:5px;
}

.fsff-news-block-smart h1 {
	font-size:13pt;
	color: rgb(49,49,49);
  	text-align:left;
	font-weight:normal;
	font-family:PT Sans;
}
.fsff-news-block-smart h2 {
	text-transform: uppercase;
	font-size:11pt;
	color: rgb(0,100,138);
  	text-align:left;
	font-weight:normal;
  	font-family:PT Sans;
}
.fsff-news-block-smart img {
	margin-bottom:10px;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 10px #ccc;
}


li.fsff-news-block-smart div.film {
    position: relative;
    overflow: hidden;
}

li.fsff-news-block-smart div.film img {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}



.fsff-news-block-smart a, .fsff-news-block-smart a:hover, .fsff-news-block-smart a:visited, .fsff-news-block-smart a:active {
	text-decoration:none;
	font-size:10pt;
	color: rgb(49,49,49);
  	text-align:left;
  	font-family:PT Sans;
}


/* Textseite */
.whole_content {
	width:700px;
	display: flex;	
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top:0px;
	margin-bottom:0px;
}
.image_content{
	width:220px;
	text-align:left;
	padding-top:50px;
}
.image_content p {
  	text-align:left;
	font-weight:normal;
  	font-family:PT Sans;
}

.text_content_only img, .text_content img, .image_content img {
  border: 1px solid #ccc;
  box-shadow: 2px 2px 10px #ccc;
}
.text_content {
	width:450px;
  	text-align:left;
	font-weight:normal;
  	font-family:PT Sans;
}
.whole_content:first-child .text_content, .whole_content:first-child .image_content , .border_top{
	border-top-width:2px;
	border-top-color:rgb(154,155,154);
	border-top-style:solid;
}
.text_content h1 {
	font-size:13pt;
	color: rgb(49,49,49);
  	text-align:left;
	font-weight:normal;
	font-family:PT Sans;
}
.text_content h2 {
	text-transform: uppercase;
	font-size:11pt;
	color: rgb(0,100,138);
  	text-align:left;
	font-weight:normal;
  	font-family:PT Sans;
}
.text_content p {
	font-size:11pt;
	color: rgb(49,49,49);
  	text-align:left;
	font-weight:normal;
	line-height:15pt;
	font-family:PT Sans;
}

.text_content a, .text_content a:hover, .text_content a:visited, .text_content a:active {
	text-decoration:underline;
	color: rgb(49,49,49);
  	text-align:left;
  	font-family:PT Sans;
}
.whole_content:first-child .text_content_only {
	border-top-width:2px;
	border-top-color:rgb(154,155,154);
	border-top-style:solid;
}
.text_content_only {
	width:700px;
  	text-align:left;
	font-weight:normal;
  	font-family:PT Sans;
}
.text_content_only h1 {
	font-size:13pt;
	color: rgb(49,49,49);
  	text-align:left;
	font-weight:normal;
	font-family:PT Sans;
}
.text_content_only h2 {
	text-transform: uppercase;
	font-size:11pt;
	color: rgb(0,100,138);
  	text-align:left;
	font-weight:normal;
  	font-family:PT Sans;
}
.text_content_only p {
	font-size:11pt;
	color: rgb(49,49,49);
  	text-align:left;
	font-weight:normal;
	line-height:15pt;
	font-family:PT Sans;
}

.text_content_only a, .text_content_only a:hover, .text_content_only a:visited, .text_content_only a:active {
	text-decoration:underline;
	color: rgb(49,49,49);
  	text-align:left;
  	font-family:PT Sans;
}
.search-box-left {
	background-color:rgb(0,99,137);
	color:#FFFFFF;
	width:690px;
	height:30px;
	vertical-align:middle;
	display: flex;	
	flex-wrap: wrap;
	justify-content: space-between;
	padding:5px;
}
.search-box-left {
    background-color: rgb(224, 147, 27) !important;
}
.search-box-right {
background-color:rgb(0,99,137);
color:#FFFFFF;
width:700px;
height:30px;
margin-left:13px;
width:225px;
height:40px;
}
.box-link,.box-link :visited,.box-link :active,.box-link :hover {
	font-size:9pt;
	color: #FFFFFF;
  	text-align:left;
	font-weight:normal;
	font-family:PT Sans;
	padding:2px;
	display:block;
	text-decoration:none;
}	
.selected {

	font-weight:bold;
}



div.film_img_crop {
    position: relative;
    overflow: hidden;
	width:450px;
	height:280px;
}

div.film_img_crop_small {
    position: relative;
    overflow: hidden;
	width:70px;
	height:40px;
}

div.film_img_crop img, div.film_img_crop_small img  {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
div.film_img_list {
	width:450px;
	display: flex;	
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top:0px; 
	margin-bottom:20px;
}
div.dayhighlight {
	border:1px solid #ccc;
	display:block;
	overflow:hidden;
	width:215px;
	height:216px;
	text-align:center;
	margin-top:15px;
}

div.dayhighlight h2{
	text-align:center;
}	
.fsff_spieltermine {
	padding-right:2px;
	display: flex;	
	flex-wrap: wrap;
	justify-content: space-between;
	max-height:158px;
	overflow:hidden;
}
.fsff_spieltermine_all{
	padding-right:2px;
	display: flex;	
	flex-wrap: wrap;
	justify-content: space-between;
}
.hide {
	display:none;
}
.fsff_spieltermine a, .fsff_spieltermine a:visited, .fsff_spieltermine a:hover, .fsff_spieltermine a:active , .fsff_spieltermine_all a, .fsff_spieltermine_all a:visited, .fsff_spieltermine_all a:hover, .fsff_spieltermine_all a:active {
	margin-top:5px;
	padding:5px;
	border: 1px solid #ccc;
	display:block;
	width:98px;
	text-align:center;	
	background-color:#EEEEEE;
	xx-box-shadow: 2px 2px 10px #ccc;
	text-decoration:none;
}  

a.loginbutton{
	background-color:red;
	color:white;
	padding-right:5px;
	box-shadow: 2px 2px 10px #ccc;
}

span.small {
	font-size:10px;
	text-transform: none;
	text-align:right;
	display:block;
	margin-right: 27px;
    font-family: PT Sans;
	margin-top:-10px;
}