/*************************/
/* GENERAL WEBSITE STYLE */
/*************************/

  /* DEFAULT STYLES // BEGIN */
  * {
    margin: 0px;
    padding: 0px;
    border: 0px;
  }
  #master {
    width: 100%;
    min-height: 100%;
    position: relative;
    background-color: #F4F5E3;
    z-index: 1;
    overflow: hidden;
  }
  html, body {
    height: 100%;
  }
  
/*************************/
/* GENERAL WEBSITE FRAME */
/*************************/
  
	/* TOP FRAME // BEGIN */
	#topBG {
		width: 100%;
		background-color: #C5D01E;
		border-bottom: 1px solid #B6C130;
	}
	#top {
		width: 100%;
		padding: 0px;
		position: relative;
		height: 59px; 
	}
		/* DESKTOP */
		@media (min-width: 1024px) {
			#top {
				width: 100%;
				max-width: 1220px;
				margin: 0 auto;
				padding: 0 20px;
				box-sizing: border-box;
			}
		}
	  
	/* TOP FRAME // BEGIN */
	#mobileMenu,
	#mobileBigBG,
	#mobileBG {
		display: none;
	}
		
	/* HEADER FRAME // BEGIN */  
	#headerBG {
		position: relative;
		width: 100%;
		max-width: 1220px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}
	
	#header {
		display: block;
		position: relative;
		width: 50%;
		height: 234px;
		margin-left: auto;
	}
	
	@media (min-width: 768px) {
		#header {
			width: calc(100% - 242px);
			height: 287px;
		}
	}
	@media(min-width: 1024px) {
		#headerBG {
			padding-right: 20px;
			padding-left: 20px;
		}
	}
	
	#header * {
		height: 100%;
	}
	
	#headerBG .csc-textpic-center {
		width: 100%;
	}
	
	#headerBG img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-family: 'object-fit: cover;';
		-o-object-fit: cover;
		object-fit: cover;
	}
		
		
	/* HEADER FRAME // BEGIN */  
	#submenuHomeBG {
		width: 100%;
		background-color: #f1f3ec;
		margin-bottom: 15px;
		overflow: hidden;
	}
	#submenuHome {
		width: 100%;
		padding: 0%;
		position: relative;
		height: auto;
		text-align: center;     
	}  
		/* DESKTOP */
		@media (min-width: 1180px) {
			#submenuHome {
				width: 1180px;
				margin: 0 auto;
			}
		}	
  
	/* CONTENT FRAME // BEGIN */
	#contentBG {
		width: 100%;
	}
	#content {
		width: 100%;
		padding: 0%;   
		position: relative;
		height: auto;
		overflow: hidden;    
	}   
		/* IPAD PORTRAIT */
		@media (min-width: 768px) {
			#content {
				width: 100%;
				max-width: 1220px;
				margin: 0 auto;
			}
		}

		
	/* HEADER FRAME // BEGIN */  
	#logoBG {
		width: 100%;
		background-color: #f1f3ec;
		margin-bottom: 15px;
	}
	#logo {
		width: 100%;
		padding: 0%;
		position: relative;
		height: auto;
		text-align: center;     
	}  	
		/* DESKTOP */
		@media (min-width: 1180px) {
			#logo {
				width: 1180px;
				margin: 0 auto;
			}
		}	
	  
	  /* FOOTER FRAME // BEGIN */
	#footerBG {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
  	#footerBottomBG {
		width: 100%;
		background-color: #1f3a7f;
	}
	#footerBottom {
		width: 96%;
		padding: 10px 2%;
		position: relative;
		background-color: transparent;
		overflow: hidden;
		text-align: left;
		height: auto;    
	}  
      

/**********************/
/* DEFAULT TEXT STYLE */
/**********************/

	/* HEADER STYLES // BEGIN */
	h1,
	h2,
	h3,
	h4 {
		font-size: 14px;
		font-weight: 700;
		font-family: "Open Sans", sans-serif;
		color: #191919;
		text-transform: uppercase;
		line-height: 22px;
	}
	  
	/* HEADER MARGINS // BEGIN */
	.csc-header,
	.csc-textpicHeader {
		margin-bottom: 15px;
	}
	  
	/* CONTENT STYLES // BEGIN */
	p, span, div, label, a, dt, dd, strong, b, em, i, u, blockquote, li, th, td {
		font-size: 14px;
		color: #272727;
		font-family: "Open Sans", sans-serif;
		font-weight: 400;
	}
