/*	rot:				#D10019  */
/*	Texte:				#58585A  */
/*	Eingabefeld-Rahmen: #333333  */
/*	grau				#D9DADB	 */

* {
	margin:				0;
	padding:			0;
	color:				#58585A;
	font-family:		'Open Sans', 'Verdana', 'Helvetica', 'Arial';
}

html, body{
	height:				100%;
	width:				100%;
	overflow:			auto !important;
}

h1{
	color:				#fff; 
	font-size:			1.5em;
	font-weight:		normal;
}

h2{
	color:				#D10019; 
	font-size:			1.5em;
	font-weight:		normal;
	margin:				40px 0px 20px 0px;
}

h3{
	font-size:			1.4em;
	font-weight:		normal;
	margin:				0px 0px 0px 0px;
}

table.contactTable{
	position:				relative;
	width:					400px;
	border-spacing:			0px;
}

table.contactTable td, table.contactTable th {  
	vertical-align:			top;
	padding:				0px 10px 10px 0px;
}

input[type="text"] {
	color:					#58585A;
	border:					solid 1px #58585A;
	background-color:		#FFF;
	width:					366px;
	height:					26px;
	padding:				2px 5px 2px 5px;
}

textarea {
	border:					solid 1px #58585A;
	color:					#58585A;
	background-color:		#FFF;
	width:					366px;
	height:					130px;
	padding:				5px 5px 5px 5px;
}

input[type=button]{
	width:					120px;
	height:					34px;
	background-color:		#58585A;
	color:					#FFF;
	border:					none;
	cursor:					pointer; 
}

input[type=button]:hover{
	background-color:		#D10019;
}

ul{
	margin-left:		15px;
}

a{
	text-decoration:	none;
	color:				#D10019;
}

a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
    text-decoration:    none;
    color: 				#fff;
}

a.mailLink, a.mailLink:hover, a.mailLink:visited {
    text-decoration:    none;
    color: 				#fff;
	font-size:			1em;
}

a.mailLink:hover{
	color:				#000;
}

a.pdfLink, a.pdfLink:hover, a.pdfLink:visited {
    text-decoration:    none;
    color: 				#fff;
}


a.pdfLink2, a.pdfLink2:hover, a.pdfLink2:visited {
    text-decoration:    none;
    color: 				#58585A;
}


#kontaktIcon{
	width:				8%;
}

#kontaktDivMobile{
	display:			none;
	color:				#fff;
	font-size:			1em;
}

#kontaktDivDesktop{
	display:			block;
	color:				#fff;
	font-size:			1em;
}


a:hover{
	text-decoration:	none;
	color:				#D10019;
}

a.navText{
	font-weight:		normal;
	color:				#58585A;
}

a.navText:hover{
	font-weight:		normal;
	color:				#D10019;
}

a.impressumLink{
	font-weight:		normal;	
	color:				#fff;
	font-size:			1em;
}

a.impressumLink:hover{
	font-weight:		normal;
	color:				#000;
	font-size:			1em;
}

a.positionLink{
	font-weight:		normal;	
	color:				#58585A;
}

a.positionLink:hover{
	font-weight:		normal;
	color:				#f00;
}

#clear{
	clear:				both;
}

#view {
	position:			relative;
	margin:				0px auto;
	width:				100%;
	overflow-x:			hidden;
}

#head {
	position:			relative;
	margin:				0px auto;
	max-width:			960px;
	height:				140px;
}
#clickframe,
#clickframe2 {
	position:			absolute;
	top:				0px;
	left:				0px;
	z-index:			999;
	height:				100%;
	width:				100%;
	display:			none;
	background:			none;

}

#navDiv {
	position:			relative;
	top:				105px;
	width:				78%;
	z-index:			1000;
}

#menueOpener{
	cursor:				pointer;
}

#mobileNavDiv {
	display:			none;	
}

#mobileNavDiv2 {
	display:			none;
	position:			absolute;
	top:				44px;
	left:				40px;
}
#mobileNavDiv3 {
	display:			none;
	position:			absolute;
	top:				44px;
	right:				35px;
}

#mobileNavLogo{
	height:				28px;
}



#logo{
	position:			absolute;
	width:				200px;
	right:				0px;
	top:				10px;
	cursor:				pointer;
}

#logoText{
	position:			absolute;
	right:				210px;
	top:				44px;
}

