*, body {
	margin:					0;
	padding:				0;
	color:					#2B61AA;
	font-family:			helvetica, sans-serif, verdana, arial ;
	font-weight:			normal;
	font-style:				normal; 
	font-size:				1em;
}

.blue{
	color:					#2B61AA;
}
.white{
	color:					#FFF;
}

.clear{
	clear:					both;
}

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


b{
	font-weight:			bold;
}

h1{
	color:					#2B61AA;
	font-weight:			normal;
	line-height:			130%;
}
h2{
	color:					#2B61AA;
	font-weight:			300;
	line-height:			150%;
}


a{
	color:					#2B61AA;
	text-decoration:		none;
}
a:hover{
	text-decoration:		underline;
}

a.contact_link{
	color:					#2B61AA;
	text-decoration:		none;
	font-weight:			bold;
}
a.contact_link:hover{
	text-decoration:		underline;
}
a.contact_link2{
	color:					#FFF;
	text-decoration:		none;
	font-weight:			bold;
}
a.contact_link2:hover{
	text-decoration:		underline;
}
a.footerLink{
	font-weight:			bold;
	color:					#808080;
	line-height:			180%;
	text-decoration:		none;
	font-weight:			bold;
}
a.footerLink:hover{
	text-decoration:		underline;
}


#head{
	position:				fixed;
	width:					100%;
	height:					181px;
	z-index:				1000;
}
#head_wrapper{
	position:				relative;
	margin:					auto;
	width:					1200px;
}

#content{ 
	width:					100%;
	line-height:			150%;
	color:					#000;
	font-size:				1.2em;
}
#content_wrapper{
	position:				relative;
	margin:					auto;
	width:					1200px;
}

#foot{
	width:					100%;
}
#foot_wrapper{
	position:				relative;
	margin:					auto;
	width:					1200px;
	background:				#ECECEC;
}





#head_spacer{
	position:				relative;
	width:					100%;
	height:					181px;
}
#head_homeClick{
	position:				absolute;
	top:					0px;
	left:					0px;
	width:					27%;
	height:					90%;
	cursor:					pointer;
	z-index:				1001;
}
#head_pic{
	position:				relative;
	width: 					100%;
}
#head_slogan{
	position:				absolute;
	width:					100%;
	margin:					auto;
	top:					40%;
}
#head_slogan_text{
	position:				relative;
	font-size:				1.8em;
	float:					right;
	padding-right:			20px;
}

#head_contact{
	position:				absolute;
	width:					100%;
	top:					20px;
}
.head_contact_entry{
	float:					right;
	padding:				0 20px 0 20px;
	cursor:					pointer;
	color:					#2B61AA;
	font-size:				0.9em;
}
.head_contact_mail{
	height:					18px;
	vertical-align: 		middle;
	margin-right:			15px;
}
.head_contact_tel{
	height:					24px;
	vertical-align: 		middle;
	margin-right:			15px;
	margin-top:				-4px;
}

#nav{
	width:					100%;
	position:				absolute;
	float:					left;
	bottom:					20px;
}
.nav_entry, .nav_entry_active, .nav_entry_before, .nav_entry_before_active{
	float:					right;
	padding:				4px 20px 4px 20px;
	cursor:					pointer;
	text-align:				center;
	color:					#2B61AA;	
	border-right:			solid 1px #2B61AA;
	font-size:				0.9em;
}
.nav_entry:hover, .nav_entry_active, .nav_entry_before:hover, .nav_entry_before_active{
	background:				#2B61AA;	
	color:					#fff;
	-webkit-box-shadow: 	5px 5px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 		5px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 			5px 5px 10px 0px rgba(0,0,0,0.75);
}
.nav_entry_last{
	margin-right:			0px;
	padding:				4px 20px 4px 20px;
	border-right:			none;
}
.subMenue{
	display: 				none;
	position:				absolute;
	top:					24px;
	padding:				4px 20px 4px 20px;
	-webkit-box-shadow: 	5px 5px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 		5px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 			5px 5px 10px 0px rgba(0,0,0,0.75);
	background:				#fff;
	line-height:			200%;
	text-align:				left;
}


