@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}





html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	line-height: normal;
	background-color:#fff;
	font-family: 'open_sansregular', Arial;
	color: #676158;
	font-size:14px;
	line-height:22px;
}

.wrapper {

}


img {
	vertical-align: bottom;
}


ul {
	list-style:none;
	padding:0px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #e66100;
	text-decoration:none;

}
a:hover {
	color:#b5520b;
}

a:active, a:focus {outline: none;}



a.buttonlink, .submit .btn {
	
	background-color:#e97622;
	display:inline-block;
	padding:14px;
	color:#fff;
	padding-top:6px;
	padding-bottom:6px;
	
	font-size:13px;
	margin-top:10px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	

}

a.buttonlink:hover, span.buttonlink:hover a, .submit .btn:hover {
	background-color:#46201f;
}

.submit .btn {
	border:none;
	cursor:pointer;
	transition: all 0.5s ease;	
	/*background-color:#004994;*/
}

.submit .btn:hover {
	/*background-color:#007cc1;*/
}


a.download {

}
a.download:hover {

}


b, strong {
	font-family: 'open_sansbold';
	display:inline-block;
	padding-right:3px;
}

i, em {
	font-style: italic;

}

.text-center {
	text-align:center;
}

.clear {
	clear:both;
}

.align-justify {
	text-align: justify;
}


p {

}



h1, h2 {
	font-family: 'open_sanssemibold';
	font-size:25px;
	line-height:30px;
	color:#676158;
	padding-bottom:30px;
	text-transform:uppercase;	
}


h3 {
    font-family: 'open_sansregular';
	font-size:18px;
	line-height:23px;
	color:#c4b097;
	padding-bottom:14px;
	text-transform:uppercase;	
}


p {
	padding-bottom:16px;
}



sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}


#burger-navi {
	display:none;
}



.section {
	padding-top:60px;
	padding-bottom:60px;
	float:left;
	width:100%;
}


.center-container, #maincontent-container .frame {
	width:100%;
	max-width:1287px;
	padding-left:60px;
	padding-right:60px;	
	margin-left:auto;
	margin-right:auto;
}

#maincontent-container .frame {
	padding-left:0px;
	padding-right:0px;	
}








#header-container {
	width:100%;
	float:left;
	position:relative;

}

#header-container #mainnavi-container {
	background-color:#312934;
	float:left;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	font-size:16px;
	font-family: 'open_sanssemibold';
	position:relative;
}
#header-container #mainnavi-container  ul {
	display:inline-block;
}

#header-container #mainnavi-container li {
	display:inline-block;
}
#header-container #mainnavi-container li > a {
	color:#fff;
	display:inline-block;
	padding-left:30px;
	padding-right:30px;
	padding-top:16px;
	padding-bottom:16px;
}
#header-container #mainnavi-container li a.active,
#header-container #mainnavi-container li a.active-from-js,
#header-container #mainnavi-container li a:hover {
	color:#e6d1b6;
}



.subnavi-container {
	position:absolute;
	z-index:99999;
	padding:20px;
	background-color:#fff;
	max-width:auto;
	font-size:14px;
	-webkit-box-shadow: 1px 7px 15px -9px rgba(0,0,0,0.5); 
	box-shadow: 1px 7px 15px -9px rgba(0,0,0,0.5);	
	display:none;
}


#header-container #mainnavi-container li.hasSub:hover .subnavi-container {
	display:block;
}

.subnavi-container .subnavi-element {
	clear:both;
	float:left;
	background-color:#f3ede2;
	min-width:320px;
}

.subnavi-container .subnavi-thumbnail {
	float:left;
}
.subnavi-container .subnavi-element-right-part {
	float:left;
	padding:14px;
	padding-top:10px;
	padding-right:20px;
}

.subnavi-container  a {
	color:inherit!important;
}

.subnavi-container  a:hover {
	color:inherit!important;
} 

.subnavi-container .subnavi-a-wrap { 
	margin-bottom:14px;
	float:left;
	clear:both;

}

.subnavi-container .subnavi-a-wrap:hover a {
	color:#e66100!important;	
}



#header-container #fb-icon {
	position:absolute;
	right:20px;
	top:12px;
}
#header-container #in-icon {
	position:absolute;
	right:60px;
	top:12px;
}



#map-area-container {
	width:100%;
	float:left;
	background-color:#ece3d4;
	background-image:url(../img/africa-map.png);
	background-repeat:no-repeat;
	background-position: 20% 0%;
	padding-top:114px;
	border-bottom: 8px solid #e66100; 
	padding-bottom:0px;

}


.sauele-Wasser #map-area-container {
	border-bottom: 8px solid #8fbfdd; 
}
.sauele-Landwirtschaft #map-area-container {
	border-bottom: 8px solid #97c79b; 
}
.sauele-Solarenergie #map-area-container {
	border-bottom: 8px solid #f6ed89; 
}

.sauele-Bildung #map-area-container {
	border-bottom: 8px solid #d6c5af; 
}



#map-area-container .center-container {
	position:relative;
}



#map-area-container #logo-container {
	position:absolute;
	top:-90px;
}


#map-area-container  #spenden-btn {
	top:-60px;
	right:60px;
	position:absolute;
	display:inline-block;
	background-color:#e66100;
	padding-left:43px;
	padding-right:15px;
	height:37px;
	line-height:37px;
	background-image:url(../img/spenden-icon.png);
	background-repeat:no-repeat;
	background-position: 15px 50%;
	color:#fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;		
}
#map-area-container  #spenden-btn:hover {
	background-color:#46201f;
}




#slider-container {
	float:left;
	width:100%;
	border: 8px solid #fff;
	margin-bottom:45px;
	position:relative;
}
#slider-container h1, 
#slider-container h2 {
	color:#e66100;
	padding-bottom:14px;
}

#slider-container  .ce-gallery {
	margin:0px;
	display:inline-block;
	max-width: calc(100% - 418px);
}

#slider-container img {
	width:100%;
	height:auto;
}

#slider-container  .ce-bodytext {
	position:absolute;
	margin:0px;
	background-color:#f0ebe4;
	text-align:center;
	padding-top:100px;
	height:100%;
	width:100%;
	max-width:418px;
	right:0px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
}


#slider-container  .ce-bodytext a.buttonlink {
	background-color:#46201f;
}
#slider-container  .ce-bodytext a.buttonlink:hover {
	background-color:#e66100;
}


.controls {
	position:absolute;
	top:30px;
	width:100%;
	max-width:418px;
	text-align:center;
	right:0px;
}

.controls ol {


}

.controls ol li {
	display:inline-block;
	margin-left:6px;
	margin-right:6px;		
}

.controls ol li a {
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;		
	display:block;
	width:15px;
	height:15px;
	background-color: #fff;
	border:none;
}
.controls ol li.current a {
	background-color: #e66100;
	border:3px solid #fff;
}

.controls ol li a span {
	display:none;
}




#bereiche-container {
	padding-top:0px;
	padding-bottom:0px;
}


#bereiche-container .bereich {
	float:left;
	width:calc(94%/4);
	border:8px solid #fff;
	margin-right:2%;
	background-color:#fff;
	text-align:center;
	margin-bottom:-50px;
	position:relative;
	z-index:9;
	
}


#bereiche-container .bereich:last-child {
	margin-right:0px;
}




#bereiche-container .bereich .frame {
	opacity: 0.7;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
#bereiche-container .bereich:hover .frame {
	opacity: 1.0;
}

#bereiche-container .bereich .ce-gallery * {
	width:100%;
	height:auto;
}

#bereiche-container .wasser .frame {
	background-color:#5fa3ce;
}
#bereiche-container .wasser .frame .buttonlink {
	background-color:#3780ae;
}



#bereiche-container .landwirtschaft .frame {
	background-color:#6aaf70;
}
#bereiche-container .landwirtschaft .frame .buttonlink {
	background-color:#5b9d61;
}

#bereiche-container .solar .frame {
	background-color:#f2e556;
}
#bereiche-container .solar .frame .buttonlink {
	background-color:#ddbf17;
}

#bereiche-container .bildung-kultur .frame {
	background-color:#c4ac8d;
}
#bereiche-container .bildung-kultur .frame .buttonlink {
	background-color:#998061;
}


#bereiche-container .bereich .ce-bodytext {
	padding:10px;
	padding-bottom:25px;
}


#bereiche-container .bereich h2 {
	color:#fff;
	font-size:18px;
	padding-bottom:0px;

}






#situation-loesung-container {
	float:left;
	width:100%;
	background-color:#f6f6f6;
	padding-top:120px;
}
#situation-loesung-container .col {
	width:50%;
	display:inline-block;	
	vertical-align:top;	
	border-top:1px solid #eae4db;
	padding-top:45px;
}