ul.navigation{						
	padding:			0;
	text-align:			justify;
}

ul.navigation li{
	display:			inline-block;
	list-style:			none;
}

#line{
	padding-left:		100%;
}

#head2 {
	width:				100%;
}

#content {
	margin:				0px auto;
	max-width:			960px;
	padding-top:		35px;
}


#position{
	font-size:			0.8em;
}

#innerContent {
	max-width:			600px;
	margin:				-30px 0px 100px 0px;
}
#innerContentPartner {
	max-width:			850px;
	margin:				-30px 0px 50px 0px;
}


#zitat {
	width:				100%;
}


#foot1 {
	position:			relative;
	width:				100%;
	background-color:	#D9DADB;
}
#foot1_0 {
	margin:				0px auto;
	max-width:			960px;
	padding-top:		50px;
	padding-bottom:		50px;
}
#foot1_1 {
	width:				45%;
	float:				left;
	font-size:			0.8em;
}
#foot1_2 {
	float:				left;
}
#foot2 {
	position:			relative;
	width:				100%;
	background-color:   #D10019;
}
#foot2_0 {
	position:			relative;
	margin:				0px auto;
	max-width:			960px;
	padding-top:		50px;
	padding-bottom:		50px;
}
#foot2_1 {
	width:				40%;
	float:				left;
	color:				#FFF;
	font-size:			0.8em;
}
#foot2_2 {
	float:				left;
	color:				#FFF;
	font-size:			0.8em;
}
#impressum {
	position: 			absolute;
	bottom:				30px;
	right:				0px;
	color:				#FFF;
	font-size:			1em;
}
#impressumSpacer{
	display:			none;
}
#element {
	position: 			absolute;
	top:				-25px;
	right:				-1px;
}
#mobileMenue{
	display:			none;
	position:			absolute;
	height:				100%;
	width:				80%;
	background:			#fff;
}
#mobileMenueFrame{
	display:			none;
	z-index:			1999;
}

#subMenue{
	position:			absolute;
	display:			none;
	left:				100px;
	background-color:	#fff;
	padding:			20px 20px 20px 20px;
	z-index:			2000;
}
#subMenue2{
	position:			absolute;
	display:			none;
	background-color:	#fff;
	padding:			50px 20px 20px 20px;
	z-index:			2000;
	white-space:		nowrap;
}
.subMenuePos{
	position:			relative;
	margin:				5px 20px 8px 20px;
	cursor:				pointer;
}
#flyerDiv{
	position:			relative;
	margin:				60px 0px 20px 0px;
}
#flyerDivText{
	position:			absolute;
	bottom:				0px;
	left:				185px;
}
#flyer{
	border:				none;
}

#portalDiv{
	position:			relative;
	margin-bottom:		20px;
	width:				500px;
	background:			#D9DADB;
	border:				solid 4px #D9DADB;
}
#portalLogoDiv{
	position:			relative;
	background:			#FFF;
	width:				220px;
	float:				left;
	margin-right:		20px;
}
#portalLogo{
	position:			relative;
	width:				200px;
	margin:				10px;
}
#portalText{
	position:			relative;
	height:				150px;
	margin:				20px;
	display:			table-cell;
	vertical-align:		middle;
}

#map{
	border:				solid 2px #58585A;
	height:				300px;
	width:				366px;
}
.mobileMap{
	display:			none;
}
.mobileNavLink{
	display:			none;
}

#mobileMenueFrame{
	display:			none;
	position:			absolute;
	top:				0px;
	left:				0px;
	height:				100%;
	width:				100%;
}
#mobileMenueLayer{
	display:			block;
	position:			absolute;
	top:				0px;
	left:				0px;
	height:				100%;
	width:				100%;
	background:			#333;
	filter:				alpha(opacity=80);
	-moz-opacity: 		0.80;
	opacity:			0.80;
}	
#mobileMenueGrey{
	display:			block;
	position:			absolute;
	top:				0px;
	left:				-100%;
	height:				100%;
	max-width:			320px;
	background:			#ECECED;
}
#mobileMenueWhite{
	display:			block;
	position:			absolute;
	top:				0px;
	left:				0px;
	height:				140px;
	width:				100%;
	background:			#FFF;
	-webkit-box-shadow: 10px 10px 50px grey;
	-moz-box-shadow: 	10px 10px 50px grey;
	box-shadow: 		10px 10px 50px grey;
	font-size:			0.9em;
	white-space:		nowrap;
}
#mobileMenueContent{
	display:			relative;
	padding:			200px 20px 100px 40px;
	font-size:			0.7em;
	font-weight:		normal;
}

