@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'open_sanslight';
	src: url('../font/OpenSans-Light-webfont.eot');
	src: url('../font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Light-webfont.woff') format('woff'), url('../font/OpenSans-Light-webfont.ttf') format('truetype'), url('../font/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansregular';
	src: url('../font/OpenSans-Regular-webfont.eot');
	src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Regular-webfont.woff') format('woff'), url('../font/OpenSans-Regular-webfont.ttf') format('truetype'), url('../font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
*{
	margin:0px;
	padding:0px;
}
body{
	font-family:sans-serif;
	font-family: 'open_sansregular';
	max-height:1100px;
}
p, li, ul, ol, a, span, tabel, tr, td{
	font-size:16px;
	line-height:26px;
	color:#555555;
}
p{
	text-align:justify;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	font-family: 'open_sanslight';
	color:#009640;
}
h1{
	font-size:45px;
	margin-bottom:20px;
	padding-bottom:10px;
}
h2{
	font-size:25px;
	margin-bottom:15px;
	
}
h3{
	font-size:30px;
	margin-bottom:10px;
}
h4{
	font-size:25px;
	margin-bottom:5px;
}
h5{
}
input, textarea{
	border:1px solid #CCCCCC;
}
hr{
	height:1px;
	border:none;
	color:#DDDDDD;
	background:#DDDDDD;
}
a:link, a:visited{
	/*color:#06A0D8;*/
	color:#009640;
	text-decoration:none;
}
a:active, a:hover{
	color:#111111;
}
span {
	font-family:'open_sansregular';
	font-weight:normal;	
}
.pic {
	width:100%;
}
img {
	border:medium none;
	
}
.wrapper{
	width:100%;
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
}
header{
	background:#FFFFFF;
}
.logo{
	background:#fff;
	box-shadow:0 0 10px 2px #222222;
	/*position:absolute;*/
	padding-bottom:5px;
	margin-bottom:-5px;
}
ul.top_nav{
	list-style:none;
	float:right;
	text-align:right;
}
ul.top_nav li{
	display:inline-block;
	margin-left:30px;
}
ul.top_nav li, ul.top_nav li a{
	font-size:14px;
	color:#555555;
}
ul.top_nav li img{
	margin-right:10px;
	vertical-align:middle;
	max-width:20px;
}

.content{
	background:#FFFFFF;
	/*padding-top:50px;*/
	margin-top:30%;
}
.second_content{
	background:#C6C6C6;
	padding-top:10px;
	text-align:center;
}

.wrap_inner{
	padding-bottom:60px;
}
.grau {
	background:#F1F1F1;
	padding-top:10px;
}
.left{
	float:left;
	width:48%;
}
.pic_left{
	float:left;
	margin-right:15px;
	width:30%;
}
.pic_right{
	float:right;
	margin-left:15px;
	width:30%;
}
.right{
	float:right;
	width:48%;
}
.right_content{
	float:right;
	width:48%;
	border-left:2px solid #ddd;
	padding-left:20px;
}
.left ul, .main ol{
	margin-bottom:5px;
	margin-top:5px;
	margin-left:20px;
}
.left ul{
	
}
.left li{
	margin-bottom:10px;
	/*margin-left:25px;*/
}
.right ul, .main ol{
	margin-bottom:5px;
	margin-top:5px;
	margin-left:20px;
}
.right ul{
	
}
.right li{
	margin-bottom:10px;
	/*margin-left:25px;*/
}

#bottom{
	background:#009640;
	padding-bottom:5px;
	padding-top:5px;
}
#bottom p, #bottom li, #bottom li a{
	color:#fff;
	font-size:14px;
	line-height:20px;
}
p.copy{
	float:left;
	/*width:50%;*/
}
.buttons{
	/*background:#F0F0F0;*/
	/*margin-left:50px;*/
	position:relative;
	/*margin-top:-70px;*/
	background:#F1F1F1;
	padding:20px;
	
}
ul.bottom_nav{
	list-style:none;
	float:right;
	width:50%;
	text-align:right;
}
ul.bottom_nav li{
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #DDDDDD;
}
ul.bottom_nav li:last-child{
	border:none;
	padding-right:0px;
}
ul.button{
	list-style:none;
	text-align:center;

}
ul.button li{
	display:inline-block;
	margin:15px;
	/*width:100%;*/
}
ul.button li img{
	max-width:250px;
	/*width:100%;*/
}
ul.button li p, ul.button p h3{
	text-align:center;
}
.center{
	text-align:center;
}

.green h1, .green h2, .green h3, .green h4, .green p, .green li, .green a{
	color:#FFFFFF;
}
ul.list1{
	list-style:none;
}
ul.list1 li{
	margin-bottom:20px;
}
ul.datenschutz li{
	margin-bottom: 15px;
}
.clear{
	clear:both;
}
.content ul {
	margin-left:25px;	
}
.content ol {
	margin-left:25px;	
}



.hsContainer {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.lightbox{
	width:300px;
	border:5px solid #FFFFFF;
	margin:15px;
}
.lightbox:hover{
	opacity:0.8;
}
.lightbox2, .lightbox3{
	border:1px solid #FFFFFF;
	margin-bottom:15px;
	margin-right:15px;
	/*max-width:220px;*/
}
.lightbox2{
	box-shadow:0 0 6px 1px #CCCCCC;
}
.lightbox2:hover{
	box-shadow:0 0 6px 1px #666666;
}
.lightbox2-gr{
}
.lightbox2-gr:hover, .lightbox3:hover{
	box-shadow:0 0 6px 1px #666666;
}
table.contact{
	width:100%;
}
.form, .form2{
	border:1px solid #CCCCCC;
	padding:3px;
	width:90%;
	margin-bottom:8px;
	color:#555555;
	font-size:16px;
}
.form{
	height:20px;
}
.form2{
	height:150px;
}
.blue {
    background: #009640 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}
.mitte{
	background:url(../img/hintergrund.jpg);
	height:100px;
	padding-bottom:5px;
}
.button_left{
	float:left;
	padding-right:10px;	
}
@media only screen and (max-width: 840px){
	
	.wrapper{
		width:98%;
	}
	.left, .right, .footer_col, ul.bottom_nav, .copy, ul.top_nav{
		/*float:none;*/
		width:100%;
		margin-top:10px;
	}
	
	.buttons{
		margin-top:-15px;
	}
	ul.button li{
		display:block;
		width:100%;
		margin-bottom:15px;
		margin-left:0px;
		margin-right:0px;
	}
	#slide-1 .bcg{
		height:250px;
	}
	.lightbox2{
		max-width:240px;

	}
	p.copy{
	float:left;
	
}
	.form, .form2{
		width:98%;
	}
	.right_content{
	float:right;
	padding-left:20px;
	width:100%;
	border-left: none;
	
}
	
	
}