body, html { 
	padding:0;
	margin:0;
	width:100%;
	height:100%;	
	background-color: #ffffff; 
	/* overflow-x:hidden;*/
	text-align:left;
	
}

/* id für Body */

#body_start{
	background-image: url("../images/logostart_hg.jpg"); 
    background-repeat: no-repeat;	
	background-size: 960px 700px;
	background-position:top ;	
}

#body_datenschutz{
	background-image: url("../images/datenschutz_hg.jpg"); 
    background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}


#body_kontakt {   
	background-image: url("../images/kontakt_hg.jpg");  
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}

#body_news {   
	background-image: url("../images/news_hg.jpg");  
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}

#body_Jobs {   
	background-image: url("../images/jobs_hg.jpg");  
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}

#body_Jobs_neu {   
	background-image: url("../images/jobs_neu_hg.jpg");  
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}

#body_datenschutz{   
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	;
}

#body_hybrid {   
	background-image: url("../images/hybrid1_hg.jpg");  
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}

#body_impressum {   
	background-image: url("../images/leer_hg.jpg");  
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}

#body_lage {   
	background-image: url("../images/leer_hg.jpg");  
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}

#body_infos {   
	background-image: url("../images/infos_hg.jpg");  
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}

#body_leistung {   
	background-image: url("../images/leistungen_hg.jpg");  
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}

#body_Online {   
	background-image: url("../images/online_hg.jpg");  
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}

#body_pos{   
	background-image: url("../images/pos_hg.jpg");  
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}

#body_Qualitaetssicherung{   
	background-image: url("../images/qualitaetssicherung_hg.jpg");  
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}

#body_schriftlich{   
	background-image: url("../images/schriftlich_hg.jpg");  
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}

#body_team{   
	background-image: url("../images/team_hg.jpg");  
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}

#body_telefonisch{   
	background-image: url("../images/telefonisch_hg.jpg");  
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}

#body_ueber_uns{   
	background-image: url("../images/ueber_uns_hg.jpg");  
	background-repeat: no-repeat;	
	background-size: 960px 721px;
	background-position:top ;	
}


header .header_wrapper {
	max-width:960px;	
	display:block;
	margin:0 auto;			

}

header {
		position: fixed;
		width:100%;
		float:left;	
		z-index:100;	
		left: 0;
		right: 0;
	
	}

header .header_wrapper .logo {
    padding:20px 0 0px 0;
	margin-left:0px;
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;	
	background-color: #ffffff; 
}

header .header_wrapper .logo img{		
    max-width: 100%;
    height: auto;	
}


header .header_wrapper .kontakt_button {
	max-width::960px;
	padding:36px 0 1px 0;
    margin-right:0px;
	text-align:right;
	background-color: #ffffff; 
}


* {
	margin:0;
	padding:0;
	list-style:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-family: Arial, sans-serif;
	
}


div.teil_bild {
   max-width:960px;
   height:170px;
   overflow:hidden;
 
}

.content_block { 
	max-width:960px; 
	position:relative;
	top:380px;
	height:auto; 			
	margin:0 auto;
	/* border: 1px solid #003366; */
	
}

.content_block_imp { 
	max-width:960px; 
	position:relative;
	top:250px;
	height:auto; 			
	margin:0 auto;
	/* border: 1px solid #003366; */	
}

.googlemap { 
	max-width:960px; 
	margin-left:10px;
 
}


