/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
   
/* ==========================================================================
  	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
   ========================================================================== */

/* Containers */
.container_12 {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}

/* Grid >> Global */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid-sizer {
	display:inline;
	float: left;
	position: relative;
	margin-left: .8333%;
	margin-right: .8333%;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last) */
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* Grid >> 6 Columns */
.container_12 .grid_1 { width:6.6667%; }
.container_12 .grid_2 { width:15%; }
.container_12 .grid_3 { width:23.3333%; }
.container_12 .grid_4 { width:31.6667%; }
.container_12 .grid_5 { width:40%; }
.container_12 .grid_6 { width:48.3333%; }
.container_12 .grid_7 { width:56.6667%; }
.container_12 .grid_8 { width:65%; }
.container_12 .grid_9 { width:73.3333%; }
.container_12 .grid_10 { width:81.6667%; }
.container_12 .grid_11 { width:90%; }
.container_12 .grid_12 { width:98.3333%; }

.container_12 .grid_1.alpha,
.container_12 .grid_1.omega { width:7.5%; }
.container_12 .grid_2.alpha,
.container_12 .grid_2.omega { width:15.8333%; }
.container_12 .grid_3.alpha,
.container_12 .grid_3.omega { width:24.1667%; }
.container_12 .grid_4.alpha,
.container_12 .grid_4.omega { width:32.5%; }
.container_12 .grid_5.alpha,
.container_12 .grid_5.omega { width:40.8333%; }
.container_12 .grid_6.alpha,
.container_12 .grid_6.omega { width:49.1667%; }
.container_12 .grid_7.alpha,
.container_12 .grid_7.omega { width:57.5%; }
.container_12 .grid_8.alpha,
.container_12 .grid_8.omega { width:65.8333%; }
.container_12 .grid_9.alpha,
.container_12 .grid_9.omega { width:74.1667%; }
.container_12 .grid_10.alpha,
.container_12 .grid_10.omega { width:82.5%; }
.container_12 .grid_11.alpha,
.container_12 .grid_11.omega { width:90.8333%; }
.container_12 .grid_12.alpha,
.container_12 .grid_12.omega { width:99.1667%; }

.container_12 .grid_1.alpha.omega { width:8.3333%; }
.container_12 .grid_2.alpha.omega { width:16.6667%; }
.container_12 .grid_3.alpha.omega { width:25%; }
.container_12 .grid_4.alpha.omega { width:33.3333%; }
.container_12 .grid_5.alpha.omega { width:41.6667%; }
.container_12 .grid_6.alpha.omega { width:50%; }
.container_12 .grid_7.alpha.omega { width:58.3333%; }
.container_12 .grid_8.alpha.omega { width:66.6667%; }
.container_12 .grid_9.alpha.omega { width:75%; }
.container_12 .grid_10.alpha.omega { width:83.3333%; }
.container_12 .grid_11.alpha.omega { width:91.6667%; }
.container_12 .grid_12.alpha.omega { width:100%; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html {
	height: 100%;
	width: 100%;
}
   
body {
	min-height: 100%;
	background:#700f40;
	background: -webkit-linear-gradient(-45deg, rgb(150,20,85) 0%,rgb(75,10,42) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(135deg, rgb(150,20,85) 0%,rgb(75,10,42) 100%); /* W3C */
}
html.overlayOpen body {
	overflow: hidden;
}
#header-container {
	background:#FFF;
}
#logo {
	margin:10px 10px 10px .8333%;
	float: left;
	display:block;

}
#logo a {
	height:100px;
	width:214px;
	background-position:-165px -14px;
}

#mainNav {
	margin:10px 0;
}
#mainNav ul {
	text-align:right;
}
#mainNav li {
	display: inline-block;
	text-align:left;
	vertical-align:top;
	max-width: 17%;
}
	
#mainNav a {
	padding:10px;
	color: #616161;
	min-height:80px;
	display:block;
}
#mainNav a:hover,
#mainNav a.hover {
	background: #333;
	color: #FFF;
}
#mainNav strong {
	font-family:'Droid Serif', 'Times New Roman', Times, serif;
	font-weight:normal;
	font-size:1.5em;
	display:block;
	padding-bottom:.4762em;
	line-height:1.3333;
}

#navStdTrigger {
	display:none;
}
#stdNav {
	z-index:1;
}
#stdNav li,
#stdNav li ul {
	padding:.5em 0;
}
#stdNav li li {
	padding:.25em 0;
}
#stdNav a.navLink, #stdNav label {
	font-family:'Droid Serif', 'Times New Roman', Times, serif;
	font-weight:normal;
	font-size:1.5em;
	color:#333;
	display:block;
}
#stdNav label:hover { cursor: pointer; }
#stdNav a.aktiv {
	background:#eee;
	background:rgba(0,0,0,.05);
}
#stdNav a.navLink.lvl2 {
	margin-left:20px;
	font-size:1.14286em;
	line-height:1.5;
	font-style:normal;
}
#stdNav a.navLink.lvl2:hover,
#stdNav a.navLink.lvl2.aktiv {
	background:none;
	font-style:italic;
}
#stdNav .hasContent a.navLink {
	font-size:2em;
}
#stdNav .box {
	margin-top:1em;
	margin-bottom:1em;
}
#stdNav .box a {
	font-size:1em;
}
#stdNav a.lvl1, #stdNav label {
	padding-left:20px;
	position:relative;
}
#stdNav a.lvl1.aktiv {
	padding-left:19px;
	border-left:1px solid #b49687;
}
#stdNav a.lvl1:before, #stdNav label:before {
    margin-top: -5px;
}
#stdNav a.lvl2 {
	margin-left:20px;
}
#main-container {
	background-image: url(../img/background_hdl.jpg);
	background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
	background-color: #EEE;
	overflow-x:hidden;
}
#content {
	min-height:30em;
}