/*
	p, a, em, u, i, li, strong, b, th, td {
		line-height: 28px;
	}
*/
	p, a, em, u, i, li, strong, b, th, td {
		line-height: 24px;
	}
	strong, b {
		font-weight: 700;
	}
	  
	/* (UN)ORDERED LIST STYLE // BEGIN */
	#content li {
		list-style: square;
		margin-left: 20px;
	}
		#content li.csc-textpic-image {
		  margin-left: 0px;
		}
		
	#content ol li {
		list-style: decimal;
		margin-left: 20px;
	}  
	  
	/* TABLE STYLE // BEGIN */
	.contenttable {
		border-spacing: 0;
		border-collapse: collapse;
	}
	.contenttable td,
	.contenttable th  {
		vertical-align: top;
		padding-right: 20px;
	}
	.contenttable th {
		font-weight: 600;
	}
	 
	/* LINK STYLE // BEGIN */
	a {
		color: #1f3a7f;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	  
	/* TEXT ALIGN // BEGIN */
	.align-left {
		text-align: left;
	}
	.align-right {
		text-align: right;
	}
	.align-center {
		text-align: center;
	}
	.align-justify {
		text-align: justify;
	}
	  
	/* TEXT INDENT // BEGIN */
	.indent {
		margin-left: 20px;
	}
	  
	/* INPUT FIELDS // BEGIN */
	input,textarea,radio,select {
		-webkit-appearance: none;
		border-radius: 0px;
	}  
	
	/* IMAGES // BEGIN */
	img {
		display: block;
	}
  
 
/*************/
/* TOP STYLE */
/*************/  

	/* TOP LOGO // BEGIN */
	#top #topLogo {
		width: 50%;
		height: 295px;
		background-color: #1f3a7f;
		overflow: hidden;
		display: block;
		float: left;
		position: absolute;
		top: 0px;
		z-index: 2;
		cursor: pointer;
		left: 0px;
	}
		#top #topLogo img {
			position: absolute;
			margin: auto;
			top: 0px;
			left: 0px;
			bottom: 0px;
			right: 0px;
		}
	#top #topLogo img.logoBig {
		display: none;
	}
		/* IPAD PORTRAIT */
		@media (min-width: 768px) {
			#top #topLogo {
				width: 241px;
				height: 348px;
			}
		}
		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#top #topLogo {
				top: 60px;
				left: 20px;
			}
		} 	
		/* DESKTOP */
		@media (min-width: 1180px) {
			#top #topLogo {
				top: 0px;
				height: 447px;
			}
			#top #topLogo img.logoBig {
				display: block;
			}			
			#top #topLogo img.logoSmall {
				display: none;
			}			
		}		

	/* TOP MENU // BEGIN */
	#top #topMenu {
		display: none;
	}  

		/* TABLET PORTRAIT DOWN */
		@media (max-width: 1024px) {
			#nav {
				margin-bottom: 50px;
			}
		}

		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#top #topMenu {
				display: block;
				float: right;
			}
			#top #topMenu #nav > li {
				list-style: none;
				float: left;
				display: table;
				height: 60px;
				text-align: center;
			}
			#top #topMenu #nav > li > a {
				display: table-cell;
				vertical-align: middle;
				padding: 0px 19px;
				color: #FFFFFF;
				line-height: 18px;
				font-weight: 700;
				border-right: 1px solid #A2AC12;
				text-transform: uppercase;
				text-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
				font-size: 13px;
			}
				#top #topMenu #nav > li > a:hover {
					text-decoration: none;
				}
				#top #topMenu #nav > li:hover,
				#top #topMenu #nav > li.active {
					background-color: #bfc73a;
				}
				#top #topMenu #nav > li.first > a {
					border-left: 1px solid #A2AC12;
				}
			
			#top #topMenu #subnav {
				display: none;
			}
			#top #topMenu #nav > li {
				position: relative;
			}
			#top #topMenu #nav > li > #subnav {
				display: block;
				position: absolute;
				float: none;
				top: 60px;
				border-top: 1px solid #f1f3ec;
				left: 0px;
				z-index: 99;
				width: 180px;
				text-align: left;
				background-color: #1f3a7f;
				-webkit-transform-origin: 50% 0%;
				-o-transform-origin: 50% 0%;
				transform-origin: 50% 0%;
				-webkit-transform: perspective(350px) rotateX(-90deg);
				-o-transform: perspective(350px) rotateX(-90deg);
				transform: perspective(350px) rotateX(-90deg);	
				-webkit-transition: 0.2s linear 0s;
				-o-transition: 0.2s linear 0s;
				transition: 0.2s linear 0s;				
			}
				#top #topMenu #nav > li:hover > #subnav,
				#top #topMenu #nav > li > #subnav.klikactive {
					display: block;
					-webkit-transform: perspective(350px) rotateX(0deg);
					-o-transform: perspective(350px) rotateX(0deg);
					transform: perspective(350px) rotateX(0deg);
					-webkit-transition:0.2s linear 0s;
					-o-transition:0.2s linear 0s;
					transition:0.2s linear 0s;					
				}
			#top #topMenu #nav > li > #subnav > li {
				list-style: none;
				margin-left: 0px;
			}
			#top #topMenu #nav > li > #subnav > li a {
				color: #FFFFFF;
				width: 165px;
				padding-left: 15px;
				font-size: 14px;
				display: block;
				border-bottom: 1px solid #8f9dbf;
			}
				#top #topMenu #nav > li > #subnav > li.sublast a {
					border-bottom: 0px;
				}
				#top #topMenu #nav > li > #subnav > li a:hover,
				#top #topMenu #nav > li > #subnav > li.active a {
					text-decoration: none;
					background-color: #28448a;
				}			
			
		}	
		/* DESKTOP // BEGIN */
		@media (min-width: 1180px) {
			#top #topMenu #nav {
				float: right;
				overflow: hidden;
				height: 60px;
				margin-left: 169px;
			}
			#top #topMenu #nav > li {
				position: relative;
			}
			#top #topMenu #nav > li > a {
				padding: 0px 19px;
			}
			#top #topMenu #nav > li > #subnav {
				display: block;
				position: absolute;
				float: none;
				top: 60px;
				border-top: 1px solid #f1f3ec;
				left: 0px;
				z-index: 99;
				width: 180px;
				text-align: left;
				background-color: #1f3a7f;
				-webkit-transform-origin: 50% 0%;
				-o-transform-origin: 50% 0%;
				transform-origin: 50% 0%;
				-webkit-transform: perspective(350px) rotateX(-90deg);
				-o-transform: perspective(350px) rotateX(-90deg);
				transform: perspective(350px) rotateX(-90deg);	
				-webkit-transition: 0.2s linear 0s;
				-o-transition: 0.2s linear 0s;
				transition: 0.2s linear 0s;				
			}
				#top #topMenu #nav > li:hover > #subnav {
					display: block;
					-webkit-transform: perspective(350px) rotateX(0deg);
					-o-transform: perspective(350px) rotateX(0deg);
					transform: perspective(350px) rotateX(0deg);
					-webkit-transition:0.2s linear 0s;
					-o-transition:0.2s linear 0s;
					transition:0.2s linear 0s;					
				}
			#top #topMenu #nav > li > #subnav > li {
				list-style: none;
				margin-left: 0px;
			}
			#top #topMenu #nav > li > #subnav > li a {
				color: #FFFFFF;
				width: 165px;
				padding-left: 15px;
				font-size: 14px;
				display: block;
				border-bottom: 1px solid #8f9dbf;
			}
				#top #topMenu #nav > li > #subnav > li.sublast a {
					border-bottom: 0px;
				}
				#top #topMenu #nav > li > #subnav > li a:hover,
				#top #topMenu #nav > li > #subnav > li.active a {
					text-decoration: none;
					background-color: #28448a;
				}
		}
		
	/* TOP MOBILE MENU // BEGIN */
	#top #mobileButton {
		display: block;
		width: 129px;
		height: 61px;
		cursor: pointer;
		float: right;
		background: url("/fileadmin/custom/img/image-sprite.png") no-repeat -385px -440px transparent;
	}
		@media (min-width: 768px) {
			#top #mobileButton {
				margin-right: 1%;
			}
		}	
		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#top #mobileButton {
				display: none;
			}
		} 		

  
