@CHARSET "UTF-8";
/*************************************
 *** CSS Reset ***********************
 *************************************/
html, body, div, span, applet, object, embed, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background-image: none;
}

html, body { width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif; 	font-size:11px;}
body { color:#000000; background: white; text-align:left; line-height: 1.25;}
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
div { background-color: transparent; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
/*************************************/



/*************************************
 *** ALLGEMEINE STYLES ***************
 *************************************/
body {
background-color: #e4e4e4;
font-family: Arial, "sans-serif";
color: #58585a;
}

	a {
	/* 2010: color: #608f2e; */
	/* 2011: color: #845467; */
		color: #1b4a80;
	}
	a:hover {
	/* 2010: color: #4d7325; */
	/* 2011: color: #B57F8C; */
		color: #507eba;
	}

	h1,
	.csc-searchResultInfo p {
	margin-bottom: 11px;
	padding-bottom: 11px;
	border-bottom: 1px solid #e4e4e4;
	font-style: italic;
	font-size: 15pt;
	color: #000000;
	}
        
        h5 {
            color: #cecece;
            font-size: 11pt;
            margin-top: -10px;
            text-align: right;
        }

	p.bodytext {
	margin-bottom: 20px;
	}
	.quote {
	font-style: italic;
	}
	.h-centered {
	text-align: center;
	}
	
	.csc-menu {
	}
		.csc-menu a {
		display: block;
		margin-bottom: 11px;
		padding-bottom: 11px;
		border-bottom: 1px solid #e4e4e4;
		font-size: 15pt;
		}
	
	.csc-textpic-imagewrap {
	margin-bottom: 5px;
	}
	
	.csc-uploads-icon, .csc-uploads-fileName, .csc-uploads-fileSize {
	padding-right: 5px;
	}
	
	.csc-uploads-icon img {
	position: relative;
	top: 3px;
	}
	
/*************************************
 *** HILFSKLASSEN ********************
 *************************************/
.clearer {
clear: both;
overflow: hidden;
height: 0px;
}

.full-box-link {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}


/*************************************
 *** GRUNDLEGENDES LAYOUT ************
 *************************************/
#wrapper {
position: relative;
margin: 0px auto;
width: 933px;
background: #ffffff url(../img/wrapper-bg-2012.jpg) repeat-y left top;
}

	#titlebar {
	float: left;
	width: 46px;
	height: 334px;
	background: #ffffff url(../img/titlebar-2012.jpg) no-repeat left top;
	}
	
	#main {
	float: left;
	width: 845px;
	}
		
		#banner {
		width: 100%;
		height: 180px;
		background: transparent url(../img/banner-2012.jpg) no-repeat left bottom;
		}
		
		#navigation {
		position: relative;
		z-index: 2;
		height: 24px;
		background-color: #e4e4e4;
		line-height: 24px;
		letter-spacing: 0.5px;
		/* IE < 7: versteht nur ganzzahlige Pixelangaben */
		*letter-spacing: 1px;
		}
			#navigation #mainmenu-box {
			position: absolute;
			top: 0px;
			left: 0px;
			}
			#navigation #service-box {
			position: absolute;
			top: 0px;
			right: 0px;
			}
				/*** ERSTE EBENE ***/
				#navigation ul.menu {
				top: 0px;
				left: 0px;
				list-style-type: none;
				}
					#navigation li {
					display: block;
					float: left;
					position: relative;
					padding-right: 14px;
					padding-left: 6px;
					color: #000000;
					cursor: default;
					}
						#navigation li div,
						#navigation li span {
						display: block;
						float: none;
						clear: both;
						}
							#navigation li div a,
							#navigation li span a {
							text-decoration: none;
							color: #000000;
							}
					#navigation li.dark {
					background: #c6c6c6 url(../img/nav-sep-dark.gif) no-repeat right top;
					}
					#navigation li.light,
					#navigation li.light-last {
					background: #e4e4e4 url(../img/nav-sep-light.gif) no-repeat right top;
					}
					#navigation li.last,
					#navigation li.light-last {
					background-image: none;
					padding-right: 9px;	 
					}
				/*** ZWEITE EBENE ***/
						#navigation li ul {
						position: absolute;
						margin-top: 24px;
						left: -999em;
						width: 170px;
						background-color: #e4e4e4;
						letter-spacing: 0px;
						}
						#navigation li:hover ul, #navigation li.sfhover ul {
						padding-top: 5px;
						padding-bottom: 5px;
						}
							#navigation li li {
							display: block;
							float: none;
							position: relative;
							height: 100%;
							padding: 0px 0px 0px 6px;
							border-top: 1px solid #ffffff;
							}
							#navigation li li:hover,
							#navigation li li.sfhover {
							background-color: #c6c6c6;
							}
							#navigation li li.lastsub,
							#navigation li li.parent-lastsub {
							border-bottom: 1px solid #ffffff;
							}
							#navigation li li.parent,
							#navigation li li.parent-lastsub {
							padding: 0px 12px 0px 6px;
							background-image: url(../img/parent-menu-item.gif);
							background-position: right top;
							background-repeat: no-repeat;
							}
								#navigation li li a {
								display: block;
								position: relative;
								height: 100%;
								color: #000000;
								text-decoration: none;
								}
								#navigation li li a:hover {
								text-decoration: underline;
								}

				/*** WEITERE EBENEN ***/
				#navigation li li ul {
				margin-top: -7px;
				margin-left: 170px !important;
				border: 1px solid #ffffff;
				}

				/*** SUBMENÜS EIN- UND AUSBLENDEN ***/
				#navigation li:hover ul ul,
				#navigation li:hover ul ul ul,
				#navigation li.sfhover ul ul,
				#navigation li.sfhover ul ul ul {
				left: -999em;
				}
				#navigation li:hover ul,
				#navigation li li:hover ul,
				#navigation li li li:hover ul,
				#navigation li.sfhover ul,
				#navigation li li.sfhover ul,
				#navigation li li li.sfhover ul {
				top: 0px;
				left: 0px;
				}


						
				#aaa-box, #menu-right, #language-switch {
				float: left;
				}
				#aaa-box {
				padding-right: 9px;
				}
					#aaa-box .aaa-size-1, #aaa-box .aaa-size-1-current {
					font-size: 8pt;	
					}
					#aaa-box .aaa-size-2, #aaa-box .aaa-size-2-current {
					font-size: 10pt;	
					}
					#aaa-box .aaa-size-3, #aaa-box .aaa-size-3-current {
					font-size: 12pt;	
					}
					#aaa-box .aaa-size-1-current,
					#aaa-box .aaa-size-2-current,
					#aaa-box .aaa-size-3-current {
					color: #000000;
					text-decoration: none;
					}
				#language-switch {
				padding-right: 9px;
				padding-left: 6px;
				}

		#content-columns {
		min-height: 500px;
		height: auto !important;
		height: 500px;
		padding-top: 12px;	
		padding-bottom: 60px;
		border-bottom: 1px solid #585858;
		}
			#left-column {
			float: left;
			padding-top: 20px;
			padding-right: 16px;
			width: 100px;
			}
				#breadcrumbs {
				padding: 0px 0px 20px 12px;
				line-height: 12pt;
				}
					#breadcrumbs ul {
					}
						#breadcrumbs ul li, #breadcrumbs ul li a {
						color: #000000;
						text-decoration: none;
						}
						#breadcrumbs ul li a:hover {
						text-decoration: underline;
						}
						#breadcrumbs ul li li {
						padding-left: 5px;	
						}
							#breadcrumbs ul li li, #breadcrumbs ul li li a {
							/* 2010: color: #405b1e; */
							/* 2011: color: #6c4755; */
								color: #1b4a80;
							}
							#breadcrumbs ul li li.current a {
							text-decoration: underline;
							}

			.film-details-column {
			float: left;
			overflow: hidden;
			padding-right: 20px;
			width: 195px;
			}
				.film-details-column .autor {
				margin-bottom: 10px;
				}
				.film-details-column h1.titel {
				margin: 0px;
				padding: 0px;
				border: 0px;
				font-style: italic;
				font-size: 15pt;
				color: #000000;
				}
				.film-details-column h2.titel-international {
				font-style: italic;
				margin-bottom: 20px;
				}
				.film-details-column .info,
				.film-details-column .info-filmtyp,
				.film-details-column .info-produktion,
				.film-details-column .info-weltvertrieb {
				}
					.film-details-column .infotype {
					font-weight: bold;
					}
				.film-details-column .info-filmtyp,
				.film-details-column .info-produktion,
				.film-details-column .info-weltvertrieb {
				margin-top: 15px;
				}
				.film-details-column .info-filmtyp {
				font-weight: bold;
				}
							
			#middle-column,
			#middle-column-web20 {
			float: left;
			padding-top: 20px;
			padding-right: 15px;
			width: 554px;
			}
			#middle-column-web20 {
			padding-right: 42px;
			width: 352px;
			}
				#middle-column .film-main-column {
				float: left;
				padding-right: 13px;
				width: 321px;
				}

			#web20-column {
			float: left;
			padding-right: 15px;
			width: 160px;
			}
				#web20-column .box-type1 {
				background-color: #e4e4e4;
				margin-bottom: 4px;
				}
					#web20-column .box-type1 .buttons-left {
					background-color: #c6c6c6;
					}
					#web20-column .box-type1 .buttons-right {
					background-color: #e4e4e4;
					}
						#web20-videos-button, #web20-fotos-button, #web20-xblog-button, #web20-xshop-button {
						display: block;
						float: left;
						font-style: italic;
						font-size: 14pt;
						text-decoration: none;
						/* 2010: color: #608f2e; */
						color: #1b4a80;
						}
						#web20-videos-button, #web20-xblog-button {
						padding-left: 6px;
						padding-right: 15px;
						background: #e4e4e4 url(../img/boxbutton-separator.gif) no-repeat right top;
						}
						#web20-videos-button.disabled, #web20-xblog-button.disabled {
						background: #c6c6c6 url(../img/boxbutton-separator-inverted.gif) no-repeat right top;
						}
						#web20-fotos-button, #web20-xshop-button {
						padding-left: 6px;
						background: #e4e4e4;
						}
						#web20-fotos-button.disabled, #web20-xshop-button.disabled {
						padding-left: 6px;
						background: #c6c6c6;
						}
					#web20-column .box-type1 .content1,
					#web20-column .box-type1 .content2 {
					padding: 7px;
					color: #000000;
					width: 143px;
					}
					#web20-column .box-type1 .content2 {
					display: none;
					}

				#web20-column .box-type2 {
				margin-bottom: 4px;
				padding: 8px 5px 8px 5px;
				border: 1px solid #c6c6c6;
				}
					#web20-column .box-type2 h3 {
					text-align: left;
					margin-bottom: 12px;
					line-height: 12px;
					}
						#web20-column .box-type2 h3, #web20-column .box-type2 h3 a {
						font-style: italic;
						/* 2010: color: #608f2e; */
						color: #1b4a80;
						}
						#web20-column .box-type2 h3 a {
						text-decoration: underline;
						}
					#web20-column .box-type2 ul {
					list-style-type: none;
					}
					#web20-column .box-type2 .item {
					margin-bottom: 5px; 
					}
						#web20-column .box-type2 .item table {
						border: 0px;
						border-collapse: collapse;
						}
							#web20-column .box-type2 .item td {
							vertical-align: middle;
							}
							#web20-column .box-type2 .item .icon {
							padding-right: 10px;
							width: 36px;
							text-align: center;
							}
								#web20-column .box-type2 .item .icon img.fileicon {
								padding-bottom: 4px;
								padding-left: 0px;
								}
							#web20-column .box-type2 .item .title,
							#web20-column .box-type2 .item .title-small {
							width: 102px;
							font-size: 14pt;
							}
							#web20-column .box-type2 .item .title,
							#web20-column .box-type2 .item .title-small,
							#web20-column .box-type2 .item .title a
							#web20-column .box-type2 .item .title-small a {
							font-style: italic;
							/* 2010: color: #608f2e; */
							color: #1b4a80;
							text-decoration: none;
							}
							#web20-column .box-type2 .item .title a:hover,
							#web20-column .box-type2 .item .title-small a:hover {
							text-decoration: underline;
							}
							#web20-column .box-type2 .item .title-small a {
							font-size: 15px;
							}

				#web20-xblog {
				}
					#web20-xblog .quote {
					margin-bottom: 10px;
					}
					#web20-xblog .xblog-link {
					text-align: right;
					}

						
			#right-column {
			float: left;
			width: 160px;
			}
				#right-column .right-column-spacer {
				overflow: hidden;
				height: 9px;
				}
				#right-column .box-type1 {
				margin-bottom: 4px;
				padding: 7px;
				background-color: #e4e4e4;
				}
				#right-column .box-type1 h2 {
				font-style: italic;
				font-size: 14pt;
				/* 2010: color: #608f2e; */
				color: #1b4a80;
				}
				#right-column .box-type1 input {
				margin: 0px;
				padding: 2px 4px;
				height: 16px;
				border: 0px;
				color: #58585a;
				}
					#right-column .box-type1 input#search-input {
					float: left;
					width: 112px;
					background: #ffffff url(../img/newsletter-input-bg.gif) no-repeat left top;
					}
					#right-column .box-type1 input#newsletter-input {
					float: left;
					width: 112px;
					background: #ffffff url(../img/newsletter-input-bg.gif) no-repeat left top;
					}
					#right-column .box-type1 input.submit-button {
					float: left;
					margin: 0px 0px 0px 4px;
					padding: 0px;
					width: 20px;
					height: 20px;
					}
				
				#right-column .box-type2 {
				margin-bottom: 4px;
				padding: 8px 5px 8px 5px;
				border: 1px solid #e4e4e4;
				text-align: center;
				}
					#right-column .box-type2 h3 {
					text-align: left;
					margin-bottom: 12px;
					line-height: 12px;
					}
						#right-column .box-type2 h3, #right-column .box-type2 h3 a {
						font-style: italic;
						/* 2010: color: #608f2e; */
						color: #1b4a80;
						}
						#right-column .box-type2 h3 a {
						text-decoration: underline;
						}
				
				#right-column .werbebanner {
				margin-bottom: 13px;
				}

		#footer-menu {
		padding-top: 17px;
		}
		#footer-menu ul.menu li {
		display: block;
		float: left;
		padding-right: 33px;
		}
			#footer-menu ul.menu li a {
			text-decoration: none;
			font-weight: bold;
			color: #000000;
			}
			#footer-menu ul.menu li li {
			display: block;
			float: none;
			padding-right: 0px;
			}
				#footer-menu ul.menu li li a {
				font-weight: normal;
				color: #666668;
				}

	#footershadow {
	clear: both;
	width: 933px;
	height: 54px;
	background: #e4e4e4 url(../img/footershadow-2012.jpg) no-repeat left top;
	}

	#top-right-corner {
	position: absolute;
	top: 0px;
	left: 910px;
	width: 23px;
	height: 22px;
	background: #e4e4e4 url(../img/wrapper-top-right-corner.gif) no-repeat left top;
	}

	
