* {
	margin:				0;
	padding:			0;
	color:				#1A171B;
	font-family:		'Open Sans', 'Verdana', 'Helvetica', 'Arial';
	font-size:			12px;
}

html, body{
	height:				100%;
	width:				100%;
}

h1{
	color:				#1A171B; 
	font-size:			1.5em;
	font-weight:		bold;
	margin-bottom:		1.5em;
}

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],input[type=submit]{
	width:					120px;
	height:					34px;
	background-color:		#E5C0BD;
	color:					#1A171B;
	border:					none;
	cursor:					pointer; 
}

input[type=button]:hover,input[type=submit]:hover{
	background-color:		#aaa;
}

#kontakt{
	display:			block;
}
#kontakt_mobile{
	display:			none;
}

ul{
	margin-left:		15px;
}

a{
	text-decoration:	none;
	color:				#1A171B;
}

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

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

a.mailLink:hover{
	color:				#1A171B;
}
a:hover{
	text-decoration:	underline;
	color:				#1A171B;
}
a.impressumLink{
	font-weight:		bold;	
	color:				#585868;
	font-size:			1em;
}

a.impressumLink:hover{
	font-weight:		bold;
	color:				#E5C0BD;
	font-size:			1em;
	text-decoration:	none;
}

#clear{
	clear:				both;
}




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

#head {
	position:			fixed;
	width:				100%;
	background-color:	#1A171B;
	z-index:			2001;
	height:				110px;
}

#head_wrapper {
	position:			relative;
	width:				100%;
	background-color:	#1A171B;
	height:				110px;
}
#head_0 {
	position:			relative;
	margin:				0px auto;
	max-width:			960px;
	height:				110px;
	background-color:	#1A171B;
}
#logo{
	position:			absolute;
	width:				200px;
	left:				10px;
	top:				28px;
	cursor:				pointer;
}
#navDiv {
	position:			absolute;
	bottom:				0px;
	left:				40%;
	width:				59%;
	z-index:			1000;
}
ul.navigation{						
	padding:			0;
	text-align:			justify;
}
ul.navigation li{
	display:			inline-block;
	list-style:			none;
}
#line{
	padding-left:		100%;
}
a.navText{
	font-weight:		bold;
	color:				#fff;
	padding-bottom:		12px;
	font-size:			100%;
}
a.navText:hover{
	color:				#E5C0BD;
	padding-bottom:		12px;
	text-decoration:	none;
}
a.navText_active{
	font-weight:		bold;
	color:				#E5C0BD;
	padding-bottom:		12px;
	border-bottom:		solid 5px #E5C0BD;
}
a.navText_active:hover{
	color:				#E5C0BD;
	padding-bottom:		12px;
	border-bottom:		solid 5px #E5C0BD;
	text-decoration:	none;
}





#head2 {
	position:			relative;
	width:				100%;
}

#navLeft, #navRight{
	position:			absolute; 
	top:				0px; 
	z-index:			20000; 
	height:				97%; 
	cursor:				pointer;
	padding:			0 5% 0 5%;
}
#navRight{
	right:				0px;
}
#navPic{
	position:			relative;
	top:				50%;
	-webkit-transform:	translateY(-50%);
	-ms-transform:		translateY(-50%);
	transform:			translateY(-50%);
	height:				5%;
}

#sloganWrapper {
	position:			relative;
	margin:				0px auto;
	max-width:			960px;
}
#slogan{
	position:			absolute;
	display:			inline-block;
	padding:			30px;
	background-color:	rgba(255,255,255,0.6);
	z-index:			2000;
	color:				#1A171B;
	font-weight:		bold;
	font-size:			1.5em;
}
#slogan_1{
	position:			relative;
	width:				100%;
	text-align:			right;
	font-size:			0.5em;
}
.slogan_100{
	position:			relative;
	bottom:				50px;
}
.slogan_200{
	position:			relative;
	bottom:				50px;
}
.slogan_300{
	position:			relative;
	bottom:				50px;
}
/*
.slogan_300{
	position:			absolute;
	bottom:				50px;
	right:				0px;
}
*/
.slogan_400{
	position:			relative;
	bottom:				50px;
}
.slogan_500{
	position:			relative;
	bottom:				50px;
}
.slogan_600{
	position:			relative;
	bottom:				50px;
}
/*
.slogan_600{
	position:			absolute;
	bottom:				50px;
	right:				0px;
}
*/

