@charset "UTF-8";

* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	text-decoration: none;	
	-webkit-text-size-adjust: none; 
	/*
	-webkit-font-smoothing: antialiased;
	moz-osx-font-smoothing: grayscale;
	*/
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; */
}
html {
  /* box-sizing: border-box; */
}
*, *:before, *:after {
  /* box-sizing: inherit; */
}



html {overflow-x: auto; overflow-y: scroll; height:100%; }
body {background-color: #bab0b0; height:100%; font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; }


#fader {position: fixed; width: 100%; height: 100%; left : 0px; top: 0px; background: #2c9adc; z-index: 5000; display: none; }
#fader span {position: absolute; width: 100%; height: 95%; min-height: 70px; top: 0px; left: 0px; background: url('../img/loader.gif') no-repeat center center; display: block;}


#site {
	position:relative; 
	/* height:auto !important; */
	/* height:100%; */
	min-height:100%;
	width: 100%;
	min-width: 980px; 
}
#header{position: relative;  padding-top: 0px; padding-bottom: 0px; z-index: 50;}
#header .header-background {position: absolute; width: 100%; background: #2c9adc; height: 60px; }
.wrapper {
	position:relative;
	margin:0 auto;
	width: 980px;
}


#header .top-bar {position: absolute; width: 100%; height: 60px; top: 0px; left: 0px; z-index: 49; }

.header-box { position: relative; min-height: 470px; }
.header-box > .spacer-blue {
	position: absolute; top: 0; left: 0; width: 100%; height: 60px; background: #2c9adc; 
}
#header-title { position: relative; width: 100%; padding-top: 60px; }
#header-title .header-title-white-box { position: absolute; top: 20px; left: 20px; height: 153px; width: 380px; background-color: #fff; } 
#header-title .header-title-2 { position: relative; max-width: 600px; margin-top: 0px; margin-left: 240px; background-color: #fff; font-size: 28px; line-height: 34px; font-weight: 700; color: #3e3c3c; padding: 41px 40px 24px 40px; display: inline-block; }
#header-title .header-title-2 .spacer-white { position: absolute; background: #fff; width: 100%; bottom: -17px; left: 0px; height: 17px; }
#header-title .header-title-1 { position: absolute; top: 47px; left: 37px; font-size: 40px; line-height: 44px; font-weight: 700; color: #2c9adc; z-index: 1; }
#header-title .header-title-1 span { display: block; }
#header-title .header-title-1 span:first-child { padding-left: 0px; }
#header-title .header-title-1 span:last-child { padding-left: 23px; }

#header-title .header-title-2.mobile { display: none; } 



#menu-top-navigation { position: absolute; top: 20px; left: 740px; } 
#menu-top-navigation ul { list-style: none; }
#menu-top-navigation ul li { }
#menu-top-navigation ul li a { font-size: 14px; color: #000; } 

#menu-main-navigation { position: relative; padding-left: 20px; }
#menu-main-navigation .menu-main-navigation-wrapper div:last-child { position: relative; z-index: 1; }
#menu-main-navigation .spacer-blue { position: absolute; background: #2c9adc; width: 340px; top: 37px; left: 20px; height: 20px; z-index: 0;}
#menu-main-navigation ul { list-style: none; display: inline-block; width: auto; /* min-height: 507px; */ }
#menu-main-navigation ul li { background: #2c9adc; width: 340px; padding: 20px 20px 0px 20px; }
#menu-main-navigation ul li:first-child { width: 200px; }
#menu-main-navigation ul li:last-child { padding-bottom: 80px; } 
#menu-main-navigation ul li a { font-size: 20px; line-height: 20px; font-weight: 700; color: #3e3c3c; text-transform: uppercase; }
.no-touch #menu-main-navigation ul li a:hover { color: #fff; }
#menu-main-navigation ul li.current_page_item a, 
#menu-main-navigation ul li.current-page-ancestor a { color: #fff; }