/*********************/
/* MOBILE MENU STYLE */
/*********************/  
  
	/* BOX STYLE // BEGIN */
	#mobileBigBG {
		background: url("/fileadmin/custom/img/transBlack80.png");
		z-index: 98;
		height: 100%;
		width: 100%;
		cursor: pointer;
		position: absolute;
		top: 0px
	}
	#mobileMenu {
		position: fixed;
		width: 70%;
		height: 100%;
		z-index: 99;
		padding: 25px 0px;
		top: 0px;
		right: 0px;
		background-color: #f3f5f8;
		overflow: auto;
	}
	#mobileBG {
		position: fixed;
		width: 70%;
		height: auto;
		height: 100%;
		z-index: 98;
		padding: 25px 0px;
		top: 0px;
		right: 0px;
		background-color: #f3f5f8;
		overflow: hidden;
	}   
    
	/* MOBILE MENU // BEGIN */
	#mobMenu ul > li{
		list-style: none;
		position: relative;
		line-height: 22px;
	}
	#mobMenu ul > li > a {
		font-size: 15px;
		color: #383a3e;
		display: block;
		height: auto;
		text-decoration: none;
		line-height: 22px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 7px 25px 5px 25px;
		border-bottom: 1px solid #e4e7eb;
	}
		#mobMenu ul > li.first > a {
		  border-top: 1px solid #e4e7eb;
		  line-height: 22px;
		}
		
	#mobMenu ul > li.sub > span {
		width: 50px;
		position: absolute;
		right: 0px;
		height: 47px;
		top: 0px;
		line-height: 22px;
		cursor: pointer;
		display: block;
		background: url("/fileadmin/custom/img/arrowClosed.png") no-repeat 16px 12px transparent;
	}  
		#mobMenu ul > li.sub > span.active {
		  height: 34px;
		  background: url("/fileadmin/custom/img/arrow.png") no-repeat 16px 14px transparent;
		}
	#mobMenu li #subnav {
		display: none;
	}
	#mobMenu li.active #subnav {
		display: block;
	}
	#mobMenu #subnav > li > a {
		padding: 7px 50px 5px 50px;
		line-height: 22px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
		background-color: #FFFFFF;
	}