@media only screen and (min-width: 960px) {
	
	body, html { 
		overflow-x:hidden;
	}
		
	*{
		font-family: Arial, sans-serif;
	}
	
	.row_bild_mobil{
		display:none;
    }
	
	.googlemap { 
		margin-top:-160px;	
	}
	
	.container {
		max-width:960px;
		height:50px;
		margin:0 auto;
		margin-top:0px;
		background:#F0F0F0;
		background-image: url("../images/navi_hg.png");
		background-repeat: no-repeat;
	}
	
	.span_full {
		max-width: 760px;
		margin-left: 20px;	
		   
		position: relative;	
		padding-top: 50px;
		padding-right: 20px;
		padding-bottom: 100px;
		padding-left: 20px;				
		background: hsla(0, 100%, 100%, 0.8);
		height:100%;
		/*border:3px solid #f0f0f0;*/
		
		
	}

	
	.span_start {
		max-width: 260px;
		margin-left: 746px;	
		top:80px;   
		position: relative;						
		height:100%; 
		font-size:30px; 
	    color:#006608; 
		text-align:center;
	}								
												
						
	
	.span_mobil{
		display:none;
	}
	
	.span_lr_mobil{
		display:none;
	}
	
	.span_bild{
		margin-bottom:10px;
	}
	
	.span_l{
		max-width: 320px; 
		float:left;
	}
	
	.span_l p, .span_r p{
		 margin-left:30px;		
		 margin-top:-55px;
		 padding:20px;
	}
	
	.span_r{
		max-width: 320px;
        margin-left:300px;		
		margin-top:-145px;
		float:left;
	}
}	

.span_full ul li.lt {	
	max-width: 720px; 
}


.span_full ul {
	list-style: none;
	margin: 0px 0px 0px 0px; 
}

.span_full ul li {
	background: url(../images/icon_list.png) 0px 6px no-repeat;
	padding-left: 20px;
	margin: 5px 0;   
	font-family: Arial, sans-serif;
	font-size:15px; 
	color:#006608; 
	line-height:25px;
}


p { 
	font-size:15px; 
	color:#006608; 
	line-height:25px;
	max-width: 760px;
	font-family: Arial, sans-serif;	
	
}


p img{ 
	 padding:10px 0 0px 10;
}

