/* @override 
	https://www.aha.lu/templates/aha2014/css/template.css */

@import "../fonts/opensans/opensans.css";

html {
	height: 100%;
	overflow: hidden;
}

* {
	outline: none;
}

a {
	text-decoration: none;
	color: #C82065;
}

a:hover {
	text-decoration: underline;
}

body {
	margin: 0px;
	font-family: OpenSans-Regular;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	height: 100%;
	overflow: auto;
	background-color: #222;
}

b, strong {
	font-family: OpenSans-Bold;
	font-weight: normal;
}

/***********
	header
************/

#header {
	background-color: #FFFFFF;
}

.rowWrapper {
	margin: auto;
	width: 880px;
	max-width: 880px;
}

.rowWrapperTR {
	margin: auto;
	width: 880px;
	display: table;
	max-width: 880px;
}

.halfRowWrapper {
	width: 439px;
	max-width: 439px;
	position: relative;
	padding: 10px 30px;
}

#headerRow1 {
	height: 36px;
	line-height: 36px;
	white-space-collapse: discard;
	border-bottom: 1px solid #CCCCCC;
}

#headerRow1Left {
	float: left;
	font-family: OpenSans-SemiBold;
}

#headerRow1Right {
	float: right;
	font-family: OpenSans-ExtraBold;
}

#headerRow1Right > div {
	display: inline-block;
	vertical-align: top;
}

#headerRow1Right > div.mod-languages li {
	margin: 0px;
}

.headerButton {
	padding: 0px 25px;
	display: inline-block;
	margin-right: 3px;
	cursor: pointer;
}

.headerButton:hover {
	text-decoration: underline;
}

.headerButton:nth-of-type(2n+1) {
	background-color: #C82065;
	color: #E4BE2C;
}

.headerButton:nth-of-type(2n) {
	color: #C82065;
	background-color: #E4BE2C;
}

.lang-inline a {
	display: inline-block;
	background-color: #D9D9D9;
	color: #FFF;
	width: 36px;
	text-align: center;
	cursor: pointer;
}

ul.lang-inline li:not(.lang-active) a:hover {
	background-color: #C8C8C8;
}

ul.lang-inline li.lang-active a {
	background-color: #AAAAAA;
	cursor: default;
}

.facebookButton {
	width: 36px;
	height: 36px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.facebookButton > img {
	width: 36px;
}

#headerRow2 {
	height: 90px;
	border-bottom: 5px solid #E4BE2C;
	margin: auto;
}

#headerRow2Left {
	float: left;
	color: #666666;
}

#headerRow2Left img {
	height: 80px;
	margin-top: 7px;
}

#headerRow2Right {
	float: right;
	font-family: OpenSans-ExtraBold;
}

/***************
	frontpage
****************/

#main {
	background-color: #EEE;
	overflow: hidden;
	min-height: 500px;
}

#frontPageRow1Top {
	height: 280px;
	background-color: #C82065;
	font-family: OpenSans-SemiBold;
	color: #ffffff;
	text-align: center;
	/*overflow: hidden;*/
}

#frontPageRow1Bottom {
	background-color: #EAEAEA;
	display: table;
	width: 100%;
}

#frontPageRow1Bottom > div.custom {
	display: table;
	margin: auto;
	width: 880px;
}

#frontPageRow1Bottom span {
	display: table-cell;
	width: 25%;
	text-align: center;
	background: white;
	font: 14px OpenSans-SemiBold;
	padding: 15px 0px;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	cursor: pointer;
}

#frontPageRow1Bottom span:hover {
	text-decoration: underline;
}

#frontPageRow1Bottom span:nth-child(4n+1) {
	color: #C42652;
	border-bottom: 5px solid #C42652;
}

#frontPageRow1Bottom span:nth-child(4n+2) {
	color: #358ca7;
	border-bottom: 5px solid #358ca7;
}

#frontPageRow1Bottom span:nth-child(4n+3) {
	color: #72b408;
	border-bottom: 5px solid #72b408;
}

#frontPageRow1Bottom span:nth-child(4n+4) {
	color: #f4ab08;
	border-bottom: 5px solid #f4ab08;
}

#frontPageRow2 {
	padding: 0px 160px;
	background-color: #F2F2F2;
	color: #C82065;
	font: 32px OpenSans-ExtraBold;
	text-align: center;
	overflow: hidden;
}

#frontPageRow3 {
	position: relative;
	background-color: #F2F2F2;
	width: 100%;
}

#frontPageRow3Top {
	background-color: #f4f5f4;
	color: #C82065;
	font: 24px OpenSans-Bold;
}

#frontPageRow3TopLeft {
	display: table-cell;
	width: 50%;
	background-color: #f4f5f4;
	padding: 10px 30px 10px 0px;
	border-right: 1px solid #F2F2F2;
}

#frontPageRow3TopRight {
	display: table-cell;
	width: 50%;
	background-color: #f4f5f4;
	padding: 10px 0px 10px 30px;
	border-left: 1px solid #F2F2F2;
}

#frontPageRow3TopLeft table, #frontPageRow3TopRight table {
	width: 100%;
}

#frontPageRow3TopLeft td:last-child, #frontPageRow3TopRight td:last-child {
	text-align: right;
}

#frontPageRow3Bottom {
	background-color: #e9eae9;
	color: #666;
	width: 100%;
}

#frontPageRow3Bottom h1 {
	font: 16px OpenSans-SemiBold;
	color: #C82065;
}

#frontPageRow3BottomLeft {
	display: table-cell;
	width: 50%;
	background-color: #e9eae9;
	padding: 0px 10px 0px 0px;
	border-right: 1px solid #F2F2F2;
	word-break: break-word;
	word-wrap: break-word;
	vertical-align: top;
}

#frontPageRow3BottomRight {
	display: table-cell;
	width: 50%;
	background-color: #e9eae9;
	padding: 0px 0px 0px 10px;
	border-left: 1px solid #F2F2F2;
	word-break: break-word;
	word-wrap: break-word;
	vertical-align: top;
}

#frontPageRow4 {
	width: 100%;
	text-align: center;
	display: table;
}

#frontPageRow4Left {
	display: table-cell;
	background-color: #c82165;
	width: 50%;
	color: #e4bd2c;
	font-family: OpenSans-SemiBold;
	border-right: 1px solid #F2F2F2;
	text-align: right;
}

#frontPageRow4Right {
	display: table-cell;
	background-color: #e4bd2c;
	width: 50%;
	color: #C82065;
	font-family: OpenSans-SemiBold;
	border-left: 1px solid #F2F2F2;
	text-align: left;
}

#frontPageRow4Left > .halfRowWrapper {
	display: inline-block;
	text-align: center;
}

#frontPageRow4Right > .halfRowWrapper {
	display: inline-block;
	text-align: center;
}

#articleSpacer {
	height: 25px;
	width: 100%;
	clear: both;
}

/************
	footer
*************/

#footerRow1 {
	background-color: #333;
	color: #AAA;
	font: 12px OpenSans-Light;
}

#footerRow1 h1 {
	font: 14px OpenSans-SemiBold;
}

#footerRow1Left {
	display: table-cell;
	padding: 10px 30px 10px 0px;
	width: 50%;
}

#footerRow1Right {
	display: table-cell;
	padding: 10px 0px 10px 30px;
	width: 50%;
}

#footerRow2 {
	background-color: #222;
	color: #666;
	font: 10px OpenSans-SemiBold;
	overflow: hidden;
}

/*********
	nav
**********/

nav#headerRow2Right {
	position: relative;
	font: 14px OpenSans-SemiBold;
	color: #888;
}

nav#headerRow2Right div#maximenuck127 div.maxidrop-main {
	width: 220px;
}

nav#headerRow2Right div#maximenuck127 div.floatck {
	margin-left: -85px;
	background: none rgba(255, 255, 255, 0.90);
	padding: 5px;
}

nav#headerRow2Right div#maximenuck127 ul.maximenuck > li {
	height: 100%;
	margin-left: 20px;
	line-height: 95px;
}

nav#headerRow2Right div#maximenuck127 ul.maximenuck > li > a {
	box-sizing: border-box;
	height: 100%;
	padding: 0px;
	line-height: 90px;
	color: inherit;
	background: none;
	border: none;
}

nav#headerRow2Right div#maximenuck127 ul.maximenuck li.maximenuck div.floatck div.floatck {
	margin: -30px 0 0 220px;
}

nav#headerRow2Right div#maximenuck127 ul.maximenuck > li.active {
	text-decoration: underline;
}

nav#headerRow2Right div#maximenuck127 li:not(.current):not(.level1):hover {
	background-color: #f2e1a2;
	color: #444;
}

nav#headerRow2Right div#maximenuck127 ul.maximenuck > li:hover {
	background: url(../images/menuMarkerYellow.png) center bottom no-repeat;
	background-size: 20px;
}

nav#headerRow2Right div#maximenuck127 ul.maximenuck2 > li {
	height: 100%;
	line-height: 21px;
	cursor: pointer;
	padding: 8px 0;
}

nav#headerRow2Right div#maximenuck127 ul.maximenuck2 {
	padding: 10px;
	margin-top:  -11px;
	padding-top: 15px;
	font: 14px OpenSans-SemiBold;
}

nav#headerRow2Right div#maximenuck127 ul.maximenuck2 a {
	border: none;
	color: inherit;
}

nav#headerRow2Right div#maximenuck127 ul.maximenuck2 > li > a, nav#headerRow2Right div#maximenuck127 ul.maximenuck2 > li.parent > span {
	padding: 0 20px;
}

nav#headerRow2Right div#maximenuck127 ul.maximenuck2 li.current > a {
	color: #C82065;
}


/****************************
  front page djimageslider
*****************************/

#frontPageRow1 .djslider-loader {
	background: none;
	overflow: visible;
}

#frontPageRow1 div.navigation-container-custom {
	top: 272px;
	left: 0px;
	width: 880px;
	height: 63px;
}

#frontPageRow1 span.load-button {
	background: url(../images/menuMarkerWhite.png) center top no-repeat;
	background-size: 17px;
	width: 220px;
	height: 62px;
	border: none;
	box-shadow: none;
	margin: 0px;
	border-radius: 0px;
	opacity: 0;
}

#frontPageRow1 span.load-button.load-button-active {
	opacity: 1;
}

#frontPageRow1 .navigation-container {
	top: calc(50% - 17px)!important;
}

/****************************
	front page facebook news
*****************************/

.nspArts {
	position: relative;
}

.nspTopInterface {
	position: absolute;
	right: 7px;
	top: 10px;
	z-index: 10;
}

.nspHeader {
	display: none;
}

.nspInfo {
	color: #C82065;
}

/**************
	content
***************/

article {
	-webkit-touch-callout: text;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	width: 880px;
	margin: 0 auto;
	text-align: justify;
}


article h1 {
	font-size: 24px;
}

article h2 {
	font-size: 20px;
}

div.item-page > div.page-header {
	border-bottom: 1px solid #AAA;
	margin: 30px 0;
}

div.page-header > * {
	margin: 0;
	font-family: OpenSans-Bold;
}

div.page-header > h2 {
	color: #C14170;
}

a.pinkButton {
	border: 2px solid #C82065;
	color: #C82065;
	background: none;
	cursor: pointer;
	font-size: 14px;
	padding: 5px 30px;
}

a.pinkButton:hover {
	background: #ff418f;
	border: 2px solid #ff418f;
	color: white;
}

a.pinkButtonInverted {
	border: none;
	color: white;
	background: #C82065;
	cursor: pointer;
	font-size: 14px;
	padding: 7px 32px;
}

a.pinkButtonInverted:hover {
	background: #ff418f;
}


a.yellowButton {
	border: 2px solid #e4bd2c;
	color: #e4bd2c;
	background: none;
	cursor: pointer;
	font-size: 14px;
	padding: 5px 30px;
}

a.yellowButton:hover {
	background: #e4bd2c;
	color: white;
}

dd {
	margin: 0px;
}

time {
	font-family: OpenSans-Bold;
	color: #888;
}

p.downloads {
	border: 2px solid #444;
	background-color: #FFF;
	width: 100%;
	margin-bottom: 30px;
	padding: 10px;
}

article ul > li, article ol > li {
	margin: 10px 0;
}

/*******************
	category blog
********************/

div.blog {
	border-collapse: separate;
	border-spacing: 10px;
	text-align: left;
}

div.blog h2 {
	font: 14px OpenSans-Bold;
	font-weight: normal;
}

div.blog b, div.blog strong {
	font-family: OpenSans-Regular;
	font-weight: normal;
}

div.blog > div.blog-items {
	display: grid;
	grid-gap: 20px

}

div.blog-items + div.blog-items {
	margin-top: 20px;
}

div.columns-2 {
	grid-template-columns: 1fr 1fr;
}

div.columns-3 {
	grid-template-columns: 1fr 1fr 1fr;
}

div.columns-4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

div.blog > div.blog-items > .blog-item {
	font-size: 14px;
	vertical-align: top;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #DDD;
	box-sizing: border-box;
}

/*******************
	category blog
********************/

article table.category {
	width: 100%;
}

article table.category td.list-date.small {
	text-align: right;
}

/*******************
	pagination
********************/

div.com-content-category-blog__pagination {
	background-color: #3f3f3f;
	color: white;
	font-family: OpenSans-Bold;
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.com-content-category-blog__pagination a {
	color: #ff93e0;
}

.pagination__wrapper > ul {
}

ul.pagination {
	text-align: center;	
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

ul.pagination > li {
	display: inline-block;
	margin: 0 10px;
}


ul.pagination > li.previous {
	float: left;
}

ul.pagination > li.next {
	float: right;
}


/**********************
	press review
***********************/

table.pressReviewNavigation {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
}

table.pressReviewNavigation tr > td:last-child {
	text-align: right;
}