/* SUB NAVIGATION */
#subNav {
	margin-top:20px;
	padding-bottom:10px;
	background:#333;
}
#subNav li * {
	color: #FFF;
}
#subNav .boxHead {
	font-family:'Droid Serif', 'Times New Roman', Times, serif;
	font-weight:normal;
	font-size:1.2857em;
	display:block;
	padding:10px 20px 20px;
	margin:0	
}
#subNav .boxHead strong {
	font-weight:normal;
}
#subNav .boxHead:after {
	content:' /';
	color:#FFF;
}
#subNav > ul {
	margin: 0;
	padding:0 20px 20px;
	position:relative;
	z-index:0;
}

#subNav li {
	text-transform:uppercase;
	letter-spacing:.05em;
}
#subNav li a {
	display:block;
}
#subNav li a:after {
	bottom: 6px;
    content: "";
    display: block;
    height: 1px;
    position: relative;
    width: 100%;
    z-index: 0;
}
#subNav span {
	background:#333;
	display: inline-block;
	position: relative;
    z-index: 1;
	padding-right:5px;
}


/* FOOTER */
#footer-container {
	background:#961455;
	border-width:4px 0;
	border-style:solid;
	border-color:#b04f80 #961455 #700f40;
}
#footer-container * {
	color:#FFF;
}
#footer-container hr {
	border-color: #b04f80;
}
#footer-container .funding {
	margin: 1em 0;
	width: 100%;
	table-layout:fixed;
}
#footer-container .funding td {
	vertical-align: top;
	text-align: center;
}

/* OVERLAY */
#historyLoader {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#FFF url(../img/historyLoader.gif) no-repeat center center;
	color:#333;
	z-index:1;
	overflow:hidden;
	visibility:hidden;
}

#historyLoader span {
	position:absolute;
	top:50%;
	left:50%;
	margin:48px -150px 0;
	display:block;
	width:300px;
	font-size:18px;
	text-align:center;
	font-family:'Droid Serif', 'Times New Roman', Times, serif;
}

#historyLoader.show {
	visibility:visible;
	-webkit-animation: show .6s cubic-bezier(.5,0,.5,1);
	animation: show .6s cubic-bezier(.5,0,.5,1);
}

.overlayIsOpen #historyLoader.show {
	visibility:visible;
	-webkit-animation: none;
	animation: none;
}

@-webkit-keyframes show {
    0%   {
		background-color:rgba(255,255,255,.8);
		-webkit-transform:skewX(0deg) translateX(100%);
	}
	40%  {
		-webkit-transform:skewX(40deg) translateX(50%) scaleX(1.25);
	}
	60%  {
		-webkit-transform:skewX(40deg) translateX(50%) scaleX(1.25);
	}
    100% {
		background-color:#FFF;
		-webkit-transform:skewX(0deg) translateX(0%);
	}
}

@keyframes show {
    0%   {
		background-color:rgba(255,255,255,.8);
		-moz-transform:skewX(0deg) translateX(100%);
		transform:skewX(0deg) translateX(100%);
	}
	40%  {
		-moz-transform:skewX(40deg) translateX(50%) scaleX(1.25);
		transform:skewX(40deg) translateX(50%) scaleX(1.25);
	}
	60%  {
		-moz-transform:skewX(40deg) translateX(50%) scaleX(1.25);
		transform:skewX(40deg) translateX(50%) scaleX(1.25);
	}
    100% {
		background-color:#FFF;
		-moz-transform:skewX(0deg) translateX(0%);
		transform:skewX(0deg) translateX(0%);
	}
} 

#ajaxContentUnderlay {
	background-color:#FFF;
	background-color:rgba(255,255,255,.7);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transform: translateZ(0px);
    visibility: hidden;
    width: 100%;
    z-index: 3;
}
html.overlayOpen body #ajaxContentUnderlay {
	visibility: visible;
}
#ajaxContent {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index: 4;
	overflow-x: hidden;
    overflow-y: auto;
}
#ajaxContent > .container_12,
#ajaxContent .jspPane > #contentWrap {
	padding-top:20px;
	padding-bottom:20px;
}
#ajaxContent .content {
	background:#FFF;
	padding-bottom:60px;
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,.25);
	box-shadow:0 2px 4px rgba(0,0,0,.25);
}
#closeButton {
	margin-top:20px;
	background:#333;
	text-align:center;
	overflow:hidden;
	z-index:1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
}
#closeButton:hover {
	background:#222;
}
#closeButton:before {
	background:  -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.25) 51%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.25) 51%,rgba(255,255,255,0) 100%); /* W3C */
    content: "";
    display: block;
    height: 0;
    left: -125%;
    padding-bottom: 141%;
    position: absolute;
    top: -125%;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 141%;
	-webkit-transition:left .25s, top .25s;
	transition:left .25s, top .25s;
}
#closeButton:hover:before {
	top: 100%;
	left: 100%;
}
#closeButton:after {
	content:'';
	display:block;
	position:relative;
	width:100%;
	height:0;
	padding-bottom:100%;
}
#closeButton span {
	left: 50%;
    margin: -16px 0 0 -16px;
    position: absolute;
    top: 50%;
}

/* ==========================================================================
   external Scripts/Functions
   ========================================================================== */