#mobileSubMenue,
#mobileSubMenue2 {
	position:			relative;
	height:				0px;
	overflow:			hidden;
}
.mobileMenuePos{
	position:			relative;
	margin:				15px 20px 0px 0px;
	padding-bottom:		10px;
	border-bottom:		solid 1px #58585A;
	cursor:				pointer;
}
.mobileMenuePos:hover{
	color:				#D10019;
	border-color:		#D10019;
}
.mobileSubMenuePos{
	position:			relative;
	margin:				20px 20px 0px 20px;
	padding-bottom:		10px;
	cursor:				pointer;
}
.mobileSubMenuePos:hover{
	color:				#D10019;
}
#mobileMenueArrow,
#mobileMenueArrow2 {
	position:			relative;
	float:				right;
	top:				10px;
}
.google{
	float:				left;
	margin:				12px 0px 0px 8px;
}
.google2{
	float:				left;
	margin:				18px 0px 0px 8px;
}
.googleReview{
	border:				none;
	cursor:				pointer;
	height:				64px;
}

.leitfaden{
	position:			relative;
	left:				600px;
	top:				-100px;
	font-size:			1.2em;
	font-weight:		bold;
	text-align:			center;
	cursor:				pointer;
}
.leitfadenImg{
	width:				70px;
}
.leitfadenClose{
	position:			absolute;
	top:				100px;
	right:				50px;
	width:				48px;
	cursor:				pointer;
	z-index:			12001;
}
.pdfDownload{
	position:			absolute;
	width:				100%;
	top:				500px;
	left:				-456px;
	z-index:			12002;
	color:				#fff;
	font-weight:		bold;
	font-size:			1.5em;
	text-align:			center;

}
#layerGrey{
	position:			absolute;
	left:				0px;
	top:				0px;
	right:				0px;
	bottom:				0px;
	background: 		rgba(10,10,10,0.8); 
	z-index:			12000;
	display:			none;
}
.leitfadenPDF{
	display:			none;
}
.facebook{
	position:			absolute;
	width:				48px;
	right:				0px;
	top:				-115px;
}
.facebookMobile{
	display:			none;
}

