body { background: #24387f; width: 100%; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; color: #333; font-size: 100.01%; font-weight: 400; line-height: 130%; }

body.sidr-open, body.sidr-animating { position: fixed; }

	#content a { color: #24387f; text-decoration: underline; }
	#content a:hover { background: #f2cc74; color: #24387f; text-decoration: none; }
	a:focus { outline: none; }
	img { margin: 0; padding: 0; border: 0; }

.sige_caption {
  text-align: center;
  margin: 20px 0 0 0;
}

.sige_caption, .sige_single, .sige_small, .sige_thumb {
  text-align: center;
  margin: 20px 0 0 0;
}

.sige_caption_title {
  font-weight: 700;
  margin: 20px 0 0 0;
}
	.clear { clear: both; padding: 0; height: 0; margin: 0; }

	h1, h2, h3, h4, p, table { line-height: 135%; margin: 0px 0px 15px 0px; }
	h1 { font-size: 32px; font-weight: 400; color: #24387f; margin: 0 0 10px 0; }
	h2 { font-size: 22px; font-weight: 400; color: #24387f; margin: 0 0 10px 0; }
	h3 { font-size: 16px; font-weight: 400; color: #24387f; border-bottom: 1px dotted #333; padding: 15px 0 0 0; margin: 0 0 10px 0; }

.widthFix { max-width: 1200px; position: relative; margin: 0 auto; padding: 0 40px; }

#mobile-header { background: #24387f url(../images/bgHeader.png) repeat-x left bottom; width: 100%; height: 130px; position: fixed; top: 0; left: 0; z-index: 1000; }
	#mobile-header, #logo { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
	#mobile-header .widthFix { height: 130px; }
		#responsive-menu-button { display: none; background-size: 100%; background-image: url(../images/menu.png); background-repeat: no-repeat; background-position: left center; position: absolute; top: 0; left: 20px; width: 45px; height: 100%; text-indent: -10000px; }
		#logo { width: 232px; position: relative; padding: 15px 0 0 0; margin: 0 auto; }
			#logo a, #logo img { display: block; width: 232px; height: auto; }

	#mobile-header.cbp-af-header-shrink, #mobile-header.cbp-af-header-shrink .widthFix { height: 75px; }
	#mobile-header.cbp-af-header-shrink #logo { margin: -25px auto 0 auto; -moz-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
	#mobile-header.cbp-af-header-shrink #responsive-menu-button { height: 80px; top: 20px; }


.sidr-open #mobile-header, .sidr-animating #mobile-header, .sidr-open #emotion, .sidr-animating #emotion { position: absolute; }


#fake { position: relative; margin: 75px 0 0 0; }
#emotion { position: fixed; top: 75px; left: 0; right: 0; z-index: -1; }
	#fake img, #emotion img { display: block; width: 100%; height: auto; }
						
#main { background: #fcf6eb; width: 100%; position: relative; z-index: 100; }

#decoFix { width: 100%; height: 54px; position: absolute; top: -54px; left: 0; overflow: hidden; }
	#deco { background: url(../images/deco.png) no-repeat center top; width: 100%; height: 54px; }

#columnLeft { width: 300px; float: left; padding: 80px 40px 40px 0; position: relative; overflow: hidden; }
		.sidr ul { display: block; margin: 0; padding: 0; }
		.sidr ul li { display: inline; }
		.sidr ul li a { display: block; font-size: 20px; font-weight: 400; line-height: 40px; color: #24387f; padding: 0 0 0 15px; margin: 0 0 1px 0; text-decoration: none; }
			.sidr ul li a:hover,
			.sidr ul li.active a,
			.sidr ul li.sidr-class-active a,
			.sidr ul li.current a,
			.sidr ul li.sidr-class-current a { background: #24387f; color: #fff; }
/* ZWEITE MENÜEBENE */
		.sidr ul li ul { padding: 10px 0; }
			.sidr ul li ul li a,
			.sidr ul li.active ul li a,
			.sidr ul li.sidr-class-active ul li a,
			.sidr ul li.current ul li a,
			.sidr ul li.sidr-class-current ul li a { background: none; font-size: 16px; line-height: 24px; color: #666; padding: 0 0 0 40px;  }
		
		.sidr ul li ul li a:hover,
			.sidr ul li ul li.active a,
			.sidr ul li ul li.sidr-class-active a,
			.sidr ul li ul li.current a,
			.sidr ul li ul li.sidr-class-current a { font-weight: 700; color: #24387f; }

#mainNav, #columnLeft .box, #sidr-id-mainNav, .sidr-class-box { background: #fff; width: 100%; font-size: 16px; color: #666; padding: 12px 15px; margin: 0 0 40px 0; border: 1px solid #ece1cc; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#sidr-id-mainNav, .sidr-class-box { background: none; border: none; }
	#mainNav .boxShadow, #columnLeft .box .boxShadow { background-size: 100%; background-image: url(../images/boxShadow.png); background-repeat: no-repeat; background-position: 0 0; width: 100%; height: 20px; position: absolute; left: 0; bottom: -21px; }
	#sidr-id-mainNav .sidr-class-boxShadow, .sidr-class-box .sidr-class-boxShadow { display: none; }
	#mainNav, #sidr-id-mainNav { padding: 6px 0; }
	#columnLeft .box h3, .sidr-class-box h3 { font-size: 18px; font-weight: 400; color: #333; border-bottom: 1px dotted #333; padding: 0; margin: 0 0 10px 0; }
	#columnLeft .box p, .sidr-class-box p { margin: 0 0 10px 0; }
	#columnLeft .box p:last-child, .sidr-class-box p:last-child { margin: 0; }

	#columnLeft .fb, .sidr-class-fb { width: 20px height: 20px; position: absolute; top: 30px; right: 40px; }
		.sidr-class-fb { top: 140px; right: 20px; }
		#columnLeft .fb img, .sidr-class-fb img { display: block; width: 20px; height: 20px; }
	#columnLeft .mod-languages { position: absolute; top: 32px; left: 0px; }
		.sidr-class-mod-languages { position: absolute; top: 145px; left: 10px; }
			.sidr-class-mod-languages ul li { display: inline; }
				.sidr-class-mod-languages ul li a { display: block; float: left; }

#content { height: 100%; padding: 0 0 40px 0; position: relative; overflow: hidden; }
		
#footer { background: #24387f url(../images/bgHeader.png) repeat-x left top; width: 100%; font-size: 18px; line-height: 150%; color: #f2cc74; position: relative; z-index: 100; }
	#footer .widthFix { height: 120px; }
		#footer .address { position: absolute; left: 40px; top: 20px; }
		#footer .contact { position: absolute; left: 260px; top: 20px; }
			#footer .contact a { color: #f2cc74; text-decoration: none; }
				#footer .contact a:hover { background: #f2cc74; color: #24387f; }
		#footer .fb {width: 31px; height: 31px; position: absolute; bottom: 20px; right: 420px;}
		#footer .footerNav { position: absolute; right: 30px; top: 18px; }
			#footer .footerNav ul { margin: 0; padding: 0; list-style-type: none; }
				#footer .footerNav ul li { display: inline; }
					#footer .footerNav ul li a { display: block; font-size: 20px; font-weight: 400; line-height: 120%; color: #fff; float: left; text-decoration: none; padding: 2px 10px; margin: 0 0 0 5px; }
						#footer .footerNav ul li a:hover, #footer .footerNav ul li.current a { background: #f2cc74; color: #24387f; }
		#footer .copyright { font-size: 13px; font-weight: 400; line-height: 130%; text-align: right; position: absolute; right: 40px; bottom: 17px; }
			#footer .copyright a { color: #f2cc74; text-decoration: none; }
				#footer .copyright a:hover { background: #f2cc74; color: #24387f; }

/* BILDER */
#content .bildvoll { display: block; width: 100%; height: auto; margin: 0 0 15px 0; }
#content .bildlinks { display: block; float: left; width: 36%; height: auto; margin: 0 20px 15px 0; }
#content .bildrechts { display: block; float: right; width: 36%; height: auto; margin: 0 0 15px 20px; }



/* MOBILE NAVIGATION */
#sidr-main { display: none; background: #e7decd; width: 260px; height: 100%; color: #333; border-right: 1px solid #b0aaa4; position:absolute; position: fixed; top: 0; z-index: 1000; overflow-x: none; overflow-y: auto; }
	#sidr-main .sidr-inner { width: 100%; padding: 180px 0 0 0; }

	#sidr-main.left { left: -260px; right: auto; }


/*  DECO FIX 
------------------------------------- */

@media (max-width: 1279px) {

#deco { width: 1279px; }

}

/* Fix for some issues 
------------------------------------------- */

@media (max-width: 1100px) {

.widthFix { padding: 0 20px; }

#deco { background: url(../images/deco.png) no-repeat -2400px top; }


#columnLeft { width: 260px; padding: 80px 30px 30px 0; }
	.sidr ul li a { display: block; font-size: 18px; line-height: 34px; padding: 0 0 0 10px; }

/* ZWEITE MENÜEBENE */
.sidr ul li ul { padding: 5px 0; }
	.sidr ul li ul li a,
	.sidr ul li.active ul li a,
	.sidr ul li.sidr-class-active ul li a,
	.sidr ul li.current ul li a,
	.sidr ul li.sidr-class-current ul li a { font-size: 15px; line-height: 24px; padding: 0 0 0 35px; }


#columnLeft .fb { right: 30px; }

#footer .address { left: 20px; }
#footer .contact { left: 230px; }
#footer .footerNav { right: 10px; }
#footer .copyright { right: 20px; }

}

/* Portrait tablet to landscape and desktop 
------------------------------------------- */

@media (max-width: 979px) {

#responsive-menu-button { display: block; }
#decoFix, #columnLeft { display: none; }

.widthFix { padding: 0 15px; }

#main { -webkit-box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.3);
box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.3); }

#content { padding: 20px 0; }

#footer { font-size: 18px; line-height: 150%; }
	#footer .widthFix { height: 340px; }
		#footer .address { position: absolute; left: 0; top: 70px; width: 100%; text-align: center; }
		#footer .contact { position: absolute; left: 0; top: 170px; width: 100%; text-align: center; }
		#footer .footerNav { right: auto; top: 18px; width: 410px; left: 50%; margin-left: -205px; }
			#footer .footerNav ul li a { padding: 2px 8px; margin: 0 0 0 1px; }
		#footer .copyright { font-size: 13px; font-weight: 400; line-height: 130%; width: 100%; text-align: center; position: absolute; right: 0; bottom: 17px; }

}

	
/* Landscape phone to portrait tablet 
------------------------------------- */

@media (max-width: 767px) {

html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }

h1 { font-size: 28px; }
h2 { font-size: 20px; }

#mobile-header { height: 90px; }
	
	#mobile-header .widthFix { height: 90px; }
		#responsive-menu-button { left: 15px; width: 40px; }
		#logo { width: 136px; }
			#logo a, #logo img { width: 136px; }

	#mobile-header.cbp-af-header-shrink, #mobile-header.cbp-af-header-shrink .widthFix { height: 90px; }
	#mobile-header.cbp-af-header-shrink #logo { margin: 0 auto; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	#mobile-header.cbp-af-header-shrink #responsive-menu-button { height: 100%; top: 0; }

#fake { margin: 90px 0 0 0; }
	#emotion { top: 90px; }

#sidr-main .sidr-inner { width: 100%; padding: 140px 0 0 0; }

.sidr-class-fb { top: 100px; right: 20px; }
.sidr-class-mod-languages { position: absolute; top: 105px; left: 10px; }

}


/* Landscape phones and down 
---------------------------- */

@media (max-width: 479px) {

#mobile-header { height: 75px; }
	
	#mobile-header .widthFix { height: 75px; }
		#responsive-menu-button { left: 10px; width: 35px; }
		#logo { width: 125px; padding: 10px 0 0 0; }
			#logo a, #logo img { width: 125px; }

	#mobile-header.cbp-af-header-shrink, #mobile-header.cbp-af-header-shrink .widthFix { height: 75px; }

#fake { margin: 75px 0 0 0; }
	#emotion { top: 75px; }

#footer { font-size: 15px; line-height: 140%; }
	#footer .widthFix { height: 360px; }
		#footer .address { top: 140px; }
		#footer .contact { top: 220px; }
		#footer .footerNav { right: auto; top: 18px; width: 180px;  margin-left: -90px; }
			#footer .footerNav ul li a { font-size: 18px; float: none; text-align: center; padding: 2px 0; margin: 0; }
		#footer .copyright { font-size: 12px; font-weight: 400; line-height: 130%; width: 100%; text-align: center; position: absolute; right: 0; bottom: 17px; }

}


/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}