@charset "utf-8";
/* CSS Document */

html,body{
	width: 100%;
	padding: 0;
	font-size: 17px;
	background-color: #fff;
	color: #FFFFFF;
	margin-left: 0px;
	margin-top: 00px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;

}

.link_out{
	color:#F9E815;
	width:100%;
	box-sizing:border-box;
	cursor:pointer;
	}
	
.link_out a{
	color:#F9E815;
	width:100%;
	box-sizing:border-box;
	cursor:pointer;
	}	

img{
	border: 0;
}

h1{
	font-size: 35px;
	color: #5F4838;
	letter-spacing: 1px;
	font-style: normal;
	font-weight: normal;
	}

h2{
	font-size: 25px;
	color: #5F4838;
	letter-spacing: 1px;
	font-style: normal;
	font-weight: normal;
	}
	
	
	h3{
	font-size: 20px;
	color: #5F4838;
	letter-spacing: 1px;
	font-style: normal;
	font-weight: normal;
	}
	
	
	h4{
	font-size: 18px;
	color: #5F4838;
	letter-spacing: 1px;
	font-style: normal;
	font-weight: normal;
	}
	
	
	h5{
	font-size: 15px;
	color: #5F4838;
	letter-spacing: 1px;
	font-style: normal;
	font-weight: normal;
	}
	
	.spruch{
	font-size: 17px;
	color: #5F4838;
	letter-spacing: 1px;
	font-style: italic;
	font-weight: normal;
	}


div#header{
	width: 100%;
	height: 120px;
	background-position: center top;
	background-attachment: scroll;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: fixed;
	z-index: 1000;
	background-image: url(bilder/ober.png);
	background-repeat: repeat-x;

}

div#wrapper{
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	float: left;
	background-repeat: repeat-x;
}

div#wrapper_navi{
	float: left;
	margin-top: 13px;
	margin-bottom: 0px;
	background-color: #23491B;
	height: 80px;
	width: 988px;
	vertical-align: middle;
	display: table-cell;
}


div#spitz{
	float: left;
	height: 80px;
	width: 80px;
	margin-top: 13px;
}


#logo {
	width: 291px;
	height: 50px;
	padding-left: 0px;
	padding-top: 17px;
	position: static;
	margin-left: 123px;
	padding-right: 10px;
	float: left;

}



div#navi{
	width: 530px;
	padding-left: 13px;
	float: left;
	height: 80px;
	margin-top: 28px;
}


.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

.mitte{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	text-align: left;
	min-height: 800px;
	color: #FFFFFF;
	padding-top: 165px;
}

.mitte2{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	text-align: left;
	height: auto;
	color: #FFFFFF;
	padding-top: 165px;
}

.mitte_freunde{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	text-align: left;
	min-height: 600px;
	color: #FFFFFF;
	padding-top: 115px;
}

.mitte_ziele{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	text-align: left;
	min-height: 600px;
	color: #FFFFFF;
	padding-top: 125px;
}

.mitte_start{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	text-align: left;
	min-height: 600px;
	color: #FFFFFF;
	padding-top: 104px;

}
	.title_big{
	font-size: 52px;
	color: #F9E815;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: normal;
	text-align: left;
	}
	.title_medium{
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: normal;
	text-align: left;
	}
	#ziele{
		
		}
	
	
		.title_medium_yello{
	font-size: 24px;
	color: #F9E815;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: normal;
	text-align: left;
	opacity:0.3;
	}
	
	
		.title_medium_yello_2{
	font-size: 24px;
	color: #F9E815;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: normal;
	text-align: left;
	
	}
	
	.title_small{
	font-size: 17px;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: normal;
	text-align: left;
	font-style: italic;
	}
	
		.title_small_yellow{
	font-size: 17px;
	color: #F9E815;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: normal;
	text-align: left;
	font-style: italic;
	}
	
	
		.news_big{
	font-size: 24px;
	color: #1D4016;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: normal;
	text-align: left;
	padding-left: 10px;
	width: 510px;
	padding-top: 9px;
	padding-bottom: 9px;
	}
	
		.news_small{
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	width: 570px;
	padding-left: 10px;
	}
	
		.projekte{
	width: 619px;
	color: #1B4017;
	display: block;

}
	
	
	.projekte_start{
	width: 619px;
	height: 99px;
	background-image: url(bilder/bg_start_projekte.png);
	color: #1B4017;
	display: block;

}

	.links{
	width: 886px;
	height: 56px;
	background-image: url(bilder/bg_links.png);
	color: #1B4017;
	display: block;
	background-repeat: no-repeat;
	margin-bottom: 6px;
	float: none;
}



	.links:hover{
	width: 886px;
	height: 56px;
	color: #fff;
	display: block;
	margin-bottom: 6px;
	background-image: url(bilder/bg_links_2.png);
		background-repeat: no-repeat;

}

	.links_text{
	width: 800px;
	height: 56px;
	font-size: 19px;
	color: #FFFFFF;
	display: block;
	vertical-align: middle;
	display: table-cell;
	padding-left: 15px;
}

