/*====================================================================*/
/* MEDIA QUERIES */
/*====================================================================*/

/* für 320px */
@media only screen and (min-width: 20px){
	
	
	/* mobile navi :: start */
	
	
		.top_navi_mobi_100{
			background-color:#f8f8f8;
		}

			.top_navi_mobi img{
				display:inline;
				height:80px;
				margin-top:0px;
			}
	
	
		.show_nav_mobile{
			display:inline;
		}
		
		.top_navi_mobi_100{
			display:block;
			padding:0 0 0 0;
			position:fixed;
			top:0px;
			z-index:99999;
			height:65px;
			border-bottom:1px solid #dedede;
		}
		
		.top_navi_mobi{
			float:left;
			position:relative;
			text-align:left;
			margin:0px 20px 0 20px;
			display:inline;
			z-index:999;
		}
		
		
		.menu { 
			width:300px;
		}
	
	/* mobile navi :: ende */	
	
	
	/* schnell-kontakt / tel :: start */
	
		.cta_tel{
			float:left;
			display:block;
			position:fixed;
			bottom:0;
			width:100%;
			height:50px;
			background-color:#1d7abc;
			background-image:url(../bilder/ui_icon_tel.png);
			background-repeat:no-repeat;
			background-position:center center;
			border-top:1px solid #ffffff;
			z-index:9999;
		}
		
			.cta_tel img{
				width:100%;
				height:100%;
			}
	
	/* schnell-kontakt / tel :: ende */
	
	.navigation,
	.navi_scroll{
		display:none;
	}
	
	.topdiv { margin:96px 0 0 0; }
	
	
	.div_center { width:300px; margin:0 auto; padding:0px;  }
	
	
	.bg_headergfx1000 { width:100%; height:200px; display:block; background-repeat:no-repeat; background-position: top center; background-size:cover; }
	
		/*
		.sloganbox { margin-top:-270px; display:block; }
		.slogan { height:50px; background:#1d7abc; width:100%; }
			.sloganfont { font-size:30px; }
		.headerbilder { display:block; }
		.prevnextslogan { height:21px; width:21px; }
		*/
		
		.bg_slogan{
			float:right;
			display:none;
			position:relative;
			height:318px;
			width:498px;
			background:rgba(0,0,0,0.7);
			margin:100px 20px 0 0;
			border:1px solid #ffffff;
		}
		
	/* scrollable 100 % */



	#slider, #items > div, #items > div > div{
		height:200px;
		text-align:left;
		z-index:1;
	}
	#slider{
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		position:relative;
		height:200px;
	}
	#items{
		width: 2000em;
		position: absolute;
	}
	#items > li, #items > div{
		float: left;
		overflow: visible;
	}
	#items > div > div{
		margin: 0 auto;
		/* background-color: #000000; */
	}
	#slide-1{
		background-color:black;
	}
	#items > div > div{
		width: 100%;
	}

	#navigation-wrapper {
		width: 60px;
		padding:0 0px 0 0px;
	}

	.left, .right{margin-top:0px;}

	.left, #navigation li{float:left;}
	.right{float:right;}
	#navigation-wrapper,#navigation{margin:0 auto;}
	#navigation{clear:both;}
	#navigation li{ background-color:#b4b4b4; width:20px; height:20px; list-style:none; border-radius:0px; border:0px solid #ffffff; margin:4px; }
	#navigation li:hover, .left:hover, .right:hover{cursor:pointer;}
	#navigation li.active{ background-color:#ffffff; width:20px; height:20px; list-style:none; border-radius:0px; border:0px solid #ffffff; margin:4px; }
	.disabled{display:inline;}

	/* end - scrollable 100 % */

	
	.con_100_padding_tb{
		padding:40px 0 30px 0;
	}
	
	/* welcome :: start */
	
		.welcome_erde{
			display:none;
		}
		
		.welcome_txt{
			float:left;
			display:inline;
			position:relative;
			width:300px;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		
		.welcome_marker_h5{
			display:none;
		}
		
		.welcome_txt_anleser{
			float:left;
			display:inline;
			position:relative;
			width:300px;
			margin:10px 0 0 0;
			padding:0 0 0 0;
		}
		
		.welcome_txt_linkbox{
			float:left;
			display:inline;
			position:relative;
			margin:10px 0 0 0;
		}
	
	/* welcome :: ende */
	
	
	/* news liste :: start */
	
		.picbox_news{
			display:none;
		}
		
		.box_news{
			float:left;
			display:inline;
			position:relative;
			padding:20px 10px 0 10px;
			margin:0 0 0 0;
			text-align:left;
			cursor:pointer;
			width:100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			  box-sizing: border-box;
			 background-color:#f1f2f4;
			 border-top:1px solid #d3dddd;
			 border-bottom:1px solid #d3dddd;
		}
		
			.box_news:hover{
				background-color:#e5e5e5;
				-moz-transition: all 0.4s ease-out;  /* FF4+ */
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
				-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
				-ms-transition: all 0.4s ease-out;  /* IE10? */
				transition: all 0.4s ease-out;
			}
	
	/* news liste :: ende */
	
	
	/* boxen leistungen :: start */
	
		.navi_leistungen{
			float:right;
			display:inline;
			position:relative;
			width:300px;
			height:32px;
			padding:0 0 0 0;
			border-bottom:0px solid #dedede;
			margin:10px 0 10px 0;
		}
		
			/*
			.navi_leistungen_inner{
				float:right;
				display:inline;
				position:relative;
				width:42px;
				height:21px;
			}
			*/
			
			.jcarousel-control-prev {
				left:0;
				right: auto;
			}

			.jcarousel-control-next {
				left:auto;
				right: 0px;
			}
			
			.rahmen_overflow{
				overflow:hidden;
			}
			
			.rahmen_overflow_inner{
				width:580px;
			}
			
			
		.box_leistungen{
			float:left;
			display:inline;
			position:relative;
			width:298px;
			height:268px;
			border:1px solid #dedede;
			background:#f8f8f8;
			margin:0 40px 0 0;
			padding:0 0 0 0;
		}
		
			.box_leistungen_txt{
				float:left;
				display:inline;
				position:relative;
				width:258px;
				padding:20px 0 20px 20px;
			}
			
			.box_leistungen_pic{
				display:none;
			}
	
	/* boxen leistungen :: ende */
	
	
	/* starseite vorteile :: start */
	
		.vorteile_txt{
			float:left;
			display:inline;
			position:relative;
			width:300px;
			background-image:url(../bilder/header_vorteile.png);
			background-repeat:no-repeat;
			background-position:left top;
			margin:0 0 0 0;
			padding:70px 0 0 0;
		}
		
			.vorteile_list {
				padding:10px 0 10px 60px;
				box-sizing:border-box;
				width:100%;
				margin:10px 0 15px 0;
				font-size:18px;
				line-height:24px;
				color: #1e1e1e;
				display:inline;
				position:relative;
				float:left;
				background-image:url(../bilder/li_gr.png);
				background-repeat:no-repeat;
				background-position:center left;
			}
		
		.vorteile_pic{
			display:none;
		}
	
	/* starseite vorteile :: ende */
	
	
	/* box cta :: start */
	
		.cta_marker_h5 {

			display: none;

		}
		
		.cta_anleser{
			float:left;
			display:inline;
			position:relative;
			width:300px;
			margin:10px 0 0 0
		}
		
		.cta_linkbox{
			float:left;
			display:inline;
			position:relative;
			margin:10px 0 0 0;
		}
	
	/* box cta :: ende */
	
	
	/* footer :: start */
	
		.footer_z1{
			float:left;
			position:relative;
			display:inline;
			width:100%;
			margin:0 0 0 0;
			padding:40px 0 40px 0;
			border-bottom:1px solid #dedede;
		}
		
			.footer_adresse{
				float:left;
				display:inline;
				position:relative;
				width:300px;
				padding:0px 0px 0px 0px;
				margin:0 0 0 0;
			}
			
				.adresse_firma{
					float:left;
					display:inline;
					position:relative;
					color: #1d7abc;
					font-size:18px;
					line-height:24px;
					font-weight:bold;
					margin:0 0 0 0;
					padding:0 0 0 0;
				}
				
				.adresse_strasse{
					float:left;
					display:inline;
					position:relative;
					clear:both;
					margin:15px 0 0 0;
					padding:0 0 0 43px;
					background-image:url(../bilder/ico_home.png);
					background-repeat:no-repeat;
					background-position:left 4px center;
				}
				
				.adresse_tel{
					float:left;
					display:inline;
					position:relative;
					clear:both;
					margin:15px 0 0 0;
					padding:10px 0 10px 43px;
					background-image:url(../bilder/ico_kontakt.png);
					background-repeat:no-repeat;
					background-position:left center;
				}
				
				.adresse_mail{
					float:left;
					display:inline;
					position:relative;
					clear:both;
					margin:15px 0 0 0;
					padding:10px 0 10px 43px;
					background-image:url(../bilder/ico_mail.png);
					background-repeat:no-repeat;
					background-position:left top 10px;
				}	
				
			.footer_partner{
				float:right;
				display:inline;
				position:relative;
				width:300px;
				padding:0px 0px 0px 0px;
				margin:40px 0 0 0;
			}
			
				.footer_partner img{
					width:300px;
					margin:15px 0 0 0;
				}
				
		.footer_z2{
			float:left;
			position:relative;
			display:inline;
			width:100%;
			margin:0 0 0 0;
			padding:40px 0 90px 0;
			border-bottom:1px solid #ffffff;
			z-index:9999;
		}
		
			.footer_copy{
				float:left;
				display:inline;
				position:relative;
				clear:none;
				margin:20px 0 0 0;
				padding:0 0 0 0;
			}
			
			.footer_links{
				float:left;
				display:inline;
				position:relative;
				clear:none;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
	
	/* footer :: ende */
	
	
	/* contentbereich :: start */
	
		.buehne_13 { width: 300px;	height: 190px; margin:0 0 60px 0; float:right; display:inline; position:relative; }
			.buehne_13_picbox { width: 300px; height: 190px; text-align:center; overflow:hidden;background:#ffffff; float:left; display:inline; position:relative; }
			.buehne_13_picbox img { height:195px; }
	
	
		.box_download{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			margin:0 0 1px 0;
			padding:10px 10px 10px 50px;
			background-image:url(../bilder/ico_down.png);
			background-repeat:no-repeat;
			background-position:left 15px center;
			background-color:#f1f2f4;
			box-sizing:border-box;
			cursor:pointer;
		}
		
			.box_download:hover{
				background-color:#e5e5e5;
			}
			
			.box_download_info{
				float:right;
				display:none;
				position:relative;
				text-transform:uppercase;
				font-size:12px;
			}
			
			
		.box_download_02{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			margin:0 0 0 0;
			padding:10px 50px 10px 10px;
			background-image:url(../bilder/ico_down.png);
			background-repeat:no-repeat;
			background-position:right 15px center;
			background-color:#f1f2f4;
			box-sizing:border-box;
			cursor:pointer;
		}
		
			.box_download_02_weiss{
				background-color:#ffffff;
			}
		
			.box_download_02:hover{
				background-color:#e5e5e5;
			}
	
	
		/* carousel :: start */
		
			.jcarousel-wrapper-buehne_13 {
				margin: 0px auto;
				position: relative;
				width: 300px;
				height: 190px;
			}
			
				.carousel_navi_buehne_13{
					width:61px;
					margin:10px 10px 0 0;
					float:right;
					display:inline;
					position:relative;
				}
		
		/* carousel :: start */
		
		/* box akkreditierung :: start */
		
			.box_akkreditierung{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				margin:40px 0 80px 0;
				padding:20px 20px 20px 20px;
				background-color:#1d7abc;
				border-bottom:5px solid #aadcff;
				box-sizing:border-box;
				color:#aadcff;
			}
			
				.box_akkreditierung_txt{
					float:left;
					display:inline;
					position:relative;
					margin:0 0 0 0;
					padding:0 0 0 0;
					color:#aadcff;
					width:260px;
				}
				
				.box_akkreditierung_link{
					float:left;
					display:inline;
					position:relative;
					margin:10px 0 0 0;
					padding:0 0 0 0;
					color:#aadcff;
					clear:both;
				}
				
		
		/* box akkreditierung :: ende */
	
	/* contentbereich :: ende */
	
	
	/* login-bereich :: start */
	
		.login_info{
			float:left;
			display:inline;
			position:relative;
			width:300px;
			margin:0 0 20px 0;
		}
		
		.login_maske{
			float:left;
			display:inline;
			position:relative;
			width:300px;
			box-sizing:border-box;
			background-color:#ebebeb;
			padding:20px 20px 20px 20px;
			margin:0 0 20px 0;
		}
		
		input.input_loginmaske{
			background-color:#ffffff; 
			color:#787878;
			font-size:14px;
			height:45px;
			padding:10px 10px 10px 5px;
			margin:1px 0 10px 0;
			border-radius:0px;
			border:1px solid #e3e3e3;
			width:100%;
			box-sizing:border-box;
		}
		
		
		.bg_nav_login{
			float:left;
			display:inline;
			position:relative;
			border-bottom:1px solid #dedede;
			padding:0 0 10px 0;
			width:100%;
			margin:0 0 40px 0;
		}
		
			.nav_login_user{
				float:right;
				display:inline;
				position:relative;
				margin:0 0 0 0;
				padding:0 0 0 0;
				clear:none;
			}
			
			.nav_login_links{
				float:left;
				display:inline;
				position:relative;
				margin:0 0 0 0;
				padding:0 0 0 0;
				clear:none;
			}
		
		.bg_msg_login{
			float:left;
			display:inline;
			position:relative;
			background-color:#1d7abc;
			border:1px solid #dedede;
			box-sizing:border-box;
			padding:20px 20px 20px 20px;
			width:100%;
			color:#ffffff;
			margin:0 0 40px 0;
		}
		
		
		.bg_nav_login{
			float:left;
			display:inline;
			position:relative;
			border-bottom:1px solid #dedede;
			padding:0 0 10px 0;
			width:100%;
			margin:0 0 40px 0;
		}
		
			.nav_login_user{
				float:left;
				display:inline;
				position:relative;
				margin:0 0 0 0;
				padding:0 0 0 0;
				clear:none;
			}
			
			.nav_login_links{
				float:left;
				display:inline;
				position:relative;
				margin:15px 0 0 0;
				padding:0 0 0 0;
				clear:both;
			}
		
		.bg_msg_login{
			float:left;
			display:inline;
			position:relative;
			background-color:#1d7abc;
			border:1px solid #dedede;
			box-sizing:border-box;
			padding:20px 20px 20px 20px;
			width:100%;
			color:#ffffff;
			margin:0 0 40px 0;
		}
	
	/* login-bereich :: ende */
	
	/* kontaktseite :: start */
	
		.kontaktseite_adresse{
			float:left;
			display:inline;
			position:relative;
			width:300px;
			margin:20px 0 0 0;
			padding:0 0 0 0;
			clear:both;
		}
		
			.kontaktseite_adresse_anschrift{
				float:right;
				display:inline;
				position:relative;
				width:300px;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
		
			.kontaktseite_adresse iframe{
				width:300px;
				height:300px;
				margin:0 0 0 0;
				float:left;
				display:inline;
				position:relative;
			}
			
		.kontaktseite_formular{
			float:left;
			display:inline;
			position:relative;
			width:300px;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		
			.formular_left{
				float:left;
				display:inline;
				position:relative;
				width:300px;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
				.formular_left input{
					float:left;
					display:inline;
					position:relative;
					width:100%;
					box-sizing:border-box;
					height:40px;
					padding:10px 10px 10px 10px;
					margin:0 0 1px 0;
					border:1px solid #e5e5e5;
				}
				
				.formular_left textarea{
					float:left;
					display:inline;
					position:relative;
					width:100%;
					box-sizing:border-box;
					height:300px;
					padding:10px 10px 10px 10px;
					margin:0 0 1px 0;
					border:1px solid #e5e5e5;
					resize:none;
				}
			
			.formular_right{
				float:left;
				display:inline;
				position:relative;
				width:300px;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
				.formular_right input{
					float:left;
					display:inline;
					position:relative;
					width:100%;
					box-sizing:border-box;
					height:40px;
					padding:10px 10px 10px 10px;
					margin:0 0 1px 0;
					border:1px solid #e5e5e5;
				}
				
				input.checkbox_in{
					background-color: transparent;
					color: #f0f0f0;
					font-size: 15px;
					font-family: Arial, Helvetica, sans-serif;
					border: 0px solid #e2e2e2;
					border-radius: 0px;
					width: 14px;
					height: 14px;
					margin: 8px 5px 10px 10px;
				}
				
				input.formular_button{
					width: 100%;
					height: 40px;
					margin: 20px 0 0 0;
					background-color: #1d7abc;
					border-bottom: 3px solid #aadcff;
					color: white;
				}
	
	/* kontaktseite :: ende */
	
}
         
@media only screen and (min-width: 560px){
	
	/* schnell-kontakt / tel :: start */
	
		.cta_tel{
			display:none;
		}
	
	/* schnell-kontakt / tel :: ende */
	

	.div_center { width:540px; margin:0 auto; padding:0px;  }
	
	
	.bg_headergfx1000 { width:100%; height:600px; display:block; background-repeat:no-repeat; background-position: top center; background-size:cover; }
	
		/*
		.sloganbox { margin-top:-270px; display:block; }
		.slogan { height:50px; background:#1d7abc; width:100%; }
			.sloganfont { font-size:30px; }
		.headerbilder { display:block; }
		.prevnextslogan { height:21px; width:21px; }
		*/
		
		.bg_slogan{
			float:right;
			display:inline;
			position:relative;
			height:318px;
			width:498px;
			background:rgba(0,0,0,0.7);
			margin:100px 20px 0 0;
			border:1px solid #ffffff;
		}
		
	/* scrollable 100 % */



	#slider, #items > div, #items > div > div{
		height:480px;
		text-align:left;
		z-index:1;
	}
	#slider{
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		position:relative;
		height:480px;
	}
	#items{
		width: 2000em;
		position: absolute;
	}
	#items > li, #items > div{
		float: left;
		overflow: visible;
	}
	#items > div > div{
		margin: 0 auto;
		/* background-color: #000000; */
	}
	#slide-1{
		background-color:black;
	}
	#items > div > div{
		width: 100%;
	}

	#navigation-wrapper {
		width: 60px;
		padding:0 0px 0 0px;
	}

	.left, .right{margin-top:0px;}

	.left, #navigation li{float:left;}
	.right{float:right;}
	#navigation-wrapper,#navigation{margin:0 auto;}
	#navigation{clear:both;}
	#navigation li{ background-color:#b4b4b4; width:20px; height:20px; list-style:none; border-radius:0px; border:0px solid #ffffff; margin:4px; }
	#navigation li:hover, .left:hover, .right:hover{cursor:pointer;}
	#navigation li.active{ background-color:#ffffff; width:20px; height:20px; list-style:none; border-radius:0px; border:0px solid #ffffff; margin:4px; }
	.disabled{display:inline;}

	/* end - scrollable 100 % */
	
	
	
	.con_100_padding_tb{
		padding:40px 0 30px 0;
	}
	
	/* welcome :: start */
	
		.welcome_erde{
			float:left;
			display:inline;
			position:relative;
			width:140px;
			height:130px;
			background-image:url(../bilder/erdkugel.png);
			background-repeat:no-repeat;
			background-position:left top;
		}
		
		.welcome_txt{
			float:left;
			display:inline;
			position:relative;
			width:380px;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		
		.welcome_marker_h5{
			display:none;
		}
		
		.welcome_txt_anleser{
			float:left;
			display:inline;
			position:relative;
			width:380px;
			margin:10px 0 0 0;
			padding:0 0 0 0;
		}
		
		.welcome_txt_linkbox{
			float:left;
			display:inline;
			position:relative;
			margin:10px 0 0 0;
		}
	
	/* welcome :: ende */
	
	/* news liste :: start */
	
		.picbox_news{
			width:150px;
			margin:0 20px 0 0;
			padding:0 0 0 0;
			overflow:hidden;
			display:block;
			border:1px solid #e3e3e3;
			float:left;
			display:inline;
			position:relative;
		}	
		
			.picbox_news img{
				width:150px;
			}
		
	/* news liste :: start */
	
	
	/* boxen leistungen :: start */
	
		.navi_leistungen{
			float:right;
			display:inline;
			position:relative;
			width:540px;
			height:32px;
			padding:0 0 0 0;
			border-bottom:0px solid #dedede;
			margin:10px 0 10px 0;
		}
		
			/*
			.navi_leistungen_inner{
				float:right;
				display:inline;
				position:relative;
				width:42px;
				height:21px;
			}
			*/
			
			.jcarousel-control-prev {
				left:0;
				right: auto;
			}

			.jcarousel-control-next {
				left:auto;
				right: 0px;
			}
			
			.rahmen_overflow{
				overflow:hidden;
			}
			
			.rahmen_overflow_inner{
				width:580px;
			}
			
			
		.box_leistungen{
			float:left;
			display:inline;
			position:relative;
			width:538px;
			height:298px;
			border:1px solid #dedede;
			background:#f8f8f8;
			margin:0 40px 0 0;
			padding:0 0 0 0;
		}
		
			.box_leistungen_txt{
				float:left;
				display:inline;
				position:relative;
				width:268px;
				padding:20px 0 20px 20px;
			}
			
			.box_leistungen_pic{
				float:right;
				display:inline;
				position:relative;
				width:220px;
				height:300px;
				margin:-1px -1px 0 0;
			}
			
				.box_leistungen_pic img{
					width:220px;
					height:300px;
				}
	
	/* boxen leistungen :: ende */
	
	
	/* starseite vorteile :: start */
	
		.vorteile_txt{
			float:left;
			display:inline;
			position:relative;
			width:540px;
			background-image:url(../bilder/header_vorteile.png);
			background-repeat:no-repeat;
			background-position:left top;
			margin:0 0 0 0;
			padding:70px 0 0 0;
		}
		
			.vorteile_list {
				padding:10px 0 10px 60px;
				box-sizing:border-box;
				width:100%;
				margin:10px 0 15px 0;
				font-size:18px;
				line-height:24px;
				color: #1e1e1e;
				display:inline;
				position:relative;
				float:left;
				background-image:url(../bilder/li_gr.png);
				background-repeat:no-repeat;
				background-position:center left;
			}
		
		.vorteile_pic{
			display:none;
		}
	
	/* starseite vorteile :: ende */
	
	
	/* box cta :: start */
	
		.cta_marker_h5 {

			display: none;

		}
		
		.cta_anleser{
			float:left;
			display:inline;
			position:relative;
			width:540px;
			margin:10px 0 0 0
		}
		
		.cta_linkbox{
			float:left;
			display:inline;
			position:relative;
			margin:10px 0 0 0;
		}
	
	/* box cta :: ende */
	
	
	/* footer :: start */
	
		.footer_z1{
			float:left;
			position:relative;
			display:inline;
			width:100%;
			margin:0 0 0 0;
			padding:40px 0 40px 0;
			border-bottom:1px solid #dedede;
		}
		
			.footer_adresse{
				float:left;
				display:inline;
				position:relative;
				width:540px;
				padding:0px 0px 0px 0px;
				margin:0 0 0 0;
			}
			
				.adresse_firma{
					float:left;
					display:inline;
					position:relative;
					color: #1d7abc;
					font-size:18px;
					line-height:24px;
					font-weight:bold;
					margin:0 0 0 0;
					padding:0 0 0 0;
				}
				
				.adresse_strasse{
					float:left;
					display:inline;
					position:relative;
					clear:both;
					margin:15px 0 0 0;
					padding:0 0 0 30px;
					background-image:url(../bilder/ico_home.png);
					background-repeat:no-repeat;
					background-position:left 4px center;
				}
				
				.adresse_tel{
					float:left;
					display:inline;
					position:relative;
					clear:both;
					margin:15px 0 0 0;
					padding:10px 0 10px 30px;
					background-image:url(../bilder/ico_kontakt.png);
					background-repeat:no-repeat;
					background-position:left center;
				}
				
				.adresse_mail{
					float:left;
					display:inline;
					position:relative;
					clear:none;
					margin:15px 0 0 20px;
					padding:10px 0 10px 43px;
					background-image:url(../bilder/ico_mail.png);
					background-repeat:no-repeat;
					background-position:left top 10px;
				}	
				
			.footer_partner{
				float:right;
				display:inline;
				position:relative;
				width:540px;
				padding:0px 0px 0px 0px;
				margin:40px 0 0 0;
			}
			
				.footer_partner img{
					width:auto;
					margin:15px 0 0 0;
				}
				
		.footer_z2{
			float:left;
			position:relative;
			display:inline;
			width:100%;
			margin:0 0 0 0;
			padding:40px 0 40px 0;
			border-bottom:1px solid #ffffff;
			z-index:9999;
		}
		
			.footer_copy{
				float:left;
				display:inline;
				position:relative;
				clear:none;
				margin:20px 0 0 0;
				padding:0 0 0 0;
			}
			
			.footer_links{
				float:left;
				display:inline;
				position:relative;
				clear:none;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
	
	/* footer :: ende */
	
	
	/* contentbereich :: start */
	
		.buehne_13 { width: 250px;	height: 160px; margin:25px 0 60px 20px; float:right; display:inline; position:relative; }
			.buehne_13_picbox { width: 250px; height: 160px; text-align:center; overflow:hidden;background:#ffffff; float:left; display:inline; position:relative; }
			.buehne_13_picbox img { height:170px; }
	
	
		.box_download{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			margin:0 0 1px 0;
			padding:10px 10px 10px 50px;
			background-image:url(../bilder/ico_down.png);
			background-repeat:no-repeat;
			background-position:left 15px center;
			background-color:#f1f2f4;
			box-sizing:border-box;
			cursor:pointer;
		}
		
			.box_download:hover{
				background-color:#e5e5e5;
			}
			
			.box_download_info{
				float:right;
				display:inline;
				position:relative;
				text-transform:uppercase;
				font-size:12px;
			}
	
	
		/* carousel :: start */
		
			.jcarousel-wrapper-buehne_13 {
				margin: 0px auto;
				position: relative;
				width: 250px;
				height: 160px;
			}
			
				.carousel_navi_buehne_13{
					width:61px;
					margin:10px 10px 0 0;
					float:right;
					display:inline;
					position:relative;
				}
		
		/* carousel :: start */
		
		/* box akkreditierung :: start */
		
			.box_akkreditierung{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				margin:40px 0 80px 0;
				padding:20px 20px 20px 20px;
				background-color:#1d7abc;
				border-bottom:5px solid #aadcff;
				box-sizing:border-box;
				color:#aadcff;
			}
			
				.box_akkreditierung_txt{
					float:left;
					display:inline;
					position:relative;
					margin:0 0 0 0;
					padding:0 0 0 0;
					color:#aadcff;
					width:500px;
				}
				
				.box_akkreditierung_link{
					float:left;
					display:inline;
					position:relative;
					margin:10px 0 0 0;
					padding:0 0 0 0;
					color:#aadcff;
					clear:both;
				}
				
		
		/* box akkreditierung :: ende */
	
	/* contentbereich :: ende */
	
	
	/* login-bereich :: start */
	
		.login_info{
			float:left;
			display:inline;
			position:relative;
			width:540px;
			margin:0 0 20px 0;
		}
		
		.login_maske{
			float:left;
			display:inline;
			position:relative;
			width:540px;
			box-sizing:border-box;
			background-color:#ebebeb;
			padding:20px 20px 20px 20px;
			margin:0 0 20px 0;
		}
		
		input.input_loginmaske{
			background-color:#ffffff; 
			color:#787878;
			font-size:14px;
			height:45px;
			padding:10px 10px 10px 5px;
			margin:1px 0 10px 0;
			border-radius:0px;
			border:1px solid #e3e3e3;
			width:100%;
			box-sizing:border-box;
		}
		
		.bg_nav_login{
			float:left;
			display:inline;
			position:relative;
			border-bottom:1px solid #dedede;
			padding:0 0 10px 0;
			width:100%;
			margin:0 0 40px 0;
		}
		
			.nav_login_user{
				float:right;
				display:inline;
				position:relative;
				margin:0 0 0 0;
				padding:0 0 0 0;
				clear:none;
			}
			
			.nav_login_links{
				float:left;
				display:inline;
				position:relative;
				margin:0 0 0 0;
				padding:0 0 0 0;
				clear:none;
			}
		
		.bg_msg_login{
			float:left;
			display:inline;
			position:relative;
			background-color:#1d7abc;
			border:1px solid #dedede;
			box-sizing:border-box;
			padding:20px 20px 20px 20px;
			width:100%;
			color:#ffffff;
			margin:0 0 40px 0;
		}
	
	/* login-bereich :: ende */
	
	
	/* kontaktseite :: start */
	
		.kontaktseite_adresse{
			float:left;
			display:inline;
			position:relative;
			width:540px;
			margin:20px 0 0 0;
			padding:0 0 0 0;
			clear:both;
		}
		
			.kontaktseite_adresse_anschrift{
				float:right;
				display:inline;
				position:relative;
				width:540px;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
		
			.kontaktseite_adresse iframe{
				width:540px;
				height:300px;
				margin:0 0 0 0;
				float:left;
				display:inline;
				position:relative;
			}
			
		.kontaktseite_formular{
			float:left;
			display:inline;
			position:relative;
			width:540px;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		
			.formular_left{
				float:left;
				display:inline;
				position:relative;
				width:540px;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
				.formular_left input{
					float:left;
					display:inline;
					position:relative;
					width:100%;
					box-sizing:border-box;
					height:40px;
					padding:10px 10px 10px 10px;
					margin:0 0 1px 0;
					border:1px solid #e5e5e5;
				}
				
				.formular_left textarea{
					float:left;
					display:inline;
					position:relative;
					width:100%;
					box-sizing:border-box;
					height:300px;
					padding:10px 10px 10px 10px;
					margin:0 0 1px 0;
					border:1px solid #e5e5e5;
					resize:none;
				}
			
			.formular_right{
				float:left;
				display:inline;
				position:relative;
				width:540px;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
				.formular_right input{
					float:left;
					display:inline;
					position:relative;
					width:100%;
					box-sizing:border-box;
					height:40px;
					padding:10px 10px 10px 10px;
					margin:0 0 1px 0;
					border:1px solid #e5e5e5;
				}
				
				input.checkbox_in{
					background-color: transparent;
					color: #f0f0f0;
					font-size: 15px;
					font-family: Arial, Helvetica, sans-serif;
					border: 0px solid #e2e2e2;
					border-radius: 0px;
					width: 14px;
					height: 14px;
					margin: 8px 5px 10px 10px;
				}
				
				input.formular_button{
					width: 100%;
					height: 40px;
					margin: 20px 0 0 0;
					background-color: #1d7abc;
					border-bottom: 3px solid #aadcff;
					color: white;
				}
	
	/* kontaktseite :: ende */
	
	
}
         
@media only screen and (min-width: 750px){
	
	.div_center { width:730px; margin:0 auto; padding:0px;  }
	
	
	.bg_headergfx1000 { width:100%; height:600px; display:block; background-repeat:no-repeat; background-position: top center; background-size:cover; }
	
		/*
		.sloganbox { margin-top:-270px; display:block; }
		.slogan { height:50px; background:#1d7abc; width:100%; }
			.sloganfont { font-size:30px; }
		.headerbilder { display:block; }
		.prevnextslogan { height:21px; width:21px; }
		*/
		
		.bg_slogan{
			float:right;
			display:inline;
			position:relative;
			height:318px;
			width:498px;
			background:rgba(0,0,0,0.7);
			margin:100px 0 0 0;
			border:1px solid #ffffff;
		}
		
	/* scrollable 100 % */



	#slider, #items > div, #items > div > div{
		height:480px;
		text-align:left;
		z-index:1;
	}
	#slider{
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		position:relative;
		height:480px;
	}
	#items{
		width: 2000em;
		position: absolute;
	}
	#items > li, #items > div{
		float: left;
		overflow: visible;
	}
	#items > div > div{
		margin: 0 auto;
		/* background-color: #000000; */
	}
	#slide-1{
		background-color:black;
	}
	#items > div > div{
		width: 100%;
	}

	#navigation-wrapper {
		width: 60px;
		padding:0 0px 0 0px;
	}

	.left, .right{margin-top:0px;}

	.left, #navigation li{float:left;}
	.right{float:right;}
	#navigation-wrapper,#navigation{margin:0 auto;}
	#navigation{clear:both;}
	#navigation li{ background-color:#b4b4b4; width:20px; height:20px; list-style:none; border-radius:0px; border:0px solid #ffffff; margin:4px; }
	#navigation li:hover, .left:hover, .right:hover{cursor:pointer;}
	#navigation li.active{ background-color:#ffffff; width:20px; height:20px; list-style:none; border-radius:0px; border:0px solid #ffffff; margin:4px; }
	.disabled{display:inline;}

	/* end - scrollable 100 % */

	.con_100_padding_tb{
		padding:40px 0 30px 0;
	}
	
	/* welcome :: start */
	
		.welcome_erde{
			float:left;
			display:inline;
			position:relative;
			width:140px;
			height:130px;
			background-image:url(../bilder/erdkugel.png);
			background-repeat:no-repeat;
			background-position:left top;
		}
		
		.welcome_txt{
			float:left;
			display:inline;
			position:relative;
			width:570px;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		
		.welcome_marker_h5{
			display:none;
		}
		
		.welcome_txt_anleser{
			float:left;
			display:inline;
			position:relative;
			width:570px;
			margin:10px 0 0 0;
			padding:0 0 0 0;
		}
		
		.welcome_txt_linkbox{
			float:left;
			display:inline;
			position:relative;
			margin:10px 0 0 0;
		}
	
	/* welcome :: ende */
	
	
	/* boxen leistungen :: start */
	
		.navi_leistungen{
			float:right;
			display:inline;
			position:relative;
			width:730px;
			height:32px;
			padding:0 0 0 0;
			border-bottom:0px solid #dedede;
			margin:10px 0 10px 0;
		}
		
			/*
			.navi_leistungen_inner{
				float:right;
				display:inline;
				position:relative;
				width:42px;
				height:21px;
			}
			*/
			
			.jcarousel-control-prev {
				left:0;
				right: auto;
			}

			.jcarousel-control-next {
				left:auto;
				right: 0px;
			}
			
			.rahmen_overflow{
				overflow:hidden;
			}
			
			.rahmen_overflow_inner{
				width:770px;
			}
			
			
		.box_leistungen{
			float:left;
			display:inline;
			position:relative;
			width:728px;
			height:298px;
			border:1px solid #dedede;
			background:#f8f8f8;
			margin:0 40px 0 0;
			padding:0 0 0 0;
		}
		
			.box_leistungen_txt{
				float:left;
				display:inline;
				position:relative;
				width:468px;
				padding:20px 0 20px 20px;
			}
			
			.box_leistungen_pic{
				float:right;
				display:inline;
				position:relative;
				width:220px;
				height:300px;
				margin:-1px -1px 0 0;
			}
			
				.box_leistungen_pic img{
					width:220px;
					height:300px;
				}
	
	/* boxen leistungen :: ende */
	
	/* starseite vorteile :: start */
	
		.vorteile_txt{
			float:left;
			display:inline;
			position:relative;
			width:480px;
			background-image:url(../bilder/header_vorteile.png);
			background-repeat:no-repeat;
			background-position:left top;
			margin:0 0 0 0;
			padding:70px 0 0 0;
		}
		
			.vorteile_list {
				padding:10px 0 10px 60px;
				box-sizing:border-box;
				width:100%;
				margin:10px 0 15px 0;
				font-size:18px;
				line-height:24px;
				color: #1e1e1e;
				display:inline;
				position:relative;
				float:left;
				background-image:url(../bilder/li_gr.png);
				background-repeat:no-repeat;
				background-position:center left;
			}
		
		.vorteile_pic{
			float:right;
			display:inline;
			position:relative;
			width:210px;
			height:440px;
			background-image:url(../bilder/start_unten.jpg);
			background-repeat:no-repeat;
			background-position:right bottom 60px;
			background-size:contain;
		}
	
	/* starseite vorteile :: ende */
	
	/* box cta :: start */
	
		.cta_marker_h5 {

			display: none;

		}
		
		.cta_anleser{
			float:left;
			display:inline;
			position:relative;
			width:730px;
			margin:10px 0 0 0
		}
		
		.cta_linkbox{
			float:left;
			display:inline;
			position:relative;
			margin:10px 0 0 0;
		}
	
	/* box cta :: ende */
	
	
	/* footer :: start */
	
		.footer_z1{
			float:left;
			position:relative;
			display:inline;
			width:100%;
			margin:0 0 0 0;
			padding:40px 0 40px 0;
			border-bottom:1px solid #dedede;
		}
		
			.footer_adresse{
				float:left;
				display:inline;
				position:relative;
				width:370px;
				padding:0px 0px 0px 0px;
				margin:0 0 0 0;
			}
			
				.adresse_firma{
					float:left;
					display:inline;
					position:relative;
					color: #1d7abc;
					font-size:18px;
					line-height:24px;
					font-weight:bold;
					margin:0 0 0 0;
					padding:0 0 0 0;
				}
				
				.adresse_strasse{
					float:left;
					display:inline;
					position:relative;
					clear:both;
					margin:15px 0 0 0;
					padding:0 0 0 30px;
					background-image:url(../bilder/ico_home.png);
					background-repeat:no-repeat;
					background-position:left 4px center;
				}
				
				.adresse_tel{
					float:left;
					display:inline;
					position:relative;
					clear:both;
					margin:15px 0 0 0;
					padding:10px 0 10px 30px;
					background-image:url(../bilder/ico_kontakt.png);
					background-repeat:no-repeat;
					background-position:left center;
				}
				
				.adresse_mail{
					float:left;
					display:inline;
					position:relative;
					clear:none;
					margin:15px 0 0 20px;
					padding:10px 0 10px 43px;
					background-image:url(../bilder/ico_mail.png);
					background-repeat:no-repeat;
					background-position:left top 10px;
				}	
				
			.footer_partner{
				float:right;
				display:inline;
				position:relative;
				width:360px;
				padding:0px 0px 0px 0px;
				margin:0 0 0 0;
			}
			
				.footer_partner img{
					width:auto;
					margin:15px 0 0 0;
				}
				
		.footer_z2{
			float:left;
			position:relative;
			display:inline;
			width:100%;
			margin:0 0 0 0;
			padding:40px 0 40px 0;
			border-bottom:1px solid #ffffff;
			z-index:9999;
		}
		
			.footer_copy{
				float:left;
				display:inline;
				position:relative;
				clear:none;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
			.footer_links{
				float:right;
				display:inline;
				position:relative;
				clear:none;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
	
	/* footer :: ende */
	
	
	/* contentbereich :: start */
	
		.buehne_13 { width: 350px;	height: 220px; margin:25px 0 60px 20px; float:right; display:inline; position:relative; }
			.buehne_13_picbox { width: 350px; height: 220px; text-align:center; overflow:hidden;background:#ffffff; float:left; display:inline; position:relative; }
			.buehne_13_picbox img { height:227px; }
	
	
		.box_download{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			margin:0 0 1px 0;
			padding:10px 10px 10px 50px;
			background-image:url(../bilder/ico_down.png);
			background-repeat:no-repeat;
			background-position:left 15px center;
			background-color:#f1f2f4;
			box-sizing:border-box;
			cursor:pointer;
		}
		
			.box_download:hover{
				background-color:#e5e5e5;
			}
			
			.box_download_info{
				float:right;
				display:inline;
				position:relative;
				text-transform:uppercase;
				font-size:12px;
			}
	
	
		/* carousel :: start */
		
			.jcarousel-wrapper-buehne_13 {
				margin: 0px auto;
				position: relative;
				width: 350px;
				height: 220px;
			}
			
				.carousel_navi_buehne_13{
					width:61px;
					margin:10px 10px 0 0;
					float:right;
					display:inline;
					position:relative;
				}
		
		/* carousel :: start */
		
		/* box akkreditierung :: start */
		
			.box_akkreditierung{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				margin:40px 0 80px 0;
				padding:20px 20px 20px 20px;
				background-color:#1d7abc;
				border-bottom:5px solid #aadcff;
				box-sizing:border-box;
				color:#aadcff;
			}
			
				.box_akkreditierung_txt{
					float:left;
					display:inline;
					position:relative;
					margin:0 0 0 0;
					padding:0 0 0 0;
					color:#aadcff;
					width:690px;
				}
				
				.box_akkreditierung_link{
					float:left;
					display:inline;
					position:relative;
					margin:10px 0 0 0;
					padding:0 0 0 0;
					color:#aadcff;
					clear:both;
				}
				
		
		/* box akkreditierung :: ende */
	
	/* contentbereich :: ende */
	
	
	/* login-bereich :: start */
	
		.login_info{
			float:right;
			display:inline;
			position:relative;
			width:345px;
			margin:0 0 0 0;
		}
		
		.login_maske{
			float:left;
			display:inline;
			position:relative;
			width:345px;
			box-sizing:border-box;
			background-color:#ebebeb;
			padding:20px 20px 20px 20px;
			margin:0 0 0 0;
		}
		
		input.input_loginmaske{
			background-color:#ffffff; 
			color:#787878;
			font-size:14px;
			height:45px;
			padding:10px 10px 10px 5px;
			margin:1px 0 10px 0;
			border-radius:0px;
			border:1px solid #e3e3e3;
			width:100%;
			box-sizing:border-box;
		}
		
		.bg_nav_login{
			float:left;
			display:inline;
			position:relative;
			border-bottom:1px solid #dedede;
			padding:0 0 10px 0;
			width:100%;
			margin:0 0 40px 0;
		}
		
			.nav_login_user{
				float:right;
				display:inline;
				position:relative;
				margin:0 0 0 0;
				padding:0 0 0 0;
				clear:none;
			}
			
			.nav_login_links{
				float:left;
				display:inline;
				position:relative;
				margin:0 0 0 0;
				padding:0 0 0 0;
				clear:none;
			}
		
		.bg_msg_login{
			float:left;
			display:inline;
			position:relative;
			background-color:#1d7abc;
			border:1px solid #dedede;
			box-sizing:border-box;
			padding:20px 20px 20px 20px;
			width:100%;
			color:#ffffff;
			margin:0 0 40px 0;
		}
	
	/* login-bereich :: ende */
	
	/* kontaktseite :: start */
	
		.kontaktseite_adresse{
			float:left;
			display:inline;
			position:relative;
			width:730px;
			margin:60px 0 0 0;
			padding:0 0 0 0;
			clear:both;
		}
		
			.kontaktseite_adresse_anschrift{
				float:right;
				display:inline;
				position:relative;
				width:240px;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
		
			.kontaktseite_adresse iframe{
				width:470px;
				height:300px;
				margin:0 0 0 0;
				float:left;
				display:inline;
				position:relative;
			}
			
		.kontaktseite_formular{
			float:left;
			display:inline;
			position:relative;
			width:730px;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		
			.formular_left{
				float:left;
				display:inline;
				position:relative;
				width:470px;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
				.formular_left input{
					float:left;
					display:inline;
					position:relative;
					width:100%;
					box-sizing:border-box;
					height:40px;
					padding:10px 10px 10px 10px;
					margin:0 0 1px 0;
					border:1px solid #e5e5e5;
				}
				
				.formular_left textarea{
					float:left;
					display:inline;
					position:relative;
					width:100%;
					box-sizing:border-box;
					height:300px;
					padding:10px 10px 10px 10px;
					margin:0 0 1px 0;
					border:1px solid #e5e5e5;
					resize:none;
				}
			
			.formular_right{
				float:right;
				display:inline;
				position:relative;
				width:240px;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
				.formular_right input{
					float:left;
					display:inline;
					position:relative;
					width:100%;
					box-sizing:border-box;
					height:40px;
					padding:10px 10px 10px 10px;
					margin:0 0 1px 0;
					border:1px solid #e5e5e5;
				}
				
				input.checkbox_in{
					background-color: transparent;
					color: #f0f0f0;
					font-size: 15px;
					font-family: Arial, Helvetica, sans-serif;
					border: 0px solid #e2e2e2;
					border-radius: 0px;
					width: 14px;
					height: 14px;
					margin: 8px 5px 10px 10px;
				}
				
				input.formular_button{
					width: 100%;
					height: 40px;
					margin: 20px 0 0 0;
					background-color: #1d7abc;
					border-bottom: 3px solid #aadcff;
					color: white;
				}
	
	/* kontaktseite :: ende */
	
}

@media only screen and (min-width: 1225px){
	
	
	/* mobile navi :: start */
	
		.show_nav_mobile{
			display:none;
		}
		
		.top_navi_mobi_100{
			display:none;
		}
	
	/* mobile navi :: ende */	

	.navigation,
	.navi_scroll{
		display:inline;
	}
	
	.topdiv { margin:0 0 0 0; }
	
	
	
	.div_center { width:1000px; margin:0 auto; padding:0px;  }
	
	
	
	.kontaktzeile { display:block; }
	
	.nameblock { display:block; }
	.kontaktblock { display:block; margin:6px 0px 0 0; }
	
	.navheight { height:170px; margin-top:-800px; }
	.navheightcontent { height:170px; margin-top:0px; }
	.naviblock { display:block; }
	
	.logowidth { width:305px; }
	.logomargin { margin:35px 0 0 0; }
	.logopos { text-align:left; }
	
	.margintopnavi { margin:90px 0px 0 20px; }
	
	.scroic { display:block; }
	
	.zweidrittel { width:650px; }
	.drittel { width:300px; }
	.drittelmargin  { margin:0 0 0 50px; }
	
	.drittelohnemargin { width:333px; }
	
	.konnav1 { width:350px; position:relative; display:inline; float:left; margin:0 10px 0 10px; font-size:16px; display:none; }
	.konnav2 { width:350px; position:relative; display:inline; float:right; margin:0 10px 10px 10px; font-size:16px; display:none; }
	
	.bg_headergfx1000 { width:100%; height:800px; display:block; background-repeat:no-repeat; background-position: top center; background-size:auto 680px; }
		
		/*
		.sloganbox { margin-top:-270px; display:block; }
		.slogan { height:50px; background:#1d7abc; width:100%; }
			.sloganfont { font-size:30px; }
		.headerbilder { display:block; }
		.prevnextslogan { height:21px; width:21px; }
		*/
		
		.bg_slogan{
			float:right;
			display:inline;
			position:relative;
			height:318px;
			width:498px;
			background:rgba(0,0,0,0.7);
			margin:180px 0 0 0;
			border:1px solid #ffffff;
		}
		
	.footeradress { width:1000px; margin:40px 0 60px 0px; padding:0; }
		.footerbox { width:490px; display:block; margin:0 0 0 0px; }
			.footerboxadresse { width:235px; display:block; }
			.footerboxkontakt{ width:235px; display:block; margin-top:0px; }
		.footerboxhead { width:1000px; height:50px; }
		
		.footerdate { display:block; }
		.footerrecht { display:block; text-align:right; width:280px; }
		
		.footerml { margin-left:0px; }
		.footermr { margin-right:0px; }
	
	.content { width:1000px; margin:30px 0 30px 0px; padding:0px 0 20px 0px;  }
		.contenttxt { width:1000px; padding:0; }
			.contentpic { width: 740x;	height: 480px; margin:25px 0 60px 20px }
				.contentpicbox { width: 740px; height: 480px; text-align:center; overflow:hidden;background:#ffffff; }
				.contentpicheight { height:487px; }
	
	.contentpic2 { width: 350px;	height: 220px; margin:25px 0 60px 20px }
		.contentpicbox2 { width: 350px; height: 220px; text-align:center; overflow:hidden;background:#ffffff; }
		.contentpicheight2 { height:227px; }
		
	.n1contentpicwidth { width:390px; margin:0 0 20px 20px; }
	
	.ansprech { width:740px; margin-left:-20px; }
		.ansprechin { width:350px; height:241px; margin:0 0 20px 20px; }
		.ansprechintab { width:350px; height:241px; }
		.ansprechinpicheight { height:241px; }
		.griddiv2 { width:350px; height:241px; overflow:hidden; }
		
	.mailformwidth { width:610px; }
	
	.mailtab_width_links_div { width:350px; }
	.mailtab_width_links { width:330px; }
	
	.mailtab_width_rechts_div { width:240px; }
		.mailtab_margin { margin-left:20px; }
	.mailtab_width_rechts { width:220px; }
	
	.mailtab_width_tab { width:220px; }
	
	.prodanfrageheight { height:280px; }
	
	
	/* Navi TopDock*/
	.navitopdock {
		width:100%;
		height:1px;
		/*background:url(../bilder/topdock_bg.png) repeat-x;*/
		position:fixed;
		top:0px;
		left:0px;
		text-align:center;
		display:none;
		transition: transform 0.8s ease 0.8s;
		z-index:9999;
	}
	/* Ende Navi TopDock*/
	
	
	/* Carousel */
	/* */
	.jcarousel-wrapper {
		margin: 0px auto;
		position: relative;
		width: 1000px;
		height: 325px;
	}
	
	.jcarousel-wrapper-prodboxen .prodboxenin { width:235px; height:220px; margin-left:20px; margin-right:0px; margin-bottom:20px; cursor:pointer; }
	
	.prevnextprodboxen { width:41px; margin-top:-265px; margin-right:0px; }
	
	/* */
	.jcarousel-wrapper-bildcontent {
		margin: 0px auto;
		position: relative;
		width: 740px;
		height: 480px;
	}
	
	/* */
	.jcarousel-wrapper-bildcontent2 {
		margin: 0px auto;
		position: relative;
		width: 350px;
		height: 220px;
	}
	
	.prevnext { width:41px; margin-top:-340px; margin-right:0px; }
	/* Ende Carousel */
	
	
	/* Accordion */
	.accordion {
		margin: 0;
		padding:10px;
		width:978px;
		height:24px;
		border:1px solid #dedede;
		background: #f8f8f8;
		color:#1e1e1e;
		cursor:pointer;
	}

	div.contentacc {
		background:#ffffff;
		margin: 0;
		width:958px;
		padding:20px;
		border-left:1px solid #dedede;
		border-right:1px solid #dedede;
		border-bottom:1px solid #dedede;
	}
	
	div.contentacc p { color:#3c3c3c; padding:0 0 15px 0; margin:0px; }
	
	.accpic { width:390px; margin:0 0 20px 20px }
	
	/* Ende Accordion */
	
	/* Accordion 2 */
	.accordion2 {
		margin: 0;
		padding:10px;
		width:278px;
		height:24px;
		border:1px solid #dedede;
		background: #f8f8f8;
		color:#1e1e1e;
		cursor:pointer;
	}

	div.contentacc2 {
		background:#ffffff;
		margin: 0;
		width:258px;
		padding:20px;
		border-left:1px solid #dedede;
		border-right:1px solid #dedede;
		border-bottom:1px solid #dedede;
	}
	
	.accpic2 { width:60px; }
	
	/* Ende Accordion 2 */
	
	
	/* scrollable 100 % */



	#slider, #items > div, #items > div > div{
		height:680px;
		text-align:left;
		z-index:1;
	}
	#slider{
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		position:relative;
		height:680px;
	}
	#items{
		width: 2000em;
		position: absolute;
	}
	#items > li, #items > div{
		float: left;
		overflow: visible;
	}
	#items > div > div{
		margin: 0 auto;
		/* background-color: #000000; */
	}
	#slide-1{
		background-color:black;
	}
	#items > div > div{
		width: 100%;
	}

	#navigation-wrapper {
		width: 60px;
		padding:0 0px 0 0px;
	}

	.left, .right{margin-top:0px;}

	.left, #navigation li{float:left;}
	.right{float:right;}
	#navigation-wrapper,#navigation{margin:0 auto;}
	#navigation{clear:both;}
	#navigation li{ background-color:#b4b4b4; width:20px; height:20px; list-style:none; border-radius:0px; border:0px solid #ffffff; margin:4px; }
	#navigation li:hover, .left:hover, .right:hover{cursor:pointer;}
	#navigation li.active{ background-color:#ffffff; width:20px; height:20px; list-style:none; border-radius:0px; border:0px solid #ffffff; margin:4px; }
	.disabled{display:inline;}

	/* end - scrollable 100 % */

	/* Tabifiy */

	.tabbox { background:#ffffff; width:958px; padding:20px; border:1px solid #e6e6e6; z-index:700; margin-top:-1px; display:block; }
	.tabbox ul { padding-top:0; margin-top:0; }
	
	#tabmenu { 
		width: 1000px;
		height: 41px;
		margin: 0;
		padding:0;
		overflow: hidden;
		border:0px solid;
		display:block; }
		
	#tabmenu li { 
		float:left; 
		display: inline-block; 
		height:40px;	
		text-align:center; 
		padding:0;
		margin:0;
		width:auto;
		
		}
		
	#tabmenu li a { 
		height:45px;
		padding:8px 20px 0 20px;
		color: #2d2d2d;
		font-weight: normal;
		text-decoration: none;
		display: block;
		font-size:14px;
		border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-top:3px solid #3c3c3c;
		text-transform:none; }
		
	#tabmenu li a:hover { 
		background:#ffffff; padding:8px 20px 0 20px; color: #1d7abc; border:1px solid #e6e6e6; border-top:3px solid #1d7abc;  }
		
	#tabmenu li.active a { 
		background:#ffffff; padding:8px 20px 0 20px; color: #1d7abc; border:1px solid #e6e6e6; border-top:3px solid #1d7abc; }
		
	/* Ende Tabifiy */
	
	a.menu-link { display: none;}
	
	/*}*/
	
	.con_100_padding_tb{
		padding:40px 0 40px 0;
	}
	
	/* welcome :: start */
	
		.welcome_erde{
			float:left;
			display:inline;
			position:relative;
			width:140px;
			height:130px;
			background-image:url(../bilder/erdkugel.png);
			background-repeat:no-repeat;
			background-position:left top;
		}
		
		.welcome_txt{
			float:left;
			display:inline;
			position:relative;
			width:840px;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		
		.welcome_marker_h5{
			float:right;
			display:inline;
			position:relative;
			padding:0;
			background-color:#aadcff;
			height:1px;
			width:550px;
			margin:10px 0 0 0px;
		}
		
		.welcome_txt_anleser{
			float:left;
			display:inline;
			position:relative;
			width:600px;
			margin:10px 0 0 0;
			padding:0 0 0 0;
		}
		
		.welcome_txt_linkbox{
			float:right;
			display:inline;
			position:relative;
			margin:30px 0 0 0;
		}
	
	/* welcome :: ende */
	
	/* boxen leistungen :: start */
	
		.navi_leistungen{
			float:right;
			display:inline;
			position:relative;
			width:300px;
			height:32px;
			padding:0 0 0 0;
			border-bottom:1px solid #dedede;
			margin:0 0 0 0;
		}
		
			/*
			.navi_leistungen_inner{
				float:right;
				display:inline;
				position:relative;
				width:42px;
				height:21px;
			}
			*/
			
			.jcarousel-control-prev {
				left:auto;
				right: 42px;
			}

			.jcarousel-control-next {
				left:auto;
				right: 0px;
			}
			
			.rahmen_overflow{
				overflow:hidden;
			}
			
			.rahmen_overflow_inner{
				width:1040px;
			}
			
			
		.box_leistungen{
			float:left;
			display:inline;
			position:relative;
			width:478px;
			height:298px;
			border:1px solid #dedede;
			background:#f8f8f8;
			margin:0 40px 0 0;
			padding:0 0 0 0;
		}
		
			.box_leistungen_txt{
				float:left;
				display:inline;
				position:relative;
				width:210px;
				padding:20px 0 20px 20px;
			}
			
			.box_leistungen_pic{
				float:right;
				display:inline;
				position:relative;
				width:220px;
				height:300px;
				margin:-1px -1px 0 0;
			}
			
				.box_leistungen_pic img{
					width:220px;
					height:300px;
				}
	
	/* boxen leistungen :: ende */
	
	
	/* starseite vorteile :: start */
	
		.vorteile_txt{
			float:left;
			display:inline;
			position:relative;
			width:480px;
			background-image:url(../bilder/header_vorteile.png);
			background-repeat:no-repeat;
			background-position:left top;
			margin:0 0 0 0;
			padding:70px 0 0 0;
		}
		
			.vorteile_list {
				padding:10px 0 10px 60px;
				box-sizing:border-box;
				width:100%;
				margin:10px 0 15px 0;
				font-size:18px;
				line-height:24px;
				color: #1e1e1e;
				display:inline;
				position:relative;
				float:left;
				background-image:url(../bilder/li_gr.png);
				background-repeat:no-repeat;
				background-position:center left;
			}
		
		.vorteile_pic{
			float:right;
			display:inline;
			position:relative;
			width:480px;
			height:460px;
			background-image:url(../bilder/start_unten.jpg);
			background-repeat:no-repeat;
			background-position:right bottom;
			background-size:auto;
		}
	
	/* starseite vorteile :: ende */
	
	/* box cta :: start */
	
		.cta_marker_h5 {

			float: right;
			display: inline;
			position: relative;
			padding: 0;
			background-color: #aadcff;
			height: 1px;
			width:400px;
			margin: 10px 0 0 0px;

		}
		
		.cta_anleser{
			float:left;
			display:inline;
			position:relative;
			width:740px;
			margin:10px 0 0 0
		}
		
		.cta_linkbox{
			float:right;
			display:inline;
			position:relative;
			margin:30px 0 0 0;
		}
	
	/* box cta :: ende */
	
	
	/* footer :: start */
	
		.footer_z1{
			float:left;
			position:relative;
			display:inline;
			width:100%;
			margin:0 0 0 0;
			padding:40px 0 40px 0;
			border-bottom:1px solid #dedede;
			background-image:url(../bilder/topback_footer.png);
			background-repeat:repeat-y;
			background-position:center top;
		}
		
			.footer_adresse{
				float:left;
				display:inline;
				position:relative;
				width:385px;
				padding:0px 20px 0px 20px;
				margin:0 0 0 0;
			}
			
				.adresse_firma{
					float:left;
					display:inline;
					position:relative;
					color: #1d7abc;
					font-size:18px;
					line-height:24px;
					font-weight:bold;
					margin:0 0 0 0;
					padding:0 0 0 0;
				}
				
				.adresse_strasse{
					float:left;
					display:inline;
					position:relative;
					clear:both;
					margin:15px 0 0 0;
					padding:0 0 0 30px;
					background-image:url(../bilder/ico_home.png);
					background-repeat:no-repeat;
					background-position:left 4px center;
				}
				
				.adresse_tel{
					float:left;
					display:inline;
					position:relative;
					clear:both;
					margin:15px 0 0 0;
					padding:10px 0 10px 30px;
					background-image:url(../bilder/ico_kontakt.png);
					background-repeat:no-repeat;
					background-position:left center;
				}
				
				.adresse_mail{
					float:left;
					display:inline;
					position:relative;
					clear:none;
					margin:15px 0 0 20px;
					padding:10px 0 10px 43px;
					background-image:url(../bilder/ico_mail.png);
					background-repeat:no-repeat;
					background-position:left top 10px;
				}	
				
			.footer_partner{
				float:right;
				display:inline;
				position:relative;
				width:535px;
				padding:0px 20px 0px 20px;
				margin:0 0 0 0;
			}
			
				.footer_partner img{
					width:auto;
					margin:15px 0 0 0;
				}
				
		.footer_z2{
			float:left;
			position:relative;
			display:inline;
			width:100%;
			margin:0 0 0 0;
			padding:40px 0 40px 0;
			border-bottom:1px solid #ffffff;
			z-index:9999;
		}
		
			.footer_copy{
				float:left;
				display:inline;
				position:relative;
				clear:none;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
			.footer_links{
				float:right;
				display:inline;
				position:relative;
				clear:none;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
	
	/* footer :: ende */
	
	
	/* contentbereich :: start */
	
		.buehne_13 { width: 350px;	height: 220px; margin:25px 0 60px 20px; float:right; display:inline; position:relative; }
			.buehne_13_picbox { width: 350px; height: 220px; text-align:center; overflow:hidden;background:#ffffff; float:left; display:inline; position:relative; }
			.buehne_13_picbox img { height:227px; }
	
	
		.box_download{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			margin:0 0 1px 0;
			padding:10px 10px 10px 50px;
			background-image:url(../bilder/ico_down.png);
			background-repeat:no-repeat;
			background-position:left 15px center;
			background-color:#f1f2f4;
			box-sizing:border-box;
			cursor:pointer;
		}
		
			.box_download:hover{
				background-color:#e5e5e5;
			}
			
			.box_download_info{
				float:right;
				display:inline;
				position:relative;
				text-transform:uppercase;
				font-size:12px;
			}
	
	
		
	
	
		/* carousel :: start */
		
			.jcarousel-wrapper-buehne_13 {
				margin: 0px auto;
				position: relative;
				width: 350px;
				height: 220px;
			}
			
				.carousel_navi_buehne_13{
					width:61px;
					margin:10px 10px 0 0;
					float:right;
					display:inline;
					position:relative;
				}
		
		/* carousel :: start */
		
		/* box akkreditierung :: start */
		
			.box_akkreditierung{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				margin:40px 0 80px 0;
				padding:20px 20px 20px 20px;
				background-color:#1d7abc;
				border-bottom:5px solid #aadcff;
				box-sizing:border-box;
				color:#aadcff;
			}
			
				.box_akkreditierung_txt{
					float:left;
					display:inline;
					position:relative;
					margin:0 0 0 0;
					padding:0 0 0 0;
					color:#aadcff;
					width:700px;
				}
				
				.box_akkreditierung_link{
					float:right;
					display:inline;
					position:relative;
					margin:0 0 0 0;
					padding:0 0 0 0;
					color:#aadcff;
					clear:none;
				}
				
		
		/* box akkreditierung :: ende */
	
	/* contentbereich :: ende */
	
	
	/* login-bereich :: start */
	
		.login_info{
			float:right;
			display:inline;
			position:relative;
			width:560px;
			margin:0 0 0 0;
		}
		
		.login_maske{
			float:left;
			display:inline;
			position:relative;
			width:400px;
			box-sizing:border-box;
			background-color:#ebebeb;
			padding:20px 20px 20px 20px;
			margin:0 0 0 0;
		}
		
		input.input_loginmaske{
			background-color:#ffffff; 
			color:#787878;
			font-size:14px;
			height:45px;
			padding:10px 10px 10px 5px;
			margin:1px 0 10px 0;
			border-radius:0px;
			border:1px solid #e3e3e3;
			width:100%;
			box-sizing:border-box;
		}
	
	
		.bg_nav_login{
			float:left;
			display:inline;
			position:relative;
			border-bottom:1px solid #dedede;
			padding:0 0 10px 0;
			width:100%;
			margin:0 0 40px 0;
		}
		
			.nav_login_user{
				float:right;
				display:inline;
				position:relative;
				margin:0 0 0 0;
				padding:0 0 0 0;
				clear:none;
			}
			
			.nav_login_links{
				float:left;
				display:inline;
				position:relative;
				margin:0 0 0 0;
				padding:0 0 0 0;
				clear:none;
			}
		
		.bg_msg_login{
			float:left;
			display:inline;
			position:relative;
			background-color:#1d7abc;
			border:1px solid #dedede;
			box-sizing:border-box;
			padding:20px 20px 20px 20px;
			width:100%;
			color:#ffffff;
			margin:0 0 40px 0;
		}
	
	/* login-bereich :: ende */
	
	/* kontaktseite :: start */
	
		.kontaktseite_adresse{
			float:right;
			display:inline;
			position:relative;
			width:350px;
			margin:0 0 0 0;
			padding:0 0 0 0;
			clear:none;
		}
		
			.kontaktseite_adresse_anschrift{
				float:left;
				display:inline;
				position:relative;
				width:350px;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
		
			.kontaktseite_adresse iframe{
				float:left;
				display:inline;
				position:relative;
				width:350px;
				height:191px;
				margin:0 0 0 0;
			}
			
		.kontaktseite_formular{
			float:left;
			display:inline;
			position:relative;
			width:610px;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		
			.formular_left{
				float:left;
				display:inline;
				position:relative;
				width:350px;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
				.formular_left input{
					float:left;
					display:inline;
					position:relative;
					width:100%;
					box-sizing:border-box;
					height:40px;
					padding:10px 10px 10px 10px;
					margin:0 0 1px 0;
					border:1px solid #e5e5e5;
				}
				
				.formular_left textarea{
					float:left;
					display:inline;
					position:relative;
					width:100%;
					box-sizing:border-box;
					height:300px;
					padding:10px 10px 10px 10px;
					margin:0 0 1px 0;
					border:1px solid #e5e5e5;
					resize:none;
				}
			
			.formular_right{
				float:right;
				display:inline;
				position:relative;
				width:240px;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
				.formular_right input{
					float:left;
					display:inline;
					position:relative;
					width:100%;
					box-sizing:border-box;
					height:40px;
					padding:10px 10px 10px 10px;
					margin:0 0 1px 0;
					border:1px solid #e5e5e5;
				}
				
				input.checkbox_in{
					background-color: transparent;
					color: #f0f0f0;
					font-size: 15px;
					font-family: Arial, Helvetica, sans-serif;
					border: 0px solid #e2e2e2;
					border-radius: 0px;
					width: 14px;
					height: 14px;
					margin: 8px 5px 10px 10px;
				}
				
				input.formular_button{
					width: 100%;
					height: 40px;
					margin: 20px 0 0 0;
					background-color: #1d7abc;
					border-bottom: 3px solid #aadcff;
					color: white;
				}
	
	/* kontaktseite :: ende */
	
	
}


.no_padding_top{
	padding-top:0px;
}

.padding_top_10{
	padding-top:10px;
}

.padding_top_20{
	padding-top:20px;
}

.padding_top_40{
	padding-top:40px;
}

.no_padding_bottom{
	padding-bottom:0px;
}

.padding_bottom_20{
	padding-bottom:20px;
}

.padding_bottom_40{
	padding-bottom:40px;
}

.padding_left_20{
	padding-left:20px;
}

.padding_left_40{
	padding-left:40px;
}

.no_margin_top{
	margin-top:0px;
}

.margin_top_10{
	margin-top:10px;
}

.margin_top_20{
	margin-top:20px;
}

.margin_top_30{
	margin-top:30px;
}

.margin_top_35{
	margin-top:35px;
}

.margin_top_40{
	margin-top:40px;
}

.margin_top_m100{
	margin-top:100px;
}


.margin_bottom_10{
	margin-bottom:10px;
}

.margin_bottom_20{
	margin-bottom:20px;
}

.margin_bottom_40{
	margin-bottom:40px;
}

.margin_right_20{
	margin-right:20px;
}

.margin_right_40{
	margin-right:40px;
}

.no_margin_right{
	margin-right:0px;
}

.margin_left_20{
	margin-left:20px;
}

.margin_left_40{
	margin-left:40px;
}

.no_margin_left{
	margin-left:0px;
}