#nav_mobile{
	position:				absolute;
	display:				none;
	width:					80%;
	z-index:				1000;
	top:					20px;
	right:					20px;
}

.nav_mobile_element{
	float:					right;
	margin-left:			20px;
	height:					40px;
	display: 				-webkit-flex;
	display: 				-webkit-box;
	display: 				-ms-flexbox;
	display: 				flex;
	-webkit-align-items: 	center;
	-webkit-box-align: 		center;
	-ms-flex-align: 		center;
	align-items: 			center;
	font-size:				1.5em;
}

#menue_text{
	padding-top:			0px;
	color:					#2B61AA;
}
#mobile_pic{
	width:					40px;
}
#mobile_div{
	display:				none;
	position:				absolute;
	height:					500px;
	width:					100%;
	background:				#FFF;
	padding-top:			20px;
	border-bottom:			solid 1px #2B61AA;
}
.nav_entry_mobile, .nav_entry_mobile_active{
	width:					100%;
	font-size:				1.5em;
	text-align:				center;
	padding:				12px 0 12px 0;
	color:					#2B61AA;
	line-height:			120%;
}
.nav_entry_mobile_active{
	color:					#000;
}

.content_quarterImage_div_left{
	width:					calc(50% - 15px);
	float:					left;
	margin:					0 30px 20px 0;
}
.content_quarterImage_div_right{
	width:					calc(50% - 15px);
	float:					left;
	margin:					0 0 20px 0;
	text-align:				right;
}
.content_quarterImage_pic{
	position:				relative;
	width:					100%;
	margin-top:				0px;
	cursor:					pointer;
}

.content_box_center{
	position:				relative;
	width:					100%;
	margin:					auto;
	padding:				30px 0 30px 0;
}

.content_text{
	width:					95%;
	margin:					auto;
	text-align:				center;
	padding:				30px 0 30px 0;
}
.content_slogan{
	width:					100%;
	text-align:				center;
	font-size:				1.8em;
	margin:					0px 0 30px 0;
	line-height:			150%;
}
.content_slogan2{
	width:					100%;
	text-align:				center;
	font-size:				1.5em;
	font-weight:			bold;
	margin:					50px 0 30px 0;
	line-height:			150%;
}
.content_slogan3{
	font-size:				1.5em;
	font-weight:			bold;
	padding:				50px 0 10px 0;
}
.content_slogan4{
	width:					100%;
	text-align:				left;
	font-size:				1.5em;
	font-weight:			bold;
	margin:					50px 0 30px 0;
	line-height:			150%;
}

.content_bold{
	font-weight:			bold;
	color:					#fff;
	margin-bottom:			15px;
	font-size:				1.5em;
}
.content_col_left, .content_col_center, .content_col_right{
	color:					#fff;
	width:					calc(33% - 30px);
	float:					left;
	text-align:				center;
	font-size:				0.8em;
}
.content_col_left{
	margin:					15px 10px 20px 20px;
}
.content_col_center{
	margin:					15px 15px 20px 15px;	
}
.content_col_right{
	margin:					15px 20px 20px 10px;	
}
.content_third_pic{
	position:				relative;
	width:					100%;
	border:					1px solid #fff;
}
.content_box_background{
	position:				relative;
	width:					100%;
	background: 			no-repeat url("../images/galery/home/background.jpg");
	background-size: 		100% 100%;
}
.content_box_background_wrapper{
	position:				relative;
	width:					100%;
	padding:				60px 0 40px 0;
}
#content_partnerLogo{
	position:				relative;
	width:					100%;
	text-align:				center;
}
.content_partnerLogo_pic{
	position:				relative;
	width:					25%;
	margin:					30px 20px 10px 20px;
}

.content_box_gray{
	position:				relative;
	width:					100%;
	background:				#ECECEC;
}
.content_box_white2{
	position:				relative;
	width:					100%;
	background:				#FFFS;
}

.content_box_white{
	position:				relative;
	width:					calc(100% - 100px);
	background:				#FFF;
	padding:				20px 0 100px 100px;
}