.language { position: absolute; top: 20px; right: 20px; }
.language ul { float: right; list-style: none; }
.language ul li { float: left; display: inline-block; width: 30px; padding: 1px 0px 1px 0px; margin-left: 10px; background-color: #fff;}
.language ul li.current-lang, 
.language ul li.active,
.language ul li:hover { background-color: #ffcb00; }
.language ul li a { display: block; text-align: center; font-size: 14px; font-weight: 700; color: #3e3c3c; text-transform: uppercase; } 

/* 
7.0 Search
-----------------------------------
*/
#page-search { position: absolute; width: 195px; top: 19px; left: 420px; }
#page-search .search { position: relative; height: 22px; width: 100%; }
#page-search .search input[type=text] { width: 166px;  display: block; background-color: #fff; 
padding: 0px 0px 2px 5px; 
border: 1px #2c9adc solid;
color: #3e3c3c; text-decoration: none; font-weight: 400; font-style: normal; font-size: 14px; line-height: 18px; }
#page-search .search input[type="text"]:focus {
    background-color: #ffcb00;
    color: #000;
}
#page-search .search-container { position: relative; width: 100%; height: 22px; }
#page-search .search-text { position: relative; display: block; }
#page-search .search-submit { position: relative; display: block;  font-size: 14px; font-weight: 400; line-height: 17px; padding-left: 6px; padding-top: 1px; text-transform: lowercase; display: none; }




.submenu-box {position: absolute; width: 260px; top: -80px; left: 0px; background: #bab0b0; z-index: 90; } 
.submenu { position: relative; margin-left: 20px; margin-top: 20px;  margin-bottom: 80px; width: 220px; }
.submenu ul { list-style: none; display: block; background: #3e3c3c; }
.submenu ul li { padding: 20px 0px 0px 20px; }
.submenu > ul > li { padding: 20px 20px 0px 20px; }
.submenu > ul > li:last-child { padding-bottom: 20px; } 
.submenu ul li a,
.submenu ul ul li a { font-size: 15px; line-height: 15px; font-weight: 700; color: #fff; text-transform: uppercase;}
.submenu ul ul li a { font-weight: 400; }
.no-touch .submenu ul li a:hover { color: #2c9adc; }
.submenu ul li.current_page_item > a { color: #2c9adc; }



.content-container { position: relative; margin-left: 240px; margin-top: 20px; width: 740px;   }
.content-box { float: left; position: relative; margin-bottom: 20px; margin-left: 20px; width: 460px; background: #fff; padding: 20px 20px 20px 20px; }
.content-box, .content-box p { font-size: 15px; line-height: 20px; font-weight: 400; color: #3e3c3c; }
.content-box h1,
.content-box h2,
.content-box h3,
.content-box h4,
.content-box h5 { font-size: 20px; line-height: 24px; font-weight: 700; color: #2c9adc; padding-bottom: 20px; }
.content-box p { padding-bottom: 20px; } 

.content-box-blue { background: #2c9adc; }
.content-box-blue, .content-box-blue p { color: #fff; }
.content-box-blue h1,
.content-box-blue h2,
.content-box-blue h3,
.content-box-blue h4,
.content-box-blue h5 { color: #fff; }


.content-box a { color: #3e3c3c;  text-decoration: underline; } 
.content-box-blue a { color: #fff;  text-decoration: underline; }
.content-box a:hover { color: #2c9adc; }
.content-box-blue a:hover { color:  #ffcb00; }


.set { position: relative; float: left; width: 220px; height: 220px; margin-bottom: 20px; margin-left: 20px; overflow: hidden; cursor: pointer; }
.set .icon { position: absolute; display: inline-block; line-height: 0; bottom: 10px; right: 10px; }
.set .nummer { position: absolute; display: inline-block; line-height: 0; top: 0px; left: 0px; color: #fff; font-size: 14px; line-height: 14px; padding: 5px 5px 5px 5px; background-color: #3e3c3c; }
.set a {position: absolute; display: block; width: 220px; height: 220px; line-height: 0; }
.set .image { position: absolute; width: 220px; height: 220px; overflow: hidden; }
.set .image img { position: absolute; display: block; width: 100%; height: auto; left: 0%; top: 0%; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: 0.7}
.no-touch .set:hover .image img { transform: scale(1.1); opacity: 1.0 }

.set .text { position: absolute; width: auto; max-width: 155px; background: rgba(62,60,60,0.8); bottom: -42px; max-height: 42px; overflow: hidden; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;  }
.set .text span { display: block; padding: 3px 5px 5px 5px; font-size: 14px; line-height: 18px; color: #fff;  }
/* .no-touch .set:hover .text { bottom: 0; } */



.set .border  {position: absolute; width: 220px; height: 220px; border: 4px solid #2c9adc; }



.content-container-nosubmenu { position: relative; margin-left: 20px; margin-top: 20px; padding-left: 220px; width: 940px;  background-color: #fff; }
.nosubmenu-spacer { position: absolute; top: -80px; left: 0px; width: 240px; height: 80px; background-color: #fff; z-index: 90; border-right: 20px solid #bab0b0; border-top: 20px solid #bab0b0;}
.content-container-nosubmenu-blue { background: #2c9adc; }
.content-container-nosubmenu-blue .nosubmenu-spacer { background: #2c9adc; }






.content-search-box { float: left; position: relative; margin-bottom: 0px; margin-left: 20px; width: 460px; background: #fff; padding: 20px 20px 20px 20px; }
.content-search-box, .content-search-box p { font-size: 15px; line-height: 20px; font-weight: 400; color: #3e3c3c; }
.content-search-box h1,
.content-search-box h2,
.content-search-box h3,
.content-search-box h4,
.content-search-box h5 { font-size: 20px; line-height: 24px; font-weight: 700; color: #2c9adc; padding-bottom: 20px; }
.content-search-box p { padding-bottom: 20px; } 

.content-search-box p.search-not-found { padding-bottom: 220px; }
.content-search-box a { color: #3e3c3c; text-decoration: underline; } 
.content-search-box a:hover { color: #2c9adc; }

.content-search-set { position: relative; padding-top: 20px; margin-left: 20px; padding-left: 220px; width: 940px; }








.sitemap ul { list-style: none;  }
.sitemap ul li:last-child { padding-bottom: 20px; }
.sitemap ul ul { padding-left: 20px;  }

.sitemap ul ul ul li:last-child  { padding-bottom: 0px; }




.lightbox-background { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: #3e3c3c; z-index: 699; }
.lightbox { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: #3e3c3c; z-index: 700; }
.lightbox-wrapper { position:relative; margin:0 auto; width: 940px; }

.lightbox-content { position: relative; padding-top: 60px; padding-bottom: 20px;  }
.lightbox .lightbox-text { 
	position: relative; 
	float: left;
	line-height: 0;
 }
.lightbox .lightbox-image { 
	position: relative; 
	float: left;
	line-height: 0;
	width: 600px;
	height: 580px;
	padding: 0px 20px 0px 0px; 
	text-align: right;
}

.lightbox .easyzoom { 
	position: relative; 
	display: inline-block;
	line-height: 0;
	*display: inline;
	*zoom: 1; 
	overflow: hidden;
}
.lightbox .easyzoom a { line-height: 0; display: inline-block; position: relative; }
.lightbox .easyzoom a img { 
	vertical-align: bottom; 
	line-height: 0;
	max-width: 100%; height:auto; 
}
.easyzoom.is-loading img {
	cursor: progress;
}
.easyzoom.is-ready img {
    cursor: crosshair;
	cursor: zoom-in;
}
.easyzoom-notice {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 150;
	width: 10em;
	/* margin: -1em 0 0 -5em; */
	line-height: 2em;
	text-align: center;
	background: #2c9adc;
	color: #fff;
	box-shadow: 0 0 10px #fff;
}
.easyzoom .easyzoom-flyout {
	position:absolute;
	z-index: 100;
	overflow: hidden;
	background: #3e3c3c;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 0;
}


.lightbox .lightbox-image .border img { border: 4px solid #2c9adc; }
.lightbox .lightbox-text { width: 340px; height: 580px; padding: 0px 0px 0px 20px; }

.lightbox .lightbox-text h1,
.lightbox .lightbox-text h2,
.lightbox .lightbox-text h3,
.lightbox .lightbox-text h4,
.lightbox .lightbox-text h5 { color: #fff; font-size: 18px; line-height: 24px; font-style: italic; padding-bottom: 20px; }
.lightbox .lightbox-text p { color: #fff; font-size: 15px; line-height: 20px; padding-bottom: 20px; }
.lightbox .lightbox-text a { color: #fff; font-size: 15px; line-height: 20px; text-decoration: underline; }
.lightbox .lightbox-text p.copy, 
.lightbox .lightbox-text p.copy a { font-size: 12px; }
.lightbox .lightbox-text h6,
.lightbox .lightbox-text h6 a { color: #fff; font-size: 12px; line-height: 20px; padding-bottom: 20px; }
.lightbox .lightbox-text a:hover  { color: #ffcb00; }

.lightbox-border { width: 100%; background-color: #bab0b0; line-height: 0; padding-top: 1px; margin-bottom: 20px; }
.lightbox-button-container { position: relative; width: 100%; margin-bottom: 110px; }
.lightbox-button { position: relative; width: 165px; margin: 0 auto; line-height: 0; }
.lightbox .button { position: relative; float: left; display: inline-block; height: 40px; background: #2c9adc; margin-left: 15px;  }
.lightbox-button .button:first-child { margin-left: 0px; }

.lightbox-button .button a { display: block; padding: 12px 0px 8px 0px; color: #fff; font-size: 15px; line-height: 20px;  font-weight: 700; text-align: center; }
.lightbox .prev,
.lightbox .next { width: 40px; }
.lightbox .desc { width: 55px; background: #ffcb00; color: #2c9adc; }
.lightbox .desc span { 
	position: relative;  display: block; padding: 10px 0px 10px 0px; font-size: 15px; line-height: 20px;  font-weight: 700; text-align: center; 
}


.lightbox .next a span {
	position: relative; 
	display: inline-block;
	margin-left: 0px;
	margin-top: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 16px;
	border-color: transparent transparent transparent #fff;
}
.lightbox .prev a span {
	position: relative; 
	display: inline-block;
	margin-right: 0px;
	margin-top: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 16px 8px 0;
	border-color: transparent #fff transparent transparent;
}
.lightbox .next a:hover span {
	border-color: transparent transparent transparent #ffcb00 ;
}
.lightbox .prev a:hover span {
	border-color: transparent  #ffcb00 transparent transparent;
}


.lightbox .close { position: absolute; width: 40px; height: 40px; top: 0px; right: 0px; background: #2c9adc; }
.lightbox .close a { display: block; padding: 20px 0px 20px 0px; line-height: 20px; }
.lightbox .close a span {
  position: absolute;
  left: 3px;
  top: 5px;
  width: 20px;
  height: 20px;
  opacity: 1;
}
.no-touch .lightbox .close:hover a span {
  opacity: 1;  
}
.lightbox .close a span:before, 
.lightbox .close a span:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 30px;
  width: 3px;
  background-color: #fff;
}
.lightbox .close a span:before {
  transform: rotate(45deg);
}
.lightbox .close a span:after {
  transform: rotate(-45deg);
}
.lightbox .close:hover a span:before,
.lightbox .close:hover a span:after {
	background-color: #ffcb00; 
}









.content-box-map { float: left; position: relative; margin-bottom: 20px; margin-left: 20px; width: 700px; background: #fff; padding: 20px 20px 20px 20px; }
.content-box-map, .content-box-map p { font-size: 15px; line-height: 20px; font-weight: 400; color: #3e3c3c; }
.content-box-map h1,
.content-box-map h2,
.content-box-map h3,
.content-box-map h4,
.content-box-map h5 { font-size: 20px; line-height: 24px; font-weight: 700; color: #2c9adc; padding-bottom: 20px; }
.content-box-map p { padding-bottom: 20px; } 

.content-box-map-blue { background: #2c9adc; }
.content-box-map-blue, .content-box-map-blue p { color: #fff; }
.content-box-map-blue h1,
.content-box-map-blue h2,
.content-box-map-blue h3,
.content-box-map-blue h4,
.content-box-map-blue h5 { color: #fff; }


.content-box-map a { color: #3e3c3c;  text-decoration: underline; } 
.content-box-map-blue a { color: #fff;  text-decoration: underline; }
.content-box-map a:hover { color: #2c9adc; }
.content-box-map-blue a:hover { color:  #ffcb00; }



.content-map { 
	position: relative; 
	margin-bottom: 20px; margin-left: 20px; 
	line-height: 0;
	width: 700px;
	height: auto;
}

.content-map .easyzoom { 
	position: relative; 
	display: inline-block;
	line-height: 0;
	*display: inline;
	*zoom: 1; 
	overflow: hidden;
}

.content-map .easyzoom a { line-height: 0; display: inline-block; position: relative; }
.content-map .easyzoom a img { 
	vertical-align: bottom; 
	line-height: 0;
	max-width: 100%; height:auto; 
}
.easyzoom.is-loading img {
	cursor: progress;
}
.easyzoom.is-ready img {
    cursor: crosshair;
	cursor: zoom-in;
}
.easyzoom-notice {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 150;
	width: 10em;
	/* margin: -1em 0 0 -5em; */
	line-height: 2em;
	text-align: center;
	background: #2c9adc;
	color: #fff;
	box-shadow: 0 0 10px #fff;
	display: none;
}
.easyzoom .easyzoom-flyout {
	position:absolute;
	z-index: 100;
	overflow: hidden;
	background: #3e3c3c;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 0;
}
.content-map .easyzoom a > img { width: 700px; height: auto; line-height:0; }
























.page {z-index: 100; } 
.page-last .page-padding { padding-bottom: 80px; /* 110px; */ }


.submenu .spacer { height: 0px; line-hight: 0px; font-size: 0px; padding-bottom: 80px; }


/*
8.0 Footer
*/
#footer {position: fixed; bottom: 0px; width: 100%; height: auto; z-index: 999; background-color: #ffffff; border-top: 1px solid #bab0b0; }
#footer #footer-wrapper {
	position:relative;
	margin:0 auto; 
	width: 980px; }
#footer .footer-content {position: relative; padding: 22px 10px 23px 10px; line-height: 14px; }

#footer .box-left { position: relative; display: inline-block; }
#footer .box-left  ul {list-style: none; width: 100%; }
#footer .box-left  ul li { float: left; border-right: 1px solid #3e3c3c; line-height: 0;}
#footer .box-left  ul li:last-child { border-right: 0px; }
#footer .box-left  ul li a { 
position: relative; display: inline-block; line-height: 0;
color: #2c9adc; text-decoration: none; font-weight: 400; font-style: normal; font-size: 14px; line-height: 14px; padding: 0px 10px 0px 10px; }

#footer .box-right { position: absolute; width: auto; top: 0px; right: 20px; }
#footer .logo-footer { text-align: right; vertical-align: middle; }
#footer .logo-footer a { position: relative; display: inline-block; line-height: 0; }

#footer .logo-footer a.logo1 { padding-top: 9px; padding-bottom: 7px; padding-left: 0px; }
#footer .logo-footer a.logo2 { padding-top: 7px; padding-bottom: 0px; padding-left: 25px; }
#footer .logo-footer a.logo3 { padding-top: 7px; padding-bottom: 0px; padding-left: 20px; }
#footer .logo-footer a.logo4 { padding-top: 2px; padding-bottom: 5px; padding-left: 20px; }

#footer .logo-footer .logo1 img {display: block; width: 100px; height: auto; }

#footer .logo-footer .logo2 img {display: block; width: 150px; height: auto; }

#footer .logo-footer .logo3 img {display: block; width: 240px; height: auto; }

#footer .logo-footer .logo4 img {display: block; width: 110px; height: auto; }






.mobile { display: none; }
.desktop{ display: block; }
.hidden { display: none; }



/* 
9.0 Clearfix 
*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   font-size: 0;
   line-height: 0;
   color: transparent;
   height: 0;
   min-height: 0;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */