/**
 * 0) FONTS
 **/

/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/raleway-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v17-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v17-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
   font-display: swap;
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/raleway-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v17-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/raleway-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v17-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
   font-display: swap;
}

/**
 * 1) GERNERAL CSS
 **/

/* RESET CSS PROPERTIES */
* { margin: 0; padding: 0; }

/* HTML AND BODY */
html { height: 100%; }
body { color: #000; font-size: 80%; font-family: 'Raleway', sans-serif, trebuchet ms, verdana, arial; background: #fff; position: relative; }


/* HIDING ELEMENTS // usability, responsive design buttons */
.donotdisplay,
	.printonly,
	.mobileonly { left: -9999px; position: absolute; }

/**
 * COLS AND SIDEBARS - start
 **/
 .colLeft { margin-right: 1%; float: left; }
.colRight { margin-left: 1%; float: right; }
.colMiddle { margin: 0 1%; float: left; }

.col2 { width: 49%; }

/**
 * COLS AND SIDEBARS - end
 **/

/**
 * GENERAL TEXT STYLES - start
 **/

	/* headlines */
	h1 { font-size: 260%; font-weight: 400; color: #333; padding: 1.5% 0 5%; }
	h2 { font-size: 160%; font-weight: 400; color: #333;  padding: 2% 0 1%; }
	h3 { color: #333; font-size: 120%; padding: 1.5% 0 .5%; }
	h4 { color: #333; font-size: 90%; padding: 1% 0 0; }
	h5 { color: #333; font-size: 80%; padding: .5% 0 0; }

	/* abstracts */
	p { padding: 1% 0 2%; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -hyphens: auto; }
	a { color: #840000; text-decoration: none; }
	a, a:active, a:focus { outline: none; }
	a:hover { color: #840000; text-decoration: underline; }
	.disabled,
		a.disabled { text-decoration: line-through; }
	.right { text-align: right; }
	.left { text-align: left; }
	.center { text-align: center; }
	.justify {text-align: justify; }
	.floatleft { float: left; }
	.floatright { float: right; }
	.clearboth { clear: both; }
	.bold { font-weight: 700; }
	.italic { font-style: italic; }
	.small { font-size: 80%; }
	.large { font-size: 120%; }
	.honey { position: absolute; left: -9999px; }

	img.fullsize { width: 100%; height: auto; }

	/* tables */
	table,
		th,
		td { border: none; }
	td,
		th { vertical-align: top; padding: 1% 2%; }
	th { text-align: left; }

	.transition {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

/**
 * GENERAL TEXT STYLES - end
 */

/**
 * NAVIGATION - start
 **/

	/* horizontal main navigation */
		#horizontalNavi  { position: relative; list-style: none; display: table-row; width: auto; height: 40px; line-height: 40px; }
	#horizontalNavi > li { position: relative; display: table-cell;  font-size: 140%; font-weight: 300; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	#horizontalNavi > li > a { display: block; padding: 0 15px; color: #333; }
	#horizontalNavi > li.active > a { color: #840000; /*background: #f3f3eb;*/ font-weight: 700;}
	#horizontalNavi > li:hover,
		#horizontalNavi > li:hover > a { color: #840000; /*background: #f3f3eb;*/ font-weight: 300; text-decoration: none; }
	#horizontalNavi > li > a > span > i { color: #eaeaea; }
	#horizontalNavi > li:hover > a span > i { color: #840000; }

	/* dropdown for horizontal main navigation */
	#horizontalNavi ul {
		position:absolute;
		width:250px;
        overflow: hidden;
        height: 0;
		z-index:100;
		-webkit-transition: height 0.3s ease-in;
		-moz-transition: height 0.3s ease-in;
		-o-transition: height 0.3s ease-in;
		-ms-transition: height 0.3s ease-in;
		transition: height 0.3s ease-in;
    }

	#horizontalNavi > li:hover ul,
		#horizontalNavi > li > a:hover ul { height:500px; /* default height */ }

    #horizontalNavi ul li {
		background: #f3f3eb;
		width: 100%;
		margin: 0;
		font-size: 80%;
    	font-weight: 300;
		-webkit-transition: background-color 0.3s ease;
		-moz-transition: background-color 0.3s ease;
		-o-transition: background-color 0.3s ease;
		-ms-transition: background-color 0.3s ease;
		transition: background-color 0.3s ease;
	}

	#horizontalNavi ul li:hover { background: #ebecee; }
    #horizontalNavi ul li a { display: block; padding: 1% 7%; text-align: left; text-decoration: none; color: #333; }
	#horizontalNavi ul li a:hover, #horizontalNavi ul li:hover > a { color: #840000; }
	#horizontalNavi ul li + li { border-top: 1px solid #aaa; }

	/* micro navigation */
		#microNavi { overflow: hidden; list-style: none; width: auto; height: 35px; float: right; color: #fff; padding: 0; }
	#microNavi li { float: left; line-height: 35px; padding: 0 10px; border-left: solid 1px #fff; }
	#microNavi li:first-child { border-left: none; }
	#microNavi li:last-child { padding-right: 0;}
	#microNavi li a { color: #333;  }
	#microNavi li a:hover { color: #000; }

	/* footer navi */
		#footerNavi { overflow: hidden; display: table-row; width: auto; padding: 0; }
	#footerNavi li { display: table-cell; list-style: none; font-size: 140%; }
	#footerNavi li a { display: block; color: #333; padding: 0; font-weight: 300; }
	#footerNavi li:hover,
		#footerNavi li:hover a { color: #840000; /*background: #f3f3eb;*/ font-weight: 300; text-decoration: none; }
	#footerNavi li a.active { color: #840000; /*background: #f3f3eb;*/ font-weight: 700;}

	/* subnavi inside content */
		#subNaviPreview { list-style: none; }
	#subNaviPreview li { border-top: 1px dotted #152861; margin: 2% 0; }
	#subNaviPreview li > a {padding: 2% 0; }
	#subNaviPreview li.first { border-top: 2px solid #152861; }

	/* subnavigation in sidebar */
		aside { width: 24%; margin: 1% 1% .5% 0; float: left; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; -hyphens: none; }
	aside ul { list-style: none; }
	aside ul.navi li { margin: 2% 0; display: block; line-height: 120%; background: #fff; }
	aside ul.navi li  > a {padding: 2.5% 2%; }
	aside ul.navi li:first-child { border-top: none; }
	aside a { font-size: 120%; font-weight: 700; color: #323232; display: block; }
	aside .info > a { color: #840000; display: inline; font-size: 100%; }
	aside ul.navi li:hover,
		aside ul.navi li:hover a,
		aside ul.navi li.activeItem,
		aside ul.navi li.activeItem a { color: #fff; text-decoration: none; background: #97BD0E; }
	.navi.depth-1 { }
	.navi.depth-2 { }
	.navi.depth-3 { }
	.navi.depth-4 { }

	/* next and pre site intern navigation */
	#prevNextNav,
		#text ul#prevNextNav { padding: .5% 0; margin: 1% 0; overflow: hidden; border-bottom: 1px solid #ebecee; border-top: 1px solid #ebecee; }
	#prevNextNav > li { float: left; list-style: none; width: 33%; }
	#prevNextNav > li > a { color: #333; }
	#prevNextNav > li > a:hover { color: #840000; text-decoration: none; }

/**
 * NAVIGATION - end
 **/

/* TEXT BLOCK SETTINGS */
/* #text img {	border: 5px solid #fff; margin: 5px;}*/
#text ul,
	#text ol { margin: 2% 0 2% 20px; }
#text > ul li,
	#text > ol li { padding: 1% 0; font-size: 130%; line-height: 140%; }
#text > ul li li,
	#text > ol li li { font-size: 100%; }
#text .map_canvas img,
	.tabContainer #map_canvas img { border: none; margin: 0px; -webkit-box-shadow: 0 0 0px #000; -moz-box-shadow: 0 0 0px #000; box-shadow: 0 0 0px #000; }
#text p { font-size: 130%; line-height: 140%; }
#text p.doublePadding { padding: 2% 0 4%; }

/* PAGINATION */
.Pages,
	.activePage{ display: inline-block; font-size: 100%; font-weight: 700; color: #152861;  margin-right: 2%; padding: 1% 2%; }
.activePage { color: #fff !important; text-decoration: underline; background: #152861; border: 1px solid #152861; }
a.activePage:hover { color: #fff !important; }
#page .Pages:link,
	.Pages:visited { cursor: pointer; text-decoration: none; border: 1px solid #152861; }
#page .Pages:hover { color: #fff !important; background: #152861; }

/* INPUTFIELDS */
.defaultField { overflow: hidden; }
.defaultField input,
	.defaultField textarea,
	.defaultField select { width: 100%; border: solid 1px #868788; padding: 1%; margin: 1% 0%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.defaultField input:focus,
	.defaultField textarea:focus,
	.defaultField select:focus { border: solid 1px #323232; }
.defaultField textarea { height: 200px; }
.defaultField input[type="checkbox"] { width: auto; margin-top: 2%; }
.defaultField label, .defaultField div.labelFake { padding: 1% 0; }
.defaultField label.noFloat { float: none; }
.defaultField .inputWrapper { overflow: hidden; }
input.fieldError, textarea.fieldError { border: solid 1px #c02e2e; }
div.fieldError, p.fieldError { clear: left; color: #ff0000; font-size: 80%; margin-left: 1%; }
label.cbFloat { width: 200px; float: left; }

input.submitBtn { background: #840000; border: none; color: #fff; font-size: 120%; padding: .5% 2%;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;   }
input.submitBtn:hover { cursor: pointer; color: #fff; background: #333; }

.defaultField.hidden { display:none;visibility:hidden; }

/* MESSAGES */
.msgList { list-style: none; padding: 0; margin: 1% 0; }
.msgList li { margin: .25% 0; padding: .5%; color: #fff; text-shadow: #333 1px 1px 0; }
.msgList li i { padding-right: .5%; }
.warningMsg { background: #e88615;  }
.errorMsg { background: #c02e2e; }
.successMsg { background: #469b2b; }

/* SHADOW */
.shadow { -webkit-box-shadow: 0 0 8px #000000; -moz-box-shadow: 0 0 8px #000000; box-shadow: 0 0 8px #000000; }
.shadowSmall { -webkit-box-shadow: 0 0 2px #000000; -moz-box-shadow: 0 0 2px #000000; box-shadow: 0 0 2px #000000; }

/* WRAPPER */
.wrap { margin: 0 auto; max-width: 1140px; position: relative; width: 100%; }
.overflow { overflow: hidden; }
.loading { width: 100%; height: 100%; background: url( 'https://www.alles-lausitz.de/images//loading.gif' ) transparent center center no-repeat; }

/**
 * 2) STYLES CORE DESIGN
 **/

 /* Mobile Navigation*/
 #mobileNavItem,
  #mobileSubNavItem {display:none; padding: 1%; left: auto; position: relative; text-align: left;  cursor: pointer; color: #000; clear: both;}

/* BREADCRUMBS */
#breadcrumbs { display: inline-block; overflow: hidden; overflow: hidden; width: 100%; clear: both; line-height: 20px; }
#breadcrumbs li { list-style: none; color: #888; text-decoration: none; outline: none; display: block; float: left; padding: 0.3% 0 0 0; position: relative; }
#breadcrumbs li a { text-decoration: none; color: #888; }
#breadcrumbs li:hover a { color: #840000; }
#breadcrumbs li.start { padding-right: .5%; }

/* CONTACT */
label.contact { float: left; width: 170px; }
input.contactfield { width: 300px; border: solid 1px #152861; }
input.contactBtn { margin-left: 170px; border: 1px solid #152861; color: #fff; background: #555; padding: 2px 20px; font-weight: 700; text-shadow: #000 1px 1px 0px; }
input.contactBtn:hover { background: #152861; border: 1px solid #555; color: #fff; cursor: pointer; }
.leftCB input {float: left; padding: 0 0 0 1%;}
.leftCB label {padding: 1.75% 0 0 1%;}

.privacy label { display: inline-block; }
.privacy p { padding: .5% 0; }

/* KM MODAL DIALOG */
.modalDialog { background: rgba( 0, 0, 0, 0.8 ); position: fixed; width: 0; height: 0; top: 0; left: 0; z-index: 5000; overflow: hidden; }
.innerBox { height: 94%; height: 84vh; width: 80%; max-width: 960px; margin: 3% auto; background: #fff; padding: 1%; position: relative;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#contentBox { height: 100%; overflow: auto; }
.closeKMModal { position: absolute; top: -13px; right: -13px; width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 700; background: #fff; border: solid 2px #000;
	-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; z-index: 5;}
.closeKMModal:hover { cursor: pointer; background: #840000; color: #fff; }


/* SEARCH */

#buttonSearch { height: 100%; }
#buttonSearch label { float: left; padding-right: 10px; }
input.searchBox { padding: 1% 0 1% 5px; background: #fff; border: 1px solid #ebecee; color: #333; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.submitSearch { padding: 1% 0; background: #ebecee; border: none; color: #fff; font-weight: 700; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer;}
.submitSearch:hover { background: #840000; color: #fff;}

#search { overflow: hidden; width: 60%; margin: 2% 20%; }
#search input.searchBox { border-bottom: solid 1px #e60000; }
#search .submitSearch { background: #e60000; border: solid 1px #fff; color: #fff; }
#search .submitSearch:hover { background: #1E1E1E; }

#moduleContent.search > h2 { padding-top: 0; }
ul#searchResults { list-style: none; over: hidden; clear: both; margin-top: 4%; }
ul#searchResults li { padding-bottom: 4%; margin-bottom: 4%; border-bottom: solid 1px #1E1E1E;  }
ul#searchResults p { padding: 0; }
p.searchLink { font-size: 90%; margin-top: 1%; }

#advSearch input.searchBox { border-bottom: 2px solid #840000; margin-right: 2%; }
#adv_submitSearch { background: #840000; padding: 1%; cursor: pointer; }
#adv_submitSearch:hover { background: #333; }

/* SOCIAL SHARING */
#social_share { list-style: none; overflow: hidden; width: 100%; display: table-row; }
#social_share li { display: table-cell; padding: 0; font-size: 140%; color: #333; font-weight: 300; }
/*#social_share li:hover { -webkit-transition: background 0.3s ease-in;
		-moz-transition: background 0.3s ease-in;
		-o-transition: background 0.3s ease-in;
		-ms-transition: background 0.3s ease-in;
		transition: background 0.3s ease-in; }*/
#social_share li#text_share { text-align: left; }
#social_share a { font-weight: 300; text-decoration: none; ine-height: 30px; }
#social_share li:hover a { color: #fff; }
#social_share a > i {margin-right: 1%; text-align: center; width: 30px; line-height: 30px; color: #fff; }
#fb_share > a > i { background: #3b5998; }
/*#fb_share:hover { background: #3b5998; }*/
#google_share > a > i {  background: #d64136;  }
/*#google_share:hover { background: #d64136; }*/
#twitter_share > a > i {  background: #2daae1;  }
/*#twitter_share:hover { background: #2daae1; }*/
#xing_share > a > i {  background: #006464;  }
/*#xing_share:hover { background: #006464; }*/

/* infinit loading */
.hiddenData { opacity: 0; }
#loadDataBtn { background: #f7f7f7; color: #000; width: 100%; padding: 3% 0; margin-bottom: 1.5%; text-align: center; cursor: pointer; border: solid 1px #eaeaea; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#loadDataBtn:hover { background: #840000; color: #fff; }

/*
 * CONSENT TOOL
 */
body.consent-tool-open .ui-widget-overlay {
    background: rgba( 0, 0, 0, .8 );
    opacity: 1;
    filter: Alpha(Opacity=1);
    z-index: 10000000 !important;
}

body.consent-tool-open .ui-dialog {
	z-index: 10000001 !important;
}

body.consent-tool-open .ui-dialog.custom-details {
	max-height: 90vh !important;
	overflow-y: scroll;
}

@media only screen and ( min-width: 451px ) {
	body.consent-tool-open .ui-dialog.custom-basic {
		max-width: 450px;
		left: calc( 50% - 225px ) !important;
	}
}

@media only screen and ( max-width: 450px ) {
	body.consent-tool-open .ui-dialog.custom-basic {
		width: 90%;
		left: 5% !important;
	}
}

@media only screen and ( min-width: 961px ) {
	body.consent-tool-open .ui-dialog.custom-details {
		max-width: 960px;
		left: calc( 50% - 470px ) !important;
	}
}

@media only screen and ( max-width: 960px ) {
	body.consent-tool-open .ui-dialog.custom-details {
		width: 90%;
		left: 5% !important;
	}
}

#consent-tool {
    font-size: 90%;
}

#consent-tool ul {
	list-style: none;
}

#consent-tool h2 {
    padding: 0 0 15px;
    margin: 0;
    font-weight: 400;
    font-size: 145%;
    color: inherit;
}

#consent-tool header p {
    font-size: 90%;
}

#consent-tool ul#consent-tool-groups {
    overflow: hidden;
    margin: 10px 0;
    clear: both;
}

#consent-tool .basics ul#consent-tool-groups > li:nth-child(n+2) {
    padding-top: 5px;
    margin-top: 5px;
    border-top: dotted 2px #ddd;
}

#consent-tool i.fa.icon-disabled {
    text-decoration: none;
    color: #aaa;
}

#consent-tool i.fa.icon-red {
    color: #880000;
}

#consent-tool i.fa.icon-green {
    color: green;
}

#consent-tool button.ct-button {
    width: 100%;
    padding: 10px 15px;
    margin: 5px 0;
    cursor: pointer;
    color: #555;
    background: #f2f2f2;
    border: none;
    border-radius: 3px;
    outline: none;
}

#consent-tool button.ct-button.btn-highlight {
    background: green;
    color: #fff;
    font-weight: 600;
    padding: 15px;
}

#consent-tool button.ct-button.btn-narrow {
    font-size: 70%;
}

#consent-tool button.ct-button:hover {
    background: #333;
    color: #fff;
}

#consent-tool footer {
    text-align: center;
    background: #fff;
}

#consent-tool ul#consent-tool-links {
    display: inline-block;
    text-align: center;
    padding-top: 15px;
    font-size: 70%;
}

#consent-tool ul#consent-tool-links > li {
    display: inherit;
    position: relative;
}
#consent-tool ul#consent-tool-links > li:nth-child(n+2):before {
    content: '|';
    width: 15px;
    display: inline-block;
    text-align: center;
}

#consent-tool a.ct-link {
    color: #555;
}

#consent-tool a.ct-link:hover {
    color: #000;
}

#consent-tool span.ct-link.link-highlight {
    color: #000;
    cursor: pointer;
}

#consent-tool span.ct-link.link-highlight:hover {
    color: green;
}

#consent-tool .details ul#consent-tool-groups > li {
    padding: 15px;
    background: #f2f2f2;
}
#consent-tool .details ul#consent-tool-groups > li:nth-child(n+2) {
	margin-top: 5px;
}

#consent-tool .details button.ct-button {
    display: inline-block;
    width: auto;
    padding: 15px 30px;
}

#consent-tool .details span.ct-link span {
	padding: 15px 0;
	margin: 5px 0;
    display: inline-block;
    font-size: 80%;
    position: relative;
    color: #aaa;
}
#consent-tool .details span.ct-link span:nth-child(n+2):before {
    content: '|';
    width: 15px;
    display: inline-block;
    text-align: center;
}

#consent-tool .group-headline {
    padding-bottom: 10px;
}

#consent-tool .group-text,
#consent-tool .group-content {
    font-size: 90%;
}

#consent-tool p.group-toggle-content {
	padding: 0;
    text-align: center;
    font-size: 80%;
    text-decoration: underline;
    cursor: pointer;
}

@media only screen and ( min-width: 551px ) {
	#consent-tool .details span.ct-link {
	    float: right;
	}

	#consent-tool span.item-title {
	    display: block;
	    width: 200px;
	    float: left;
	}

	#consent-tool span.item-content {
	    width: calc( 100% - 200px );
	    float: right;
	}
}

@media only screen and ( max-width: 550px ) {
	.consent-tool-buttons.inline-buttons {
	    text-align: center;
	}

	#consent-tool .details button.ct-button {
	    width: 100%;
	}

	#consent-tool .details span.ct-link {
	    display: block
	}

	#consent-tool span.item-title {
	    display: block;
	    font-weight: 600;
	}

	#consent-tool span.item-content {
	    display: block;
	    font-style: italic;
	}
}