/*************************************
 *** NEWS-ARTIKEL ********************
 *************************************/
.article-summary-box {
padding-bottom: 40px;
}
	.article-summary-box .type {
	margin-bottom: 3px;
	font-weight: bold;
	/* 2010: color: #608f2e; */
	color: #1b4a80;
	}
	.article-summary-box .images {
	float: left;
	width: 115px;
	}
		.article-summary-box .images img {
		margin-right: 10px;
		margin-bottom: 10px;
		}
	.article-summary-box .content {
	float: left;
	width: 237px;
	}
		.article-summary-box .content .links {
		}

.article-pager {
float: right;
}
	.article-pager a {
	display: block;
	float: left;
	padding-top: 2px;
	height: 18px;
	line-height: 100%;
	}
	.article-pager a.prev {
	padding-left: 20px;
	background: transparent url(../img/arrow-prevpage.gif) no-repeat left center;
	}
	.article-pager a.next {
	padding-right: 20px;
	padding-left: 20px;
	background: transparent url(../img/arrow-nextpage.gif) no-repeat right center;
	}
	.article-pager a.prev:hover {
	background-image: url(../img/arrow-prevpage-hover.gif);
	}
	.article-pager a.next:hover {
	background-image: url(../img/arrow-nextpage-hover.gif);
	}