/* PRETTY PHOTO */
div.facebook .pp_top .pp_left{background:url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0; color:#222;}
div.facebook .pp_loaderIcon{background:url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.facebook .pp_details{position:relative}
div.facebook .pp_content{background:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/* Bilder Viewer Titel oben ausblenden wegen Doppelung */
.ppt { display: none !important; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	bottom: 0px;
	z-index: 1;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	height: 30px;
}

.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack, .jspDrag, .jspArrow { background-image:url(../img/jScrollPaneSprt.png); }

.jspTrack {
	background-position:-3px 0;
	position: relative;
}

.jspDrag {
	background-position:-39px 0;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspDrag.jspHover {
	background-position:-75px 0;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow {
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrowUp {
	background-position:-147px -3px;
}
.jspArrowDown {
	background-position:-183px -3px;
}
.jspArrowUp.jspDisabled {
	cursor: default;
	background-position:-111px -3px;
}
.jspArrowDown.jspDisabled {
	cursor: default;
	background-position:-219px -3px;
}

.jspVerticalBar .jspArrow {
	height: 30px;
}

.jspHorizontalBar .jspArrow {
	width: 30px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden, .versteckt {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

/* TEXT */
h1,
h2,
.hyphens,
#footer-container .funding {
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	    -ms-hyphens: auto;
	     -o-hyphens: auto;
	        hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3;
	   -moz-hyphenate-limit-chars: auto 3;
	    -ms-hyphenate-limit-chars: auto 3;
	     -o-hyphenate-limit-chars: auto 3;
			hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 2;
	   -moz-hyphenate-limit-lines: 2;
	    -ms-hyphenate-limit-lines: 2;
	     -o-hyphenate-limit-lines: 2;
	        hyphenate-limit-lines: 2;
	word-break: break-word;
}

.dateText {
	color:#616161;
	font-weight:normal;
}

.listInfoInline { margin-right:-3px; }
.listInfoInline .info { display:block; float:left; margin:0 3px 3px 0; padding:2px 5px; background:#F2F2F2; color:#777; font-style:normal; }
.listInfoInline b { color:#555; font-style:italic; }

/* SPRITES */
.sprt,
.btnLook:after,
#stdNav a.lvl1:before,
#calSrc h3:before,
#logo a,
#stdNav label:before {
	background-image: url(../img/sprt.png);
	background-repeat: no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-999em;
	text-align:left;
}

.vid .iconPlay {
	width:80px;
	height:64px;
	background-position:0 0; 
}
.vid:hover .iconPlay {
	background-position:-80px 0; 
}
.iconClose,
.nav-aktiv .iconMenu {
	width:32px;
	height:32px;
	background-position:-32px -64px; 	
}
.iconEvStateBooked {
	width:32px;
	height:32px;
	background-position:-64px -96px; 
}
.iconEvStateRequested {
	width:32px;
	height:32px;
	background-position:-32px -96px; 
}
.iconMenu {
	width:32px;
	height:32px;
	background-position:-64px -64px; 	
}
#stdNav a.lvl1:before, #stdNav label:before,
#calSrc h3.nav-trigger:before {
    background-position: -10px -75px;
    content: "";
    height: 10px;
    left: -3px;
    position: absolute;
    top: 0.75em;
    width: 10px;
}
#calSrc h3.nav-aktiv:before {
	background-position: -106px -75px;
	left:0;
}

/* Bildergalerie */
.imgWrap {
	position: relative;
}
.zoom {
    display: none;
}
.gallery {
	margin: 0 -10px -10px -10px;
}
.imgContainer {
	float: left;
	margin: 0 10px 20px 10px;			
	position: relative;
}
.img {
	display:block;
	position: relative;
}
.caption {
	font-size:12px;
	line-height:1.2;
	display:block;
	font-style:italic;
	font-family:'Droid Serif', 'Times New Roman', Times, serif;
}
.imgLeft {
	float: left;
	margin: 0 20px 10px 0;
}
.imgRight {
	float: right;
	margin: 0 0 10px 20px;
}
.imgLeft .imgWrap + .imgWrap, .imgRight .imgWrap + .imgWrap {
	margin-top: 10px;
}
.imgNone {
	margin-left: 0;
	margin-right: 0;
}

.imgNone .imgWrap {
	position:relative;
}
.imgNone .imgWrap .caption {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	text-align:right;
	color:#FFF;
	padding:10px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
}
.imgWrap img {
	display:block;
	width:100%;
	height:auto;
}

.articleImgLeft { float:left; }
.articleImgLeft + .articleWrap { padding-left:20px; }
.articleImgRight { float:right; }
.articleImgRight + .articleWrap { padding-right:20px; }
.articleImgRight, .articleImgLeft { margin-top:10px; }

/* VIDEOS */
.vid { position:relative; display:block; overflow:hidden; }
.vid .iconPlay { position:absolute; top:50%; left:50%; margin:-32px 0 0 -40px; }
.vid:hover .iconPlay { background-position:-80px 0; }
.vid .video-time {
	position:absolute;
	background:#000;
	color:#FFF;
	display:block;
	padding:3px 6px;
	bottom:0;
	right:0;
	font-weight:bold;
	font-size:10px;
}
.videoFrame {
	float:right;
    position: relative;
    width: 50%;
}
.videoIFrame {
    position: relative;
}
.videoFrame iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

/* PAGE JUMPS */
.jumper { margin:10px -10px; position:relative; height:40px; }
.jumper .resultStats, .pagerJumper .divider { display:none; }
.jumper .pagerJumper { display:block; margin:0 auto; position:absolute; right:0; }
.pagerJumper a {
	padding:7px 0;
	margin:0 10px;
	display:block;
	float:left;
	width:30px;
	height:16px;
	background-color:#DDD;
	color:#333;
	font-weight:bold;
	line-height:16px;
	text-align:center; 
}
.pagerJumper a.aktiv { font-style:italic; text-decoration:underline; color:#fff; background-color:#333; }
.pagerJumper a .sprt { display:inline-block; }

.pages { text-align:center; border-top:1px solid #f2f2f2; padding-top:5px; }
.pages a { color:#666; }
.pages a.enabled { font-weight:bold; }

/* DOWNLOADS */
.downloads { margin:1em 0; }
.downloads h4 { margin-top:0; }
.downloads ul { margin:-1em; list-style:none; padding:0; }
.downloads li { padding:0; margin:0; }
.downloads li:before {
	display: none;
}

.downloads .grids_2 .gridItem { width:50%; float:left;  }
.downloads .grids_3 .gridItem { width:33.3%; float:left;  }
.downloads .grids_4 .gridItem { width:25%; float:left;  }
.downloads .grids_2 a, .downloads .grids_3 a .downloads .grids_4 a { min-height:55px; }

.download a { display:block; margin:1em; position:relative; min-height:36px; }
.download a.hasImg { padding-left:48px; }
.download img { position:absolute; left:0; top:0; display:block; }
.download small { display:block; }


/* TABELLEN */
.stdTable {
	width:100%;
	border: medium none;
    border-spacing: 0;
	margin: 1em 0;
}
.stdTable td,
.stdTable th {
	padding: 5px 0;
	font-size: 1em;
	vertical-align: top;
}

/* FORMS */
.form fieldset {
	border-width: 0;
	border-top: 1px solid #DDD;
	margin: 1em 0 0;
	padding: 1em 0 0;
	position: relative;
}
.form fieldset legend {
    display: block;
    font-family:'Droid Serif', 'Times New Roman', Times, serif;
	font-weight:normal;
	font-size: 1.2857em;
	left: 20px;
    margin: 0;
    padding: 0 6px;
	position: absolute;
	top: -.75em;
	background: #EEE;
}
.form .duty {
	font-weight: bold;
	padding-left: 6px;
	color: #333;
	float: right;
}
.form .hint .duty {
	padding-left: 0;
	float: none;
}
.optsContainer {
	margin: 0;
	padding: 6px 0;
	position: relative;
}
.optsContainer label,
label.optsLabel {
	display: block;
	line-height: 1.2;
	margin: 6px 0;
	text-align: left;
	font-weight: bold;
}
.optsContainer .compare {
	padding: 6px 0;
	line-height: 1.2;
	display: inline-block;
}
.optsContainer:after {
	clear:both;
	content:' ';
	display:table;
}
.optsContainer label .more {
	font-style:italic;
	font-weight:bold;
}
.optsContainer label .shortInfo,
.form label .shortInfo,
.optsNfo {
	display:block;
	font-size:80%;
	font-weight:normal;
	line-height:1.4;
	font-style:normal;
}
.optsContainer input,
.optsContainer select,
.optsContainer textarea,
.form input,
.form select,
.form textarea {
	width:100%;	
	border: none;
	padding: 6px;
	line-height: 1.3636;
	background: #FFF;
	color: #000;
	box-shadow: 1px 1px 4px rgba(0,0,0,.05);
}
.form input:focus,
.form select:focus,
.form textarea:focus {
	box-shadow: 1px 1px 4px rgba(0,0,0,.15);
}

#ajaxContent .optsContainer input,
#ajaxContent .optsContainer select,
#ajaxContent .optsContainer textarea,
#ajaxContent .form input,
#ajaxContent .form select,
#ajaxContent .form textarea {
	box-shadow: 1px 1px 2px rgba(0,0,0,.15);
	background-color: #FAFAFA;
}
#ajaxContent .form input:focus,
#ajaxContent .form select:focus,
#ajaxContent .form textarea:focus {
	box-shadow: 1px 1px 4px rgba(0,0,0,.25);
}

.form input[type="radio"],
.form input[type="checkbox"] {
	border: none;
	width: auto;
}
.optsContainer input + label,
.optsContainer .optsBlock label {
	display: inline-block;
	float: none;
	font-style: normal;
	font-weight: normal;
	margin: 0 12px 6px 0;
	padding: 6px 18px 6px 3px;
	text-align: left;
	width: auto;
	cursor: pointer;
	color: #000;
}

.optsButtonSet {
	margin:6px 0;
}

.optsContainer .optsBlock {
	margin: 6px 0;
}
.optsContainer .optsBlock .optsLine {
	margin-top:6px;
	margin-bottom:6px;
}
.optsContainer .optsBlock input + label {
	display:inline;
	padding:0 0 0 6px;
}

.optsContainer .date {
	position:relative;
}
.optsContainer .date .sprt {
	position:absolute;
	right:0;
	top:50%;
	margin-top:-16px;
	cursor:pointer;
}

.optsRange .from {
	margin-right:5%;
}
.optsRange .from,
.optsRange .to {
	width:47.5%;
	float:left;
}
.optsRange .inputWrap { position:relative; }
.optsRange .ui-datepicker-trigger { position:absolute; right:3px; top:3px; width:24px; height: auto; }

.optsContainer .error {
	padding:6px;
	color:#B00;
}
.optsError {
	background-color:#FFF2F2 !important;
	padding-top:6px;
}

.btnContainer {
	margin-left:25.8333%;
	margin-right:25.8333%;
}
.form button, .btn {
	background: #333;
	border: none;
	display: block;
	margin-top: 12px;
	padding: .25em 0;	
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	font-size: 1.33333em;
	letter-spacing: .05em;
	line-height: 1.4;
}
.form button { width: 100%; }
.btn { display: inline-block; padding: 10px; }
.form button:hover, .btn:hover {
	background: #222;
}

/* BUTTONS */
.btnLook {
    background:#333;
	padding:5px 30px 5px 10px;
	color:#FFF;
    cursor: pointer;
	text-decoration: none;
	font-weight:bold;
	position:relative;
	display:inline-block;
}
.btnLook:after {
	content:'';
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-5px;
	width:5px;
	height:10px;
	background-position:-141px -75px; 
}
.btnLook:hover {
	background:#222;
}
.btnLook.logout {
	background:#C00;
	float:right;
	margin-top: 1em;
}
.btnLook.logout:hover {
	background:#900;
}

/* COLLAPSIBLE CONTENT */
.nav-reduced { display:none; z-index:1; }
.nav-expanded { display:block; }
.nav-trigger { cursor:pointer; }

/* BOXES */
.box {
	padding:.7143em 1.4286em;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.25);
	box-shadow:0 0 3px rgba(0,0,0,.25);
	background:#FFF;
}
.box article > *:first-child {
	margin-top:0;
}
.box article > *:last-child {
	margin-bottom:0;
}
.box article .headline+.dateText {
	margin-top:-.5em;
	display:block;
}

/* ARTICLES */
.content article blockquote {
	margin-left:50px;
	margin-right:50px;
}
#ajaxContent .content article {
	margin-left:60px;
	margin-right:60px;
}
#ajaxContent .content article .imgNone {
	margin-left: -60px;
	margin-right: -60px;
}
#ajaxContent .content article blockquote {
	margin-left:0;
	margin-right:0;
}

article ul {
	list-style:none;
	padding:0 0 0 2em;
	
}
article ul li {
    padding: 0;
    margin: .5em 0;
    position: relative;
}
article ul li:before {
	top: .4em;
	left: -1em;
	position:absolute;
	content: "";
	display: block;
	width: 0;
	border-style: solid;
	border-color: transparent #333;
	border-width: .4em 0 .4em .4em;
}

/* THE MAP */
#mapContainer {
	z-index:0;
	margin: 1em -30%;
	position:relative;
}

#mapInnerWrap {
	min-width:48em;
	position:relative;
}
#mapImageLayer img {
	display:block;
	width:100%;
	
	height:auto;
}
#mapMarkerLayer {
	padding:0;
	margin:0;
	list-style:none;
}
#mapMarkerLayer li {
	position:absolute;
	height:1px;
	width:1px;
}
#mapMarkerLayer li a {
	display: block;
	position: absolute;
	margin: -60px 0 0 -25px;
}
#mapMarkerLayer li a.hover {
	opacity:.25;
}


