/* SECTION - PICTURE */


.box_head_trainee
{
	height:							300px;
	background-position:			60% 40%;
	margin-top:						50px;
	background-image:				url(/bilder/background/office2_small.jpg); 
	background-repeat:				no-repeat;
	background-size:				cover;		 
}


@media screen and (min-width: 620px) and (min-height: 440px)
{
{
	height:							400px;
	margin-top:						80px;
	background-position:			50% 50%;	
	background-image:				url(/bilder/background/office2_medium.jpg);/**/
	background-repeat:				no-repeat;
	background-size:				cover;		
}
}


@media screen and (min-width: 920px)
{
.box_head_trainee
{
	height:							500px;
	margin-top:						80px;
	background-position:			50% 50%;	
	background-image:				url(/bilder/background/office2_large.jpg);/**/
	background-repeat:				no-repeat;
	background-size:				cover;		
}
}


.box_head_faq
{
/*	height:							300px; /**/
	background-position:			50% 50%;
	margin-top:						50px;
/*	background-image:				url(/bilder/background/stock-photo-67917515-faq-frequently-asked-questions.jpg); /**/
}


@media screen and (min-width: 620px) and (min-height: 440px)
{
.box_head_faq
{
/*	height:							400px;/**/
	margin-top:						80px;
	background-position:			60% 40%;	
/*	background-image:				url(/bilder/background/stock-photo-67917515-faq-frequently-asked-questionsr.jpg);/**/     
}
}


@media screen and (min-width: 920px)
{
.box_head_faq
{
	margin-top:						80px;
	background-position:			50% 50%;	
/*	background-image:				url(/bilder/background/stock-photo-67917515-faq-frequently-asked-questions.jpg);/**/
}
}


/*-------- BENEFITS --------*/

.box_head_kunde,
.box_head_planer,
.box_head_gewerke
{
	height:							300px;
	background-position:			50% 50%;
	margin-top:						50px;
}

.box_head_kunde
{
	background-image:				url(/bilder/background/kunden_small.jpg); 	
}

.box_head_planer
{
	background-image:				url(/bilder/background/planer_small.jpg); 	
}

.box_head_gewerke
{
	background-image:				url(/bilder/background/gewerke_small.jpg); 	
}



@media screen and (min-width: 620px) and (min-height: 440px)
{
.box_head_kunde,
.box_head_planer,
.box_head_gewerke
{
	height:							400px;
	margin-top:						80px;
	background-position:			50% 50%;	
}

.box_head_kunde
{
	background-image:				url(/bilder/background/kunden_medium.jpg); 	
}

.box_head_planer
{
	background-image:				url(/bilder/background/planer_medium.jpg); 	
}

.box_head_gewerke
{
	background-image:				url(/bilder/background/gewerke_medium.jpg); 	
}
}


@media screen and (min-width: 920px)
{
.box_head_kunde,
.box_head_planer,
.box_head_gewerke
{
	margin-top:						80px;
	background-position:			50% 60%;	
}

.box_head_kunde
{
	background-image:				url(/bilder/background/kunden_large.jpg); 	
}

.box_head_planer
{
	background-image:				url(/bilder/background/planer_large.jpg); 	
}

.box_head_gewerke
{
	background-image:				url(/bilder/background/gewerke_large.jpg); 	
}
}






/* -------- APPLICATION --------- */

.partner
{
	width: 							100%;
	padding:						0px 0px 0px 0px;
	background-color: 				#fff;	/**/	
}

.box_partner
{
	position:						relative;
	float:							left;
	width: 							100%;
	padding:						0px 0px 40px 0px;
/*	background-color: 				#ccc;	/**/
}

.box_partner h1
{
	font: 							normal 1.4em "Elektra";	
	text-align:						center;
	padding-left:					40px;
	padding-top:					60px;
	padding-bottom:					0px;
	margin-bottom:					0px;
	color:							#3d3d3d;	
}

.box_partner h2
{
	font: 							normal 1.1em "Elektra";	
	text-align:						center;
	padding-left:					40px;
	padding-bottom:					20px;
	padding-top:					0px;
	margin:							0px;
	color:							#223d8d;	
}

.box_partner h3,
.box_partner a
{
	font: 							normal 1.1em "Elektra";	
	text-align:						left;
	text-transform: 				uppercase;
	padding-left:					0%;
	padding-top:					40px;
	padding-bottom:					5px;
	margin:							0px;
	color:							#3d3d3d;	
}

.box_partner a:hover
{
	color:							#e01021;	
}

.box_partner ul
{
	font: 							normal 1.0em "Elektra";	
	text-align:						left;	
	padding:						0px 0px 0px 0px;
	margin:							0px;
	color:							#3d3d3d;	
}

.box_partner li
{
	margin-left:					20px;
	margin-top: 					5px;	
}

.box_partner li:before
{
	position:						absolute;	
	content: 						"\00BB";
	margin-left:					40px;
	color: 							#223d8d; /*#223d8d;/**/	
	left: 							0;
}


.box_partner p
{
	color:							#3d3d3d;	
}

.box_partner span
{
	color:							#1ba9e1;	
}

.box_partner_text
{
	position:						relative;
	float:							left;
	width: 							80%;
	padding-right:					10%;
	padding-left:					10%;	
	padding-top:					0px;
	padding-bottom:					40px;			
}

