@font-face {
    font-family: 'titilliumblack';
    src: url('../fonts/titillium-black.eot');
    src: url('../fonts/titillium-black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-black.woff2') format('woff2'),
         url('../fonts/titillium-black.woff') format('woff'),
         url('../fonts/titillium-black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_bdbold';
    src: url('../fonts/titillium-bold.eot');
    src: url('../fonts/titillium-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-bold.woff2') format('woff2'),
         url('../fonts/titillium-bold.woff') format('woff'),
         url('../fonts/titillium-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_bdbold_italic';
    src: url('../fonts/titillium-bolditalic.eot');
    src: url('../fonts/titillium-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-bolditalic.woff2') format('woff2'),
         url('../fonts/titillium-bolditalic.woff') format('woff'),
         url('../fonts/titillium-bolditalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumlight';
    src: url('../fonts/titillium-light.eot');
    src: url('../fonts/titillium-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-light.woff2') format('woff2'),
         url('../fonts/titillium-light.woff') format('woff'),
         url('../fonts/titillium-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumlight_italic';
    src: url('../fonts/titillium-lightitalic.eot');
    src: url('../fonts/titillium-lightitalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-lightitalic.woff2') format('woff2'),
         url('../fonts/titillium-lightitalic.woff') format('woff'),
         url('../fonts/titillium-lightitalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumregular';
    src: url('../fonts/titillium-regular.eot');
    src: url('../fonts/titillium-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-regular.woff2') format('woff2'),
         url('../fonts/titillium-regular.woff') format('woff'),
         url('../fonts/titillium-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumitalic';
    src: url('../fonts/titillium-regularitalic.eot');
    src: url('../fonts/titillium-regularitalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-regularitalic.woff2') format('woff2'),
         url('../fonts/titillium-regularitalic.woff') format('woff'),
         url('../fonts/titillium-regularitalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumbold';
    src: url('../fonts/titillium-semibold.eot');
    src: url('../fonts/titillium-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-semibold.woff2') format('woff2'),
         url('../fonts/titillium-semibold.woff') format('woff'),
         url('../fonts/titillium-semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumbold_italic';
    src: url('../fonts/titillium-semibolditalic.eot');
    src: url('../fonts/titillium-semibolditalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-semibolditalic.woff2') format('woff2'),
         url('../fonts/titillium-semibolditalic.woff') format('woff'),
         url('../fonts/titillium-semibolditalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumthin';
    src: url('../fonts/titillium-thin.eot');
    src: url('../fonts/titillium-thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-thin.woff2') format('woff2'),
         url('../fonts/titillium-thin.woff') format('woff'),
         url('../fonts/titillium-thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'titilliumthin_italic';
    src: url('../fonts/titillium-thinitalic.eot');
    src: url('../fonts/titillium-thinitalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-thinitalic.woff2') format('woff2'),
         url('../fonts/titillium-thinitalic.woff') format('woff'),
         url('../fonts/titillium-thinitalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'playfair';
    src: url('../fonts/playfairdisplaysc-regular-webfont.eot');
    src: url('../fonts/playfairdisplaysc-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/playfairdisplaysc-regular-webfont.woff2') format('woff2'),
         url('../fonts/playfairdisplaysc-regular-webfont.woff') format('woff'),
         url('../fonts/playfairdisplaysc-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body { background-color: #292929; }

#pageContent { background-color: #ebebeb; background-image: url('../images/body_bg.jpg'); background-position: top; background-repeat: no-repeat; overflow: hidden; padding-bottom: 70px;}

#pageHeader { margin-top: 26px; }
	#pageHeaderIn { border-bottom: 12px solid #fff; overflow: hidden; position: relative; min-height: 134px;  }
	
	#logo { overflow: hidden; padding-left: 30px; background-color: #fff; position: absolute; z-index: 0; position: absolute; border-radius: 0 36px 0 0; width: 460px;  }
		#logo a { width: 100%; height: 107px; background-image: url('../images/logo.png');  background-size: contain; background-position: left; display: inline-block; font-size: 0; background-repeat: no-repeat; }
	#pageNavi { padding: 0; position: absolute; z-index: 10; width: 800px; right: 0; top: 0; }
	
		#topMenu { text-align: right; min-height: 37px; line-height: 37px; }
			#topMenuNav { display: inline-block; font-family: 'titilliumlight'; color: #7a7a7a; font-size: 16px;  }
				#topMenuNav nav a:first-child { border-left: 0; }
				#topMenuNav nav a { color: #7a7a7a; border-left: 1px solid #c1c1c1; height: 24px; line-height: 24px; padding: 0 15px; display: inline-block; }
				
			#topMenuLang { display: inline-block; margin-right: 20px;  }
				#topMenuLang .slang { font-family: 'titilliumregular'; color: #7f7f7f; margin-left: 10px; display: inline-block; height: 16px; background-image: url('../images/flags.png'); background-repeat: no-repeat; padding-left: 32px; line-height: 16px; }
					#topMenuLang .slang.active { font-family: 'titilliumbold'; }
					.slang_pl { background-position: 0 -128px; }
						.slang_pl.active { background-position: 0 -105px; }
					.slang_de { background-position: 0 -31px; }
						.slang_de.active { background-position: 0 -8px; }
					.slang_en { background-position: 0 -80px; }
						.slang_en.active { background-position: 0 -55px; }
					
			#topMenuSearch { display: inline-block; }
				#topMenuSearch form { background-color: #ddd; line-height: 24px; }
				#topMenuSearch input[type="text"] { text-indent: 10px; border: 0; background-color: transparent; font-family: 'titilliumlight'; color: #7a7a7a; font-size: 16px; line-height: 24px; height: 24px; display: inline-block; vertical-align: middle; }
				#topMenuSearch input[type="submit"] { background-image: url('../images/search_btn.png'); background-position: 4px 5px; height: 24px; width: 30px; background-repeat: no-repeat; padding: 0;  border: 0; background-color: transparent; font-size: 0; line-height: 24px; display: inline-block; vertical-align: middle; }
	
		#mainMenu {
			border-bottom: 5px solid #fff; 
			font-family: 'titilliumlight';
			font-size: 20px;
			border-radius: 0 18px 0 0;
			color: #fff;
			height: 84px;
			background: #b1b1b1; /* Old browsers */
			background: -moz-linear-gradient(top,  #b1b1b1 0%, #6d6d6d 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  #b1b1b1 0%,#6d6d6d 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  #b1b1b1 0%,#6d6d6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b1b1', endColorstr='#6d6d6d',GradientType=0 ); /* IE6-9 */

		}
			#mainMenu nav { margin-left: 30px; }
				#mainMenu a:first-child { background-image: none; }
				#mainMenu a { color: #fff; background-repeat: no-repeat; display: inline-block; padding: 0 10px; height: 78px; line-height: 78px; background-image: url('../images/mainmenu_sep.png'); background-position: left; }
	
		#catalogSearchIn { background-image: url('../images/search_bg.png'); height: 100px; line-height: 100px; }
			#catalogSearchIn label { vertical-align: top; padding-top: 22px; display: inline-block; font-weight: normal; font-family: 'titilliumregular'; color: #fff; font-size: 20px; line-height: 26px;  }
				#catalogSearch label b { font-weight: normal; font-family: 'titilliumbold'; font-size: 32px; display: block; }
			#catalogSearch input[type="text"] { font-family: 'titilliumregular'; font-size: 18px; width: 550px; text-indent: 15px; margin: 19px 0 0 20px; background-color: #752424; vertical-align: top; border: 1px solid #be6060; height: 62px; line-height: 62px; color: #daa7a7; }
				#catalogSearch ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
				    color:    #a77676;
				}
				#catalogSearch :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
				   color:    #a77676;
				   opacity:  1;
				}
				#catalogSearch ::-moz-placeholder { /* Mozilla Firefox 19+ */
				   color:    #a77676;
				   opacity:  1;
				}
				#catalogSearch :-ms-input-placeholder { /* Internet Explorer 10-11 */
				   color:    #a77676;
				}
				
			#catalogSelect { display: inline-block; position: relative;  width: 322px; height: 62px; margin: 19px 0 0 20px;  background-color: #752424; vertical-align: top; border: 1px solid #be6060; font-family: 'titilliumregular'; }
				#catalogSelectValTxt { display: inline-block; height: 60px; width: 254px; line-height: 60px; color: #fff; text-indent: 15px; overflow: hidden; font-size: 18px;  }
				#catalogSelectBtn { background-color: #912222; background-image: url('../images/catalog_select.png'); background-repeat: no-repeat; background-position: center; width: 62px; height: 60px; display: inline-block; cursor: pointer;}
				#catalogSelect ul { z-index: 30; position: absolute; top: 61px; left: -1px; right: -1px; border-left: 1px solid #be6060; border-right: 1px solid #be6060; list-style: none; margin: 0; padding: 0; background-color: #912222; color: #fff; }
					#catalogSelect li { display: block; border-bottom: 1px solid #be6060; font-size: 18px; cursor: pointer; }
					#catalogSelect .catalog-l { font-family: 'titilliumbold'; display: block; padding: 15px 15px 0 15px; line-height: 20px; margin-bottom: 5px; }
					#catalogSelect .catalog-d { font-family: 'titilliumlight'; font-size: 13px; display: block; padding: 0 15px 15px 15px;  line-height: 15px; color: #f0dada;  }
			#catalogSearch input[type="submit"] { font-size: 0;  margin: 19px 0 0 20px; background-color: #fff; background-repeat: no-repeat; border: 0; background-image: url('../images/catalog_btn.png'); background-position: center; height: 62px; width: 86px; }

#slideshow { height: 460px;  }
	#slideshowBox { position: relative; height: 100%; }	
	#slideshowBox #owlSlides { height: 100%; }
	#slideshow .container { padding: 0;  background-color: #fff; height: 100%; }	
	.owl-stage-outer, .owl-stage, .owl-item { height: 100%; }		
	.slideshow-items { position: relative; display: block; height: 460px; }
		.slideshow-item { height: 460px; }
		.slideshow-items span { display: block; }
		.slideshow-photo { position: absolute; width: 900px; left: 0; top: 0; height: 100%; background-size: cover; background-position: top;  }
		.slideshow-info { position: absolute; width: 340px; right: 0; top: 0; height: 100%; font-family: 'titilliumregular'; font-size: 14px; color: #474747; height: 400px; }
			.slideshow-head { background-color: #c51819; border-radius: 0 0 0 15px; color: #fff; padding: 15px 10px 15px 30px; }
				.slideshow-title { font-size: 28px; line-height: 32px; }
				.slideshow-subtitle { font-size: 20px; line-height: 24px; margin-top: 6px; }
			.slideshow-data { margin-left: 90px; padding: 10px 0 10px; }
			.slideshow-desc { margin-left: 90px; margin-right: 16px;  margin-top: 15px;}
	.owl-dots { position: absolute; right: 20px; left: 0; bottom: 20px; z-index: 15; text-align: right; }
		.owl-dot { display: inline-block; border-radius: 4px; background-color: #f1f1f1; margin-left: 6px;  width: 25px; height: 25px; cursor: pointer;  }
			.owl-dot.active { background-color: #c51819 !important; }
		
#pageMainL { padding: 0; }
#pageMainR { padding-right: 0; }	
		
.itemsBox { margin-top: 15px; }
	.itemsBox-top { overflow: hidden; font-family: 'titilliumlight'; }
		.itemsBox-top a { float: right; color: #5f5f5f; font-size: 18px; line-height: 50px; text-decoration: underline; }
		.itemsBox-header { background-color: #c51819; border-radius: 0 16px 0 0; width: 34%; height: 50px; line-height: 50px; display: inline-block; }
			.itemsBox-header h2 { display: inline-block; margin: 0; color: #fff; font-weight: normal; font-size: 24px; line-height: 50px; height: 50px; margin-left: 15px; }
			.itemsBox-navi { float: right; width: 60px; margin-top: 10px; line-height: 0; }
				.itemsBox-prev, .itemsBox-next { font-size: 0; background-repeat: no-repeat; background-image: url('../images/itemsbox_navi.png'); width: 13px; height: 21px; display: inline-block; cursor: pointer; margin: 0 6px; }
					.itemsBox-prev.unactive, .itemsBox-next.unactive { opacity: 0.4; }
				.itemsBox-next { background-position: -13px 0; }
	.itemsBox .owl-controls { display: none; }
	.itemsBox-items { background-color: #fff;  padding: 25px 0; }		
		.itemsBox-items a { display: inline-block; width: 288px; padding: 0 15px; border-left: 1px solid #e1e1e1;  }
		.itemsBox-items a:hover { text-decoration: none; }




.events-date { text-decoration: none; color: #7f7f7f; font-family: 'titilliumlight'; margin-bottom: 6px; display: block; font-size: 14px;  }
.events-title { font-family: 'titilliumbold';  color: #000; display: block;  margin: 10px 0 0 0; }
.events-desc { font-family: 'titilliumlight'; color: #252525; text-decoration: none; margin-top: 10px; display: block;  }
.events-mehr { display: inline-block; background-color: #9c9c9c; color: #fff; font-family: 'titilliumregular'; font-size: 16px; padding: 5px 15px 5px 10px; border-radius: 0 6px 0 0; margin-top: 10px; }
	.events-mehr:hover { text-decoration: underline; }
	.events-photo { height: 130px; display: block; }
	
.boxb { margin-top: 15px;  }
	.boxb-title { background-color: #c51819; border-radius: 0 16px 0 0; height: 50px; line-height: 50px; display: block; font-family: 'titilliumlight'; color: #fff; font-size: 24px; padding-left: 15px; margin: 0;  }
	.boxb-content { background-color: #fff; padding: 0 10px; overflow: hidden; font-family: 'titilliumregular'; font-size: 14px;  }
		.boxb-content .title { font-family: 'titilliumbold'; font-size: 16px; display: block; margin: 10px 0 0 0; }
		
#biblioBox { position: relative; }	
	#biblioBox .boxb-content { min-height: 356.5px; }
	#biblioBox img { width: 100%; }
	#biblioBox .hours { font-family: 'titilliumbold'; font-size:26px; }
	#biblioBox .open_status { border-bottom: 1px solid #ddd; display: block; font-size: 16px; padding-bottom: 6px; }
		#biblioBox .open_status.open { color: #3f9909; }
		#biblioBox .open_status.closed { color: #c51819; }
	#biblioBox dl { overflow: hidden; margin-bottom: 10px; }
		#biblioBox dt { float: left; width: 60%; height: 19px; font-weight: normal; margin-top: 2px;}
		#biblioBox dd { float: right; width: 40%; height: 18px;  margin-top: 2px;}
	#biblioBox .infobox { position: absolute; bottom: 0; left: 0; right: 0; background-color: #737373; padding: 15px; color: #fff; font-family: 'titilliumlight'; line-height: 18px;  }
	#biblioBox .infobox a { color: #fff; text-decoration: underline; }
		#biblioBox .infobox p { margin-bottom: 0; }
		#biblioBox strong { display: block; font-family: 'titilliumbold'; font-size: 16px; font-weight: normal; }
		#biblioBox strong:beforeold { background-image: url('../images/infobox_i.png'); background-position: 4px 4px; background-repeat: no-repeat; content: 'Info'; position: absolute; top: -26px; height: 26px; line-height: 26px; background-color: #9c9c9c; font-size: 16px; color: #fff; padding: 0 10px 0 26px; left: 0; border-radius: 0 6px 0 0; display: inline-block; }
		

.banners { margin-top: 15px; }
	.banners .banner-item:first-child { margin-top: 0; }
	.banner-item { position: relative; display: block; margin-top: 15px;  }
		.banner-item img { width: 100%; }
	.banner-mehr { position: absolute; background-color: #c51819; left: 0; bottom: 20px; display: inline-block; color: #fff; font-family: 'titilliumlight'; font-size: 24px; height: 36px; line-height: 36px; padding: 0 10px 0 30px; border-radius: 0 8px 0 0; }
	
	
	
#logos { background-color: #fff; padding: 34px 0 0; position: relative; text-align: center; }
	#logos::before { content: ''; display: block; height: 70px; position: absolute; left: 0; right: 0; top:-70px; background-image: url('../images/logos_bg.png'); background-position: bottom; background-repeat: repeat-x;  }
	#logos a { height: 76px; display: inline-block; margin: 0 8px 34px 8px; font-size: 0; background-image: url('../images/logos.png'); }
	.logo_kultur { width: 200px; background-position: 0 0;}
		.logo_kultur:hover { background-position: 0 0; }
	.logo_stadt { width: 204px; background-position: -218px 0; }
		.logo_stadt:hover {  background-position: -218px 0; }
	.logo_lwl { width: 150px; background-position: -460px 0; }
		.logo_lwl:hover { background-position: -460px 0; }
	.logo_osteuropa { width: 114px; background-position: -631px -76px; }
		.logo_osteuropa:hover { background-position: -631px 0; }
	.logo_zvdd { width: 88px; background-position: -781px -76px; }
		.logo_zvdd:hover { background-position: -781px 0; }
	.logo_digitale { width: 148px; background-position: -898px -76px; }
		.logo_digitale:hover { background-position: -898px 0; }
	.logo_eod { width: 94px; background-position: -1075px -76px; }
		.logo_eod:hover { background-position: -1075px 0; }

#footerInfo { font-family: 'titilliumlight'; font-size: 16px; color: #bbb;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,454545+65,454545+65 */
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top,  #333333 0%, #454545 65%, #454545 65%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #333333 0%,#454545 65%,#454545 65%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #333333 0%,#454545 65%,#454545 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#454545',GradientType=0 ); /* IE6-9 */


}
	#footerInfo p { line-height: 22px; margin-bottom: 22px; }
	#footerInfo p strong { font-weight: normal; font-family: 'titilliumbold'; color: #fff; } 
	#footerInfo a {  color: #bbb; }
	#footerInfo h2 { color: #fff; font-size: 24px; font-family: 'titilliumbold'; margin: 0 0 20px 0; padding: 0; }
	#footerInfo input[type="email"] { display: block;  background-color: #505050; color: #eee; height: 46px; border: 1px solid #585858; line-height: 46px; text-indent: 10px; width: 100%; }
		#footerPage input[type="email"] ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		    color:    #b2b2b2;
		}
		#footerPage input[type="email"] :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		   color:    #b2b2b2;
		   opacity:  1;
		}
		#footerPage input[type="email"] ::-moz-placeholder { /* Mozilla Firefox 19+ */
		   color:    #b2b2b2;
		   opacity:  1;
		}
		#footerPage input[type="email"] :-ms-input-placeholder { /* Internet Explorer 10-11 */
		   color:    #b2b2b2;
		}
	#footerInfo input[type="submit"] { margin-top: 10px; background-color: #c51819; border: 0; border-radius: 0 8px 0 0; font-family: 'titilliumregular'; font-size: 18px; font-weight: normal; color: #fff; height: 40px; line-height: 40px; padding: 0 18px 0 10px; }
	
	#footerInfo .footsection { padding-top: 10px; padding-bottom: 10px;  }
	
	#sitemapLinks { overflow: hidden; list-style: none; margin: 0; padding: 0; }
		#sitemapLinks li { float: left; width: 46%; margin: 0 4% 10px 0; padding: 0 0 0 30px; background-image: url('../images/sitemap_li.png'); background-position: 0 4px; background-repeat: no-repeat;  }
		

#martinPic { background-repeat: no-repeat; background-image: url('../images/martin_bg.png'); background-position: 800px 0; padding: 40px 0 70px 0;  }

#footerCredits { padding: 40px 0; font-family: 'titilliumlight'; font-size: 16px; color: #717171; text-align: left; }
	#footerCredits a { font-family: 'titilliumbold'; color: #717171; }
	#footerCredits nav { text-align: left; }
	#footerCredits nav a:first-child { padding-left: 0; border-left: 0; }
	#footerCredits nav a { font-family: 'titilliumlight'; display: inline-block; border-left: 1px solid #717171; padding: 0 10px; }
	
#subpageBody #catalogSearchIn { display: none; }
	#subpageCn { height: 100%; position: relative; padding-left: 30px;  }
		#subpageTitle { bottom: 10px; left: 30px; right: 15px; position: absolute;}
			#breadcrumbs { font-family: 'titilliumregular'; color: #fff; font-size: 16px; line-height: 18px; border-bottom: 1px solid #aaa; padding-bottom: 10px; margin-bottom: 10px; display: inline-block; }
				#breadcrumbs a { color: #fff;  text-shadow: 1px 1px #000000; }
				#breadcrumbs a.active { font-family : 'titilliumbold'; }
			#subpageTitle h1 { font-size: 36px; line-height: 40px; display: block; color: #fff; font-family: 'titilliumbold'; font-weight: normal; margin-top: 0; text-shadow: 2px 2px #000000; }
	#subpageContent { background-color: #fff; font-family: 'titilliumlight'; font-size: 18px; line-height: 30px;  }
		#subpageContent strong { font-family: 'titilliumbold'; font-weight: normal;  }
		
		#subpageContent article { padding: 30px 0 30px 15px; }	
			#subpageContent article p { margin-bottom: 30px; text-align: justify; }
			#subpageContent article a { color: #a80506; }
			#subpageContent blockquote { background-image: url('../images/quote_char.png'); background-repeat:no-repeat; background-position: 0 25px; font-family: 'playfair'; font-size: 24px; line-height: 30px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 25px 0 25px 94px; margin: 15px 0; }
			
		#subpageContent .responsiveImg { max-width: 100%; height: auto; margin-bottom: 30px; }
		#subpageHead { height: 184px; border-top: 15px solid #c51819; overflow: hidden; }
			#subpageHead #subpageHeadIn { height: 100%; background-color: #ddd; background-image: url('../images/subpage_head.jpg'); background-size: cover; }

#searchClick { background-color: #c51819; border-radius: 0 0 15px 0; color: #fff; height: 66px; padding: 0 15px;  }
	#searchClick label { vertical-align: top; padding-top: 14px; display: inline-block; font-weight: normal; font-family: 'titilliumregular'; color: #fff; font-size: 16px; line-height: 18px; }
		#searchClick label b { font-weight: normal; font-family: 'titilliumbold'; font-size: 22px; display: block; }
	#searchClick input { width: 130px; border: 1px solid #be6060; background-color: #6e2828; height: 44px; margin: 9px 0 0 10px; text-indent: 10px;  }
		#searchClick input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		    color:    #a77676;
		}
		#searchClick input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		   color:    #a77676;
		   opacity:  1;
		}
		#searchClick input::-moz-placeholder { /* Mozilla Firefox 19+ */
		   color:    #a77676;
		   opacity:  1;
		}
		#searchClick input:-ms-input-placeholder { /* Internet Explorer 10-11 */
		   color:    #a77676;
		}


#submenu { position: static; margin-bottom: -66px; }
	#submenuIn { position: relative; top: -66px; }
		#submenuIn .title { padding-left: 15px; display: block;  height: 66px; background-color: #c51819; color: #fff; font-family: 'titilliumregular'; font-size: 22px; line-height: 66px; border-radius: 0 15px 0 0; }
			#submenuIn .title a { color: #fff; }
		#submenuIn ul { list-style: none; margin: 0; padding: 0; }
		#submenuIn li {  margin: 0; padding: 0;  }
		#submenuIn li.active>a { background-image: url('../images/submenu_active.png'); font-family: 'titilliumbold'; }
		#submenuIn ul a { display: block; color: #222; padding: 10px 15px 10px 35px;  background-repeat: no-repeat; background-image: url('../images/submenu_li.png'); background-position: 10px 18px; background-color: #e1e1e1; border-bottom: 1px solid #fff; } 
		#submenuIn ul ul a { padding-left: 50px; background-position: 25px 18px; }
		#submenuIn ul ul ul a { padding-left: 60px; background-position: 35px 18px; }
.subox { margin-bottom: 15px; }
	.subox-title { margin-bottom: 0; background-color: #7f7f7f; color: #fff; border-radius: 0 15px 0 0; height: 50px; line-height: 50px; font-size: 24px; font-weight: normal;font-family: 'titilliumlight'; padding: 0 15px; }
		.subox-title a { color: #fff; display: block; background-image: url('../images/subox_more.png'); background-position: right; background-repeat: no-repeat;}
	.subox-text { background-color: #e7e7e7; padding: 15px; font-size: 16px; line-height: 24px; }
	
	.subox_events { list-style: none; margin: 0; padding: 0; overflow: hidden;  }
		.subox_events li { overflow: hidden; background-color: #e7e7e7; border-bottom: 1px solid #fff; padding: 10px; font-family: 'titilliumregular'; font-size: 14px; line-height: 16px;  }
		.subox_events li a { color: #222; }
		.subox_event_date { float: left; width: 54px; text-align: left;  }
			.subox_event_d { font-size: 34px; color: #7f7f7f; display: block; line-height: 34px; font-family: 'titilliumbold';}
			.subox_event_my { font-family: 'titilliumthin'; font-size: 14px; display: block;  line-height: 22px; }
		
article h2, #articleR h2 { color: #000; font-weight: normal; font-family: 'titilliumbold'; font-size: 24px; margin: 20px 0; padding: 0; line-height: 32px; }		
	article .eventItem { border-bottom: 1px solid #ddd; margin: 25px 15px 25px 0; padding-bottom: 25px;  }
		article .eventItem h2 { margin: 0; }
		article .eventItem p { margin-bottom: 5px !important; }
		article .eventItem .more { display: inline-block; padding: 4px 12px; border: 1px solid #ddd; background-color: #eee; color: #222 !important; border-radius: 5px; }
		article .eventItem .image img { max-width: 100%; }

#articleR { font-size: 18px; line-height: 26px; margin-top: 30px; }
hr { border-top: 1px solid #ddd;}		
		
.articletools { margin-top: 30px; border-top: 1px solid #ddd; padding-top: 20px;  }
	.articletools a, .articletools span, .articletools .btn { border: 0; background-color: #ddd; color: #222; cursor: pointer; margin-right: 20px; border-radius: 0 5px 0 0; display: inline-block; height: 30px; line-height: 30px; background-repeat: no-repeat; background-image: url('../images/article_tools.png'); background-position: 0 0; padding: 0 15px 0 45px; }
		.articletools span:hover, .articletools .btn:hover { text-decoration: underline; }
	.articletools-print { background-position: 0 -30px !important; }		
			
				
			
			
#subpageContent article .pagination { }
	#subpageContent article .pagination li.active a { background-color: #c51819; color: #fff; border-color: #c51819; }
	#subpageContent article .pagination a { color: #000; }				

.pagination .active>span { background-color: #c51819 !important; border: 0; }
			
			
			

.bookItem { list-style: none; margin: 0 15px 0 0; padding: 0; overflow: hidden; }
	.bookItem .book-cover { float: left; width: 80px; margin: 0 30px 60px 0; padding: 0; display: block; 
		-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.5);
		box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.5);
	}
	.bookItem .book-info { display: block; }
	.bookItem h3 { margin-top: 0; font-family: 'titilliumbold'; font-size: 24px; font-weight: normal;  }
	.bookItem h3 { color: #000; }
	.bookItem p, .bookItem .book-p { font-size: 18px; font-family: 'titilliumlight'; margin: 0 0 8px 0 !important; padding: 0; line-height: 20px; }
		.bookItem p b, .bookItem .book-p b { font-family: 'titilliumregular'; font-weight: normal; }
	.bookItem .book-more { color: #888; font-family: 'titilliumlight'; font-size: 16px; }
	.bookItem .book-noaccess { white-space: nowrap; background-image: url('img/lock.png'); background-repeat: no-repeat; background-position: left; padding-left: 28px; margin-left: 80px; font-family: 'titilliumregular'; }


.shopListing { margin-bottom: 30px; }
	.shopListing h2 { font-family: 'titilliumbold'; font-size: 28px; color: #000; }
	.shopListing .items .col-md-6 { border-bottom: 1px solid #ddd; padding-right: 0; margin-bottom: 15px;  }
	.shopListing .items .item { overflow: hidden; margin-bottom: 15px; }
		.shopListing .items:nth-child(even) .item {  border-right: 1px solid #ddd;  }
	.shopListing .cover { float: left; width: 124px; height: 160px; border-radius: 0 5px 0 0; display: block; margin: 0 12px 0 0; border: 1px solid #eee; }
		.shopListing .cover img { width: 100%; height: 100%; }
	.shopListing .details { min-height: 145px; }
		.shopListing .title { display: block; font-family: 'titilliumbold'; font-size: 16px; color: #000 !important; line-height: 18px; margin-bottom: 6px; margin-right: 10px; }	
		.shopListing .details p { font-family: 'titilliumlight'; font-size: 15px; color: #444; line-height: 18px; margin: 0 !important; padding: 0; }
		.shopListing .price { display: inline-block; height: 30px; line-height: 30px; width: 90px; color: #000; font-family: 'titilliumlight'; font-size: 24px; }
		.shopListing .btns a { display: inline-block; background-color: #e1e1e1; border-radius: 0 7px 0 0;  height: 30px; line-height: 30px; font-family: 'titilliumlight';  color: #222 !important; padding: 0 10px 0 40px; position: relative;}
			.shopListing .btns a:before { content: ' '; position: absolute; top: 0; left: 0; background-color: #bb2200; display: block; height: 30px; width: 30px; background-image: url('../images/pub_mehr.png'); background-repeat: no-repeat; background-position: center; margin: 0 10px 0 0; }
			
			
#pubInfo .btnOrder { display: inline-block; background-color: #e1e1e1; border-radius: 0 7px 0 0;  height: 30px; line-height: 30px; font-family: 'titilliumlight';  color: #222 !important; padding: 0 10px 0 40px; position: relative; }
	#pubInfo .btnOrder:before { content: ' '; position: absolute; top: 0; left: 0; background-color: #bb2200; display: block; height: 30px; width: 30px; background-image: url('../images/pub_mehr.png'); background-repeat: no-repeat; background-position: center; margin: 0 10px 0 0; }
	#pubInfo label { margin-bottom: 0; font-weight: normal; font-family: 'titilliumbold';}
	#pubInfo p { margin-bottom: 10px !important; }
	#pubInfo .price { border-top: 1px solid #ddd; padding-top: 20px; font-size: 20px; font-family: 'titilliumbold'; margin-bottom: 0 !important;  }
	#pubInfo .shipping { font-size: 14px; }
#pubCover { border-radius: 0 10px 0 0; margin-bottom: 20px; }

.orderForm { margin-top: 15px; }
	.orderForm label { font-weight: normal; font-family: 'titilliumbold'; }
	.orderForm .btn-primary { background-color: #bb2200; border-color: #bb2200; color: #fff; border-radius: 0; }
		.orderForm .btn-primary:hover { background-color: #9c1d00; }
	.orderForm .form-accept label { font-family: 'titilliumlight'; overflow: hidden; }
	.orderForm #reg_accept { margin: 10px 10px 0 0; float: left; }
			
.owl-carousel .owl-item img { width: auto; }			
		
.peoplebox { margin-bottom: 30px; padding-top: 20px; border-top: 1px solid #ddd; margin-right: 0; margin-left: 0; margin-top: 20px; }	
	.peoplebox h3 { margin-top: 0; margin-bottom: 0;  }	
	.peoplebox p { margin-bottom: 0 !important; }		
	.peoplebox .tel { display: block; }
	.peoplebox .email { display: block; }
		.peoplebox .email i { color: #000; }
	.peoplebox .position { font-family: 'titilliumlight_italic'; margin-bottom: 8px; display: block;  }
	.peoplebox .nophoto { background-color: #d9d9d9; background-repeat: no-repeat; background-position: center; background-image: url('../images/people_nophoto.png'); height: 110px;  }
	.peoplebox .photo, .peoplebox .nophoto { border-radius: 8px; overflow: hidden; margin-bottom: 20px;  }
		.peoplebox .photo img { width: 100%; }
			
.img-responsive { max-width: 100%; height: auto; margin-bottom: 20px; }			
			
.mGallery { margin-bottom: 20px; }
	.mGallery .mGallery-img { margin: 0 20px 20px 0; display: inline-block; }			
			
@media (max-width: 767px) {
	#pageMainR { padding-left: 0; }
	
	#footerInfo .footsection:first-child { border-top: 0; }
	#footerInfo .footsection { border-top: 1px solid #666; padding-top: 30px; margin-bottom: 15px;  }
	#footerCredits nav { margin-bottom: 15px;  }
	#sitemapLinks li { width: 100%; margin: 0 0 10px 0; }
	.itemsBox-top a { margin-right: 15px; font-size: 14px; }
	.itemsBox-header { width: 216px}
		.itemsBox-header h2 { font-size: 20px; }
	.itemsBox-items a { width: 100%; }
	
	#slideshow { margin-top: 15px; }
		#slideshow, .slideshow-items { height: 450px; }
			.slideshow-photo { width: 100%; background-position: left; height: 300px; top: 150px; }
			.slideshow-info { left: 0; top: 0; top: auto !important; width: auto;}
				.slideshow-head { border-radius: 0; }
				.slideshow-desc { display: none !important; }
				.slideshow-data { padding: 0 15px; position: absolute; top: 0; left: 0; right: 0; height: 30px; margin-left: 0; line-height: 30px;   }
				.slideshow-head { padding: 10px 15px; position: absolute; top: 30px; left: 0; right: 0; height: 120px;}
			
	.pageHeaderActive { overflow-y: hidden; }
	.pageHeaderActive #pageHeader #pageHeaderCn { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: #555;  z-index: 100;  }
	#pageHeader { margin-top: 0; }
		#pageHeader #pageHeaderCn { padding: 0; }
		
		#pageHeaderIn { border-bottom: 0; min-height: auto; position: static; }
	#pageNavi { width: 100%; position: absolute; display: none; left: 0; bottom: 0; top: 80px; overflow: auto; }
		.pageHeaderActive #pageNavi { display: block; }
		#logo { position: relative; background-color: #fff; width: 100%; border-radius: 0; height: 80px;  }
			#logo a { width: 200px; height: 64px; display: block; position: absolute; left: 26px; top: 6px; }
		#topMenu { line-height: 50px; }
		#topMenuNav { width: 100%; display: block; background-color: #ddd; text-align: left; }
			#topMenuNav a { color: #fff; }
		#topMenuLang .slang { color: #ddd; }
		#mainMenu { background-color: #4f4f4f; background-image: none; border-radius: 0; height: auto; border-bottom: 0; }
			#mainMenu nav { margin: 0; } 
				#mainMenu nav a { width: 100%; display: block; line-height: 24px; padding: 15px; background-image: none; height: auto; border-top: 1px solid #999;  }
		#btnMenu { width: 44px; height: 44px; display: block; cursor: pointer; position: absolute; top: 15px; right: 26px; border-radius: 3px; border: 1px solid #000; background-image: url('../images/btnmenu_bg.png'); background-repeat: no-repeat; background-position: center; }
	
	
	#catalogSearchIn { background-color: #880102; background-image: none; height: auto; line-height: 40px; padding-bottom: 20px; }
		#catalogSearch input[type="text"], #catalogSelect { width: 100%; margin: 20px 0 0 0; }
		#catalogSelectBtn { float: right; }
		#catalogSearch input[type="submit"] { margin: 20px 0 0 0; }
		
	#breadcrumbs { color: #aaa; }
		#breadcrumbs a { color: #aaa; }
		
	#subpageHead { border-top: 0; height: auto; position: relative; overflow: initial;  }
		#subpageHead .row { height: auto; background-image: none !important; background-color: #333;  }
		#subpageCn { top: 80px; height: auto; margin-bottom: 90px; }	
		#subpageSe { width: 100%; padding: 0; position: absolute; top: 0; left: 0; right: 0;  }
		#subpageTitle { left: auto; right: auto; bottom: auto; position: static; }
		
	#submenu { position: static; margin-bottom: 15px; }
		#submenuIn { position: static; top: 0; }
}

@media (min-width: 768px) {
	#pageHeaderIn { border-bottom: 0; }
		#logo { position: static; width: 100%; padding-left: 15px; }
			#logo a { margin-bottom: 10px; }
		#pageNavi { width: 100%; position: static; }
			#mainMenu { border-radius: 0; border-bottom: 0;  height: 64px; }
				#mainMenu nav { margin-left: 5px; }
				#mainMenu a { height: 58px; line-height: 58px; }
			#topMenu { background-color: #f7f7f7; text-align: left; padding: 10px 0;   }	
		
		#catalogSelect { width: 220px; margin-left: 10px;  }
			#catalogSelectValTxt { width: 152px; font-size: 16px; }	
		#catalogSearch input[type="text"] { text-indent: 10px; font-size: 16px; width: 288px; margin-left: 10px; }
		#catalogSearch input[type="submit"] { margin-left: 10px; width: 68px; }
	
	#footerPage .footsection:first-of-type { margin-bottom: 15px; border-bottom: 1px solid #666; padding-bottom: 15px; }
	#pageMainR { padding-left: 0; }
	.itemsBox-items a { width: 250px; }
	#slideshow { margin-top: 15px; }
		#slideshow .owl-dot { background-color: #ddd; }
	.slideshow-desc { display: none !important; }
	.slideshow-info { top: 195px; }
	.slideshow-data { background-color: #fff; margin-left: 0; padding-left: 30px;  }
	#footerCredits { text-align: right; }
	
	#subpageTitle h1 { font-size: 28px; line-height: 30px; }
	#subpageTitle h1.h1-sm { font-size:  22px; line-height: 26px; }
	#breadcrumbs { padding-bottom: 5px; margin-bottom: 5px; }
	#searchClick input { width: 92px; }
}

@media (min-width: 992px) {
	#pageHeaderIn { border-bottom: 12px solid #fff; }
		#logo { width: 300px; padding-left: 30px; position: absolute; }
			#logo a { width: 200px; height: 108px; margin-bottom: 0; }
		#pageNavi { width: 690px; position: absolute; }
			#mainMenu { border-radius: 0 18px 0 0; border-bottom: 5px solid #fff; height: 84px; }
				#mainMenu nav { margin-left: 30px; }
				#mainMenu a { height: 78px; line-height: 78px; font-size: 18px; }
			#topMenu { background-color: transparent; text-align: right; padding: 0;   }
		
		#topMenuLang .slang { width: 27px; padding-left: 27px; overflow: hidden; margin-top: 3px; vertical-align: sub; }
		#topMenuSearch input[type="text"] { width: 100px; }
			#catalogSearch input[type="text"] { width: 358px; text-indent: 15px; font-size: 18px; margin-left: 20px;  }
			#catalogSearch input[type="submit"] { margin-left: 20px; width: 86px; }
		#catalogSelect { width: 322px; margin-left: 20px; }
			#catalogSelectValTxt { width: 254px; font-size: 18px; }
		
	.slideshow-photo { width: 727.5px; }
	.slideshow-head { padding: 10px 10px 10px 30px; }
	.slideshow-title { font-size: 24px; line-height: 26px; }
	.slideshow-desc { margin-left: 115px; line-height: 18px; }
	.slideshow-data { margin-left: 115px; }
	
	
	#eventsBox .itemsBox-items { min-height: 515px; }
	#sammelBox .itemsBox-items { min-height: 332px; }
	.itemsBox-items a { width: 240px;}
	.events-title { font-size: 18px; line-height: 22px; }
	
	#biblioBox .boxb-content { min-height: 409px;}
	
	#footerPage .footsection { margin-bottom: 0; }
	#footerPage .footsection:first-of-type { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; }
	#newsletterForm { border-left: 1px solid #666; border-right: 1px solid #666 }
	
	#pageMainR { padding-left: 15px; }
	.slideshow-desc { display: block !important; }
	.slideshow-info { top: 0; }
	.slideshow-data { background-color: transparent; margin-left: 90px; padding-left: 0; }
	
	#subpageTitle h1 { font-size: 30px; line-height: 34px; }
	#breadcrumbs { padding-bottom: 10px; margin-bottom: 10px; }
	
	#subpageTitle h1.h1-sm { font-size:  24px; line-height: 30px; }
}

@media (min-width: 1200px) {
	#logo { width: 420px; }
		#logo a { width: 100%; height: 107px; }
	#pageNavi { width: 800px; }
	#topMenuLang .slang { padding-left: 32px; font-size: 14px;  width: auto;  }
	#topMenuSearch input[type="text"] { width: 200px; }
		#catalogSearch input[type="text"] { width: 550px; }
		 
	 #slideshow { margin-top: 0px; }
	.slideshow-photo { width: 900px; }
	.slideshow-head { padding: 15px 10px 15px 30px; }
	.slideshow-title { font-size: 28px; line-height: 32px; }
	.slideshow-desc { margin-left: 90px;  }
	.slideshow-data { margin-left: 90px;  }
	
	#eventsBox .itemsBox-items { min-height: 486px; }
	#sammelBox .itemsBox-items { min-height: 267px; }
	.itemsBox-items a { width: 288px; }
	.events-title { font-size: 20px; line-height: 24px; }
	#sammelBox .events-title { min-height: 60px; }
	
	#biblioBox .boxb-content { min-height: 356.5px; }
	
	#subpageTitle h1 { font-size: 36px; line-height: 40px; }
	#subpageTitle h1.h1-sm { font-size:  30px; line-height: 36px; }
	#searchClick input { width: 130px; }
}