a:link { text-decoration: none; color:#006608;  }
a:link { text-decoration: none; color: #006608; }
a:visited { text-decoration: none; color: #006608; }

b { 

	font-family: Arial, sans-serif;
	
}

.bodytext_lt {
	max-width: 520px;
	padding-left: 20px;
	font-family: Arial, sans-serif;
	
}

.bodytext_cen {
	    margin-top:10px;
		text-align:center;
}

.button {
    font-weight: bold;
	font-size:14px;
	color: #fff;
	background-color: #357842;
	cursor: pointer;
	border: 1px solid #DAE6F6; 
	margin-right:1px;
	border: solid 1px transparent;
    border-radius: 4px;
	padding:5px;
}


.info_submit{
	margin-left:280px;
	margin-top:-26px;
}

.job_submit{
	
}

.job_select{
	margin-left:250px;
	padding:10px;
	margin-top:-35px;
	
}


.job_input{
	margin-left:250px;
	padding:10px;
	margin-top:-35px;
	
}

@media only screen and (min-width: 960px) {
	
	
	
	.content_tit_hg {
		background-color: #ffffff; 	
		max-width:960px; 
		height:50px;			
	}
	.content_tit {
		background-color: #DAE9E2; 	
		max-width:410px; 
		height:50px;			
		font-size:32px; 
		color:#006830; 
		line-height:50px;
		padding-left:20px;
		
	}
	
	.content_tit_cati{
		background: url(../images/icon_cati.png) 20px 8px no-repeat;
		background-color: #DAE9E2; 	
		max-width:410px; 
		height:50px;	
		font-size:30px; 
		color:#006830; 
		line-height:50px;
		padding-left:70px;	
	}
	.content_tit_hybrid{
		background: url(../images/icon_hybrid.png) 20px 8px no-repeat;
		background-color: #DAE9E2; 	
		max-width:410px; 
		height:50px;		
		font-size:30px; 
		color:#006830; 
		line-height:50px;
		padding-left:70px;
	
	}
	.content_tit_online{
		background: url(../images/icon_online.png) 20px 8px no-repeat;
		background-color: #DAE9E2; 	
		max-width:410px; 
		height:50px;		
		font-size:30px; 
		color:#006830; 
		line-height:50px;
		padding-left:70px;
	
	}
	.content_tit_pos{
		background: url(../images/icon_pos.png) 20px 8px no-repeat;
		background-color: #DAE9E2; 	
		max-width:410px; 
		height:50px;	
		font-size:30px; 
		color:#006830; 
		line-height:50px;
		padding-left:70px;
	
	}
	.content_tit_schriftlich{
		background: url(../images/icon_schriftlich.png) 20px 8px no-repeat;
		background-color: #DAE9E2; 	
		max-width:410px; 
		height:50px;	
		font-size:30px; 
		color:#006830; 
		line-height:50px;
		padding-left:70px;
	
	}

}	


/*Responsive Anpassung*/

@media only screen and (min-width: 766px) and (max-width: 960px) {   

	  body, html { 	
		background-color: #ffffff; 
   }

	
	header .header_wrapper .logo {	
		margin:0!important;	
		padding:5px 0 0px 0;
		border-bottom: 1px solid #CDDDD3;
    
	}
	
	header .header_wrapper .logo img{		
         max-width:700px!important;	
	}
		
	.container {
		max-width:720px;
		height:0px;
		margin:0 auto;
		margin-top:0px;
		background-color: #CDDDD3; 
	
	}
		
  
    header .header_wrapper{   
		max-width:720px; 
		margin:0 auto!important;
    }
    
	
	.content_block { 
		max-width:720px; 
		top:100px;
	}
	
	.content_block_imp { 
		max-width:720px; 
		top:120px;
    }
    
    header .header_wrapper .kontakt_button {
		display:none;
	}
   
    header nav.mobile_header {
        display:block!important;
        max-width:700px!important;
        position:absolute!important;
        left:0px!important;
        top:85px!important;
    }
	
	
	.teil_bild {
		display:none;
	}
	
	.row {   
		margin-top:50px;   
	}
	
	.row_bild_mobil img{
		 max-width:720px!important;	
		 height:auto;
		 margin-top:-58px;
	}
	
	
	.span_full {       
	    max-width:720px; 
		margin:0 auto;	
		padding:5px;
		background-color: #ffffff; 		 
		
	}
	
	.span_start {
		max-width:720px; 
		margin:0, auto;	
        padding-top:40px;		
		padding-bottom:150px;
		position: relative;						
		height:50px; 
		font-size:30px; 
	    color:#006608; 
		text-align:center;
		background-color: #ffffff; 
	}		
	
	.span_full ul li.lt {	
	     max-width: 700px; 
    }
	
	.bodytext_lt {
		max-width: 700px;
		padding-left: 20px;
		
	}
	
    .p{
		  max-width:700px; 
	}

	 .info_submit{
		margin-left:0px;
		margin-top:6px;
	 }
	 
	 .span_full,
	 .span{
	    padding:20px;
		/*border-left: 1px solid #f0f0f0;*/
		/*border-right: 1px solid #f0f0f0;*/
	  }
	 

	 
	.span_mobil{
		font-size:26px; 
		color:#006830; 	
		margin-bottom: 10px;		
	}
		
	.span_lr_mobil{
		
	}

	
	.span_lr_mobil p{
		 margin-left:30px;		
		 margin-top:-55px;
		 padding:20px;
	}
	
	
	.span_l, .span_r{
		display:none;
	}
	
	.span_bild{
		display:none;
	}
	
	.content_tit {
		display:none;
		
	}
	
	.content_tit_hg {
		display:none;
		
	}
	
	.content_tit_cati, 
	.content_tit_hybrid, 
	.content_tit_online, 
	.content_tit_pos, 
	.content_tit_schriftlich {
		display:none;
	}
	
	
	#body_start,
	#body_datenschutz,
	#body_kontakt,
	#body_news, 
	#body_Jobs,
	#body_datenschutz,
	#body_hybrid, 
	#body_impressum,
	#body_lage,
	#body_infos,
	#body_leistung, 
	#body_Online,
	#body_pos,
	#body_Qualitaetssicherung,
	#body_schriftlich,
	#body_team,
	#body_telefonisch,
	#body_ueber_uns{   
		
		background:none;
		
	}
	
	.info_submit{
		margin-left:0px;
		margin-top:0px;
	}
	
	.job_select{
		margin-left:-10px;
		margin-bottom:8px;
		margin-top:-12px;	
	}


	.job_input{
		margin-left:-10px;
		margin-bottom:8px;
		margin-top:-12px;		
	}
	
}

@media only screen and (min-width: 459px) and (max-width: 766px) {

    body, html { 	
		background-color: #ffffff; 
   }

	
	header .header_wrapper .logo {	
		margin:0!important;	
		padding:5px 0 5px 0;
		border-bottom: 1px solid #CDDDD3;
    
	}
	
	header .header_wrapper .logo img{		
         max-width:280px!important;	
	}
		
	.container {
		max-width:520px;
		height:0px;
		margin:0 auto;
		margin-top:0px;
		background-color: #CDDDD3; 
	
	}
		
  
    header .header_wrapper{   
		max-width:520px; 
		margin:0 auto!important;
    }
    
	
	.content_block { 
		max-width:520px; 
		top:160px;
	}
	
	.content_block_imp { 
		max-width:520px; 
		top:100px;
    }
    
    header .header_wrapper .kontakt_button {
		display:none;
	}
   
    header nav.mobile_header {
        display:block!important;
        max-width:500px!important;
        position:absolute!important;
        left:0px!important;
        top:85px!important;
    }
	
	
	.teil_bild {
		display:none;
	}
	
	.row {   
		margin-top:50px;   
	}
	
	.row_bild_mobil img{
		 max-width:520px!important;	
		 height:auto;
		 margin-top:-88px;
	}
	
	
	.span_full {       
	    max-width:520px; 
		margin:0 auto;	
		padding:5px;
		background-color: #ffffff; 		 
		
	}
	
	.span_start {
		max-width:520px; 
		margin:0, auto;	
        padding-top:40px;		
		padding-bottom:150px;
		position: relative;						
		height:50px; 
		font-size:30px; 
	    color:#006608; 
		text-align:center;
		background-color: #ffffff; 
	}		
	
	.span_full ul li.lt {	
	     max-width: 500px; 
    }
	
	.bodytext_lt {
		max-width: 500px;
		padding-left: 20px;
		
	}
	
    .p{
		  max-width:500px; 
	}

	 .info_submit{
		margin-left:0px;
		margin-top:6px;
	 }
	 
	 .span_full,
	 .span{
	    padding:20px;
		/*border-left: 1px solid #f0f0f0;*/
		/*border-right: 1px solid #f0f0f0;*/
	  }
	 

	 
	.span_mobil{
		font-size:26px; 
		color:#006830; 	
		margin-bottom: 10px;		
	}
		
	.span_lr_mobil{
		
	}

	
	.span_lr_mobil p{
		 margin-left:30px;		
		 margin-top:-55px;
		 padding:20px;
	}
	
	
	.span_l, .span_r{
		display:none;
	}
	
	.span_bild{
		display:none;
	}
	
	.content_tit {
		display:none;
		
	}
	
	.content_tit_hg {
		display:none;
		
	}
	
	.content_tit_cati, 
	.content_tit_hybrid, 
	.content_tit_online, 
	.content_tit_pos, 
	.content_tit_schriftlich {
		display:none;
	}
	
	
	#body_start,
	#body_datenschutz,
	#body_kontakt,
	#body_news, 
	#body_Jobs,
	#body_datenschutz,
	#body_hybrid, 
	#body_impressum,
	#body_lage,
	#body_infos,
	#body_leistung, 
	#body_Online,
	#body_pos,
	#body_Qualitaetssicherung,
	#body_schriftlich,
	#body_team,
	#body_telefonisch,
	#body_ueber_uns{   
		
		background:none;
		
	}
	
	.info_submit{
		margin-left:0px;
		margin-top:0px;
	}
	
	.job_select{
		margin-left:-10px;
		margin-bottom:8px;
		margin-top:-12px;	
	}


	.job_input{
		margin-left:-10px;
		margin-bottom:8px;
		margin-top:-12px;		
	}
	
    
}


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

   body, html { 	
		background-color: #ffffff; 
   }

	
	header .header_wrapper .logo {	
		margin:0!important;	
		padding:5px 0 5px 0;
		border-bottom: 1px solid #CDDDD3;
    
	}
	
	header .header_wrapper .logo img{		
         max-width:280px!important;	
	}
		
	.container {
		max-width:320px;
		height:0px;
		margin:0 auto;
		margin-top:0px;
		background-color: #CDDDD3; 
	
	}
		
  
    header .header_wrapper{   
		max-width:320px; 
		margin:0 auto!important;
    }
    
	
	.content_block { 
		max-width:320px; 
		top:160px;
	}
	
	.content_block_imp { 
		max-width:320px; 
		top:100px;
    }
    
    header .header_wrapper .kontakt_button {
		display:none;
	}
   
    header nav.mobile_header {
        display:block!important;
        max-width:300px!important;
        position:absolute!important;
        left:0px!important;
        top:85px!important;
    }
	
	
	.teil_bild {
		display:none;
	}
	
	.row {   
		margin-top:50px;   
	}
	
	.row_bild_mobil img{
		 max-width:320px!important;	
		 height:auto;
		 margin-top:-90px;
	}
	
	
	.span_full {       
	    max-width:320px; 
		margin:0 auto;	
		padding:5px;
		background-color: #ffffff; 		 
		
	}
	
	.span_start {
		max-width:320px; 
		margin:0, auto;	
        padding-top:40px;		
		padding-bottom:150px;
		position: relative;						
		height:50px; 
		font-size:30px; 
	    color:#006608; 
		text-align:center;
		background-color: #ffffff; 
	}		
	
	.span_full ul li.lt {	
	     max-width: 300px; 
    }
	
	.bodytext_lt {
		max-width: 300px;
		padding-left: 20px;
		
	}
	
    .p{
		  max-width:300px; 
	}

	 .info_submit{
		margin-left:0px;
		margin-top:6px;
	 }
	 
	 .span_full,
	 .span{
	    padding:20px;
		/*border-left: 1px solid #f0f0f0;*/
		/*border-right: 1px solid #f0f0f0;*/
	  }
	 

	 
	.span_mobil{
		font-size:26px; 
		color:#006830; 	
		margin-bottom: 10px;		
	}
		
	.span_lr_mobil{
		
	}

	
	.span_lr_mobil p{
		 margin-left:30px;		
		 margin-top:-55px;
		 padding:20px;
	}
	
	
	.span_l, .span_r{
		display:none;
	}
	
	.span_bild{
		display:none;
	}
	
	.content_tit {
		display:none;
		
	}
	
	.content_tit_hg {
		display:none;
		
	}
	
	.content_tit_cati, 
	.content_tit_hybrid, 
	.content_tit_online, 
	.content_tit_pos, 
	.content_tit_schriftlich {
		display:none;
	}
	
	
	#body_start,
	#body_datenschutz,
	#body_kontakt,
	#body_news, 
	#body_Jobs,
	#body_datenschutz,
	#body_hybrid, 
	#body_impressum,
	#body_lage,
	#body_infos,
	#body_leistung, 
	#body_Online,
	#body_pos,
	#body_Qualitaetssicherung,
	#body_schriftlich,
	#body_team,
	#body_telefonisch,
	#body_ueber_uns{   
		
		background:none;
		
	}
	
	.info_submit{
		margin-left:0px;
		margin-top:0px;
	}
	
	.job_select{
		margin-left:-10px;
		margin-bottom:8px;
		margin-top:-12px;	
	}


	.job_input{
		margin-left:-10px;
		margin-bottom:8px;
		margin-top:-12px;		
	}
	
}
	