#situation-loesung-container .left-col {
	padding-right:40px;

}

#situation-loesung-container .right-col {
	padding-left:40px;	
}
#situation-loesung-container .ce-gallery {
	margin-right: 20px;
}

#situation-loesung-container .ce-gallery .image {
	border:8px solid #f3ede7;
}
#situation-loesung-container .ce-gallery .image img {
	width:100%;
	width:auto;
}



#vision-container {
	background-color:#ece3d4;
	border-bottom:8px solid #e66100;
}


#vision-container .ce-textpic {
	padding:8px;
	background-color:#fff;
}
#vision-container .ce-textpic .ce-gallery {
	margin-right:25px;
	margin-bottom:0px;
}

#vision-container .ce-textpic .ce-gallery img {
	width:100%;
	height:auto;
}

#vision-container .ce-textpic .ce-bodytext {
	margin-top:20px;
	padding-right:20px;
}


#menschen-container {
	text-align:center;
	background-color:#f2f0f0;
	padding-bottom:100px;
}

#menschen-container #slider-menschen {
	font-family: 'open_sanslight';
	font-style:italic;
}


#menschen-container .ce-textpic {
	width: 100%;
	max-width: 600px;
	display:inline-block;
}
#menschen-container .ce-gallery {
	margin-bottom:20px;
}

#menschen-container .ce-gallery img {
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	border:8px solid #fff;
}

#menschen-container .ce-bodytext {

}



#menschen-container .controls {
	position:relative;
	top:30px;
	width:100%;
	max-width:auto;
	text-align:center;
	right:0px;
}


#footer-container {
	background-color: #312934;
	color:#fcfcfc;
}

#footer-container .col {
	display:inline-block;
	vertical-align:top;
	padding-right:40px;
	width: calc(100%/4);
}

#footer-container h2 {
	color:#e6d1b6;
	font-size:18px;
	padding-bottom:10px;	
}

#footer-container ul li {
	padding-top:5px;
	padding-bottom:5px;
}

#footer-container a {
	color:#fcfcfc;
}
#footer-container a:hover{
	text-decoration:underline;
}



#footer-container #footer-col-4 ul li {
	display:table;
	height:45px;
}

#footer-container #footer-col-4 ul li span {
	background-repeat:no-repeat;
	padding-left:45px;
	background-position: 0px 50%;
	display:table-cell;
	vertical-align:middle;
}

#footer-container #footer-col-4 ul li span.place-icon {
	background-image:url(../img/place-icon.png);
}
#footer-container #footer-col-4 ul li span.phone-icon {
	background-image:url(../img/phone-icon.png);
}
#footer-container #footer-col-4 ul li span.mail-icon {
	background-image:url(../img/mail-icon.png);
}




/*CONTENT*/

#maincontent-container .frame {
	margin-bottom: 100px;
}

#maincontent-container .frame-space-after-extra-small {
	margin-bottom:0px;
}
 
 

#maincontent-container .bereich {
	float:left;
	width:calc(94%/4);
	border:8px solid #fff;
	margin-right:2%;
	background-color:#fff;
	text-align:center;
	margin-bottom:-50px;
	position:relative;
	z-index:9; 
	
}

#bereiche-container .bereich h2 {
	color:#fff;
	font-size:18px;
	padding-bottom:0px;

}


#maincontent-container .bereich:last-child {
	margin-right:0px;
}



#maincontent-container .bereich .frame {
	opacity: 0.7;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
#maincontent-container .bereich:hover .frame {
	opacity: 1.0;
}

#maincontent-container .bereich .ce-gallery * {
	width:100%;
	height:auto;
}

#maincontent-container .wasser .frame {
	background-color:#5fa3ce;
}
#maincontent-container .wasser .frame .buttonlink {
	background-color:#3780ae;
}



#maincontent-container .landwirtschaft .frame {
	background-color:#6aaf70;
}
#maincontent-container .landwirtschaft .frame .buttonlink {
	background-color:#5b9d61;
}

#maincontent-container .solar .frame {
	background-color:#f2e556;
}
#maincontent-container .solar .frame .buttonlink {
	background-color:#ddbf17;
}

#maincontent-container .bildung-kultur .frame {
	background-color:#c4ac8d;
}
#maincontent-container .bildung-kultur .frame .buttonlink {
	background-color:#998061;
}


