/* SECTION - HEAD */

.box_head_kontakt
{
	width:				100%;
	height:				300px;
}

.citymap_block
{
 	margin-top:			50px;
	width: 				100%; 
	height: 			100%; 	
}

@media screen and (min-width: 620px) and (min-height: 440px)
{
.box_head_kontakt
{
	margin-top:			30px;
	height:				400px;	
}
}

@media screen and (min-width: 990px)
{
.box_head_kontakt
{
	margin-top:			30px;
	height:				500px;
}
}






.kontakt
{
	width:				100%;
	margin-left:		auto;
	margin-right:		auto;
	background-color:	#333;
	padding-top:		40px;
	padding-bottom:		40px;		
}

.kontakt_box
{
	position:			relative;
	float:				left;
	width:				100%;
	margin-left:		auto;
	margin-right:		auto;
	padding-top:		10px;
	padding-bottom:		10px;							
}

.kontakt_image
{
	position:			relative;
	float:				left;
	width:				20%;
	margin-top:			8px;
	margin-bottom:		5px;		
}

.kontakt_box img
{
	position:			relative;
	float:				right;
	width:				40px;		
}

.kontakt_text
{
	width:				80%;
	position:			relative;
	float:				left;	
}

.kontakt_box p
{
	font: 				normal 1.0em "Elektra";
	text-transform: 	normal;
	text-align: 		left;
	color:				#fff;
	margin-left:		40px;
	margin-top:			5px;
	margin-bottom:		5px;	
}

.kontakt_box a
{
	color:				#fff;		
}

@media screen and (min-width: 680px)
{
.kontakt_box
{
	position:			relative;
	float:				left;
	width:				33.3%;
}

.kontakt_image
{
	position:			relative;
	float:				left;
	width:				100%;
	padding:			0px;
}

.kontakt_box img
{
	margin-right:		42%;
	text-align: 		center;		
}

.kontakt_text
{
	width:				100%;
	position:			relative;
	float:				left;
	margin-top:			3px;		
}

.kontakt_box p
{
	font: 				normal 1.0em "Elektra";
	text-transform: 	normal;
	text-align: 		center;
	padding:			0px;
	margin:				0px;	
}
}


@media screen and (min-width: 920px)
{
	
.kontakt_box
{
	position:			relative;
	float:				left;
	width:				33.3%;
	max-width:			416px;
}

.kontakt_image
{
	position:			relative;
	float:				left;
	width:				22%;
	padding:			0px;
}

.kontakt_box img
{
	margin-right:		0%;
	text-align: 		center;		
}

.kontakt_text
{
	width:				78%;
	position:			relative;
	float:				left;		
}

.kontakt_box p
{
	font: 				normal 1.0em "Elektra";
	text-transform: 	normal;
	text-align: 		left;
	padding:			0px;
	margin-left:		20px;	
}
}

@media screen and (min-width: 1220px)
{

.kontakt_box_big
{
	position:			relative;
	width:				1250px;
	margin-left:		auto;
	margin-right:		auto;	
}
	
.kontakt_box
{
	position:			relative;
	float:				left;
	width:				24%;
	margin-left:		6%;	
}
}




.formular
{
  	position: 						relative;
	float:							left; 
	width:							100%;
	margin-left:					auto;
	margin-right:					auto;
	padding-top:					60px;
}

.formular_box
{
	width:							80%;	
	margin-left:					auto;
	margin-right:					auto;
}

@media screen and (min-width: 1250px)
{
.formular_box
{
	width:							80%;
	max-width:						1250px;	
	margin-left:					auto;
	margin-right:					auto;
}
}

.formular p
{
	margin-top:			40px;	
}
 
.formular_label, .pflichtfeld
{
	font: 				normal 1.0em "Elektra"; 
	color: 				#3d3d3d; 
	text-transform: 	normal;	
	margin-top:			20px;	
	margin-bottom:		40px;		
	margin-left:		10%;
	width:				80%;		
}

.formular_text, .formular_textarea
{		
	float:				center;			
	border: 			1px solid #ccc; 
	margin-left:		10%;
	margin-bottom:		20px;
	padding:			4px;	 
	font: 				normal 1.0em "Elektra"; 
	color: 				#3d3d3d; 
	width: 				80%;
	max-width:			1200px;	
	background-color: 	#ffffff;
	background:			-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fff));
	background:			-moz-linear-gradient(top,#f8f8f8,#fff);
}

.formular_textarea
{
	float:				center;	
	height:				180px;
	max-width:			1200px;	
}

.formular_btn 
{ 
	float:				left;
	text-transform: 	uppercase;
	margin-top:			0px;	
	margin-bottom:		40px;		
	margin-left:		10%;
	margin-right:		10%;	
	border: 			1px solid #cccccc; 
	cursor: 			pointer; 
	font-weight: 		normal; 
	font: 				normal 1.0em "Elektra";
	padding: 			10px; 
	padding-left:		20px;
	padding-right:		20px;	
	color: 				#3d3d3d; 
	background: 		-webkit-gradient(linear, left top, left bottom, from(#FAFAFA), color-stop(0.5, #FAFAFA), color-stop(0.5, #E5E5E5), to(#F9F9F9)); 
	background: 		-moz-linear-gradient(top, #FAFAFA, #FAFAFA 50%, #E5E5E5 50%, #F9F9F9);
	filter: 			progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FAFAFA', endColorstr='#E5E5E5');
	width:				80%;
}

@media screen and (min-width: 620px)
{
.formular_btn 
{ 
	float:				right;
	margin-left:		10%;
	width:				auto;
}
}

.pflichtfeld
{
	position:			relative;
	float:				left;
	margin-top:			0px;;
}
 
.gesendet
{
	position:			relative;
	font: 				normal 1.4em "Elektra"; 
	color: 				#fff; 	
	text-align:			center;
	margin-top:			0px;;
	margin-bottom:		40px;	
}