/* Navigation*/

.site-nav {
	width:100%;
	float:left;
	
}

.site-nav li {
	float:left;
	width:100%;
	position:relative;
}

.site-nav a {
	display:block;
	height:100%;
	width:100%;
	padding:1em;
	text-decoration:none;
	color:#006833;
	/*background:rgba(0,0,0,0.2);*/
	background: #f0f0f0;
	border-top: 1px solid rgba(0,0,0,0.5);
}

.site-nav a:hover {
	background: #ccdbd4;
}

.js .site-nav {
	display:none;
}

.js .sub-menu {
	display:none;
}

.sub-menu li:last-of-type {
	padding-bottom:0;
}

.sub-menu a {
	background:#eef5f1;
}

.sub-menu .sub-menu a {
   
	background:#eef5f1;
}

/* toggles */

.toggle-site-nav {
	/*background:#ffffff;*/
	display:block;
	position:absolute;
	right:0;
	top:0;
	padding:1em;
	color:#ffffff;
	cursor:pointer;
}

.toggle-site-nav:hover {
	/*background:#ffffff;*/
	
}

.toggle-sub-menu {
	display:none;
}

.js .toggle-sub-menu {
	position:absolute;
	right:0;
	top:1px; /* Höhe des borders */
	display:block;
	padding:1em;
	background-image: url("../images/p_u.png");
	/*background: tomato;*/
	height: 50px;
	width: 50px;
	cursor:pointer;
}