/**********************/
/* SUBMENU HOME STYLE */
/**********************/
  	
	/* BIG SUBMENU // BEGIN */
	#submenuHome #submenu > li {
		list-style: none;
		float: left;
		width: 50%;
		padding: 0% 5%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-left: 1px solid #e9ebe4;
		border-top: 1px solid #e9ebe4;
		height: 78px;
		line-height: 27px;
		background-color: #FFFFFF;
		text-align: center;	
		cursor: pointer;
		display: table;	
	}
		#submenuHome #submenu > li:nth-child(1),
		#submenuHome #submenu > li:nth-child(2),
		#submenuHome #submenu > li:nth-child(3) {
			margin-left: 50%;
			border-right: 1px solid #e9ebe4;
		}
		#submenuHome #submenu > li:nth-child(6),
		#submenuHome #submenu > li:nth-child(7) {
			border-bottom: 1px solid #e9ebe4;
		}
		
	#submenuHome #submenu > li strong {
		vertical-align:middle;
		display:table-cell;
		line-height: 27px;
	}
	#submenuHome #submenu > li a {
		background-color: #d35501;
		color: #FFFFFF;
		text-transform: uppercase;
		font-weight: 700;
		line-height: 27px;
		padding: 1px 0px;	
		box-shadow: 5px 0 0 #d35501, -5px 0 0 #d35501;
	}
		#submenuHome #submenu > li a:hover {
			text-decoration: none;
		}

	/* BIG SUBMENU - LEVEL 2 */
	#submenuHome #submenu > li #subsubmenu {
		display: none;
	}		
		
		/* IPAD PORTRAIT */
		@media (min-width: 768px) {
			#submenuHome #submenu > li strong {
				margin-top: 57px;
				display: block;
				vertical-align: top;
			}
			#submenuHome #submenu > li {
				width: 32%;
				border: 1px solid #e9ebe4;
				margin-left: 1%;
				margin-bottom: 8px;
				height: 136px;
				position: relative;
				display: block;
				background: url("/fileadmin/custom/img/icon7.png") no-repeat center 24px #FFFFFF;
			}
			#submenuHome #submenu > li strong {
				display: block;
			}
			#submenuHome #submenu > li:nth-child(1) {
				margin-top: 8px;
				margin-left: 34%;
			}
			#submenuHome #submenu > li:nth-child(2) {
				margin-top: 8px;
				margin-left: 1%;
				margin-right: 1%;
				background: url("/fileadmin/custom/img/icon1.png") no-repeat center 24px #FFFFFF;
			}
				#submenuHome #submenu > li:nth-child(2) strong {
					margin-top: 73px;
				}
				
			/*#submenuHome #submenu > li:nth-child(3) {
				margin-left: 34%;
				background: url("/fileadmin/custom/img/icon2.png") no-repeat center 24px #FFFFFF;
			}
				#submenuHome #submenu > li:nth-child(3) strong {
					margin-top: 68px;
				}		*/	
				
			#submenuHome #submenu > li:nth-child(3) {
				margin-left: 34%;
				background: url("/fileadmin/custom/img/icon3.png") no-repeat center 24px #FFFFFF;
			}
				#submenuHome #submenu > li:nth-child(3) strong {
					margin-top: 78px;
				}			
				
			#submenuHome #submenu > li:nth-child(4) {
				margin-left: 1%;
				background: url("/fileadmin/custom/img/icon2.png") no-repeat center 24px #FFFFFF;
			}
				#submenuHome #submenu > li:nth-child(4) strong {
					margin-top: 78px;
				}			
				
			#submenuHome #submenu > li:nth-child(5) {
				margin-left: 1%;
				background: url("/fileadmin/custom/img/icon8.png") no-repeat center 24px #FFFFFF;
				background-size: 40px 40px;
			}
				#submenuHome #submenu > li:nth-child(5) strong {
					margin-top: 78px;
				}		
				
			#submenuHome #submenu > li:nth-child(6) {
				margin-left: 1%;
				background: url("/fileadmin/custom/img/icon4.png") no-repeat center 24px #FFFFFF;
			}	
				#submenuHome #submenu > li:nth-child(6) strong {
					margin-top: 78px;
				}						
			#submenuHome #submenu > li:nth-child(7) {
				margin-left: 1%;
				background: url("/fileadmin/custom/img/icon6.png") no-repeat center 24px #FFFFFF;
			}	
				#submenuHome #submenu > li:nth-child(7) strong {
					margin-top: 78px;
				}			
			
		}
		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#submenuHomeBG {
				overflow: visible;
				margin-bottom: 0px;
			}
			#submenuHome #submenu {
				width: 14%;
				position: absolute;
				top: 256px;
				left: 3%;
				z-index: 54;
			}
			#submenuHomeBG #submenuHome #submenu > li {
				float: none;
				width: 100%;
				height: 90px;
				margin: 0px;
				padding: 0px 6% 0px 6%;
				line-height: 25px;
				display: table;
				text-align: center;
				border-bottom: 0px;
				background: #FFFFFF;
			}
				#submenuHomeBG #submenuHome #submenu > li:nth-child(7) {
					border-bottom: 1px solid #e9ebe4;
				}
			#submenuHome #submenu > li strong {
				margin: 0px;
				vertical-align: middle;
				display: table-cell;
				line-height: 25px;
			}
			#submenuHome #submenu > li strong a {
				line-height: 25px;
			}
		} 		
		/* IPAD LANDSCAPE */
		@media (min-width: 1180px) {
			
			#submenuHomeBG #submenuHome #submenu > li {
				display: table;
				text-align: left;
				padding-left: 0px;
				padding-right: 0px;
				width: 100%;
				border-top: 0px;
			}
			#submenuHome #submenu > li strong a {
				font-size: 13px;
			}

		
			#submenuHomeBG #submenuHome #submenu > li strong{
				z-index: 50;
				position: relative;
				padding-left: 54px;
				padding-right: 5px;
				border-top: 1px solid #f1f3ec;
				width: 100%;
				background: url("/fileadmin/custom/img/iconSmall1.png") no-repeat 16px center #FFFFFF;
			}
				#submenuHomeBG #submenuHome #submenu > li:nth-child(2) strong {
					background: url("/fileadmin/custom/img/iconSmall2.png") no-repeat 16px center #FFFFFF;
				}
				#submenuHomeBG #submenuHome #submenu > li:nth-child(3) strong{
					background: url("/fileadmin/custom/img/iconSmall3.png") no-repeat 16px center #FFFFFF;
				}
				#submenuHomeBG #submenuHome #submenu > li:nth-child(4) strong {
					background: url("/fileadmin/custom/img/iconSmall4.png") no-repeat 16px center #FFFFFF;
				}
				#submenuHomeBG #submenuHome #submenu > li:nth-child(5) strong {
					background: url("/fileadmin/custom/img/iconSmall5.png") no-repeat 16px center #FFFFFF;
				}
				#submenuHomeBG #submenuHome #submenu > li:nth-child(6) strong {
					background: url("/fileadmin/custom/img/icon7.png") no-repeat 16px center #FFFFFF;
				}	
				#submenuHomeBG #submenuHome #submenu > li:nth-child(7) strong {
					background: url("/fileadmin/custom/img/iconSmall6.png") no-repeat 16px center #FFFFFF;
				}	

			#submenuHome #submenu > li {
				position: relative;
			}
			#submenuHome #submenu > li > #subsubmenu {
				display: block;
				position: absolute;
				float: none;
				top: 0px;
				left: 1px;
				z-index: 1;
				width: 99%;
				width: calc(99% - 1px);
				text-align: left;
				background-color: #1f3a7f;	
				transition: left 0.2s linear;			
			}
				#submenuHome #submenu > li:hover > #subsubmenu {
					display: block;		
					left: 100%;
					height: auto;
					width: 100%;	
				}
			#submenuHome #submenu > li > #subsubmenu > li {
				list-style: none;
				margin-left: 0px;
			}
			#submenuHome #submenu > li > #subsubmenu > li a {
				color: #FFFFFF;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				width: 100%;
				padding-left: 15px;
				text-transform: none;
				background-color: transparent;
				font-size: 14px;
				font-weight: normal;
				display: block;
				border-bottom: 1px solid #8f9dbf;
				box-shadow: none;
			}
				#submenuHome #submenu > li > #subsubmenu > li.sublast a {
					border-bottom: 0px;
				}
				#submenuHome #submenu > li > #subsubmenu > li a:hover,
				#submenuHome #submenu > li > #subsubmenu > li.active a {
					text-decoration: none;
					background-color: #28448a;
				}				
		}		
	
	

	
/****************/
/* HEADER STYLE */
/****************/  


/*****************/
/* CONTENT STYLE */
/*****************/

	#content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	
	@media(min-width:1024px) {
		#content {
			padding: 0 20px;
			box-sizing: border-box;
		}
	}

	/* CONTENT LEFT // BEGIN */
	#content #contentLeft {
		display: none;
	}
	
	@media(min-width: 1024px) {
		#content #contentLeft {
			display: block;
			width: 241px;
			margin-top: 384px;
		}
	}
   
	@media(min-width: 1180px) {
		#content #contentLeft {
			margin-top: 423px;
		}
	}
  
	/* CONTENT RIGHT FIST COLUMN // BEGIN */
	#content #contentRight {
		display: block;
		position: relative;
		width: 100%;
		margin-left: auto;
	}
	#content #contentRight #contentHeader {
		position: relative;
		width: 50%;
		height: 234px;
		margin-left: auto;
	}
	#content #contentRight #contentHeader img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-family: 'object-fit: cover;';
		-o-object-fit: cover;
		object-fit: cover;	
	}
	#content #contentRight #contentFirstColumn > div {
		background-color: #FFFFFF;
		margin-bottom: 15px;
		border-bottom: 1px solid #eaece5;
		border-top: 1px solid #d7d9d2;
		padding-bottom: 20px;
	}
	#content #contentRight .csc-header{
		border-bottom: 1px solid #d7d9d2;