#content {
	margin:				0px auto;
	max-width:			960px;
	padding-top:		35px;
}
#innerContent {
	position:			relative;
	width:				100%;
	padding:			50px 0px 150px 0px ;
	line-height:		150%;
}

#innerContent_right {
	position:			relative;
	width:				60%;
	left:				40%;
	line-height:		150%;
}

.label_div{
	position:			relative;
	width:				50%;
	float:				left;
}
.label_div_0{
	display:			block;
	cursor:				pointer;
}
.label_div_1{
	display:			none;
	cursor:				pointer;
}
.label_div_2{
	position:			absolute;
	top:				0px;
	left:				0px;
	display:			none;
	color:				#fff;
	padding:			40px;
	cursor:				pointer;
}
.label_pic{
	width:				100%;
	cursor:				pointer;
}
.label_link{
	position:			absolute;
	bottom:				0px;
	right:				0px;
	margin:				20px;
	cursor:				pointer;
}
.label_link_arrow{
	width:				16px;
}

.aktionen{
	width:				100%;
	padding:			10px 20px 10px 20px;
	margin-bottom:		10px;
	background-color:	#ECEDED;
}



#foot {
	position:			relative;
	width:				98%;
	left:				1%;
	background-color:   #fff;
	border-top:			solid 1px #333;
	max-width:			960px;
	line-height:		180%;
	padding-top:		20px;
	margin:				60px 0px 30px 0px;
}
#foot_1 {
	position:			relative;
	float:				left;
	width:				40%;
}
#foot_2 {
	position:			relative;
	float:				left;
	width:				40%;
}
#foot_2_1 {
	position:			relative;
	float:				left;
	padding-right:		15px;
}
#foot_2_2 {
	position:			relative;
	float:				left;
}
#foot_3 {
	position:			relative;
	float:				left;
	width:				20%;
	text-align:			right;
}
#foot_3_mobile{
	display:			none;
}
#copyright {
	font-size:			0.9em;
}
#impressum {
	position: 			absolute;
	right:				0px;
	color:				#FFF;
}



#map{
	height:				200px;
	width:				100%;
}
.mobileNavLink{
	display:			none;
}


#head_mobile{
	display:			none;
}

#mobileMenueFrame{
	position:			relative;
	display:			none;
	height:				0px;
	background:			#1A171B;
}

.mobileNav{
	width:				100%;
	text-align:			center;
	padding-top:		30px;
}

.tel{
	float: 				left;
	padding-right: 		23px;
}


@media only screen and (max-width: 800px) {
	.label_div{
		width:				84%;
		left:				8%;
	}
	.label_div_2{
		font-size:			1.3em;
		line-height:		150%;
	}
	
	#navPic{
		position:			relative;
		top:				50%;
		-webkit-transform:	translateY(-50%);
		-ms-transform:		translateY(-50%);
		transform:			translateY(-50%);
		height:				10%;
	}

}


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

	body{
		font-size:		1em;
	}
	
	
	#head, #head_wrapper, #sloganWrapper, #foot_3, #kontakt{
		display:		none;
	}	
	#kontakt_mobile, .mobileNavLink{
		display:		block;
	}
	#head_mobile{
		position:		relative;
		display:		inline-block;
		width:			100%;
		background:		#1A171B;
	}
	
	#logo_mobile{
		width:			50%;
		margin:			40px 50px 40px 8%;
	}
	#mobileMenueButton{
		position:		absolute;
		width:			13%;
		bottom:			43px;
		right:			40px;
	}
	
	#innerContent_right, #foot {
		position:		relative;
		width:			84%;
		left:			8%;
	}
	#innerContent{
		padding:		50px 0px 40px 0px ;
	}

	#foot_1, #foot_2{
		width:			80%;
		margin-bottom:	30px;
	}
	
	#foot_3_mobile{
		display:		block;
		width:			100%;
		float:			left;
	}
	#copyright {
		float:			left;
	}
	#impressum {
		float:			right;
		position: 		relative;
	}

	a.navText, a.navText:hover, a.navText_active, a.navText_active:hover{
		font-size:		1.5em;
		padding-bottom:	4px;
	}
	
	.label_div_2{
		font-size:		0.8em;
		line-height:	130%;
		padding:		16px;
	}
	
	
	.label_link_arrow{
		width:			12px;
		z-index:		3000;
	}

	input[type="text"] {
		width:			98%;
	}

	textarea {
		width:			98%;
	}
	
	

	
}