.article {
margin-bottom: 20px;
}
	.article .images {
	margin-bottom: 10px;
	}
		.article .images li {
		display: block;
		float: left;
		margin: 0px 10px 10px 0px;
		}
	.article .bodytext {
	}

/*************************************
 *** SUCHERGEBNIS ********************
 *************************************/
#mailform {
margin-top: 10px;
}

.csc-mailform-field {
clear: both;
margin-bottom: 5px;
}
	.csc-mailform-field label {
	display: block;
	float: left;
	width: 105px;
	font-weight: bold;
	}
	.csc-mailform-submit {
	display: block;
	margin-left: 105px;
	}

.csc-searchResultInfo {
margin-bottom: 10px;
width: 100%;
}
.csc-searchResultHeader a {
font-size: 14pt;
text-decoration: none;
}
.csc-searchResult {
margin-bottom: 20px;
}


/*************************************
 *** FORM MIT LABEL IN EIGENER ZEILE *
 *************************************/
.frame-form-long {
}
	.frame-form-long label {
	display: block;
	float: none;
	width: auto;
	font-weight: normal;
	}



/*************************************
 *** WEB 2.0 VIDEO LISTE *************
 *************************************/
.web20-video-list {
list-style-type: none;
}
	.web20-video-list li {
	float: left;
	margin-bottom: 20px;
	padding: 8px 5px;
	width: 143px;
	border: 1px solid #C6C6C6;
	text-decoration: underline;
	font-style: italic;
	/* 2010: color: #608f2e; */
	color: #1b4a80;
	}
	.web20-video-list li.even {
	margin-right: 40px;
	}
		.web20-video-list li .title {
		display: block;
		padding-bottom: 5px;
		}
		.web20-video-list li .image {
		display: block;
		text-align: center;
		}