/*		margin-bottom: 0 !important;
*/	padding: 16px 2%;
	}  
	#content #contentRight #contentFirstColumn .csc-textpic-text {
		margin-top: 20px;
	}
	#content #contentRight #contentFirstColumn .csc-textpic-imagerow .csc-textpic-imagecolumn table {
		margin-right: 0;
		padding: 0;
	}
	#content #contentRight .csc-textpic-imagewrap {
		padding: 0px 20px;
	}
	#content #contentRight .csc-textpic-imagerow {
		display: flex;
	}
	#content #contentRight #contentFirstColumn p,
	#content #contentRight #contentFirstColumn table,
	#content #contentRight #contentFirstColumn ul,
	#content #contentRight #contentFirstColumn form {
		padding: 0px 2%;
	}
		/* IPAD PORTRAIT */
		@media (min-width: 768px) {
			#content #contentRight {
				width: 100%;
			}
			#content #contentRight #contentHeader {
				width: calc(100% - 242px);
				height: 287px;
			}
			#content #contentRight #contentFirstColumn > div {
				border: 1px solid #eaece5;
			}
			#content #contentRight .csc-header{
				border-bottom: 1px solid #d7d9d2;
				padding: 16px 20px;
			}  			
			#content #contentRight #contentFirstColumn p,
			#content #contentRight #contentFirstColumn table,
			#content #contentRight #contentFirstColumn ul,
			#content #contentRight #contentFirstColumn form{
				padding: 0px 20px;
			}				
		}
		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#content #contentRight {
				display: block;
				margin-top: 13px;
				width: calc(100% - 256px);
				margin-left: 15px;
				margin-left: auto;
			}
			#content #contentRight #contentHeader {
				width: 100%;
				height: 335px;
			}
			#content #contentRight #contentFirstColumn {
				margin-top: 35px;
				width: 100%;
				float: left;
				min-height: 700px;
				margin-bottom: 15px;
			}
			#content #contentRight #contentSecondColumn {
				margin-left: 2%;
				margin-right: 3%;
				margin-top: 20px;
				width: 25%;
				float: left;
			}			
		}
		@media (min-width: 1180px) {
			#content #contentRight #contentHeader {
				height: 374px;
			}
		}
	
	/* CONTENT RIGHT LATEST EVENTS // BEGIN */	
    #content .latestEvents .csc-header {
		border-bottom: 1px solid #d7d9d2;
		padding: 16px 2%;
		background-color: #FFFFFF;
		margin-bottom: 0px;
		border-top: 1px solid #d7d9d2;
	}  
		/* IPAD PORTRAIT */
		@media (min-width: 768px) {
			#content .latestEvents {
				display: block;
				overflow: hidden;
				position: relative;
				border-left: 1px solid #d5d7d0;
				border-right: 1px solid #d5d7d0;
			}	
			 #content .latestEvents .csc-header {
				padding: 16px 20px;
			 }
		}	
	
	/* CONTENT RIGHT NEWSLETTER // BEGIN */
	#content .newsletterBlock{
		background-color: #bfcc26;
		overflow: hidden;
		display: block;		
		padding: 0px 2%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
		@media (min-width: 768px) {
			#content .newsletterBlock{
				padding: 0px 20px;
			}
		}
		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#content .newsletterBlock{
				margin-top: 20px;
			}
		}		
  
/****************/
/* FOOTER STYLE */
/****************/  
   
  /* FOOTER BOTTOM // BEGIN */
  #footerBottom a,
  #footerBottom p {
    color: #FFFFFF;
	text-transform: uppercase;
    text-decoration: none;
	font-size: 12px;
  }
   #footerBottom img {
	display: inline;
   }
  		/* DESKTOP // BEGIN */
		@media (min-width: 1180px) {
			 #footerBottom {
				text-align: center;
			 }
		}