#consent-tool span.item-content a {
    color: inherit;
    text-decoration: underline;
}

#consent-tool ul.consent-tool-items > li {
    overflow: hidden;
    margin-top: 15px;
}

#consent-tool ul.consent-tool-items > li .item-wrap {
    background: #fff;
    padding: 10px;
}

#consent-tool ul.consent-tool-details > li {
	overflow: hidden;
}
#consent-tool ul.consent-tool-details > li:nth-child(n+2) {
    padding-top: 3px;
    margin-top: 3px;
    border-top: solid 1px #f2f2f2;
}

div#consent-config {
    padding: 10px 15px;
    cursor: pointer;
    background: #000;
    color: #aaa;
    font-size: 75%;
}

@media only screen and ( min-width: 901px ) {
	div#consent-config {
		position: fixed;
	    bottom: 0;
	    right: 100px;
	    background: #fff;
	    color: #555;
	    box-shadow: 0 0 5px #333;
	    z-index: 10000000;
	}
}

div#close-consent-modal {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 120%;
    text-align: center;
    cursor: pointer;
    color: #ccc;
}
div#close-consent-modal:hover {
	color: #000;
}

div#close-consent-modal span {
	left: -999999px;
	position: absolute;
}


/**
 * 3) PROJECT ADAPTIONS
 **/