.content_box_blue{
	position:				relative;
	width:					calc(100% - 100px);
	background:				#2B61AA;
	padding:				20px 0 100px 100px;
}
.content_box_blue2{
	position:				relative;
	width:					calc(100% - 11px);
	background:				#2B61AA;
	padding:				20px 0 30px 10px;
}
.content_contact_box_blue{
	position:				relative;
	width:					calc(100% - 100px);
	background:				#2B61AA;
	padding:				20px 0 100px 100px;
}

.content_triangle{
	position:				absolute;
	bottom:					0px;
	right:					0px;
}
.content_portrait{
	margin:					20px 70px 20px 120px;
	float:					left;
}
.content_portrait_text{
	float:					left;	
}
.content_italic{
	font-style:				italic;
	color:					#2B61AA;
}
.content_urkunden{
	position:				absolute;
	right:					0px;
	top:					20px;
	width:					27%;
}
.content_urkunden_pic1{
	width:					calc(50% - 20px);
	margin-right:			10px;
}
.content_urkunden_pic2{
	width:					calc(50% - 20px);
	margin-right:			20px;
}

.content_text_left, .content_contact_text_left{
	width:					57%;
	text-align:				left;
}
.picWrapper{
	position:				absolute;
	right:					0px;
	top:					132px;
	width:					calc(40% - 100px);			
}
.picWhiteFrame{
	width:					calc(100% - 100px);
	margin-right:			100px;
	margin-bottom:			20px;
	border:					#FFF solid 1px;
}
.picBlueFrame{
	width:					calc(100% - 100px);
	margin-right:			100px;
	margin-bottom:			20px;
	border:					#2B61AA solid 1px;
}


.content_ref_box_white{
	position:				relative;
	width:					calc(100% - 100px);
	background:				#FFF;
	padding:				40px 50px 100px 50px;
}

.content_ref_box_blue{
	position:				relative;
	width:					calc(100% - 100px);
	background:				#2B61AA;
	padding:				40px 50px 100px 50px;
}

.content_ref_quarter, .content_ref_quarter_full{
	width:					calc(50% - 40px);
	float:					left;
	margin:					0 20px 30px 20px;
	text-align:				center;
}
.content_ref_quarter_full{
	width:					calc(100% - 40px);
}

.content_ref_third{
	width:					calc(33% - 40px);
	float:					left;
	margin:					0 20px 30px 20px;
}
.content_ref_img_white{
	width:					100%;
	border:					#FFF solid 1px;
}
.content_ref_img_blue{
	width:					100%;
	border:					#2B61AA solid 1px;
}
.content_ref_text_left, .content_ref_text_right{
	float:					left;
	margin-right:			20px;
	text-align:				left;
}
.content_ref_text_right{
	width:					60%;	
	margin-right:			0px;
}
.content_ref_text_left_mobile{
	width:					100%;
	display:				none;
	text-align:				left;
}

.content_contact_text{
	width:					65%;
	text-align:				left;
	padding:				20px 0 60px 100px;

}
.content_contact_slogan{
	width:					100%;
	text-align:				left;
	font-size:				1.8em;
	margin:					0 0 30px 100px;
}






.foot_entry{
	width:					calc(25% - 20px);
	float:					left;
	line-height:			150%;
	padding:				20px 0 20px 20px;
	color:					#808080;
}
.foot_entry_right{
	width:					260px;
	float:					left;
	min-height:				165px;
	padding:				20px 0 20px 20px;
}
.foot_pic{
	width:					100%;
}
.foot_entry_right_text{
	position:				relative;
	width:					100%;
	font-size:				0.9em;
	text-align:				right;
	color:					#808080;
	padding:				40px 40px 10px 10px;
}
.foot_entry_head{
	font-size:				1.2em;
	font-weight:			bold;
	padding-bottom:			7px;
	color:					#808080;
	line-height:			150%;
}
.foot_entry_itallic{
	font-style: 			italic; 
	color:					#808080;
}
.foot_entry_block_left{
	float:					left;
	width:					50px;
	color:					#808080;
}
.foot_entry_block_right{
	float:					left;
	color:					#808080;
}
.foot_entry_phone{
	display:				block;
}
.foot_entry_phone_mobile{
	display:				none;
	color:					#808080;
}
#foot_copy{
	position:				relative;
	margin:					auto;
	width:					100%;
	text-align:				center;
	font-size:				0.8em;
	padding:				10px 0 10px 0;
	color:					#808080;
}