/*********************/
/* PAGE: HOME STYLE */
/********************/

	/* CONTENT LEFT // BEGIN */
	#home #content #contentLeft {
		width: 100%;
		border-top: 1px solid #d5d7d0;
		padding-bottom: 20px;
		border-bottom: 1px solid #d5d7d0;
		margin-bottom: 10px;
		display: block
	}
	#home #content #contentLeft .csc-header{
		background-color: #FFFFFF;
		padding: 16px 2%;
		border-bottom: 1px solid #d5d7d0;
	}
	#home #content #contentLeft p {
		padding: 0px 2%;
	}
	#home #content #contentLeft .csc-textpic-imagewrap {
		float: left;
		padding: 0 16px;
	}
	#home #content #contentLeft .csc-textpic-imagerow {
		height: auto;
		margin-bottom: 20px;
	}
	#home #content #contentLeft .csc-textpic-imagerow * {
		height: 100%;
	}
	#home #content #contentLeft .csc-textpic-imagerow img {
		height: auto;
		width: 100%;
	}
		/* IPAD PORTRAIT */
		@media (min-width: 768px) {
			#home #content #contentLeft {
				border: 1px solid #d5d7d0;
			}
		}
		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#home #content #contentLeft {
				margin: 0 10px 20px 0;
				width: calc(50% - 10px);
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;				
				float: left;
				overflow: hidden;
			}
			#home #content #contentLeft .csc-header {
				padding: 16px 20px;
			}
			#home #content #contentLeft p {
				padding: 0px 20px;
			}
		}		

	/* SUBMENU HOME // BEGIN */
	
		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {	
			#home #submenuHome #submenu {
				width: 100%;
				position: absolute;
				top: 411px;
				z-index: 54;
				left: 0px;
			}
			#home #submenuHome #submenu > li {
				float: left;
				width: 14%;
				margin-right: 2%;
				padding: 0px 8px;
				height: 134px;
				display: block;
				border-bottom: 1px solid #e9ebe4;
				background: url("/fileadmin/custom/img/icon7.png") no-repeat center 27px #FFFFFF;
			}
				#home #submenuHome #submenu > li:first-child {
					position: absolute;
					top: -156px;
					left: 3%;
				}
					#home #submenuHome #submenu > li:first-child strong {
						margin-top: 60px;
					}
				#home #submenuHome #submenu > li:last-child {
					margin-right: 3%;
				}
				#home #submenuHomeBG #submenuHome #submenu > li:nth-child(2) {
					margin-left: 3%;
					background: url("/fileadmin/custom/img/icon1.png") no-repeat center 25px #FFFFFF;
				}
				/*#home #submenuHomeBG #submenuHome #submenu > li:nth-child(3) {
					background: url("/fileadmin/custom/img/icon2.png") no-repeat center 25px #FFFFFF;
				}*/
				#home #submenuHomeBG #submenuHome #submenu > li:nth-child(4) {
					background: url("/fileadmin/custom/img/icon2.png") no-repeat center 25px #FFFFFF;
				}
				#home #submenuHomeBG #submenuHome #submenu > li:nth-child(3) {
					background: url("/fileadmin/custom/img/icon3.png") no-repeat center 25px #FFFFFF;
				}
				#home #submenuHomeBG #submenuHome #submenu > li:nth-child(6) {
					background: url("/fileadmin/custom/img/icon4.png") no-repeat center 25px #FFFFFF;
				}
				#home #submenuHomeBG #submenuHome #submenu > li:nth-child(5) {
					background: url("/fileadmin/custom/img/icon8.png") no-repeat center 20px #FFFFFF;
					background-size: 40px 40px;
				}	
				#home #submenuHomeBG #submenuHome #submenu > li:nth-child(7) {
					background: url("/fileadmin/custom/img/icon6.png") no-repeat center 25px #FFFFFF;
				}					
				
			#home #submenuHome #submenu > li strong {
				display: block;
				margin-top: 73px;
				background: none!important;
				padding: 0px;				
				border-top: 0px;
			}
		}
		/* DESKTOP // BEGIN */
		@media (min-width: 1180px) {
			#home #submenuHomeBG #submenuHome #submenu > li { 
				text-align: center;
			}
			#home #submenuHome #submenu > li {
				position: relative;
			}
			#home #submenuHome #submenu > li > #subsubmenu {
				display: block;
				position: absolute;
				float: none;
				top: 133px;
				left: 0px;
				z-index: 99;
				width: 100%;
				text-align: left;
				background-color: #1f3a7f;
				-webkit-transform-origin: 50% 0%;
				-o-transform-origin: 50% 0%;
				transform-origin: 50% 0%;
				-webkit-transform: perspective(350px) rotateX(-90deg);
				-o-transform: perspective(350px) rotateX(-90deg);
				transform: perspective(350px) rotateX(-90deg);	
				-webkit-transition: 0.2s linear 0s;
				-o-transition: 0.2s linear 0s;
				transition: 0.2s linear 0s;						
			}
				#home #submenuHome #submenu > li:hover > #subsubmenu {
					display: block;
					-webkit-transform: perspective(350px) rotateX(0deg);
					-o-transform: perspective(350px) rotateX(0deg);
					transform: perspective(350px) rotateX(0deg);
					-webkit-transition:0.2s linear 0s;
					-o-transition:0.2s linear 0s;
					transition:0.2s linear 0s;						
				}
			#home #submenuHome #submenu > li > #subsubmenu > li {
				list-style: none;
				margin-left: 0px;
			}
			#home #submenuHome #submenu > li > #subsubmenu > li a {
				color: #FFFFFF;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				width: 100%;
				padding-left: 15px;
				background-color: transparent;
				font-size: 14px;
				text-transform: none;
				font-weight: normal;
				display: block;
				border-bottom: 1px solid #8f9dbf;
				box-shadow: none;
			}
				#home #submenuHome #submenu > li > #subsubmenu > li.sublast a {
					border-bottom: 0px;
				}
				#home #submenuHome #submenu > li > #subsubmenu > li a:hover,
				#home #submenuHome #submenu > li > #subsubmenu > li.active a {
					text-decoration: none;
					background-color: #28448a;
				}				
		}		
		
	/* HEADER // BEGIN */	
		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#home #header {
				height: 348px;
			}
		} 
		/* DESKTOP */
		@media (min-width: 1180px) {
			#home #header {
				width: calc(100% - 328px);
				height: 374px;
				margin-top: 13px;
				margin-right: 75px;
			}
		}		
		  
	/* CONTENT // BEGIN */

		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#home #content {
				width: 100%;
				max-width: 1220px;
				margin: 0px;
				margin-top: 0;
				padding-right: 20px;
				padding-left: 20px;
				box-sizing: border-box;
				border-top: 0px solid #eaece5;
			}
		}
		/* DESKTOP */
		@media (min-width: 1180px) {
			#home #content {
				margin-left: auto;
				margin-right: auto;
			}
		}		
		  
	/* CONTENT RIGHT // BEGIN */
	#home #content #contentRight {
		border-top: 1px solid #d7d9d2;
		padding-bottom: 20px;
		margin-bottom: 10px;
		background-color: transparent;
	}	
	#home #content #contentRight .csc-header{
		border-bottom: 1px solid #d7d9d2;
		padding: 16px 2%;
		background-color: #FFFFFF;
	}  
		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#home #content #contentRight {
				margin: 0 0 20px 10px;
				width: calc(50% - 10px);
				float: left;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;		
				padding-bottom: 0px;
				position: relative;
			}
			#home #content #contentRight .csc-header {
				padding: 16px 20px;
			}
		}		
	
	/* LATEST EVENTS // BEGIN */
	#home #content .latestEvents .csc-header {
		border-top: 0px;
	}
	#home #contentLeftBottom {
		width: 100%;
	}
		/* IPAD PORTRAIT */
		@media (min-width: 768px) {
			#home #contentLeftBottom {
				width: calc(50% - 5px);
				float: left;
				margin-right: 5px;
			}
			#home #content .newsletterBlock {
				background-color: #bfcc26;
				overflow: hidden;
				display: block;
				height: 215px;
				padding: 10px 20px 0px 20px;
				margin-top: 0px;
				margin-bottom: 0px;
			}
		}
		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#home #contentLeftBottom {
				width: calc(50% - 10px);
				margin: 0px 10px 20px 0;
				float: left;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;					
			}
			#home #content .newsletterBlock {
				width: 48%;
				float: left;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;		
				padding: 10px 15px 0px 15px;
				height: 240px;
				padding: 1px 15px 0px 15px;
			}
		}	
		
		/* DESKTOP */
		@media (min-width: 1180px) {	
			#home #content .newsletterBlock {
				padding: 1px 15px 0px 15px;
			}
		}			

	/* IMAGE GALLERY // BEGIN */
	#home #contentLeftBottom .gallery {
		display: none;
	}
		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#home #contentLeftBottom .gallery {
				display: block;
				float: left;
				width: 48%;
				margin-right: 4%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				position: relative;
				background-color: #FFFFFF;
				padding-bottom: 1px;
				box-sizing: border-box;
				max-height: 240px;
				overflow: hidden;
			}
			#home #contentLeftBottom .gallery .csc-header {
				padding: 16px 20px;
				margin-bottom: 0px;
				
				background-color: #FFFFFF;
			}			
			#home #contentLeftBottom .gallery .csc-textpic-center-inner .csc-textpic-imagerow {
				width: 100%;
				height: auto;
				float: left;
				border-top: 1px solid #FFFFFF;
				border-right: 1px solid #FFFFFF;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;				
			}
				#home #contentLeftBottom .gallery .csc-textpic-center-inner .csc-textpic-imagerow:nth-child(odd){
					border-left: 1px solid #FFFFFF;
				}
			#home #contentLeftBottom .gallery .csc-textpic-center-inner .csc-textpic-imagerow img {
				width: 100%;
				height: auto;
				display: block;
			}
			#home #contentLeftBottom .gallery div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
				margin: 0px;
			}
			#home #contentLeftBottom .gallery p > a {
				position: absolute;
				top: 13px;
				right: 15px;
				color: #252628;
				text-decoration: underline;
			}
		}
	
	/* FACEBOOK BLOCK // BEGIN */
	#home #contentRightBottom .socialFacebook {
		display: none;
	}
	#home #contentRightBottom {
		width: 100%;
	}
		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#home #contentRightBottom .socialFacebook {
				display: block;
				float: left;
				width: 48%;
				height: 240px;
				margin-right: 4%;
				-webkit-box-sizing: border-box;
				position: relative;
				-moz-box-sizing: border-box;
				box-sizing: border-box;			
				border: 1px solid #d6d8d1;
				background: url("/fileadmin/custom/img/image-sprite.png") no-repeat 14px -278px;
			}
			#home #contentRightBottom .socialFacebook h4 {
				padding: 16px 20px;
				margin-bottom: 7px;
				color: #1f3a7f;
				background-color: #f1f3ec;
				border-bottom: 1px solid #d7d9d2;
			}
			#home #contentRightBottom .socialFacebook .facebookShare {
				position: absolute;
				bottom: 21px;
				left: 87px;
			}
		}	
		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#home #contentRightBottom .socialFacebook {
				background: url("/fileadmin/custom/img/image-sprite.png") no-repeat 17px -278px;
			}
			#home #contentRightBottom .socialFacebook .facebookShare {
				left: 89px;
			}
		}
		/* IPAD LANDSCAPE */
		@media (min-width: 1180px) {
			#home #contentRightBottom .socialFacebook {
				background: url("/fileadmin/custom/img/image-sprite.png") no-repeat 33px -278px;
			}
			#home #contentRightBottom .socialFacebook .facebookShare {
				left: 106px;
			}
		}		
	
	/* CONTACT BLOCK // BEGIN */
	#home #contentRightBottom .contactBlock {
		background-color: #FFFFFF;
		padding-bottom: 16px;
		border-bottom: 1px solid #eaece5;
		margin-bottom: 10px;
		display: block;
		overflow: hidden;
		border-top: 1px solid #eaece5;
	}
	#home #contentRightBottom .contactBlock .csc-header {
		border-bottom: 1px solid #d7d9d2;
		padding: 16px 2%;
	}
	#home #contentRightBottom .contactBlock .csc-header h3 {
		color: #1f3a7f;
	}
	
	#home #contentRightBottom .contactBlock p,
	#home #contentRightBottom .contactBlock ul {
		padding: 0px 2%;
		line-height: 32px;
	}
	#home #contentRightBottom .contactBlock ul > li {
		padding-left: 40px;
		background: url("/fileadmin/custom/img/image-sprite.png") no-repeat -2px -244px transparent;
		color: #272727;
		font-weight: 700;
		font-size: 14px;
		margin-left: 0px;
		list-style: none;
	}
		#home #contentRightBottom .contactBlock ul > li.mail {
			background-position: 0px -273px;
		}
		#home #contentRightBottom .contactBlock ul > li.mail a {
			font-weight: 700;
			text-decoration: underline;
			font-size: 15px;
		}
		/* IPAD PORTRAIT */
		@media (min-width: 768px) {
			#home #contentRightBottom {
				float: left;
				width: calc(50% - 5px);
				margin-left: 5px;
			}
			#home #contentRightBottom .contactBlock {
				height: 208px;
				border: 1px solid #d6d8d1;
			}	
			#home #contentRightBottom .contactBlock .csc-header {
				padding: 16px 20px;
				margin-bottom: 7px;
			}
			#home #contentRightBottom .contactBlock p,
			#home #contentRightBottom .contactBlock ul {
				padding: 0px 10px 0px 20px;
			}
		}
		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#home #contentRightBottom {
				width: calc(50% - 10px);
				margin: 0px 0 35px 10px;
				float: left;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;					
			}
			#home #contentRightBottom .contactBlock {
				width: 48%;
				float: left;
				height: 240px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;	
			}			
		}		
		
	/* LOGO BOX // BEGIN */
	#logo .csc-textpic-imagerow {
		width: 50%;
		float: left;
		background-color: #FFFFFF;
		border-right: 1px solid #eaece5;
		border-bottom: 1px solid #eaece5;
		-webkit-box-sizing: border-box;
		position: relative;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
		height: 123px;
	}
	#logo .csc-textpic-imagerow img {
		position: absolute;
		margin: auto;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
	}
	#logo .csc-textpic-center-inner > div:nth-child(1),
	#logo .csc-textpic-center-inner > div:nth-child(2) {
		border-top: 1px solid #eaece5;
	}
	#logo .csc-textpic-center-inner > div:nth-child(even) {
		border-right: 0px;
	}
	#logo .csc-textpic-center-inner,
	#logo .csc-textpic-center-outer {
		float: none;
		width: auto;
	}
		/* IPAD PORTRAIT */
		@media (min-width: 768px) {
			#logo .csc-textpic-imagerow {
				width: 15.5%;
				height: 117px;
				margin-right: 1%;
				border: 1px solid #eaece5;
			}
				#logo .csc-textpic-imagerow:first-child {
					margin-left: 1%;
				}
		}	
		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#logo .csc-textpic-imagerow {
				width: 14%;
				height: 117px;
				margin-right: 2%;
				border: 1px solid #eaece5;
			transition-property: border;
			cursor: pointer;
			transition-duration: 0.2s;
			transition-timing-function: linear;				
			}
				#logo .csc-textpic-imagerow:first-child {
					margin-left: 3%;
				}
				#logo .csc-textpic-imagerow:last-child {
					margin-right: 3%;
				}
		}	
		/* DESKTOP */
		@media (min-width: 1180px) {
			#home #logoBG #logo .csc-textpic-imagerow {
				border: 1px solid #eaece5;
			}
			#home #logoBG #logo .csc-textpic-imagerow:hover {
				border: 1px solid #d35400;
			}
		}		

		
	
  /* IPAD PORTRAIT */
  @media (min-width: 768px) {
    
  }
  /* IPAD LANDSCPAE */
  @media (min-width: 1024px) {
    
  }
  /* DESKTOP */
  @media (min-width: 1160px) {
    
  }  
  