/* GRADIENTS */
body .wrap footer .copyright {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c00429+0,840000+100 */
	background: rgb(192,4,41); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwMDQyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(192,4,41,1) 0%, rgba(132,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(192,4,41,1) 0%,rgba(132,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(192,4,41,1) 0%,rgba(132,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c00429', endColorstr='#840000',GradientType=1 ); /* IE6-8 */
}

body > .wrap { z-index: 2; overflow: hidden; margin-bottom: 2%; }
body > header, body > main, body > footer { width: 96%; margin: 0 2%; }
.subwrap { margin: 0 2%; width: 96%; }

section#content *,
section#cathubsection *,
section#suggestsection * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#contentsection.col2.colLeft { width: 65.666%; margin-right: 1.5%; }
#subNavi.col2.colRight { width: 30.333%; margin: 1.5% 0 0 1.5%; padding: 0 .5%; }

.highlight { font-weight: 700 !important; color: #840000 !important; }
.info, #text p.info { font-size: 85%; color: #333; }

/* HEADER */
body > header { padding-top: 50px; }

#headerImg { margin: 2%; overflow: hidden; }
#headerImg img { display: inline-block; }
#headerImg .colLeft { width: 65.666%; margin: .5% 1.5% 0 0; }
#headerImg .colLeft img { width: 60%; height: auto; display: block;  padding: 3.5% 0 0;  }
#headerImg .colRight img { width: 45%; height: auto; margin: 2.5% 0 0; }
#headerImg #logo_olk { margin-right: 5%; float: left; }
#headerImg #logo_nsk { margin-left: 5%; }
#headerImg .colRight { width: 30.333%; margin-left: 1.5%; padding: 0 0.5%; }

#topInfo { float: right; width: 75%; }
#buttonSearch { float: right; height: 20px; padding: 0 0 5px 10px; }


/* NAVIGATIONS */
nav#topNavigation { width: 100%; height: 35px; z-index: 5; position: fixed; left: 0; top: 0; background: #fff; }
nav#topNavigation .subwrap { border-bottom: solid 1px #ebecee; height: 35px; }
nav#navWrapper { text-align: center; display: table;  border-bottom: 1px solid #ebecee; border-top: 1px solid #ebecee; }
nav#topNavigation .submitSearch,
	nav#topNavigation input.searchBox { margin: 6px 0; }

/*
nav#topNavigation.smallTopNavigation { height: 33px; }
nav#topNavigation.smallTopNavigation #mainLogo { height: 20px; padding: 6px 0 5px; }
nav#topNavigation.smallTopNavigation #microNavi { height: 20px; padding: 5px 0; }
nav#topNavigation.smallTopNavigation #microNavi li { line-height: 20px; }
nav#topNavigation.smallTopNavigation .submitSearch,
	nav#topNavigation.smallTopNavigation input.searchBox { margin: 0; }
*/
#navContainer.fixedNav { position: fixed; left: 0; width: 100%; z-index: 5; background: #fff; }
#fixedContent { clear: both; overflow: hidden; margin: 0 auto; width: 96%; }
#fixedLogo { float: left; width: 46%; margin: 0 2%; height: 26px; }
#fixedLogo img { height: 16px; width: auto; padding: 5px 0; display: block; }
#fixedSearch { float: right; width: 46%; margin: 0 2%; }

#fixedContent,
	.fixedNav #navWrapper { clear: both; margin: 0 auto; max-width: 1140px; }
.fixedNav #horizontalNavi { border-top: solid 1px #ebecee; border-bottom: solid 1px #ebecee; }
#fixedSearchForm { float: right; }
#fixedSearchForm input.searchBox,
	#fixedSearchForm .submitSearch { margin: 2px 0; padding: 2px; }

img#topLogo { height: 20px; width: auto; padding: 0.5% 0; display: none; opacity: 0; }

/*
nav#navWrapper.fixedNav { position: fixed; top: 40px; width: 100%; height: 0; overflow: hidden; z-index: 2; }
nav#navWrapper.fixedNav #horizontalNavi { border-top: none; border-bottom: none; width: 20%; height: auto; margin-left: 17%; }
nav#navWrapper.fixedNav ul#horizontalNavi > li { width: 100%; display: block; border-top: solid 1px #c00429; }
nav#navWrapper.fixedNav ul#horizontalNavi > li a { background: #ccc;  display: block; width: 100%; padding: 0;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
nav#navWrapper.fixedNav ul#horizontalNavi > li:hover a { background: #c00429; display: block; }
*/

/* SIDEBARS */
aside#subNavi a { font-weight: 300; }
aside#subNavi h2:not(.item-title) { background: #eaeaea; padding: 2% 4%; }
aside#subNavi h3 { color: #840000; padding: 2% 0 5%; }
aside p { hyphens: none; }

table.asideInfo { width: 90%; margin: 2.5% 5% 5%; }
table.asideInfo th { width: 40%; font-weight: 300; }
table.asideInfo td { width: 60%; font-weight: 300; }

.asideDefault { margin-bottom: 12%; }
.asideDefault > ul#prevNextNav { width: 90%; margin: 5% 5% 2.5% 5%; }
.asideDefault .asideWrap { padding: 4%; }

.asideDefault .map_canvas { height: 240px; overflow-y: auto; }

.widgetlist-asideDefault li { margin-bottom: 4%; }
.widgetlist-asideArticle li { margin-bottom: 12%; }
.wList-Freitext-Widget img { display: block; }

.lastPoll,
	.oldPolls li,
	.articleInfoBox,
	.articleGallery,
	ol#commentsList li {
		background: #f7f7f7; border: solid 1px #eaeaea;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}

/* CONTENT */
main { clear: both; margin: 1% 2%; }
section {}
section#suggestsection,
	section#commentssection { clear: both; overflow: hidden; }
section#commentssection.col2.colLeft { width: 65.666%; margin-right: 1.5%; }

/*article > header { padding-bottom: 4%; }*/
article .imgWrap { padding-bottom: 4%; }

/*
article#text > p,
	article#text > table,
	article#text > ul,
	article#text > ol,
	article#text > .pollWrap { margin: 0 0 0 15%; }
article#text > footer, #commentsBlock { margin: 0 0 0 15%; }
*/

.contentbox,
	ul.tileList > li,
	ul.newsList > li.stream {
		overflow: hidden;
		background: #f7f7f7;
		-webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;
	}

.articleInfoBox,
	.articleImage,
	.articleGallery { width: 50%; }
.articleInfoBox.rightbox,
	.articleImage.rightbox,
	.articleGallery.rightbox { float: right; margin: 1% 0 1% 3%;  }
.articleInfoBox.leftbox,
	.articleImage.leftbox,
	.articleGallery.leftbox { float: left; margin: 1% 3% 1% 0;  }
.articleInfoBox > div,
	.articleGallery > div { padding: 2% 4%; }
.articleInfoBox .infoHeadline,
	.articleGallery .infoHeadline { background: #eaeaea; font-size: 160%; overflow: hidden; }
.articleInfoBox .infoContent { font-size: 90%; }
.articleImage img { width: 100% !important; height: auto !important; display: block; }
.articleImage p { font-weight: 700; }
.articleGallery div.ihTitle { width: 50%; float: left; }
.articleGallery div.ihImages { width: 50%; float: right; text-align: right; }
.articleGallery p { padding: 0; }
.articleGallery img.loadKMModal { height: auto !important; width: 96% !important; padding: 2%; display: block; cursor: pointer; }

.rteImage { width: 100%; height: 80%; overflow: hidden; text-align: center; position: relative; z-index: 1;}
/*.rteImage > img.currentImg { width: auto !important; max-width: 100% !important; height: auto !important; max-height: 800px !important; position: relative; z-index: 10; }*/
.rteImage > img.currentImg { max-height: 100%; max-width: 100%; height: 100%; width: auto; position: relative; z-index: 10; }
.rteImage > img.newImage { max-height: 100%; max-width: 100%; height: 100%; width: auto; position: absolute; top: 0; left: 0; z-index: 5; }
.rteImage > img.waiting { width: auto !important; position: absolute; top: 48%; left: 48%; z-index: 20; display: none; }
.rtePreview { width: 100%; height: 20%; overflow: hidden; }
.rtePreview > ul { width: auto; height: 86%; margin: 2% 0 !important; list-style: none; overflow-x: scroll; white-space: nowrap; }
.rtePreview > ul > li { height: 90%; display: inline-block; overflow: hidden; }
.rtePreview > ul > li > img { width: auto; height: 100%; cursor: pointer; }

/* FOOTER */
body .wrap footer { clear: both; overflow: hidden; margin: 1% 2%; }
body .wrap footer div#sharePage { overflow: hidden; display: table; margin-left: 1.5%; width: 31.333%; line-height: 40px; text-align: center; float: right; }
.footerNav { display: table; margin-right: 1.5%; width: 65.666%; height: 40px; line-height: 40px; text-align: center; float: left; }
.borderTopBottom { border-bottom: 1px solid #ebecee; border-top: 1px solid #ebecee; overflow: hidden; }
p.copyright { text-align: center; color: #fff; padding: 1% 0; }
p.copyright a { color: #fff; }
p.copyright a:hover { color: #fff; text-decoration: none;}
body .wrap footer table td { padding: 0; }

body .wrap footer.fixedFooter { position: fixed; bottom: 0; background: #fff; margin: 0 !important; max-width: 1140px; width: 100%; z-index: 5; }
body .wrap footer.fixedFooter > #footerWrap > div#footerContent { max-height: 70vh; overflow: auto; }

/* obsolate => replaced by footerContent
.footerWidget { background: #ebecee; margin: 2% 0; overflow: hidden; }
.widgetlist-footerContent { width: 96%; margin: 2%; overflow: hidden; }
*/

#footerContent { background: #ebecee; margin: 2% 0; overflow: hidden; }
#footerContent > div { width: 96%; margin: 2%; overflow: hidden; }

/* scroll to top button */
a#scrollToTop { z-index: 5000; position: fixed; right: 10px; bottom: 35px; padding: 1%; display: inline-block; background: #840000; color: #fff; opacity: 0; }
a#scrollToTop:hover { background: #333; }

body .wrap #contentsection footer {
    margin: 1% 0;
}

/* WIDGETS */
.widgetlist-footerContent > li { list-style: none; }

/**
 * 4) STYLES REGULAR USED EXTENSIONS
 **/

/* TILE LISTING */
ul.tileList { list-style-type: none; margin: 0; display: inline-block; width: 100%; }
ul.tileList > li { overflow: hidden; margin: 1.5%; width: 30.333%; padding: .5%; float: left; background: #f7f7f7;
	-webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
ul.tileList > li:nth-child(3n+1) { clear: left; margin-left: 0; }
ul.tileList > li:nth-child(3n+3) { margin-right: 0; }
ul.tileList > li:hover { background: #d9d9d9; }
ul.tileList > li img  { border: none; width: 100%; height: auto; }
ul.tileList > li > div#text { padding: 4% 6%; }
ul.tileList > li .tileText { height: 50px; line-height: 50px; text-align: center; }
ul.tileList > li .tileText h2 { font-size: 140%; padding: 0; }
ul.card-view h2.item-title { padding: 0 0 5px; }
ul.tileList > li .tileText a { color: #333; }
ul.tileList > li .tileText a:hover { color: #333; text-decoration: none; }
ul.tileList > li .tileImg { position: relative; overflow: hidden; }
ul.tileList.announceList > li .tileImg { height: 150px; max-height: 150px; }
ul.card-view .card-item-image .section {
	position: absolute;
	left: 0;
	bottom: 30px;
	display: block;
	background: #C00429;
	color: #fff;
	font-weight: 700;
	padding: 1% 2%;
	font-size: 120%;
}

ul.tileList > li.redTile,
ul.card-view > li.redTile > .card-item-wrap { background: #840000; }
ul.tileList > li.redTile:hover { background: #9d3333; }
ul.tileList > li.redTile .tileText a { color: #fff; }
ul.card-view > li.redTile > .card-item-wrap .item-title { color: #fff; }

ul.card-view .card-item-image .section.dateInfo {
	background: rgba(255, 255, 255, 0.8);
	color: #333;
	font-size: 160%;
	font-weight: 300;
}
ul.eventsList h2.item-title {
    font-size: 120%;
    font-weight: 600;
}
ul.eventsList a { color: #333; font-size: 70%; font-weight: 700; }
ul.eventsList .dateInfo a { font-size: 100%; font-weight: 300; }
ul.eventsList p { padding: 0 0 1%; }

ul.tileList > li.noDataFound,
	ul#searchResults > li.noDataFound { width: 100%; margin: 1.5% 0; background: #fff; border: medium none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 130%; text-align: center;}
ul.tileList > li.noDataFound h3,
	ul#searchResults > li.noDataFound h3 { font-size: 160%; font-weight: 300; padding-bottom: 5%; }
ul.tileList > li.noDataFound span,
	ul#searchResults > li.noDataFound span { display: block; text-transform: uppercase; }
ul.tileList > li.noDataFound > p,
	ul#searchResults > li.noDataFound > p { color: #aaa; }

ul#searchResults li.noDataFound { border-bottom: none; }

.card-view .item-title a {
    color: #333;
}
.card-view .item-title a:hover {
    text-decoration: none;
    color: rgb(192,4,41);
}

#announceList .card-item-image {
	background-color: #fff;
	background-size: contain;
	border: solid 10px #fff;
}

/* NEWS */
ul.newsList { list-style-type: none; margin: 0; display: inline-block; }
ul.newsList > li.stream { overflow: hidden; margin: 1.5%; width: 30.333%; padding: .5%; float: left; background: #f7f7f7;
	-webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
ul.newsList > li.stream.tile31 { clear: left; margin-left: 0; } /*:nth-child(3n+1)*/
ul.newsList > li.stream.tile33 { margin-right: 0; } /*:nth-child(3n+3)*/
ul.newsList > li.stream:hover { background: #d9d9d9; }
ul.newsList > li.stream img  { border: none; width: 100%; height: auto; }
ul.newsList > li .newsText { height: 50px; }
ul.newsList > li .newsText h2 { font-size: 140%; padding: 2% 1% 1%; }
ul.newsList > li .newsText a { color: #333; }
ul.newsList > li .newsText a:hover { color: #333; text-decoration: none; }
ul.newsList > li .newsImg { position: relative; overflow: hidden; }
ul.newsList > li .newsImg .section { position: absolute; left: 0; bottom: 30px; display: block; background: #C00429; color: #fff; font-weight: 700; padding: 1% 2%; font-size: 120%; }

.newsImg a,
	.tileImg a,
	.tileImg span.imgWrap {
    display: block;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 60%;
}

.newsImg a img,
	.tileImg a img,
	.tileImg span.imgWrap img {
    position: absolute;
    left: -999999px;
}

.imgMaxHeight { max-height: 430px; overflow: hidden; }

.imgWrap.portrait { width: 48%; margin: 1% 2% 2% 0; float: left; overflow: hidden; }
.imgWrap .newsSubtitle { font-weight: 700; }
#text p.small { font-size: 90%; color: #333; }

li.commercialBreak { clear: both; overflow: hidden; }
div.commercialBreak { position: relative; padding: 2% 0; margin: 2% 0; border-bottom: 1px solid #ebecee; border-top: 1px solid #ebecee; text-align: center; clear: both; width: 100%; }
aside div.commercialBreak { margin-bottom: 12%; border-bottom: none; border-top: none; }
div.commercialBreak.bottomBorder { border-top: none; padding-top: .5%; margin-top: .5%; }
span.commercialInfo { display: inline-block; position: absolute; top: -15px; left: 5px; color: #ccc; font-size: 80%; }
aside li.commercialBreak {
    text-align: center;
}
aside span.commercialInfo {
    display: inline-block;
    color: #000;
    font-size: 80%;
    text-align: left;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: solid 1px #eaeaea;
    margin-bottom: 10px;
    position: relative;
    top: unset;
    left: unset;
}
div.commercialBreak img { border: none; width: 100%; height: auto; }
.home div.commercialBreak img { width: auto; height: auto; position: relative; left: unset; }
.commercial { clear: both; overflow: hidden; padding: 4% 0; }

#headerImg span.commercialInfo { position: relative; left: inherit; top: inherit; display: block; }

/* COMMENTS */
#commentsBlock footer { font-size: 120%; margin: 2% 0 0.25%; }
#commentsBlock ol { list-style: none; margin: 2% 0; }
ol#commentsList li { color: #333; padding: 0 2%; margin-bottom: 2%; }
ol#commentsList li a { color: #333; }
ol#commentsList li a:hover { color: #840000; text-decoration: none; }
article.commentText { padding-bottom: 2%; }
#commentsBlock article span.highlight { font-size: 120%; }

.asideDefault > ul#commentsWidgetList { padding: 4% 0 0; background: #f7f7f7; border: solid 1px #eaeaea; }
.asideDefault > #commentsWidgetList li { padding: 0 5% 4%; }
.asideDefault > form { padding: 4%; }
.asideDefault .defaultField { padding-bottom: 4%; }
.asideDefault .defaultField input,
	.asideDefault .defaultField textarea,
	.asideDefault .defaultField select { border: 1px solid #eaeaea; background: #f7f7f7; }
.asideDefault .defaultField input:focus,
	.asideDefault .defaultField textarea:focus,
	.asideDefault .defaultField select:focus { background: #fff; border: solid 1px #333; }

/* POLL */
#pollQuestionListing { list-style: none; overflow: hidden; width: 100%; margin: 0 !important; }
#pollQuestionListing > li { width: 100%; margin-bottom: 2%; }

#pollAnswerListing { list-style: none; overflow: hidden; width: 100%; margin: 0 !important; display: table; }
#pollAnswerListing > li { width: 100; background: #f7f7f7; display: table-row;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
#pollAnswerListing > li:hover { background: #eaeaea; }
#pollAnswerListing > li > div { display: table-cell; vertical-align: middle; padding: 2% 0; border-bottom: solid 2px #fff; }
#pollAnswerListing > li > div.inputField { width: 5%; text-align: center; background: #eaeaea; }
#pollAnswerListing > li > div.labelField { width: 91%; padding: 2%; }
#pollAnswerListing > li > div.labelField label { display: block; cursor: pointer; }

.pollWrap > h2 { padding-bottom: 4%; }

#pollResultListing { list-style: none; overflow: hidden; margin: 0 !important; }
#pollResultListing li { overflow: hidden; width: 100%; margin: 2% 0; }
.resultAnswer { display: block; font-weight: 700; }
.resultData { display: block; color: #840000; padding: 1% 0; }
.resultBar { height: 20px; background: #840000; }

.lastPoll {  margin-bottom: 4%; }
.oldPolls { margin-bottom: 12%; }
.oldPolls li { margin: 4% 0; padding: 5%; }
.pollEval { padding: 0% 5% 5%; }
.pollEval ul { margin-left: 20px; list-style: disc; }
.pollEval ul li { padding: 2% 0; }
aside#subNavi .lastPoll h3 { padding: 5%; }

aside#subNavi .oldPolls a,
	aside #commentsWidgetList a { display: inline; font-size: 100%; color: #840000; }

#commentsWidgetList li { padding: 0 5%; }
aside#subNavi #commentsWidgetList h3 { padding: 2% 0 1%; }

aside#subNavi h3 a { font-weight: 600; }

aside #pollQuestionListing { padding: 0 5%; width: 90%; }
aside #pollResultListing li { margin: 4% 0; }
aside .resultBar { margin-bottom: 1%; }

/* APPS */
.asideDefault .newsImg,
	.widgetlist-asideArticle .newsImg { padding: 4%; relative; max-height: 180px; overflow: hidden; }
.asideDefault .newsImg img,
	.widgetlist-asideArticle .newsImg img { width: 100%; height: auto; }
aside#subNavi .asideDefault .newsText > h2,
	aside#subNavi .widgetlist-asideArticle .newsText > h2 { background: none; font-size: 110%; padding: 2% 4% 4%; }

/* EVENTS */
#ticketbox .asideWrap { font-size: 120%; }
aside#subNavi #ticketbox h2 { background: #840000; color: #fff; }
#ticketbox hr { border: none; border-bottom: solid 1px #840000; width: 100%; margin: 7% 0%; }
#ticketbox p.ticketlink { padding: 5% 0 3%; }

.eventsmodule #contentsection footer { margin: 1% 0; }
.eventsmodule #contentsection footer h2 { color: #840000; font-size: 140%; font-weight: 700; padding-bottom: 0; }
#contentsection footer p { hyphens: none; }
.eventsmodule #contentsection footer .spaceTop { padding-top: 2%; }

.asideDefault ol.eventList { list-style: outside none none; margin: 2% 4%; }
.asideDefault ol.eventList li { padding: 2% 0; }

#text footer #upcommingEvents { list-style: none; margin: 1% 0; }
#text footer #upcommingEvents > li { padding: 0.5% 0; }

/* ANNOUNCE */
.filterList { list-style: none; overflow: hidden; font-size: 140%; margin: 0; display: inline-block; width: 100%; }
.filterList > li { margin: 1.5%; width: 31.333%; float: left; background: #f7f7f7; border: 1px solid #eaeaea; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.filterList > li:nth-child(3n+1) { clear: left; margin-left: 0; }
.filterList > li:nth-child(3n+3) { margin-right: 0; }
.filterList > li > div { background: #eaeaea; padding: 3%; cursor: pointer; }
.filterList > li.empty { background: none; border: none; }

.filterList ul { list-style: none; overflow: hidden; }
.filterList ul div { padding: 1.5%; border-top: solid 1px #eaeaea; cursor: pointer; }

.filterList div:hover,
	.filterButton.red,
	.filterSubButton.active { background: #840000; color: #fff; }
.filterButton.red > a { color: #fff; }

ul#selectedFilter { list-style: none; clear: left; }
ul#selectedFilter li { background: #f7f7f7; border: 1px solid #eaeaea; float: left; margin-right: 1%; padding: 0.25% 0.5%; }
ul#selectedFilter li:hover { background: #840000; color: #fff; cursor: pointer; }
ul#selectedFilter li:first-child { background: none; border: none; }
ul#selectedFilter li:first-child:hover { background: none; color: #000; }

#dateFilterFields > li { width: 46%; margin: 1% 2%; text-align: left; }
#dateFilterFields label { display: block; float: left; margin: 2% 0; width: 40%; }
#dateFilterFields input.filterDate,
	#dateFilterFields select.familyDate { background: #fff; border: 1px solid #eaeaea; padding: 2%; font-size: 90%; width: 100%;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

.colFilterMainButtons { float: left; width: 65.666%; }
.colFilterAsideButtons { float: right; width: 31.333%; }

.colFilterAsideButtons .filterList > li { width: 100%; margin: 4.2% 0; }

.colFilterMainButtons .filterList > li { width: 48%; }
.colFilterMainButtons .filterList > li:nth-child(3n+1) { clear: none; margin-left: 1.5%; }
.colFilterMainButtons .filterList > li:nth-child(3n+3) { clear: none; margin-right: 1.5%; }
.colFilterMainButtons .filterList > li:nth-child(2n+1) { clear: left; margin: 2% 2% 2% 0;}
.colFilterMainButtons .filterList > li:nth-child(2n+2) { clear: none; margin: 2% 0 2% 2%; }

/**
 * 5) STYLES PROJECT RELATED EXTENSIONS
 **/

/* TEAM */
ul.teamGroup li { list-style: none; overflow: hidden; }
ul.teamGroup > li { font-size: 130%; border-top: 1px solid #840000; margin-top: 5%; padding-top: 4%; }
ul.teamGroup > li:first-child { border-top: none; margin-top: 0; padding-top: 0;  }

ul.teamGroup h2,
	ul.teamGroup h3 { color: #840000; }

li.teamListItem { background: #eee; margin-bottom: 2%; }
li.teamListItemAdv { background: #fff; margin-bottom: 2%; }
.teamImg { width: 50%; height: 100%; float: left; text-align: center; overflow: hidden; }
.teamImg img { width: auto; height: 100%; display: block; }
.teamData { width: 42%; padding: 4%; float: right; line-height: 140%; }
.teamDetailsIcon { display: inline-block; width: 70px; }

.anchorList { list-style: none; overflow: hidden; margin-bottom: 4%; }
.anchorList > li { display: block; margin: 2% 0; }
.anchorList > li > a { display: block; background: #840000; padding: 4%; width: 92%; color: #fff;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.anchorList > li > a:hover { text-decoration: none; color: #333; background: #eaeaea; }

/* RTE PLUGIN MANAGER*/
/* - Popup-Gallery - */
.PluginContainer.PGalCon {clear: both; overflow: hidden;}
.PGalConItem {
    float: left;
    list-style: outside none none;
    margin: 1%;
    overflow: hidden;
    width: 200px;
    list-style: none;
    position: relative;
}
.PluginContainer.PGalCon > ul > li:nth-child(3n+1) {
    clear: left;
}
.PGalConItem a {
	position: inherit;
}
.PGalConItem img {
    height: auto !important;
    width: 100% !important;
    max-height: 100%;
    max-width: 100%;
    position: relative;
}
.PGalImageTitle {
    background: rgba(132, 0, 0, 0.9) none repeat scroll 0 0;
    color: #fff;
    font-weight: 700;
    padding: 5px;
    position: absolute;
    left: 0;
    bottom: 10px;
    z-index: 5;
    right: 0;
}
.rightbox {float: right; ;}
.leftbox {float: left; }
}


/**
 * responsive youTube videos
 **/
.youtube-player { height: 200px; }


.youtube-player {
	position: relative;
	padding-bottom: 59%;
	/* Use 75% for 4:3 videos */
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
	margin: 5px;
}

.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}

.youtube-player img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
}

.youtube-player img:hover {
	-webkit-filter: brightness(75%);
}

.youtube-player .play {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url("//i.imgur.com/TxzC70f.png") no-repeat;
	cursor: pointer;
}

/* FORMS */
.alForm { font-size: 130%; }
.alForm .defaultField label { display: block; padding: 15px 0 0; }
.alForm .defaultField items-2 { width: 50%; float: left; }
.alForm .defaultField input[type="checkbox"],
	.alForm .defaultField input[type="radio"] { width: auto; }
.alForm .defaultField label.noFloat { display: inline-block; }
.alForm .defaultField input#cb_privacy { float: left; width: 30px; margin-top: 20px; }
.alForm .small { font.size: 80%; }

/* cookies */
div.table { display: table; margin: 0 auto; background: transparent; }
div.table-row { display: table-row; }
div.table-cell { display: table-cell; vertical-align: middle; }
div.cookieText { width: 74%; margin-right: 1%; text-align: center; }
div.cookieBtn { width: 24%; margin-left: 1%; text-align: center; }

#cookieInfo { background: #1a1a1a; padding: .5% 0; position: fixed; left: 0; bottom: 0; width: 100%; font-size: 100%; color: #fff; z-index: 4444; }
#cookieInfo a { color: #fff; text-decoration: underline; }
#cookieInfo a#setCookie { display: inline-block; padding: 5px 15px; background: #840000; color: #fff; border: 1px solid #fff; text-decoration: none; }
#cookieInfo a#setCookie:hover { background: #fff; color: #840000; text-decoration: none; }

/* Delivery-Modules */
.AdvertQuest label {display: inline-block; min-width: 40px;}

/* BLOCK SCREEN */
.GMapLock {position: relative; width: 100%; height: 100%; display: table; }
.GMLOverlay { width: 100%; height: 100%; z-index: 10; background: #ddd; display: table-row; }
.GMLText { width: 100%; height: 100%; padding: 20px; color: #333; display: table-cell; vertical-align: middle; }
.SecureButtonText { width: 48%; margin: 15px 1%; float: left; }
.singleview .SecureButtonText { margin: 5px 0; width: 100%; }
.SecureHint { margin: 5px 0; }
.SecureHint > a { display: inline; color: #333; text-decoration: underline; }
.SecureHint > a:hover { color: #000; text-decoration: underline; }
.secureBtn { width: 60%; padding: 5px 10px; margin: 0 20%; background: #ddd; color: #fff; border: 1px solid #fff; font-weight: 400; text-align: center; cursor: pointer; }
.singleview .secureBtn,
	.PluginContainer.col-w50 .secureBtn,
	.PluginContainer.col-w40 .secureBtn,
	.PluginContainer.col-w33 .secureBtn,
	.PluginContainer.col-w30 .secureBtn,
	.PluginContainer.col-w25 .secureBtn,
	.PluginContainer.col-w20 .secureBtn,
	.PluginContainer.col-w10 .secureBtn { width: 100%; margin: 0; }
.secureBtn:hover { background: #fff; color: #ddd;  }


/* BLOCK SCREEN PAGE STYLE */
.GMLOverlay { background: #f2f2f2; }
.SecureHint > a { color: #333; text-decoration: underline; }
.SecureHint > a:hover { color: #840000; text-decoration: underline; }
.secureBtn { background: #fff; color: #333; }
.secureBtn:hover { background: #840000; color: #fff; }

.blocked.YTubeCon {
    padding-bottom: 60%;
    position: relative;
}

.YTubeCon .YTubeConWrap {
	position: relative;
	padding-bottom: 60%;
}

.YTubeCon .YTubeConWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.blocked.YTubeCon .YTubeConWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    overflow-y: auto;
}

/* TAGS */
ul.tag-list {
    list-style: none;
    overflow: hidden;
}

ul.tag-list p {
    font-size: 120%;
}

#tagCloud { list-stlye: none; text-align: center; }
#tagCloud li { display: inline-block; padding: .5%; }
#tagCloud .tagCount-1 { font-size: 80%; }
#tagCloud .tagCount-2 { font-size: 100%; }
#tagCloud .tagCount-3 { font-size: 120%; }
#tagCloud .tagCount-4 { font-size: 140%; }
#tagCloud .tagCount-5 { font-size: 160%; }

#tagList { list-style: none; overflow: hidden; padding: 0 !important; margin: 0 !important; }
#tagList li { display: inline; padding: 0; margin: 0; }
#tagList li:nth-child(n+2):before {content: ' // ';}
#tagList li a { text-decoration: none; }
#tagList li a:hover { color: #840000; }

#tagHeadline { margin: 0 1%; }
#tagProjectList { width: 48%; margin: 1%; float: left; }
#tagPublicationsList { width: 48%; margin: 1%; float: right; }
#tagProjectList h3, #tagPublicationsList  h3 { padding-bottom: 2%; }

#additionalFacts #tagList { list-style: disc; padding-left: 13px; }
#additionalFacts #tagList li { border: none; }

#tagList li a { color: #333; text-decoration: underline; }
#mainFacts a:hover, #additionalFacts a:hover { color: #840000; }

.toggleContent { color: #840000; text-decoration: underline; cursor: pointer; margin: 3% 0; }

/* tag matrix */
ul#tagIndex { overflow: hidden; list-style: none; padding: 0 1%; }
ul#tagIndex > li { display: inline-block; }
ul#tagIndex > li > a { display: inline-block; padding: 0px 10px; margin-bottom: 10px; border-left: solid 1px #ccc; color: #333; text-decoration: none; }
ul#tagIndex > li:first-child > a { border-left: solid 1px #fff; }
ul#tagIndex > li > a:hover { color: #840000; }

ul#tagMatrix { overflow: hidden; list-style: none; padding: 1%; }
ul#tagMatrix > li { width: 100%; margin-bottom: 10px; }
ul#tagMatrix ul { overflow: hidden; list-style: none; }
ul#tagMatrix ul > li { display: block; width: 32%; margin: 0 1%; float: left; border-top: dotted 1px #ccc; }
ul#tagMatrix ul > li:nth-child(-n+3) { border-top: none;  }
ul#tagMatrix ul > li:nth-child(3n+1) { clear: left; margin-left: 0; }
ul#tagMatrix ul > li:nth-child(3n+3) { margin-right: 0; }
ul#tagMatrix h2 { border-bottom: solid 2px #ccc; margin-bottom: 10px; padding-bottom: 5px; }
ul#tagMatrix a { display: block; padding: 10px 0; color: #000; text-decoration: none;
	-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
ul#tagMatrix a:hover { color: #fff; background: #840000; }
ul#tagMatrix a:hover i { color: #fff; }
ul#tagMatrix a i { width: 15px; padding-top: 3px; float: left; color: #840000; text-align: center; }
ul#tagMatrix a span { display: block; margin-left: 15px; }

span.toggle-btn {
    cursor: pointer;
    font-style: italic;
}

span.toggle-btn:hover {
    color: #840000;
}

.player-wrap {
  position: relative;
  padding-bottom: 63%;
  padding-top: 0px;
  height: 0 !important;
  width: 100% !important;
  overflow: hidden;
}
.player-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

p.item-content {
    line-height: 135%;
}

.cols.link-cover .card-item-wrap {
	background: #f7f7f7;
}