/* EVENTS SEARCH FORM */
#calSrc { margin:1em 0 2em; }
#calSrc h3.nav-trigger { position:relative; padding-left:20px; border-top: 1px solid transparent; background-color: rgba(0, 0, 0, .025); }
#calSrc h3.nav-aktiv {
	border-top-color: #b49687;
	background-color: rgba(0, 0, 0, .05);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);
}
#calSrc h3.nav-trigger:before { margin-top:-5px; }
.calWrap { position:relative; margin:0.5em 0; }
.calWrap table { width:100%; margin:0; border-collapse:separate; position:relative; table-layout: fixed; }
.calWrap td { font-size:1em; text-align:center; border:1px solid #DDD; border-width:1px 0 0; }
.calWrap th { font-size:1em; text-align:center; font-weight:bold; padding:0.25em 0; background: rgba(0, 0, 0, 0.05); }
.calWrap td.choosenDate { font-weight:bold; }
.calWrap td a,
.calWrap td span {
	display:block;
	padding:0.25em 0;
}
.calWrap .event_1 {
	background:#666;
	color:#FFF;
}
.calWrap .event_2 {
	background:#333;
	color:#FFF;
}
.calWrap .event_1 a,
.calWrap .event_2 a,
.calWrap .choosenDate a { color:#FFF; }
.calWrap td.today a { font-weight:bold; }

.calHead td { text-align:center; border:none; }
.calHead .past a,
.calHead .later a { display:block; font-weight:bold; font-style:normal; }
.calHead .current {
	font-family:'Droid Serif', 'Times New Roman', Times, serif;
	font-weight:normal;
	font-size:1.5em;
}
.calHead .current a {
	padding: 0;
}
.calWrap .calLoadBG { background:#FFFFFF; position:absolute; top:0; bottom:0; left:0; width:100%; z-index:1; }
.calWrap .calLoader { background:url(../img/historyLoader.gif) no-repeat center center; position:absolute; top:0; bottom:0; left:0; width:100%; z-index:2; }

#calForm fieldset { margin:1em 0; }
#calForm legend {  font-size:1.4em; line-height:1.35em; margin-bottom:0.5em; font-weight:bold; }

#eventSrcForm .left,
#eventSrcForm .right {
	width:48.5%;
	display:inline;
	float: left;
}
#eventSrcForm .left {
	margin-right:3%;
}
.headingMore { float:right; margin-top:1.25em; display:block; }

/* EVENTS LIST */
.event h2 { margin-top:0; }
.eventData { text-align:right; padding:.42857em 0; }
.eventData .dateFromTxt { display:block; }

.eventData p { margin:0 0 0.5em 0; font-size:0.92857em; line-height:1.23077; }
.eventData .dateText { font-weight:bold; }
.eventInfo h3 { margin-top:0; }
.eventInfo h3 .sprt {
	float: right;
}
.eventInfo p { margin:0 0 0.5em 0; }
.eventInfo small { font-weight:normal; }
.eventInfo .eventSubData p {
	margin-bottom: 0;
}
.eventInfo .eventSubData p+p {
	margin-top: 0;
}
.eventInfo .eventSubData .key {
	font-style: italic;
}
.events .event {
	margin-top:.5em;
	margin-bottom:.5em;
}
.events .event + .event {
	margin-top:1em;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media (max-width: 62em) { /*992px*/
	#logo {
		position:absolute;
		margin-right:0;
	}
	#mainNav li {
		max-width:none;
		width:50%;
		display:block;
		float:left;
		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
			-ms-hyphens: auto;
			 -o-hyphens: auto;
				hyphens: auto;
	}
	#mainNav li:nth-child(2n+1) {
		clear:left;
	}
	#mainNav {
		margin: 0 0 0 234px;
	}
	#mainNav ul {
		text-align:left;
	}

	#mainNav a {
		padding:15px 30px;
		max-width:none;
		min-height:0;
	}
	
}
@media (max-width: 48em) { /*768px*/
	html.overlayOpen, 
	html.overlayOpen body,
	#wrap {
		overflow:hidden;
		height:100%;
		max-height:100%;
	}
	#wrap {
		position:relative;
	}

	#header-container,
	#main-container,
	#footer-container {
		padding-left:20px;
		padding-right:20px;
	}
	#main-container {
		overflow:hidden;
	}
	
	#subNav,
	#ajaxContent .content {
		width:auto;
		float:none;
		display:block;
	}
	#ajaxContent .content {
		-webkit-box-shadow:none;
		box-shadow:none;
		padding-left:10px;
		padding-right:10px;
	}
	#closeButton {
		position:absolute;
		top: 0;
		right: 30px;
		margin: 0;
		width: 50px;
		z-index: 2;
	}
	#subNav {
		margin:0 10px;
	}
	#subNav .boxHead {
		position:relative;
		z-index:2;
		background:#333;
		line-height:20px;
		padding:15px 20px;
	}
	#ajaxContent {
		background:#FFF;
	}
	#ajaxContent #contentWrap {
		position:relative;
	}
	#ajaxContent > .container_12,
	#ajaxContent .jspPane > #contentWrap {
		padding-top:0;
		padding-bottom:0;
		padding-right:20px;
	}

	#logo {
		padding-top:110px;
	}

	#navStdTrigger {
		display:block;
		background:#333;
		padding:10px;
		position:absolute;
		left:0;
		top:0;
		z-index:2;
	}

	#stdNav {
		position:absolute;
		width:300px;
		padding: 52px 20px 32px 20px;
		background:#FFF;
		left:0;
		top:0;
		-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25);
		box-shadow: 0 2px 4px rgba(0,0,0,.25);

		margin-left:-300px;
		-webkit-transition:all .25s ease-out;
		transition:all .25s ease-out;
		visibility:hidden;
	}
	#stdNav.nav-expanded {
		visibility:visible;
		margin-left:0px;
	}
	#content {
		width:100%;
		min-height:20em;
		margin-left:0;
		margin-right:0;
		padding-top:1em;
	}
	#content:before {
		content:'';
		display:block;
		width:100%;
		height:1px;
		overflow:hidden;
		background-color:#DDD;
		position:relative;
		top:-.5em;
	}
	article h1 {
		font-size:2em;
	}
	.content article .imgNone {
		margin-left:-20px;
		margin-right:-20px;
	}
		
	.content article blockquote {
		font-size:1em;
		margin-left:10px;
		margin-right:10px;
	}
	.content article blockquote:before {
		left: -35px;
		font-size:4em;
	}
	.content article blockquote:after {
		right: -35px;
		font-size:4em;
	}
	
	/* THE MAP */
	#mapContainer {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 40em) { /*640px*/
	body {
		font-size: .8125em;
	}
	#header-container {
		padding-left:0;
		padding-right:0;
	}
	
	#logo,
	#mainNav {
		position:relative;
		float:none;
		margin-left:0;
		margin-right:0;
	}
	#logo {
		padding-top:0;
	}
	#logo a {
		margin:0 auto;
	}
	
	#mainNav li {
		width:25%;
	}
	#mainNav li:nth-child(2n+1) {
		clear:none;
	}
	#mainNav a {
		padding: 5px 15px;
	}
	#mainNav strong {
		padding-bottom: 0;
	}
	#mainNav span {
		display: none;
	}
	body.start #mainNav a {
		padding: 15px;
	}
	body.start #mainNav strong {
		padding-bottom: 0.4762em;
	}
	body.start #mainNav span {
		display: block;
	}
	
	#footer-container .funding {
		margin: 0;
		display: block;
	}
	#footer-container .funding td {
		display: block;
		margin: 1em 0;
	}
	
}
@media (max-width: 30em) { /*480px*/
	body {
		font-size:.75em;
	}

	#mainNav li {
		width:50%;
	}
	#mainNav li:nth-child(2n+1) {
		clear:left;
	}
	#mainNav a {
		padding:5px 30px;
	}
	body.start #mainNav a {
		padding:15px 30px;
	}
	
	#stdNav .box article p {
		display: none;
	}

	#ajaxContent .content article {
		margin-left:20px;
		margin-right:20px;
	}
	#ajaxContent .content article .imgNone {
		margin-left: -20px;
		margin-right: -20px;
	}
	#ajaxContent .content article blockquote {
		margin-left:10px;
		margin-right:10px;
	}
	#ajaxContent .content article blockquote:before {
		left:-25px;
	}
	#ajaxContent .content article blockquote:after {
		right:-25px;
	}
	
	.container_12 .grid_4, 
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_8,
	.container_12 .grid_9,
	.container_12 .grid_10,
	.container_12 .grid_11,
	.container_12 .grid_12 {
		width:100%;
		margin-left:0;
		margin-right:0;
		padding-left:10px;
		padding-right:10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	/* FOOTER */
	#footer-container .funding {
		margin: 1em 0;
		display: table;
	}
	#footer-container .funding td {
		display: table-cell;
		margin: 0;
	}
	/* EVENTS FORM */
	#eventSrcForm .left,
	#eventSrcForm .right {
		width:100%;
		display:block;
		float: none;
		margin-right:0;
	}
	
	/* EVENTS LIST */
	.events .event {
		margin-top:1em;
		margin-bottom:1em;
	}
	.events .event + .event {
		margin-top:2em;
	}
	.events .event .eventData,
	.events .event .eventInfo {
		margin-left:0;
		margin-right:0;
		width:100%;
		float:none;
		text-align:left;
		display:block;
	}
	.events .event .eventInfo {
		padding:0;
	}
	.events .event .eventInfo h3 {
		margin: 6px 0;
	}
	.events .event .eventData {
		background-color:rgba(0,0,0,.05);
	}
	.events .event .eventData p {
		margin:0;
		font-size: 1em;
		line-height: 1.33333;
	}
	.events .event .eventData p.location:before { content: attr(title) ": "; }
	.events .event .eventData .dateFromTxt {
		display:inline;
	}
	.events .event .eventData .dateFromTxt + .dateTimeTxt:before { content: ', '; }

	
	/* FORMS */
	.btnContainer {
		margin-left:0%;
		margin-right:0%;
	}
}