/**********************/
/* PAGE: EVENTS STYLE */
/**********************/

	/* GENERAL EVENTS // BEGIN */
	#events #contentFirstColumn .news-list-item .csc-header {
		margin-bottom: 0px;
	}
	#events #content #contentRight #contentFirstColumn .news-list-item p {
		padding: 0px;
	}
	#events #content #contentRight #contentFirstColumn .news-single-item p {
		padding: 0 20px;
	}
		/* IPAD LANDSCAPE */
		@media (min-width: 1024px) {
			#events #content .newsletterBlock {
				margin-top: 0px;
			}
		}


/***********************/
/* PAGE: CONTACT STYLE */
/***********************/

  /* IPAD PORTRAIT */
  @media (min-width: 768px) {
    
  }
  /* IPAD LANDSCPAE */
  @media (min-width: 1024px) {
    
  }
  /* DESKTOP */
  @media (min-width: 1160px) {
    
  }    
  
/***********************/
/* PAGE: CONTACT STYLE */
/***********************/

	/* GENERAL STYLE // BEGIN */
	#route #content #contentRight .csc-header {
		margin-bottom: 0px;
	}
	#route #content #contentRight #contentFirstColumn > div {
		padding-bottom: 0px;
	}
	#route iframe {
		display: block;
	}

  /* IPAD PORTRAIT */
  @media (min-width: 768px) {
    
  }
  /* IPAD LANDSCPAE */
  @media (min-width: 1024px) {
    
  }
  /* DESKTOP */
  @media (min-width: 1160px) {
    
  }     
  
  /*************/
  /* FOTOALBUM */
  /*************/
  #fotoalbum .csc-textpic .csc-textpic-imagecolumn {
	padding: 2%;
  }
  #fotoalbum .csc-textpic-imagerow {
	width: 48%;
	float: left;
	margin-left: 2%;
	margin-bottom: 5px;
  }
  #fotoalbum .csc-textpic-imagerow:nth-child(odd) {
	margin-left: 0;
  }
  #fotoalbum .csc-textpic-imagerow.csc-textpic-first {
	margin-left: 0;
  }
  #fotoalbum .csc-textpic-imagerow img {
	width: 100%;
	height: auto;
  }

	/* IPAD PORTRAIT */
	@media (min-width: 768px) {
		#fotoalbum .csc-textpic-imagerow {
			width: 22.5%;
		}
		#fotoalbum .csc-textpic-imagerow:nth-child(odd) {
			margin-left: 2%;
		}
		
	}
	
 /* Introduction */