#maincontent-container .bereich .ce-bodytext {
	padding:10px;
	padding-bottom:25px;
}


#maincontent-container .bereich h2 {
	color:#fff;
	font-size:18px;
	padding-bottom:0px;

}








#maincontent-container .ce-gallery img {
	width:100%;
	height:auto;
}


#maincontent-container .ce-left  .ce-gallery {
	margin-right:24px;
}
#maincontent-container .ce-right  .ce-gallery {
	margin-left:24px;
}


#maincontent-container  .ce-bodytext h3 {
	color: #e66100;
	margin-top:30px;
	padding-bottom:10px;
}



#maincontent-container  .ce-bodytext ol {
	list-style: none;
	counter-reset: item;
}
#maincontent-container  .ce-bodytext ol li  {
	counter-increment: item;
	margin-bottom: 25px;

}
#maincontent-container  .ce-bodytext ol li:before {
	margin-right: 7px;
	content: counter(item);
	font-size:12px;	
	background: #e66100;
	border-radius: 100%;
	color: white;
	width: 24px;
	height:24px;
	line-height:24px;
	text-align: center;
	display: inline-block;
}




/*COLLAGE*/

.Collage  {
	width: 100%;
	margin-bottom:60px;
}
.Collage_loaded {
	background:none;
}

.Collage .ce-gallery {
	display:none;
}

.Collage .collage-image-holder {
    padding:20px;
	width: calc(100% + 43px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	visibility:hidden;
	float:none;
	display:inline-block;
	margin-left:-20px;
	margin-top:-15px;
	/*background-color:#f1f1f1;*/

}
.Collage .collage-image-holder img {
    margin:0;
    padding:0;
    display:inline-block;
    vertical-align:bottom;
    opacity:1;
}




/*RESPONSIVE STYLES*/ 

@media (max-width: 1240px) {
	
	#header-container #mainnavi-container li > a {
		padding-left:20px;
		padding-right:20px;
	}	

	#slider-container  .ce-bodytext {
		padding-top:80px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:20px;
	}	
	
}

@media (max-width: 1200px) {
	

	body {

		font-size:13px;
		line-height:20px;
	}	
	
	/*
	#slider-container  .ce-gallery {
		max-width: calc(100% - 600px);
	}


	#slider-container  .ce-bodytext {

		max-width:600px;
	}
	*/
	#slider-container h1, 
	#slider-container h2 {
		font-size:20px;
		line-height:24px;
		padding-bottom:10px;
	}	
	
}


@media (max-width: 1100px) {
	a.buttonlink, .submit .btn {
		margin-top:8px;
	}
	.controls {
		top:22px;
	}	
	#slider-container  .ce-bodytext {
		padding-top:60px;	
		
	}
	


	#bereiche-container .bereich h2 {
		font-size:16px;
	}
		
	#situation-loesung-container .left-col {
		padding-right:20px;

	}

	#situation-loesung-container .right-col {
		padding-left:20px;	
	}	
	

		
	#situation-loesung-container .ce-gallery {
		margin-right: 0px;
		width:100%;
		margin-bottom:0px;
		float:left;
	}
	

	
	#situation-loesung-container .ce-row {
		float:left;
		padding-right:10px;
		max-width: 50%;
		max-height: 50%;
	}
 
	#situation-loesung-container .ce-gallery .image {
		border:8px solid #f3ede7;
		width:100%;
		height:100%;
	}

	#situation-loesung-container .ce-gallery .image img {
		width:100%;
		height:100%;
	}


	#situation-loesung-container .ce-bodytext {
		width:100%;
		float:left;
	}
	

	
	
	
}


@media (max-width: 1024px) {

	#header-container #mainnavi-container {
		font-size:14px;
	}

	#header-container #mainnavi-container li > a {
		padding-left:14px;
		padding-right:14px;
	}	
	
	#vision-container .ce-textpic .ce-gallery {
		margin:0px;
		width:50%;
	}


	#vision-container .ce-textpic .ce-bodytext {
		width:50%;
		padding-left:20px;
	}

}