#content_1{
	min-height: 700px;
	margin: 0 auto;
	background-attachment: fixed;
	background-image: url(bilder/bg1.jpg);
	background-position: 50% 0 no-repeat fixed;
}



#content_2{
	height: 600px;
margin: 0 auto;
	background-attachment: fixed;
	background-color: #726463;
	background-image: url(bilder/bg2.jpg);
	background-position: 50% 0 no-repeat fixed;
	background-repeat: no-repeat;
	
}

#content_3{

	background-image: url(bilder/bg2_x.jpg);
	background-position: 50% 0 fixed;
	height: auto;
		
}
.footer_3{
	width: 100%;
	height: 80px;
	background-image: url(bilder/bg_next.png);
background-position: center top;
	text-align: center;
	}

#content_4{
	height: 600px;
margin: 0 auto;
	background-attachment: fixed;
	background-color: #3F2F20;
	background-image: url(bilder/bg3.jpg);
	background-position: 50% 0 no-repeat fixed;
	background-repeat: no-repeat;

}

#content_5{
	min-height: 700px;
	margin: 0 auto;
	background-color: #3F2F20;
	background-image: url(bilder/bg3_x.jpg);
	background-position: 50% 0  fixed;
	background-repeat: repeat-y;

}


#content_6{
	height: 600px;
	margin: 0 auto;
	background-attachment: fixed;
	background-color: #AE8B6B;
	background-image: url(bilder/bg4.jpg);
	background-position: 50% 0 no-repeat fixed;
	background-repeat: no-repeat;

}


#content_7{
	min-height: 700px;
	background-color: #AE8B6B;
	background-image: url(bilder/bg4_x.jpg);
	background-repeat: repeat-y;
}

#content_8{
	height: 600px;
	margin: 0 auto;
	background-attachment: fixed;
	background-color: #4E3423;
	background-image: url(bilder/bg5.jpg);
	background-position: 50% 0 no-repeat fixed;
	background-repeat: no-repeat;

}


#content_9{
	min-height: 800px;
	margin: 0 auto;
	background-color: #4E3423;
	background-repeat: repeat-y;
	background-image: url(bilder/bg5x.jpg);
}

div#footer{
	height: 106px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	bottom: 0px;
	background-repeat: no-repeat;
	

}




	a {
font-size: 17px;
color: #F9F4DE;
text-decoration:none;
	}


	a.navi1{
font-size: 15px;
color: #000;
text-decoration:none
	}
	
a.navi1:hover{
font-size: 15px;
color: #000;
text-decoration:none
	
	}
	
	
		a.navi2{
	font-size: 17px;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 0px;
	padding-left: 14px;
	margin-left: 0px;
	text-align: left;
	}
	
a.navi2:hover{
	font-size: 17px;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 0px;
	text-align: left;
	
	}
	
	
	a.extra2{
font-size: 20px;
	color: #FAF6E2;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	}
	

 
.b1{
	padding-left: 108px;
	padding-top: 127px;
	 }
 .b2{
	padding-top: 87px;
	text-align: right;
	 }
 .b3{
	padding-left: 187px;
	padding-top: 65px;
	 }
	 
.b4{
	text-align: right;
	padding-right: 66px;
	padding-top: 65px;

	 }
	 
 #btn3 {cursor:pointer;}

 #txt {
	overflow: hidden;
	clear: both;
	height: auto;
	transition: max-height 1s ease-in-out;
	background-color: #483122;
	padding-left: 18px;
        }
		
		 .next {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 22px;
	padding-top: 16px;
	text-decoration: none;

        }
		
 .txt { }
 
 
 .projekt{
	background-color: #423a39;
	width: 863px;
	height: 200px;
	padding-top: 21px;
	padding-left: 17px;
	padding-right: 20px;
	margin-bottom: 9px;
	float: none;
	 
	 }
 .projekt_image{
	width: 239px;
	height: 179px;
	float: left;
	border-color: #594D4D;
	border-spacing: 1px 1px;
}
  .projekt_titel{
	width: 600px;
	float: right;
	padding-bottom: 9px;
}
   .projekt_text{
	width: 600px;
	float: right;
	padding-bottom: 17px;
}
   .projekt_more{
	float: right;
	width: 600px;
}

 .projekt_show{
	background-color: #423a39;
	width: 96%;
	height: 500px;
	padding-top: 21px;
	padding-left: 17px;
	padding-right: 20px;
	margin-bottom: 9px;
	overflow-y: scroll;
	 
	 }
 
@media screen and (max-width : 750px){
        
.mitte_start{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	text-align: left;
	min-height: 600px;
	color: #FFFFFF;
	padding-top: 104px;

}}