@media (max-width: 25em) { /*480px*/
	#footer-container .funding {
		margin: 0;
		display: block;
	}
	#footer-container .funding td {
		display: block;
		margin: 1em 0;
	}
}

@media only screen and (min-width: 30em) {
	.videoFrame {
		float:none;
		position: relative;
		width: 100% !important;
		margin:0;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}




/*
	Overlay
	*/
.vcModal *,
.vcModal :before,
.vcModal :after {
    box-sizing: border-box;
}
.vcModal,
.vcModalOverlay {
	transition: height 0s .3s, opacity .3s;
	pointer-events: none;
	position: fixed;
	height: 0;
	width: 100%;
	opacity: 0;
	left: 0;
	top: 0;
	z-index: 1000;
}
.vcModal {
	overflow: auto;
}
.vcModalOverlay {
	background: #fff;
	background: rgba(255,255,255,.75);
	position: fixed;
	display: block;
}

.vcModal .modalMsg {
	display: table;
	padding: 30px 30px 20px;
	height: 100%;
	width: 100%;
}
.vcModal .modalMsg .wrap {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.vcModal .modalMsg .wrap .overlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
}
.vcModal .modalMsg .wrap .wrapMore {
	max-width: 40em;
	width: 100%;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	position: relative;
	background: #fff;
	padding: 20px;
	margin: 0 auto;
	z-index: 1;
}

.vcModalSwitch:checked + .vcModalTarget .vcModalOverlay,
.vcModalSwitch:checked + .vcModalTarget .vcModal {
	height: 100%;
	opacity: 1;
	transition: height 0s, opacity .3s;
	pointer-events: auto;
}
.vcModal .vcModalClose {
	position: absolute;
	display: block;
	right: -20px;
	top: -20px;
	cursor: pointer;
	padding: 10px;
	line-height: 20px;
	text-align: center;
	background: #999;
	color: #fff;
	height: 40px;
	width: 40px;
	border-radius: 20px;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 1;
}
.vcModal .vcModalClose:hover {
	background: #522818;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.vcModalBannerBottom .vcModalOverlay {
	height: 0 !important;
	opacity: 0 !important;
}
.vcModalBannerBottom .vcModal {
	top: auto;
	bottom: 0;
}
.vcModalSwitch:checked + .vcModalTarget.vcModalBannerBottom  .vcModal {
	height: auto;
	max-height: 100%;
}
.vcModalBannerBottom .vcModal .modalMsg {
	padding: 90px 0 0;
	position: relative;
}
.vcModalBannerBottom .vcModal .modalMsg:before {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    content: '';
    background: #FFF;
    display: block;
    width: 100%;
    z-index: -1;
    box-shadow: 0 0 20px rgba(0,0,0,.5);
    position: absolute;
    left: 0;
	top: 90px;
	height: 50%;
}
.vcModalBannerBottom .vcModal .modalMsg .wrap .wrapMore {
	margin: 0;
	padding: 0;
	max-width: none;
	width: 100%;
	box-shadow: none;
}

.vcModalBannerBottom .vcModal .article {
	padding: 15px;
	margin: 0 auto;
}
.vcModalBannerBottom .vcModal .article > :first-child {
	padding-right: 60px;
}
.vcModalBannerBottom  .vcModal .vcModalClose {
	right: 15px;
	top: 15px;
}
@media (min-width: 960px) {
	.vcModalBannerBottom .vcModal .article {
		width: 83.33%;
	}
	.vcModalBannerBottom .vcModal .article > :first-child {
		padding-right: 0;
	}
}


/*
	CSS Icons
	*/
.vcCssIcon {
	position: relative;
	display: inline-block;
}
.vcCssIconCheck {
	height: 1em;
	width: .667em;
	border-right: .1875em solid #fff;
	border-bottom: .1875em solid #fff;
	transform: rotate(45deg);
	margin: 0 .2em;
}
.vcCssIconArrowDown {
    width: 1em;
	height: 1em;
    margin: 0 .2em;
}
.vcCssIconArrowDown:after {
	content: '';
	display: block;
	font-size: .667em;
	width: 1em;
	height: 1em;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -.375em;
	margin-left: -.5em;
	transform: rotate(-45deg);
	border-left: 3px solid #000;
	border-bottom: 3px solid #000;
}
.vcCssIconClose {
	height: 100%;
	width: 100%;
	display: block;
}
.vcCssIconClose:before,
.vcCssIconClose:after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	background: #fff;
	display: block;
	width: 100%;
	height: .1875em;
	margin-top: -.09375em;
	margin-left: -50%;
}
.vcCssIconClose:before {
	transform: rotate(45deg);
}
.vcCssIconClose:after {
	transform: rotate(-45deg);
}
.vcModalTarget .btn.goToPrivacySetupDetailed {
    position: relative;
	padding-right:30px;
}
.vcModalTarget .goToPrivacySetupDetailed .status {
    display: block;
    position: absolute;
    right: 10px;
    height: 20px;
    width: 20px;
    top:50%;
    margin-top: -10px;
    transition: transform 0.3s;
}
.vcModalTarget .goToPrivacySetupDetailed .status:before,
.vcModalTarget .goToPrivacySetupDetailed .status:after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 1px;
    background: #fff;
    top: 10px;
}
.vcModalTarget .goToPrivacySetupDetailed:hover .status:before,
.vcModalTarget .goToPrivacySetupDetailed:hover .status:after {
    background: #fff;
}
.vcModalTarget .goToPrivacySetupDetailed .status:before {
    transform: rotate(45deg);
    left: 1px;
}
.vcModalTarget .goToPrivacySetupDetailed .status:after {
    transform: rotate(-45deg);
    right: 2px;
}
#overlayDetailSwitch:checked ~ .vcModalTarget .goToPrivacySetupDetailed .status {
    transform:rotate(180deg);
}

    /*
        Privacy & Cookies
        */
.vcPrivacyOptsBlock > label {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.vcPrivacyOptsBlock > label input {
    margin-right: 5px;
	display:inline-block;
	width:auto;
}
.vcPrivacyOptsLine input {
	display: none;
}
.vcPrivacyOptsLine label {
	display: block;
	font-weight: bold;
	min-height: 2em;
	position: relative;
	cursor: pointer;
	float: none;
}
.vcPrivacyOptsLine label .hint {
	font-weight: normal;
	margin: 0;
	line-height: normal;
}
.vcPrivacyOptsLine label .state {
	position: absolute;
	top: 0;
	right: 0;
	width: 3em;
	height: 1.5em;
	box-shadow: 0 1px 3px rgba(0,0,0,.5) inset;
	background: #C00;
	border-radius: .75em;
	display: block;
	transition: all .3s;
}
.vcPrivacyOptsLine label .state:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 1.25em;
	height: 1.25em;
	background: #fff;
	border: 1px solid #ccc;
	margin-top: -.625em;
	margin-left: -1.375em;
	border-radius: .625em;
	transition: all .3s;
}
.vcPrivacyOptsLine input:checked + label .state {
	background: #00b300;
}
.vcPrivacyOptsLine input:checked + label .state:after {
	margin-left: .125em;
}

.vcPrivacyOptsLine input:disabled + label {
	pointer-events: none;
}
.vcPrivacyOptsLine input:disabled + label .state {
	background: #ddd;
}

.vcPrivacyOptsLineWrap + .vcPrivacyOptsLineWrap {
	margin-top: 1.5em;
}
.vcPrivacyMoreInfoTrigger {
	padding: .5em 0 0;
	display: block;
}
.vcPrivacyMoreInfoTrigger .vcCssIconArrowDown {
	margin: 0 0 0 .5em;

	transition: transform .3s;
	float: none !important;
	display: inline-block !important;
}

.vcPrivacySlideDownSwitch ~ .vcPrivacySlideDownTarget {
	max-height: 0;
	transition: max-height .3s cubic-bezier(0,1,0,1), padding .3s, overflow 0s;
	overflow: hidden;
}
.vcPrivacySlideDownSwitch:checked ~ .vcPrivacySlideDownTrigger .on {
	display: inline;
}
.vcPrivacySlideDownTrigger .on,
.vcPrivacySlideDownSwitch:checked ~ .vcPrivacySlideDownTrigger .off {
	display: none;
}
.vcPrivacySlideDownSwitch:checked ~ .vcPrivacySlideDownTrigger .vcCssIcon {
	transform: rotate(180deg);
}
.vcPrivacySlideDownSwitch:checked ~ .vcPrivacySlideDownTrigger .vcCssIconArrowDown:after {
	margin-top: -1em;
}
.vcPrivacySlideDownSwitch:checked ~ .vcPrivacySlideDownTarget {
	max-height: 10000px;
	padding-top: .625em;
	transition: max-height .3s cubic-bezier(1,0,1,0), padding .3s;
	animation: 0s linear 0.3s 1 normal both running delayOverflow;
}

.vcPrivacyDefList {
	padding: 0;
	margin: 0;
	font-size: .8em;
}
.vcPrivacyDefList dt {
	padding: .3125em 0 0;
	font-weight: bold;
	text-align: left;
	margin: 0;
}
.vcPrivacyDefList dd {
	font-weight: normal;
	text-align: left;
	padding: 0 0 .3125em;
	margin: 0;
}
.vcPrivacyDefList dt:first-child {
	padding-top: 0;
}
.vcPrivacyDefList dd:last-child {
	padding-bottom: 0;
}

#vcPrivacySetupSubmit {
	text-align: center;
}
.vcPrivacyOverlayTrigger {
	cursor: pointer;
}
#privacySetup .btn { margin-right: 10px; }

.vcPrivacyNoPermission {
	background: #f2f2f2;
	border: 1px solid #ddd;
	text-align: center;
	padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
}

@media (min-width: 640px) {
	.vcPrivacyDefList dt {
		clear: left;
		float: left;
		padding: .25em 0;
		width: 25%;
	}
	.vcPrivacyDefList dd {
		padding: .25em 0 .25em 20px;
		margin: 0;
		width: 75%;
		float: left;
	}
	.vcPrivacyDefList dt:first-child,
	.vcPrivacyDefList dt:first-child + dd {
		padding-top: 0;
	}
	.vcPrivacyDefList dt:nth-last-child(2),
	.vcPrivacyDefList dt:nth-last-child(2) + dd {
		padding-bottom: 0;
	}
	
}
#privacySetup .btn {
    line-height: 28px;
    text-decoration: none;
    cursor: pointer;
}
.btnWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
    margin-right: -1em;
}
.btnWrap .btn {
    margin-right: 1em;
    margin-bottom: 1em;
    flex: 0 1 auto;
}


@media (max-width: 1200px) {
	#privacySetupQuick p { text-align: center; }
	#privacySetupQuick .btn { margin-bottom: 5px; }
}

@media (max-width: 640px) {
	#privacySetup h2, #privacySetup .h2 { font-size: 120% !important; }
	#privacySetupQuick p:not(.h2) { font-size: 15px; line-height: 22px; }
	#privacySetupQuick .btn { font-size: 18px; margin-right: 0; display: block; }
}