.js .toggle-sub-menu.active {
	/*background: #A9D0F5;*/
	background-image: url("../images/p_o.png");
}
	
.toggle-sub-menu:hover,
.toggle-sub-menu.active:hover  {
	background-color: #eef5f1;
}


@media screen and (min-width:960px) {
	
	.logo {
		width:auto;
		float:left;	
	}
	
	.site-nav {
		float:right;
		width:auto;
		display:block !important;
	}

	.site-nav a {
		border:none;
	}
	
	.site-nav li {
		width:auto;
		padding:0;
	}

	.site-nav li:hover {
		background:#ccdbd4;
	}
	


	.has-sub-menu a {
		padding-right: 2em;
	}

	.has-sub-menu:after {
		content:'';
		position: absolute;
		top:0;
		right: 0;
		width:1em;
		height:100%;
		/*bckground:aqua;*/
		background-image: url("../images/icn_yellow.png");
		
		background-repeat: no-repeat;
	}

	/* sub menu */
	.site-nav li:hover > .sub-menu {
		display: block;
	  	position: absolute;
	  	width: 300px;
	  	padding: 0 25px 25px 25px;
	  	left: -25px;
	  	top: 50px;
	}

	.sub-menu {display:none;}
	
	.sub-menu li {
		width:100%;	
	}
	
	.sub-menu > a {
		width:100%;
		display:block;	
	}

	
	.has-sub-menu .has-sub-menu:after {
		/*background:gold;*/
		background-image: url("../images/icn_yellow.png");
		
		background-repeat: no-repeat;
	}
	
	.has-sub-menu .has-sub-menu:hover .sub-menu {
		display:block;	
		position:absolute;
	  	width: 300px;
	  	padding: 0 25px 25px 25px;
	  	left: 224px;
	  	top: 0px;
	}
	
	.toggle-site-nav,
	.toggle-sub-menu {
		display:none !important;	
	}

	/* Navigationspunkte, die nach links ausklappen */

	.sub-left > .sub-menu {
		left:auto;
		right:0;
	}

	.site-nav .sub-menu .sub-left > .sub-menu {
		left:-275px;
	}
}