.box_partner_text_link
{
	margin:							 0 15px 0 0;
}
.box_partner_text_link a
{
	color: 							#223d8d;/**/
	font: 							normal 1.0em "Elektra";	
	text-transform:					none;	
}

.box_partner_button
{
	position:						relative;
	float:							left;
	width: 							100%;
	height:							60px;	
	margin:							40px auto 40px auto;
	padding:						0;
	background-color: 				#fff;	/**/		
}



@media screen and (min-width: 620px)
{
.box_partner h1
{
	font: 							normal 1.4em "Elektra";	
	text-align:						left;
}

.box_partner h2
{	
	text-align:						left;	
	padding-left:					40px;	
}



}

@media screen and (min-width: 990px)
{
.box_partner
{
	position:						relative;
	float:							left;
	width: 							100%;
	padding:						0px 0px 80px 0px;
/*	background-color: 				#ccc;	/**/
}

.box_partner h1
{
	padding-left:					40px;	
}

.box_partner h2
{	
	text-align:						left;
	padding-left:					40px;		
}

.box_partner_text
{
	padding:						0 0 0 40px;	
}

.box_partner_button
{
	position:						relative;
	float:							left;
	width: 							100%;
	height:							60px;	
	margin:							0px auto 40px auto;
	padding:						0;
	background-color: 				#fff;	/**/		
}


.myButton 
{	
	background-color:				#54cefc;
}

.myButton:hover 
{
	background-color:				#f6b162; /*f28c18; /*#46b6e0; /*#476e9e;/**/
}

}


/* -------- SITEMAP --------- */

.sitemap
{
	width: 							100%;
	padding:						0px 0px 0px 0px;
	background-color: 				#fff;	/**/	
}

.box_sitemap
{
	position:						relative;
	float:							left;
	width: 							100%;
	padding:						0px 0% 40px 0%;
/*	background-color: 				#ccc;	/**/
}

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

.box_sitemap h1
{
	font: 							normal 1.4em "Elektra";	
	text-align:						center;
	padding:						40px 0 0px 0%;
	margin-bottom:					0px;
	color:							#3d3d3d;	
}

.box_sitemap h2
{
	display:						none;
	font: 							normal 1.1em "Elektra";	
	text-align:						center;
	padding:						0px 0 20px 0%;
	margin:							0px;
	color:							#1ba9e1;	
}

.box_sitemap_list ul
{
	list-style-type:				none;
	font: 							normal 20pt "Elektra";	
	text-align:						left;	
	width:							auto;
	padding:						0px 0px 0px 0px;
	margin:							0px;	
}


.box_sitemap_list li
{
	font: 							normal 1.0em "Elektra";
	margin-left:					5%;
	padding:						0px 0px 0px 0px;

}

.box_sitemap_list a
{
	font: 							normal 14pt "Elektra";	
	text-transform:					uppercase;
	color:							#fff;		
	background:						#3d3d3d;
	padding:						2px 30px 3px 30px;	
}

.box_sitemap_list a:hover
{
	font: 							normal 16pt "Elektra";	
	text-transform:					uppercase;
	color:							#fff;		
	background:						#1ba9e1;
	padding:						4px 35px 6px 35px;	
}

@media screen and (min-width: 620px)
{
	
.box_sitemap
{
	position:						relative;
	float:							left;
	width: 							90%;
	padding:						0px 5% 40px 5%;
/*	background-color: 				#ccc;	/**/
}

.box_sitemap_list
{
	position:						relative;
	float:							left;
	width: 							100%;
	padding:						0px 0% 0px 0%;	
}
	
.box_sitemap h1
{
	font: 							normal 1.4em "Elektra";	
	text-align:						center;
}

.box_sitemap_list li
{
	font: 							normal 1.0em "Elektra";
	margin-left:					7.5%;
	padding:						0px 0px 0px 0px;

}

.box_sitemap_list ul
{
	list-style-type:				none;
	font: 							normal 24pt "Elektra";	
	text-align:						left;	
	width:							auto;
	padding:						0px 0px 0px 0px;
	margin:							0px;	
}

.box_sitemap_list a
{
	font: 							normal 18pt "Elektra";	
	text-transform:					uppercase;
	color:							#fff;		
	background:						#3d3d3d;
	padding:						2px 60px 3px 60px;	
}

.box_sitemap_list a:hover
{
	font: 							normal 20pt "Elektra";	
	text-transform:					uppercase;
	color:							#fff;		
	background:						#1ba9e1;
	padding:						3px 65px 6px 65px;	
}
}


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

.box_sitemap_list
{
	width: 							80%;
	padding:						0px 0% 40px 20%;
/*	background-color: 				#ccc;	/**/
}

.box_sitemap h1
{
	text-align:						left;
	padding:						60px 0 0px 0%;	
}

.box_sitemap h2
{
	text-align:						left;
	padding:						0px 0 20px 0%;	
}

.box_sitemap_list li
{
	font: 							normal 1.0em "Elektra";
	margin-left:					8%;
	padding:						0px 0px 0px 0px;
}

.box_sitemap_list a
{
	font: 							normal 18pt "Elektra";	
	text-transform:					uppercase;
	color:							#fff;		
	background:						#3d3d3d;
	padding:						2px 100px 3px 100px;	
}

.box_sitemap_list a:hover
{
	font: 							normal 20pt "Elektra";	
	text-transform:					uppercase;
	color:							#fff;		
	background:						#1ba9e1;
	padding:						3px 110px 6px 110px;	
}
}