/*************************************
 *** PROGRAMMÜBERSICHT ***************
 *************************************/
.program-date-selector {
margin-bottom: 20px;
}
	.program-date-selector ul {
	}
		.program-date-selector li {
		display: block;
		float: left;
		}
			.program-date-selector li a {
			display: block;
			padding: 2px 15px;
			background-color: #e4e4e4;
			font-weight: bold;
			text-decoration: none;
			}
			.program-date-selector li.current a,
			.program-date-selector li a:hover {
			background-color: #c6c6c6;
			text-decoration: underline;
			}

h2.program-table-intro {
margin-bottom: 20px;
font-weight: bold;
}

.program-table {
}
	.program-table h3 {
	margin-bottom: 10px;
	border-bottom: 1px solid #e4e4e4;
	font-size: 15pt;
	}
	.program-table ul {
	margin-bottom: 20px;
	padding-bottom: 10px;
	}
		.program-table li {
		display: block;
		}
			.program-table li .time {
			float: left;
			width: 60px;
			}
			.program-table li .title {
			float: left;
			width: 400px;
			}
			.program-table li .title .sonderprogramm {
			font-weight: bold;
			}
			.program-table li .title .ueberschrift {
			font-weight: bold;
			}


/*************************************
 *** FILMSEITE ***********************
 *************************************/