.logoContainer{
	display:			block;
	overflow:			hidden;
	width:				100%;
	margin-bottom:		80px;
}
.logoDiv{
	float:				left;
	width:				18%;
	height:				150px;
	margin:				20px 7% 0px 0;
}
.logoPic{
	width:				100%;
}




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

	body{
		font-size:			1.2em;
	}
	
	#head {
		width:				78%;
	}

	
	#navDiv {
		display:			none;
		font-size:			
	}

	#mobileNavDiv {
		position:			relative;
		top:				44px;
		display:			inline;
	}
	#mobileNavDiv2 {
		display:			block;
	}
	#mobileNavDiv3 {
		display:			block;
	}
	#mobileMenueContent{
		font-size:			1em;
	}

	#logo{
		right:				0px;
	}
	#logoText{
		right:				210px;
	}

	
	#content { 
		width:				78%;
	}
	#foot1_0 { 
		width:				78%;
	}
	#foot2_0 { 
		width:				78%;
	}

	#impressum {
		right:				0px;
		font-size:			1em;
	}
	

	#element {
		top:				-18px;
	}

	
	#elementPic {
		width:				100px;
	}

	
	.leitfaden{
		display:			none;
	}
	
	.leitfadenImg{
		width:				70px;
	}

	
	.leitfadenPDF{
		position:			relative;
		display:			block;
		width:				70px;
		margin-top:			-50px;
		left:				0px;
		top:				80px;
		font-size:			1em;
	}
	
	.facebook{
		display:			none;
	}
	
	.facebookMobile{
		display:			block;		
		width:				48px;
		position:			absolute;
		bottom:				60px;
		right:				0px;
	}

	
}


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

	body{
		font-size:			1.2em;
	}

	#head {
		width:				78%;
	}
	
	#logo{
		right:				0px;
	}
	#logoText{
		position:			absolute;
		right:				20px;
		top:				110px;
	}
	#zitat {
		width:				100%;
	}
	
	#content { 
		width:				78%;
	}
	#foot1_0 { 
		width:				78%;
	}
	#foot2_0 { 
		width:				78%;
	}
	
	#mobileNavDiv {
		position:			relative;
		top:				42px;
		display:			inline;
	}
	#mobileNavDiv2 {
		display:			block;
	}
	#mobileNavDiv3 {
		display:			block;
	}
	#mobileMenueContent{
		font-size:			1em;
	}
	#impressum {
		right:					0px;
		font-size:				1em;
	}

	#elementPic {
		width:					100px;
	}
	
	#kontaktDivMobile{
		display:				block;
	}

	#kontaktDivDesktop{
		display:				none;
	}


}


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

	body{
		font-size:			1.4em;
	}
	
	h1{
		font-size:			1.4em;
	}

	#head {
		width:				90%;
	}
	
	#navDiv {
		display:			none;	
	}

	#mobileNavDiv {
		position:			relative;
		top:				42px;
		display:			inline;
		margin-left:		20px;
	}
	#mobileNavDiv2 {
		display:			block;
		font-size:			0.8em;
	}
	#mobileNavDiv3 {
		display:			block;
		font-size:			0.8em;
	}
	#mobileMenueContent{
		font-size:			0.85em;
	}
	#menueText{
		font-size:			0.8em;
	}
	#logo{
		right:				0px;
		top:				20px;
		width:				45%;
	}
	#logoText{
		position:			absolute;
		right:				20px;
		top:				110px;
		width:				75%;
	}

	#content {
		width:				90%;
		margin-right:		0;
		margin-bottom:		2%;
	}
	#innerContent {
		margin:				-30px 20px 100px 0px;
	}

	#position{
		font-size:			0.7em;
	}
	#zitat {
		width:				100%;
	}
	
	#foot1_0 {
		width:				80%;
	}
	#foot1_1 {
		font-size:			0.7em;
		width:				70%;
	}
	#foot1_2 {
		font-size:			0.7em;
	}
	#foot2_0 {
		width:				80%;
	}
	#foot2_1 {
		float:				none;
		width:				100%;
		color:				#FFF;
		font-size:			0.7em;
	}
	#foot2_2 {
		float:				none;
		width:				100%;
		color:				#FFF;
		font-size:			0.7em;
		margin-top:			40px;
	}
	a.impressumLink{
		font-size:			0.8em;
	}

	a.impressumLink:hover{
		font-size:			0.8em;
	}

	#impressum {
		position: 			absolute;
		bottom:				30px;
		right:				0px;
		color:				#FFF;
		font-size:			1em;
	}
	#impressumSpacer{
		display:			block;
	}
	
	
	#flyer{
		width:				100px;
	}
	#flyerDivText{
		left:				120px;
	}
	
	#portalDiv{
		width:				90%;
	}
	#portalLogoDiv{
		width:				110px;
		margin-right:		10px;
	}
	#portalLogo{
		width:				100px;
		margin:				5px;
	}
	#portalText{
		height:				75px;
		margin:				10px;
	}
	#portalTextErgaenzung{
		display:			none;
	}
	
	.mapRows{
		display:			none;
	}
	
	.mobileMap{
		display:			block;
		width:				95%;
		margin-top:			30px;
	}
	.mobileNavLink{
		display:			block;
	}
	
	table.contactTable{
		width:				110%;
	}
	
	input[type="text"] {
		width:				100%;
	}
	textarea {
		width:				100%;
	}
	
	
	
	#element {
		position: 				absolute;
		top:					-15px;
		right:					-1px;
	}


	#elementPic {
		width:					80px;
	}
	
	#kontaktDivMobile{
		display:				block;
	}

	#kontaktDivDesktop{
		display:				none;
	}
}

.img-link {
	position: 					relative;
	width: 						120px;
}

#subMenue2-toggle {
	cursor: 					pointer;
}

#subMenue2-toggle span {
	position: 					absolute;
	visibility: 				hidden;
}

.img-link img {
	left: 						0;
	position: 					absolute;
	top: 						-50px;
	width:						100px;
	z-index: 					3000;
}

.backButton{
	text-align:					center;
	cursor:						pointer;
	background-color:			#D10019;
	color:						#FFF;
	font-weight:				bold;
	font-size:					18px;
	border-radius:				25px;
	padding:					10px 20px 10px 20px ;
	width:						200px;
;