.kontakt_alert{
	margin:					0 0 0 100px;
	color:					red;
}
.kontakt_desc{
	width:					80%;
	color:					#FFF;
}
.kontakt_desc2{
	color:					#FFF;
	margin-bottom:			20px;
}


textarea{
	width:					calc(100% - 20px);
	height:					300px;
	padding:				10px;
	color:					#2B61AA;
	border-radius: 			10px;
	border-color:			#FFF;
}
input[type=text], input[type=email]{
	width:					70%;
	padding:				7px;
	color:					#2B61AA;
	border-radius: 			10px;
	border-color:			#FFF;
}
input[type=submit], input[type=reset]{
	color:					#2B61AA;
	background:				#FFF;
	padding:				7px 50px;
	float:					left;
	border-radius: 			10px;
	margin-right:			20px;
	border-color:			#FFF;
}

input[type=submit]:hover, input[type=reset]:hover{
	color:					#000;
}

#checkbox_div{
	position:				relative;
	left:					4px;
}
#ds{
	color:					#FFF;
}
.content_contakt_remarks{
	margin:					30px 100px 0 0;
	color:					#FFF;
}


input[type=checkbox] { 
	opacity: 				0; 
}
input[type=checkbox] + label:before {
	width:					17px;
	height:					17px;
	display:				inline-block;
	position:				absolute;
	left:					0;
	top:					3px;
	margin-left:			-20px;
	content:				"";
	border:					1px solid #888;
	border-radius:			3px;
	background-color:		#fff;
}
input[type=checkbox]:focus + label:before { 
	outline:				thin dotted; 
	outline:				5px auto -webkit-focus-ring-color; // for WebKit
}
@font-face{
	font-family:			'Glyphicons Halflings';
	src:					url(../bootstrap/fonts/glyphicons-halflings-regular.eot);
	src:					url(../bootstrap/fonts/glyphicons-halflings-regular.svg)	format('svg'),
							url(../bootstrap/fonts/glyphicons-halflings-regular.woff)	format('woff'),
							url(../bootstrap/fonts/glyphicons-halflings-regular.ttf)	format('ttf')
}
input[type=checkbox] + label:after {
	width:					16px;
	height:					16px;
	display:				inline-block;
	position:				absolute;
	left:					0;
	top:					0;
	padding-left:			3px;
	padding-top:			1px;
	margin-left:			-20px;
	font-size:				11px;
	color:					#2B61AA;
}
input[type=checkbox]:checked + label:before {
	background-color:		#fff;
	border-color:			#888;
}
input[type=checkbox]:checked + label:after {
	font-family:			"Glyphicons Halflings";
	content:				'\e013';
	color:					#000;
	top:					-3px;
	font-size:				20px;
}
input[type=checkbox] + label {
	display:				inline-block;
	position:				relative; 
	padding-left:			15px; 
	margin-right:			30px;
}





@media only screen and (max-width: 1224px) {
	
	#content, #head, #foot{
	}
	#content_wrapper, #head_wrapper, #foot_wrapper{
		width:				94%;
	}
	#head_slogan_text{
		font-size:			1.3em;
	}

	.nav_entry_last{
		display:			none;
	}
	.nav_entry_before{
		margin-right:		0px;
		padding:			4px 20px 4px 20px;
		border-right:		none;
	}
	.foot_entry, .foot_entry_right{
		width:					calc(33% - 20px);
	}
}

@media only screen and (max-width: 1100px) {

	.nav_entry, .nav_entry_active, .nav_entry_before, .nav_entry_before_active{
		padding:			4px 10px 4px 10px;
	}
	.subMenue{
		padding:			4px 10px 4px 10px;
	}
	.content_ref_text_left, .content_ref_text_right{
		display:			none;
	}
	.content_ref_text_left_mobile{
		display:			block;
	}



}

@media only screen and (max-width: 1020px) {
	#head_homeClick{
		width:				24%;
	}
	.content_urkunden{
		display:			none;
	}
	
}

@media only screen and (max-width: 950px) {
	
	#content, #head, #foot,#foot,#content_wrapper, #head_wrapper, #foot_wrapper{
		width:				100%;
	}
	#nav, #head_contact{
		display:			none;
	}
	#head_slogan{
		top:				70%;
		right:				20px;
		text-align:			right;
		padding:			0;
		
	}
	#head_slogan_text{
		padding:			0;
	}
	#nav_mobile{
		display:			block;
	}
	#head_homeClick{
		width:				35%;
	}
	
	.content_box_white, .content_box_blue{
		width:				calc(100% - 30px);
		padding:			20px 0 100px 30px;
	}
	.content_contact_slogan, .kontakt_alert{
		width:				calc(100% - 40px);
		margin:				0 20px 0 20px;
	}
	.content_contact_text{
		width:				calc(100% - 40px);
		padding:			30px 20px 30px 20px;
	}
	
	.content_contact_box_blue{
		position:			relative;
		width:				calc(100% - 20px);
		background:			#2B61AA;
		padding:			20px 0 100px 20px;
	}


}
@media only screen and (max-width: 850px) {
	
	.desktop{
		display:			none;
	}
	.mobile{
		display:			block;
	}
	
	.content_third_pic{
		width:				50%;
		margin:				auto;
	}


	#head_slogan_text{
		font-size:			1.0em;
	}
	#head_pic{
		width: 				150%;
	}
	.foot_entry{
		width:				100%;
		float:				none;
		padding-top:		30px;
	}
	.foot_entry, .foot_entry_phone{
		width:				calc(100% - 20px);
		text-align:			center;
	}
	.foot_entry_phone_mobile{
		display:			block;
	}
	.foot_entry_phone{
		display:			none;
	}
	.foot_entry_right{
		position:			relative;
		margin:				auto;
		width:				50%;
		float:				none;
		margin-top:			30px;
		margin-bottom:		50px;
	}
	.foot_entry_right_text{
		font-size:			1.2em;
	}
	.content_col_left, .content_col_center, .content_col_right{
		width:				calc(100% - 30px);
	}
	
	.content_text_left{
		width:				100%;
		position:			relative;
	}
	.content_contact_text_left{
		width:				calc(100% - 40px);
		position:			relative;
	}
	.picWrapper{
		width:				calc(100% - 30px);			
		position:			relative;
		top:				30px;
	}
	.picWhiteFrame, .picBlueFrame{
		width:				calc(50% - 60px);
		margin-right:		30px;
	}
}
@media only screen and (max-width: 740px) {
	.content_triangle{
		display:			none;
	}
	.content_portrait{
		margin:				20px 70px 20px 50px;
	}
}
@media only screen and (max-width: 720px) {

	#content{
		padding:			0 0 0 0;
	}
	#nav_mobile{
		position:			absolute;
		bottom:				20px;
	}
	#head_slogan{
		display:			none;
	}
	.content_ref_quarter{
		width:				calc(100% - 40px);
	}
	.content_ref_box_white, .content_ref_box_blue{
		width:				100%;
		padding:			20px 0 0 0;		
	}
	.content_slogan2{
		margin:				50px 0 30px 0;
	}
	input[type=text], input[type=email]{
		width:				calc(100%);
	}
	input[type=reset]{
		display:			none;
	}
	input[type=submit]{
		width:				calc(100%);
		margin-right:		0px;
	}
	textarea{
		width:				calc(100% - 4px);
	}
	.content_contakt_remarks{
		margin:				30px 20px 0 0;
		color:				#FFF;
	}


	
}
@media only screen and (max-width: 670px) {

	.content_portrait{
		position:			relative;
		width:				50%;
	}
	.content_portrait_text{
		position:			relative;
		width:				calc(100% - 50px);
		margin:				0 0 30px 50px;
	}
	.content_box_gray{
		position:			relative;
		width:				100%;
	}
	.picWhiteFrame, .picBlueFrame{
		width:				calc(100% - 60px);
		margin-right:		30px;
	}
	
}