@media (max-width: 1000px) {


	#slider-container h1, 
	#slider-container h2 {
		font-size:18px;
		line-height:22px;
		padding-bottom:8px;
	}	

	#map-area-container  #spenden-btn {
		right:30px;
	}


	.center-container {
		padding-left:30px;
		padding-right:30px;	

	}


		
		
	
	.controls {
		display:none;
	}
	
	#slider-container  .ce-gallery {
		width:100%;
		float:left;
		max-width:100%;
	}		
	
	#slider-container  .ce-gallery * {
		width:100%;
	}

	#slider-container  .ce-bodytext {
		width:100%;
		max-width:100%;
		float:left;
		position:absolute;
		bottom:0px;
		height:auto;
		padding-top:20px;
		padding-bottom:10px;
		
		background: rgba(240,235,228, 0.9);
	}	
	
	
	

	#bereiche-container .bereich, #maincontent-container .bereich {
		width: calc(50% - 5px);
		margin-right:10px;
		margin-bottom:10px;
		
	}	
	#bereiche-container .bereich:nth-child(2n), #maincontent-container .bereich:nth-child(2n) {
		margin-right:0px;
	}
	#maincontent-container .bereich .frame {
		margin-bottom:0px;
	}

	
	#maincontent-container .ce-left  .ce-gallery {
		width:50%;
		margin:0px;
	}
	#maincontent-container .ce-right  .ce-gallery {
		width:50%;
		margin:0px;
	}
	
	#maincontent-container .ce-left  .ce-bodytext {
		width:50%;
		padding-left:20px;
	}
	#maincontent-container .ce-right  .ce-bodytext {
		width:50%;
		padding-right:20px;
	}	

	
		
	#footer-container .col {

		padding-right:20px;

	}	
	
	
	
}


@media (max-width: 800px) {
	

	#header-container #mainnavi-container {
		text-align:left;
	}	
		

	#header-container #mainnavi-container li > a {
		padding-left:12px;
		padding-right:12px;
	}			
		
	
	#vision-container .ce-textpic .ce-gallery {
		margin:0px;
		width:100%;

	}

	#vision-container .ce-textpic .ce-gallery * {
		width:100%;
		height:auto;
	}

	#vision-container .ce-textpic .ce-bodytext {
		width:100%;
		padding:10px;
	}
	
	#footer-container .col {
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:1px dotted #ccc;
		padding-right:0px;
		width: 100%;
	}	

}


@media (max-width: 790px) {
		
	#slider-container  .ce-bodytext {
		position:relative;
		height:250px;
		
	}		
		
	#burger-navi {
		display:inline-block;
		width: 34px;
		height:34px;
		cursor:pointer;
		background-color:#e66100;
		z-index:99999999;
		background-image:url(../img/burger-navi.png);
		background-repeat:no-repeat;
		background-position:50% 50%;	
		left:20px;
		top:10px;
		border:2px solid #ffffff;
		position:absolute;
	}	
	
		
	#header-container #mainnavi-container {
		height:54px;
		width:100%;
	}
	#header-container #mainnavi-container  ul {
			position:absolute;
			display:none;
			background-color:#312934;
			top:54px;
			z-index:999999999;
			width:100%;
	}

	#header-container #mainnavi-container li {
		display:inline-block;
		width:100%;
		border-bottom:1px solid #fff;
	}

	#header-container #mainnavi-container li a {
		width:100%;
		display:block;
	}


	.subnavi-container {
		position:relative;
		display:block;
		float:left;
		background-color:#fff;
		width:100%;
		max-width:100%;
	}


	.subnavi-container .subnavi-element {
		float:left;
		min-width:100%;
		width:100%;
	}

	
	
	
}


@media (max-width: 640px) {

	#bereiche-container .bereich, #maincontent-container .bereich {
		width: 100%;
		margin-right:0px;
		margin-bottom:20px;
		
	}	


	#maincontent-container .ce-left  .ce-gallery {
		width:100%;
		margin-bottom:20px;
	}
	#maincontent-container .ce-right  .ce-gallery {
		width:100%;
		margin-bottom:20px;
	}
	
	#maincontent-container .ce-left  .ce-bodytext {
		width:100%;
		padding-left:0px;
	}
	#maincontent-container .ce-right  .ce-bodytext {
		width:100%;
		padding-right:0px;
	}	

	

	#map-area-container  #spenden-btn {
		top:-60px;
		right:20px;
	}
	
	
	.center-container {
		padding-left:20px;
		padding-right:20px;	

	}	
			
	
	#situation-loesung-container .col {
		width:100%;
		padding-bottom:40px;
		padding-left:0px;
	}
		
}