#content .introduction {
	width: 100%;
	max-width: 715px;
	margin-right: auto;
	margin-left: auto;
	padding: 75px 20px;
	box-sizing: border-box;
	text-align: center;
}

#content .introduction p:not(:last-child) {
	margin-bottom: 20px;
}
#content .introduction a {
	text-decoration: underline;
}
#content .introduction a:hover {
	text-decoration: none;
}
#content .introduction a.button {
	display: inline-block;
	color: #FFFFFF;
    text-transform: uppercase;
    height: 35px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 0px;
    padding-top: 6px;
    padding-right: 17px;
    padding-left: 42px;
    background: url(/fileadmin/custom/img/image-sprite.png) no-repeat -209px 8px #1f3a7f;
	text-decoration: none;
}

 /* Submenu */
#content .menu-sub {
	margin-bottom: 20px;
}
#content .menu-sub h2 {
	padding: 16px 20px;
	background-color: #1f3a7f;
	color: #ffffff;
	box-sizing: border-box;
}

#content .menu-sub li {
	margin-left: 0;
	background-color: #ffffff;
	border-left: 1px solid #D9DBD4;
	border-right: 1px solid #D9DBD4;
	border-bottom: 1px solid #D9DBD4;
	list-style: none;
}

#content .menu-sub li a {
	display: block;
	width: 100%;
	padding: 10px 20px;
	transition: all 200ms;
	box-sizing: border-box;
	text-decoration: none;
	word-break: break-all;
}

#content .menu-sub li a:hover,
#content .menu-sub li.active > a {
	background-color: #C5D01E;
	color: #ffffff;
	font-weight: 600;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.59);
}

/* Activities [latest] */
.activities-latest {
	margin-bottom: 20px;
}

.activities-latest .csc-header {
	background-color: #ffffff;
	border: 1px solid #D9DBD4;
	margin-bottom: 0;
	padding: 16px 20px;
}

.activities-latest .news-latest-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;
	background-color: #ffffff;
	border-right: 1px solid #D9DBD4;
	border-left: 1px solid #D9DBD4;
	text-decoration: none;
}

#contentLeft .activities-latest .news-latest-item h2 {
	color: #000000;
	font-weight: 400;
	font-size: ;
}

#contentLeft .activities-latest .news-latest-item .time,
#contentLeft .activities-latest .news-latest-item .tag {
	display: none;
}

.activities-latest .news-latest-container > a #itemImage {
	width: 70px;
	padding-top: 10px;
    padding-bottom: 10px;
	font-size: 20px;
}
.activities-latest .news-latest-container > a #itemImage span {
	font-size: 16px;
}

/* Newsletter */
.newsletter {
	margin-bottom: 20px;
	padding: 0 20px;
	background-color: #C5D01E;
}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */ }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }