/* ==========================================================================
   COLOR OVERWRITES
   ========================================================================== */
   
/* normalize.css */
.btn:not(.btnLow),
button,
.stdTable tr th,
.stdTable thead tr td,
.progress .progress-bar {
	background: #f6a800;
	border-bottom-color: #b97e00;
	color: #333333;
}
.btnSet .btn {
	border-left-color: #f8be40;
	border-right-color: #b97e00;
}
.btn:not(.btnLow):hover,
button:hover {
	background: #b97e00;
	border-bottom-color: #7b5400;
	color: #333333;
}
.btnSet .btn:hover {
	border-left-color: #b97e00;
	border-right-color: #7b5400;
}
h1,
.h1,
h2,
.h2,
a,
.colored,
.btnLow {
	color: #f6a800;
}
a:hover {
	color: #b97e00;
}
.pages a.enabled:first-child:after {
	border-right-color: #f6a800;
}
.pages a.enabled:last-child:after {
	border-left-color: #f6a800;
}
.pagerJumper a.aktiv {
	background: #f6a800;
	color: #333333;
}
.stdTable tbody tr:nth-child(2n+1) td,
.stdTable > tr:nth-child(2n+1) td {
	background-color: #ffffff;
}
.stdTable tbody tr:nth-child(2n) td,
.stdTable > tr:nth-child(2n) td {
	background-color: #fffbf2;
}

.optsContainer input:hover,
.optsContainer textarea:hover,
.optsContainer select:hover,
.optsContainer .selectWrap:hover,
.optsContainer .optsInline:hover {
	border-bottom-color: rgba(246,168,0,.6);
}
.optsContainer input:focus,
.optsContainer textarea:focus,
.optsContainer select:focus,
.optsContainer .selectWrap.focus,
.optsContainer .optsInline.optsChecked {
	border-bottom-color: #f6a800;
}
.optsContainer .selectWrap:hover .selectOver:after {
	border-top-color: rgba(246,168,0,.6);
}
.optsContainer .selectWrap.focus .selectOver:after {
	border-top-color: #f6a800;
}
.optsContainer.optsDuty > .error:first-child + label:before,
.optsContainer.optsDuty > label:first-child:before {
	color: #f6a800;
}

.boxColored .optsContainer > .error:first-child + label,
.boxColored .optsContainer > label:first-child {
	color: #333333;
	color: rgba(51,51,51,.7);
}

.boxColored .optsContainer input,
.boxColored .optsContainer textarea,
.boxColored .optsContainer select,
.boxColored .optsContainer .selectWrap,
.boxColored .optsContainer .optsInline {
	border-bottom-color: #333333;
	border-bottom-color: rgba(51,51,51,.3);
}

.boxColored .optsContainer input:hover,
.boxColored .optsContainer textarea:hover,
.boxColored .optsContainer select:hover,
.boxColored .optsContainer .selectWrap:hover,
.boxColored .optsContainer .optsInline:hover {
	border-bottom-color: rgba(51,51,51,.6);
}

.boxColored .optsContainer input:focus,
.boxColored .optsContainer textarea:focus,
.boxColored .optsContainer select:focus,
.boxColored .optsContainer .selectWrap.focus,
.boxColored .optsContainer .optsInline.optsChecked {
	border-bottom-color: #333333;
}
.boxColored .optsContainer .selectWrap .selectOver:after {
	border-top-color: #333333;
	border-top-color: rgba(51,51,51,.3);
}
.boxColored .optsContainer .selectWrap:hover .selectOver:after {
	border-top-color: rgba(51,51,51,.6);
}
.boxColored .optsContainer .selectWrap.focus .selectOver:after {
	border-top-color: #333333;
}
.boxColored .optsContainer.optsDuty > .error:first-child + label:before,
.boxColored .optsContainer.optsDuty > label:first-child:before {
	color: #333333;
}
.map_legend .legendItemsWrap li.aktiv {
	background: #f6a800;
}
.map_legend .legendItemsWrap li.aktiv a {
	color: #333333;
}


