@media screen and (max-width: 1024px) {
	
	body {
		font-family: MiloWeb, sans-serif;
		font-size:16px;
		color: #333;
		margin:0;
		padding:0;
		line-height: 20px;
		background-image:none;	}
	
	.RefBlockA {
		float: left;
		width: 100%}
	
	.RefBlockB {
		clear: both;
		width: 100%!important;
		float: left;}
	
	.RefBlockB img {
		width: 100%;
	}
	
	.RefBlockC {
		clear: both!important;
		width: 100%!important;
		float: left;}
	
	.FussA {
		float: left;
		width: 16%;
		margin: 1% 0 0 1%;}
	
	.FussAx {
		float: left;
		width: 14%;
		margin: 1% 0 0 1%;}
	
	
	.clear2 {
		margin: 10px 0;
		clear: both;
		height: 10px;
		border-bottom: 1px dotted #999;
		width:99%;}
	
	.clear {
		margin: 10px 0 10px 0;
		clear: both;
		height: 11px;
		border-bottom: 1px dotted #999;
		width:99%;}
	
	#container {
		margin:0;
		padding: 0;
		width: 100%}
	
	#Head {
		width: 100%;
		height: 150px;}
	
	#Signet {
		margin: 10px 0 0 10px;
		float: left;
		width: 150px;
		line-height: 19px;
		font-size: 18px;
		color: #999A9B }
	
	#Navigation {
		background-image:url(/Data/images/NavHG.jpg);
		background-position: right top;
		margin: 0;
		padding: 0;
		height: 145px;
		width: 820px;
		float: right;
		z-index: 1000;}
	
	#content {
		width:100%;
		overflow: hidden;}
	
	.s100 {
		float: left;
		height: 260px;
		padding: 0;
		width: 100%;
		margin: 0;}
	
	#slideshow {
		padding: 0;
		margin: 0;
		width: 100%}
	
	.s100Text {
		float: left;
		padding: 0;
		width: 97%;
		margin: 10px 10px 0 10px;}
	
	.Aktuell1 {
		clear: both;
		padding:1%;
		width: 46%;
		float: left;
		border-right: 1px dotted #333; }
	.Aktuell img {padding: 0 10px 0 0;}
	
	.Aktuell2 {
		padding:1%;
		width: 46%;
		float: left; }
	
	.Aktuell2 .Kundenbild {padding: 0 10px 0 0;float: left;}
	.Aktuell2 .Kundenstimme {}
	.Aktuell2 .Kundenname {clear: both; float: left;}
	.Aktuell2 .Kundenlogo {float: right;}
	
	.s50a {
		float: left;
		padding: 2%;
		width: 45.9%;
		margin: 0;
		border-right: 1px dotted #666;}
	
	.s50b {
		float: left;
		padding: 2%;
		margin: 0;
		width: 45.9%;}
	
	.s30a {
		float: left;
		padding: 2%;
		width: 29%;
		margin: 0;}
	
	.s30b {
		border-left: 1px dotted #666;;
		border-right: 1px dotted #666;
		float: left;
		padding: 2%;
		width: 29%;
		margin: 0;}
	
	.s30c {
		float: left;
		padding: 2%;
		width: 29%;
		margin: 0;}
	
	.News0 {
		padding: 2%;
		width: 29%;
		float: left;}	
	.News0 img {padding: 0 1% 0 0;}
	.News0 .Kundenbild {padding: 0 1% 0 0;float: left;}
	.News0 .Kundenstimme {}
	.News0 .Kundenname {clear: both; float: left;}
	.News0 .Kundenlogo {float: right;}
	
	.News1 {
		clear: both;
		padding: 2%;
		width: 29%;
		float: left;
		border-right: 1px dotted #333; }
	.News1 img {padding: 0 1% 0 0;}
	.News1 .Kundenbild {padding: 0 1% 0 0;float: left;}
	.News1 .Kundenstimme {}
	.News1 .Kundenname {clear: both; float: left;}
	.News1 .Kundenlogo {float: right;}
	
	.News2 {
		padding: 2%;
		width: 29%;
		float: left;
		border-right: 1px dotted #333;}
	.News2 img {padding: 0 1% 0 0;}
	.News2 .Kundenbild {padding: 0 1% 0 0;float: left;}
	.News2 .Kundenstimme {}
	.News2 .Kundenname {clear: both; float: left;}
	.News2 .Kundenlogo {float: right;}
}



@media screen and (max-width: 768px) {
	#Fuss {
		margin: 0 0 0 20px;}
	
	
	.FussA {
		margin: 0 0 0 2em;
		line-height: 18px;}
	
	.mobile {
		display: inline;	}
	
	body {
		font-family: MiloWeb, sans-serif;
		font-size:16px;
		color: #333;
		margin:0;
		padding:0;
		line-height: 20px;
		background-image:none;	}
	
	h1 {
		color: #FFF;
		font-family: MiloWeb-Xbold, sans-serif;
		font-size: 28px;
		font-weight: normal;
		line-height: 55px;
		margin:0;}
	
	h2 {
		color: #005B9E;
		font-family: MiloScWeb, sans-serif;
		font-size: 20px;
		line-height: 30px;
		margin:0 0 10px;}
	
	h3 {
		color: #829DC8;
		font-family: MiloScWeb, sans-serif;
		font-size: 20px;
		line-height: 28px;
		margin:0 0 10px;}
	
	
	.FussA {
		float: left;
		width: 24%;
		margin: 0;}
	
	.FussAx {
		display: none;}
	
	
	.clear2 {
		margin: 10px 0;
		clear: both;
		height: 10px;
		border-bottom: 1px dotted #999;
		width:99%;}
	
	.clear {
		margin: 10px 0 10px 0;
		clear: both;
		height: 11px;
		border-bottom: 1px dotted #999;
		width:99%;}
	
	#Signet {
		margin: 10px 0 0 10px;
		height: 100px;
		float: left;
		width: 150px;}
	
	.s100 {
		float: left;
		height: 260px;
		padding: 0;
		width: 100%;
		margin: 10px 0 0 0;}
	
	#Navigation {
		clear: both;
		float: left;
		background-image:url(/Data/images/hb-20.png);
		background-position: right top;
		margin: 0;
		padding: 0;
		height: 49px;
		width: 100%;
		z-index: 1000;}
	
	.menu {
		z-index: 1000;
		height:5px;
		padding: 0;
		margin: 0 0 0 0px;}
	
	.menu ul{
		z-index: 1000;
		height: 20px;
		margin: 0;
		float:left;
		list-style:none;}
	
	
	.menu ul li{
		-webkit-hyphens: auto;
		-webkit-hyphenate-character: "\2010";
		-webkit-hyphenate-limit-after: 1;
		-webkit-hyphenate-limit-before: 3;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		width: 15%;
		margin: 0 0 0 5%;
		z-index: 1000;
		position:relative;
		border-left: none;
		float:left;}
	
	.menu ul li a{
		width: 100px;
		z-index: 1000;
		font-family: MiloScWeb, sans-serif;
		display:block;
		padding: 0 0 0 10px!important;
		font-size:14px;
		color:#252523;
		text-decoration:none;
		line-height:17px;
		-webkit-transition:background 0.2s linear, color 0.2s linear;
		-moz-transition:background 0.2s linear, color 0.2s linear;
		-ms-transition:background 0.2s linear, color 0.2s linear;
		-o-transition:background 0.2s linear, color 0.2s linear;
		transition:background 0.2s linear, color 0.2s linear;}
	
	.menu ul ul{
		margin: 0px;
		visibility:hidden;
		opacity:0;
		height:auto; 
		position:relative;
		left:0px;
		padding-top:4px;
		width: 50px;}
	
	.menu ul ul li{
		white-space:nowrap;
		width: 185px;
		margin: 0px 0 1px 0;
		background-image:url(/Data/images/hb-60.png);
		cursor:pointer;}
	
	.menu ul ul li a{
		width:180px;
		height:37px;
		padding: 0 0 0 5px;
		font-size:13px;
		color:#FFF;
		text-transform:none;
		line-height:16px;}
	
	#container {
		margin:0;
		padding: 0;
		width:100%}
	
	#content {
		width:100%
			overflow: hidden;}
	
	.s100Text {
		float: left;
		padding: 0;
		width: 100%;
		margin: 10px 10px 0 10px;}
	
	.Aktuell1 {
		clear: both;
		float: left;
		border-right: 1px dotted #333; }
	.Aktuell img {padding: 0 10px 0 0;}
	
	.Aktuell2 {
		float: left; }
	
	.Aktuell2 .Kundenbild {padding: 0 10px 0 0;float: left;}
	.Aktuell2 .Kundenstimme {}
	.Aktuell2 .Kundenname {clear: both; float: left;}
	.Aktuell2 .Kundenlogo {float: right;}
	
	.s50a {
		float: left;
		padding: 2%;
		width: 46%;
		margin: 0;
		border-right: 1px dotted #666;}
	
	.s50b {
		float: left;
		padding: 2%;
		margin: 0;
		width: 46%;}
	
	.s30a {
		float: left;
		padding: 2%;
		width: 29%;
		margin: 0;}
	
	.s30b {
		border-left: 1px dotted #666;;
		border-right: 1px dotted #666;
		float: left;
		padding: 2%;
		width: 29%;
		margin: 0;}
	
	.s30c {
		float: left;
		padding: 2%;
		width: 29%;
		margin: 0;}
	
	.News0 {
		clear: none!important;
		padding: 2%;
		width: 40%;
		float: left;}	
	
	
	
	.News0 img {padding: 0 1% 0 0;}
	.News0 .Kundenbild {padding: 0 1% 0 0;float: left;}
	.News0 .Kundenstimme {}
	.News0 .Kundenname {clear: both; float: left;}
	.News0 .Kundenlogo {float: right;}
	
	.News1 {
		clear: none!important;
		padding: 2%;
		width: 40%;
		float: left;
		border-right: none; }
	.News1 img {padding: 0 1% 0 0;}
	.News1 .Kundenbild {padding: 0 1% 0 0;float: left;}
	.News1 .Kundenstimme {}
	.News1 .Kundenname {clear: both; float: left;}
	.News1 .Kundenlogo {float: right;}
	
	.News2 {
		padding: 2%;
		width: 40%;
		float: left;
		border-right: 1px dotted #333;}
	.News2 img {padding: 0 1% 0 0;}
	.News2 .Kundenbild {padding: 0 1% 0 0;float: left;}
	.News2 .Kundenstimme {}
	.News2 .Kundenname {clear: both; float: left;}
	.News2 .Kundenlogo {float: right;}
}










@media only screen and (max-width: 480px) {
	body {
		font-family: MiloWeb, sans-serif;
		font-size:14px;
		color: #333;
		margin:0;
		padding:0;
		line-height: 20px;
		background-image:none;}
	
		.BannerHG {
		background-image: none;}
	
	h1 {
		color: #005B9E;
		font-family: MiloWeb-Xbold, sans-serif;
		font-size: 13px;
		font-weight: normal;
		line-height: 20px;
		margin:6px 0 0 0;}
	
	#container {
		margin:0;
		padding: 0;
		width:100%}
	
	#Head {
		width: 35%;
		padding: 0;
		margin: 0;
		height: 90px;
		float: left;}
	
	#headerNav {
		width:50%;
		float: right;
		text-align: right;
		padding: 0;
		font-size: 20px;
		font-weight: normal;
		margin: 5px 5px 0 0;
		display: block;}
	
	.headerNavA {
		width: 100%;
		float: left;
		height: 50px;
		padding: 0px;}
	
	.bnav1 {margin: 0 20px 0 0}
	.bnav2 {margin: 0 20px 0 0}
	.bnav3 {margin: 0 0 0 0}
	
	.headerNavB {
		white-space:nowrap;
		float: left;
		margin: 0px 0 0 0;
		width: 100%;
		line-height: 11px;
		color: #81A0CC;}
	
	#headerNav a {
		padding: 0 4px 0 0;
		font-size: 1.3em;
		text-decoration: none;
		color: #81A0CC;}
	
	#Signet {
		width: 100%;
		font-size: 1em;
		margin: 5px;}
	
	#Navigation {
		display: none;}
	
	.menu {display: none;}
	
	#content {
		clear: both;
		float:left;
		width:100%;
		padding:0 0 0 0;
		margin: 0;
		overflow: hidden;}
	
	.BannerHG {
		position: relative;
		top: -110px;
		left: 0;
		overflow: hidden;
		height: 170px;}
	
	#slideshow { 
		margin: 0px; 
		position: relative; 
		top: 24px;
		left: 5px;
		width: 100%;
		color: #FFF;
			height: 0px; 
		padding:  0px;}
	
	#slideshow h1 {color: #FFF;}
	
	#slideshow > div { 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		right: 0px; 
		bottom: 0px;}
	
	.s100Text {
		clear: both;
		float: left;
		padding: 0;
		width: 95%;
		margin: 2% 5px 0 5px;}
	
	.s100 {
		float: left;
		clear: both;
		padding: 0;
		width: 100%;
		height: 120px;
		margin: 0;}
	
	.Aktuell1 {
		clear: both;
		width: 95%;
		float: left;
		margin: 0;
		border: none;
		border-bottom: 1px dotted #333}
	
	.Aktuell img {padding: 0 10px 0 0;}
	
	.Aktuell2 {
		clear: both;
		width: 95%;
		float: left;
		margin: 0;
		border: none}
	
	.Aktuell2 .Kundenbild {padding: 0 10px 0 0;float: left;}
	.Aktuell2 .Kundenstimme {}
	.Aktuell2 .Kundenname {clear: both; float: left;}
	.Aktuell2 .Kundenlogo {float: right;}
	
	.News1 {
		clear: both;
		padding: 5px;
		width: 95%;
		float: left;
		border: none;
		border-bottom: 1px dotted #333}
	.News1 img {margin: 0 10px 0 0;float: left;}
	.News1 .Kundenbild {padding: 0 10px 0 0;float: left;}
	.News1 .Kundenstimme {}
	.News1 .Kundenname {clear: both; float: left;}
	.News1 .Kundenlogo {float: right;}
	
	.News2 {
		padding: 5px;
		width: 95%;
		float: left;
		border: none;
		border-bottom: 1px dotted #333}
	.News2 img {margin: 0 10px 0 0; float: left;}
	.News2 .Kundenbild {padding: 0 10px 0 0;float: left;}
	.News2 .Kundenstimme {}
	.News2 .Kundenname {clear: both; float: left;}
	.News2 .Kundenlogo {float: right;}
	
	.News0 {
		padding: 5px;
		width: 95%;
		float: left;
		border: none;
		border-bottom: 1px dotted #333}
	.News0 img {margin: 0 10px 0 0;float: left;}
	.News0 .Kundenbild {padding: 0 10px 0 0;float: left;}
	.News0 .Kundenstimme {}
	.News0 .Kundenname {clear: both; float: left;}
	.News0 .Kundenlogo {float: right;}	
	
	.s50a {
		float: left;
		padding: 2%;
		width: 95%;
		margin: 0;
		border: none;
		border-bottom: 1px dotted #333;}
	
	.s50b {
		float: left;
		padding: 2%;
		width: 95%;
		margin: 0;
		border: none;}
	
	.s30a h2 {
		color: #005B9E;
		font-family: MiloScWeb, sans-serif;
		font-size: 14px;
		line-height: 14px;
		margin:0 0 10px;}
	
	.s30a h3 {
		color: #829DC8;
		font-family: MiloScWeb, sans-serif;
		font-size: 14px;
		line-height: 14px;
		margin:0 0 10px;}
	
	.s30a {
		clear: both;
		border: none;
		border-bottom: 1px dotted #333;
		float: left;
		padding: 0;
		margin: 30px 0 0 10px;
		width: 94%;}
	
	.s30b {
		border: none;
		float: left;
		padding: 0;
		border-bottom: 1px dotted #333;
		margin: 20px 0 0 10px;
		width: 92%;}
	
	.s30c {
		border: none;
		float: left;
		padding: 0;
		margin: 0 0 0 10px;
		width: 92%;}
	
	#NavigationMobil {
		display: block;}
	
	#NavigationMobil ul {
		padding: 0;
		margin: 0;
		list-style-type: none;}
	
	#NavigationMobil ul li a{
		background-color: #828679;
		margin: 0 0 3px 0;
		display: block;
		width: 97%;
		padding: 7px 0 7px 3%;
		color: #FFF;
		text-decoration: none;
		font-weight: normal;
		border: none}
	
	#NavigationMobil ul ul li a{
		width: 60%;
		margin: 5px 0 7px 0;
		padding: 3px 15px 0 0px;
		text-decoration: none;
		background-color: transparent;
		color: #333;
		border: none;}
	
	#NavigationMobil li{
		margin: 0px 0px 0px 0px;}
	
	#NavigationMobil li li {
		margin: 0 0 0 23.4%;}
	
	#NavigationMobil ul li li a#a_nav2_open{
		background-color: transparent;
		font-weight: bold;
		color: #81C500;}
	
	#NavigationMobil ul a:hover {
		font-weight: normal;}
	
	#NavigationMobil ul li a#a_nav2_open{
		font-weight: normal;
		background-color: #81C500;
		color: #fff;}
	
	#NavigationMobil ul li a#a_nav1_open{
		font-weight: normal;
		background-color: #81C500;
		color: #fff;}
	
	#Fuss {
		clear: both;}
	#Fuss {
		font-size: 11px;
		line-height: 16px;
		color: #000;
		background-image:url(/Data/images/hb-20.png);
		height: 330px;}
	
	.FussA {
		float: left;
		width: 180px;
		margin: 10px 0 0 10px;}
	
	.FussA a {
		color: #000;
		text-decoration: none;}
	
	.FussAx {
		float: left;
		width: 180px;
		margin: 10px 0 0 10px;}
	
	.FussAx a {
		color: #000;
		text-decoration: none;}
	
	.clear {
		margin: 10px;
		clear: both;
		height: 11px;
		border: none;
		width:95%;}
	
	.clear2 {
		margin: 10px 0;
		clear: both;
		height: 10px;
		border-bottom: 1px dotted silver;
		width:95%;}
	
	.RefBlockC {
		display: none;}
}