.film-category {
padding-bottom: 15px;
font-weight: bold;
color: #aaaaaa;
}
			
.film-screenings {
padding-top: 20px;
}
	.film-screenings ul li div.date, .film-screenings ul li div.time, .film-screenings ul li div.location {
	float: left;
	padding-right: 30px;
	}
	.film-screenings ul li div.location {
	font-weight: bold;
	}
	
.tx-filme-pi1 {
position: relative;
}
#film-sort-and-group-links {
margin-bottom: 15px;
padding-bottom: 11px;
border-bottom: 1px solid #E4E4E4;
color: #58585a;
}
	#film-sort-and-group-links .active {
	font-weight: bold;
	}
	#film-original-english-links {
	padding-bottom: 3px;
	}
	#film-grouping-links {
	padding-top: 3px;
	}

	.tx-filme-pi1 h3.section {
	margin-top: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e4e4e4;
	font-size: 15pt;
	}

/*************************************
 *** SEAM GALLERY ********************
 *************************************/
.tx-seamgallery-pi1 {
}
        .tx-seamgallery-pi1-pictures {
            margin-bottom: 30px;
	}
        
	.tx-seamgallery-pi1-pictures li {
            display: block;
            float: left;
            margin-right: 10px;
            margin-bottom: 10px;
	}

        .tx-seamgallery-pi1 a.prev {
            padding-left: 20px;
            background: transparent url(../img/arrow-prevpage.gif) no-repeat left center;
        }

/*************************************
 *** RESERVIERUNGSFORMULAR ***********
 *************************************/
form.reservierungform {
}
	form.reservierungform .errors {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 13px;
	color: #ff0000;
	}
	form.reservierungform h2 {
	margin-bottom: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	}
	form.reservierungform .filmlist {
	margin-bottom: 20px;
	}
		form.reservierungform .film {
		margin-bottom: 10px;
		}
			form.reservierungform .description {
			}
				form.reservierungform .title {
				font-weight: bold;
				}
				form.reservierungform .location {
				}
			form.reservierungform .infotext {
			}

	form.reservierungform .kartenauswahl {
	margin-bottom: 20px;
	}
	
	form.reservierungform .field {
	margin-bottom: 5px;
	}
		form.reservierungform .text-label,
		form.reservierungform .text-label-required,
		form.reservierungform .text-label-error,
		form.reservierungform .text-label-required-error {
		display: block;
		float: left;
		width: 120px;
		}
		form.reservierungform .text-label-required {
		}
			form.reservierungform span.required-mark {
			font-weight: bold;
			color: #ff0000;
			}
		form.reservierungform .text-label-error,
		form.reservierungform .text-label-required-error {
		font-weight: bold;
		color: #ff0000;
		}

		form.reservierungform input.text,
		form.reservierungform div.submit {
		width: 200px;
		}
		form.reservierungform div.submit {
		display: block; float: left; text-align: right;
		}
		form.reservierungform .filmwahl {
		float: left;
		}
			form.reservierungform .filmwahl .filmlabel {
			font-weight: bold;
			}
}