/* main.css */
header,
#mainNavTrigger .line,
#mainNavTrigger .line:before,
#mainNavTrigger .line:after,
#mainNavTrigger.active,
#navMain .nav,
#navQuickAccess ul {
	background: #f6a800;
}
#mainNavTrigger:hover .line,
#mainNavTrigger:hover .line:before,
#mainNavTrigger:hover .line:after {
	background: #f8be40;
}
#navMain a,
#navQuickAccess ul li a {
	color: #333333;
}
#navQuickAccess ul li:after {
	background: #f8be40;
}
@media only screen and (max-width: 879px) {
	#navMain .nav > li > ul.nav-expanded > li > ul.nav-expanded,
	#navMain .nav > li > ul.nav-init > li > ul.nav-expanded,
	#navMain .nav > li > ul.nav-init > li > ul.nav-init,
	#navMain .nav > li > ul.nav-expanded > li > ul.nav-expanded > li > ul.nav-expanded,
	#navMain .nav > li > ul.nav-init > li > ul.nav-expanded > li > ul.nav-expanded,
	#navMain .nav > li > ul.nav-init > li > ul.nav-init > li > ul.nav-expanded,
	#navMain .nav > li > ul.nav-init > li > ul.nav-init > li > ul.nav-init {
		border-bottom-color: #b97e00;
	}
}
#srcBoxQ {
    border-bottom-color: #f8be40;
}
#teaserSection {
	border-bottom-color: #f6a800;
}
#quickBknBox:after,
#quickBknBox .formWrap .wrap,
#quickBknBox .formWrap .closeBtn {
	background: #f6a800;
}
#quickBknBox .notice {
	background: #f6a800;
	background: -webkit-linear-gradient(top, #b97e00 0%,#f6a800 90%);
	background: linear-gradient(to bottom, #b97e00 0%,#f6a800 90%);
	color: #333333;
}
#quickBknBox .formWrap {
	color: #333333;
}
#quickBknBox .formWrap .optsContainer > .error:first-child + label,
#quickBknBox .formWrap .optsContainer > label:first-child {
	color: #707070;
	color: rgba(51,51,51,.7);
}
#quickBknBox .formWrap .closeBtn:hover {
	background: #b97e00;
}
#contactRow {
	background: #dd9700;
}
.boxColored .btnContainer button,
#qb_goToForm,
#quickBknBox .btnContainer button {
	border-bottom-color: #b97e00;
	background: #f8be40;
	color: #333333;
}
.boxColored .btnContainer button:hover,
#qb_goToForm:hover,
#quickBknBox .btnContainer button:hover {
	border-bottom-color: #7b5400;
	background: #b97e00;
}
#breadcrumb a {
	color: #f6a800;
}
#swipebox-bottom-bar,
#swipebox-action {
	border-top-color: #f6a800;
	background: #f6a800;
}
#swipebox-top-bar,
#swipebox-caption {
	border-bottom-color: #f6a800;
	background: #f6a800;
	color: #333333;
}
.vid {
	border-bottom-color: #f6a800;
}
.vid:hover .playIcon {
	border-left-color: #f6a800;
}
.vid:hover .playIcon:after {
	border-color: #f6a800;
}
.boxAside .boxWrap,
.boxAside .boxWrap.newsletter .boxHead + .boxContent,
.boxAside .boxWrap.downloads .boxHead + .boxContent,
.boxAside .boxWrap.directToWrap .boxHead + .boxContent,
.campaingFrame,
.gridWrap .articleGrid .wrap {
	border-bottom-color: #f6a800;
}
.boxAside .boxWrap .boxHead,
.articleGrid .headline,
.campaingFrame .campaingTypeLabel:after {
	background: #f6a800;
	color: #333333;
}
.boxAside .boxWrap .boxHead svg.wave path,
.articleGrid .headline svg.wave path {
	fill: #f6a800;
}
.form .duty,
.optsContainer.optsDuty > .error:first-child + label:before,
.optsContainer.optsDuty > label:first-child:before {
	color: #f6a800;
}
.map_legend .head {
	color: #fff;
	background: #f6a800;
}
.map_legend:hover .head {
	background: #f8be40;
}
.map_legend.aktiv .head {
	background: #b97e00;
}
.calWrap .event_2,
.quickBknBox {
	background: #f6a800;
	color: #333333;	
}

.calWrap .event_1 {
	background: #f8be40;
	color: #333333;
}

@media only screen and (min-width: 880px) {
	.modul_landingpage #navMain .nav > li > a.active,
	.modul_landingpage #navMain .nav > li:hover > a,
	.modul_landingpage #navMain .nav > li.hover > a {
		color: #f6a800;
	}
}

@media only screen and (min-width: 960px) {
	#quickBknBox {
		background: #f6a800;	
	}
	#teaserSection + #quickBknBox {
		background: transparent;
	}
}

/* jQuery UI Overwrites */
body .ui-state-active,
body .ui-widget-content .ui-state-active,
body .ui-widget-header .ui-state-active,
body a.ui-button:active,
body .ui-button:active,
body .ui-button.ui-state-active:hover {
	border-color: #f6a800;
	background: #f8be40;
	color: #333333;
}

.articleGrid.cs1 .wrap {
	border-bottom-color: #0093d2;
}
.articleGrid.cs1 .headline,
.articleGrid.cs1 .campaingFrame .campaingTypeLabel:after {
	background: #0093d2;
	color: #ffffff;
}
.articleGrid.cs1 .btn,
.articleGrid.cs1 button {
	background: #0093d2;
	border-bottom-color: #006e9e;
	color: #ffffff;
}
.articleGrid.cs1 .btn:hover,
.articleGrid.cs1 button:hover {
	background: #006e9e;
	border-bottom-color: #004a69;
	color: #ffffff;
}
.articleGrid.cs1 .headline svg.wave path {
	fill: #0093d2;
}
.articleGrid.cs1 .vid:hover .playIcon {
	border-left-color: #0093d2;
}
.articleGrid.cs1 .vid:hover .playIcon:after {
	border-color: #0093d2;
}

@media only screen and (min-width: 880px) {
	#navMain .nav > li.cs1 > a.active,
	#navMain .nav > li.cs1:hover > a,
	#navMain .nav > li.cs1.hover > a,
	#navMain .nav > li.cs1 > ul > li a:hover,
	#navMain .nav > li.cs1 > ul > li:hover > a,
	#navMain .nav > li.cs1 > ul > li a.active {
		color: #0093d2;
	}
	#navMain .nav > li.cs1 > ul {
		border-bottom-color: #0093d2;
	}
	#navMain .nav > li.cs1 > ul > li > ul > li:before {
		background-color: #0093d2;
	}
}
.articleGrid.cs2 .wrap {
	border-bottom-color: #73cbef;
}
.articleGrid.cs2 .headline,
.articleGrid.cs2 .campaingFrame .campaingTypeLabel:after {
	background: #73cbef;
	color: #333333;
}
.articleGrid.cs2 .btn,
.articleGrid.cs2 button {
	background: #73cbef;
	border-bottom-color: #5698b3;
	color: #333333;
}
.articleGrid.cs2 .btn:hover,
.articleGrid.cs2 button:hover {
	background: #5698b3;
	border-bottom-color: #3a6678;
	color: #333333;
}
.articleGrid.cs2 .headline svg.wave path {
	fill: #73cbef;
}
.articleGrid.cs2 .vid:hover .playIcon {
	border-left-color: #73cbef;
}
.articleGrid.cs2 .vid:hover .playIcon:after {
	border-color: #73cbef;
}

@media only screen and (min-width: 880px) {
	#navMain .nav > li.cs2 > a.active,
	#navMain .nav > li.cs2:hover > a,
	#navMain .nav > li.cs2.hover > a,
	#navMain .nav > li.cs2 > ul > li a:hover,
	#navMain .nav > li.cs2 > ul > li:hover > a,
	#navMain .nav > li.cs2 > ul > li a.active {
		color: #47beed;
	}
	#navMain .nav > li.cs2 > ul {
		border-bottom-color: #73cbef;
	}
	#navMain .nav > li.cs2 > ul > li > ul > li:before {
		background-color: #73cbef;
	}
}
.articleGrid.cs3 .wrap {
	border-bottom-color: #b1ca35;
}
.articleGrid.cs3 .headline,
.articleGrid.cs3 .campaingFrame .campaingTypeLabel:after {
	background: #b1ca35;
	color: #333333;
}
.articleGrid.cs3 .btn,
.articleGrid.cs3 button {
	background: #b1ca35;
	border-bottom-color: #859828;
	color: #333333;
}
.articleGrid.cs3 .btn:hover,
.articleGrid.cs3 button:hover {
	background: #859828;
	border-bottom-color: #59651b;
	color: #333333;
}
.articleGrid.cs3 .headline svg.wave path {
	fill: #b1ca35;
}
.articleGrid.cs3 .vid:hover .playIcon {
	border-left-color: #b1ca35;
}
.articleGrid.cs3 .vid:hover .playIcon:after {
	border-color: #b1ca35;
}

@media only screen and (min-width: 880px) {
	#navMain .nav > li.cs3 > a.active,
	#navMain .nav > li.cs3:hover > a,
	#navMain .nav > li.cs3.hover > a,
	#navMain .nav > li.cs3 > ul > li a:hover,
	#navMain .nav > li.cs3 > ul > li:hover > a,
	#navMain .nav > li.cs3 > ul > li a.active {
		color: #b1ca35;
	}
	#navMain .nav > li.cs3 > ul {
		border-bottom-color: #b1ca35;
	}
	#navMain .nav > li.cs3 > ul > li > ul > li:before {
		background-color: #b1ca35;
	}
}
.articleGrid.cs4 .wrap {
	border-bottom-color: #f6a800;
}
.articleGrid.cs4 .headline,
.articleGrid.cs4 .campaingFrame .campaingTypeLabel:after {
	background: #f6a800;
	color: #333333;
}
.articleGrid.cs4 .btn,
.articleGrid.cs4 button {
	background: #f6a800;
	border-bottom-color: #b97e00;
	color: #333333;
}
.articleGrid.cs4 .btn:hover,
.articleGrid.cs4 button:hover {
	background: #b97e00;
	border-bottom-color: #7b5400;
	color: #333333;
}
.articleGrid.cs4 .headline svg.wave path {
	fill: #f6a800;
}
.articleGrid.cs4 .vid:hover .playIcon {
	border-left-color: #f6a800;
}
.articleGrid.cs4 .vid:hover .playIcon:after {
	border-color: #f6a800;
}

@media only screen and (min-width: 880px) {
	#navMain .nav > li.cs4 > a.active,
	#navMain .nav > li.cs4:hover > a,
	#navMain .nav > li.cs4.hover > a,
	#navMain .nav > li.cs4 > ul > li a:hover,
	#navMain .nav > li.cs4 > ul > li:hover > a,
	#navMain .nav > li.cs4 > ul > li a.active {
		color: #f6a800;
	}
	#navMain .nav > li.cs4 > ul {
		border-bottom-color: #f6a800;
	}
	#navMain .nav > li.cs4 > ul > li > ul > li:before {
		background-color: #f6a800;
	}
}
.articleGrid.cs5 .wrap {
	border-bottom-color: #0093d2;
}
.articleGrid.cs5 .headline,
.articleGrid.cs5 .campaingFrame .campaingTypeLabel:after {
	background: #0093d2;
	color: #ffffff;
}
.articleGrid.cs5 .btn,
.articleGrid.cs5 button {
	background: #0093d2;
	border-bottom-color: #006e9e;
	color: #ffffff;
}
.articleGrid.cs5 .btn:hover,
.articleGrid.cs5 button:hover {
	background: #006e9e;
	border-bottom-color: #004a69;
	color: #ffffff;
}
.articleGrid.cs5 .headline svg.wave path {
	fill: #0093d2;
}
.articleGrid.cs5 .vid:hover .playIcon {
	border-left-color: #0093d2;
}
.articleGrid.cs5 .vid:hover .playIcon:after {
	border-color: #0093d2;
}

@media only screen and (min-width: 880px) {
	#navMain .nav > li.cs5 > a.active,
	#navMain .nav > li.cs5:hover > a,
	#navMain .nav > li.cs5.hover > a,
	#navMain .nav > li.cs5 > ul > li a:hover,
	#navMain .nav > li.cs5 > ul > li:hover > a,
	#navMain .nav > li.cs5 > ul > li a.active {
		color: #0093d2;
	}
	#navMain .nav > li.cs5 > ul {
		border-bottom-color: #0093d2;
	}
	#navMain .nav > li.cs5 > ul > li > ul > li:before {
		background-color: #0093d2;
	}
}
.articleGrid.cs6 .wrap {
	border-bottom-color: #d1d1d2;
}
.articleGrid.cs6 .headline,
.articleGrid.cs6 .campaingFrame .campaingTypeLabel:after {
	background: #d1d1d2;
	color: #333333;
}
.articleGrid.cs6 .btn,
.articleGrid.cs6 button {
	background: #d1d1d2;
	border-bottom-color: #9d9d9e;
	color: #333333;
}
.articleGrid.cs6 .btn:hover,
.articleGrid.cs6 button:hover {
	background: #9d9d9e;
	border-bottom-color: #696969;
	color: #333333;
}
.articleGrid.cs6 .headline svg.wave path {
	fill: #d1d1d2;
}
.articleGrid.cs6 .vid:hover .playIcon {
	border-left-color: #d1d1d2;
}
.articleGrid.cs6 .vid:hover .playIcon:after {
	border-color: #d1d1d2;
}

@media only screen and (min-width: 880px) {
	#navMain .nav > li.cs6 > a.active,
	#navMain .nav > li.cs6:hover > a,
	#navMain .nav > li.cs6.hover > a,
	#navMain .nav > li.cs6 > ul > li a:hover,
	#navMain .nav > li.cs6 > ul > li:hover > a,
	#navMain .nav > li.cs6 > ul > li a.active {
		color: #9e9e9e;
	}
	#navMain .nav > li.cs6 > ul {
		border-bottom-color: #d1d1d2;
	}
	#navMain .nav > li.cs6 > ul > li > ul > li:before {
		background-color: #d1d1d2;
	}
}