*{margin:0px;padding:0px;}
.content p, h1, h2 {
  clear: both;
}


#hg {
	background-color: #FFF;
	width: 1024px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;

	overflow:hidden;
}

.header {
	height:130px;
	background-color: #FFF;
	width: 100%;
}
.zierbild {
	background-image:url(../userfiles/images/nav/hauptitel.svg);
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: cover;
	background-color: #FFF;
	height:290px;
	width: 100%;
	border-bottom:solid 5px #102B77;

}
#main {
		position: relative;
	background-color: #FFF;
	padding: 0px;
	/*display:none;*/
}
.logo {
	height: 96px;
	width: 100px;
	margin:17px 0px;
	float:right;

}
.logo img{
	margin: 0px;
	height: 100%;
	width: auto;
}
#nav1 {
	/**/
	background-image:url(../userfiles/images/meta/navbalken.svg);
	background-repeat: no-repeat;
	background-position: left center; 	
	
	width: 762px;
	height: 44px;
	background-color: #FFF;
	margin:42px 0px 42px 10px;
	padding:0px;
	float:right;
}
.footer {
	background-color: #102B77;
	width: 100%;
	margin-top:40px;
	padding:20px;
	text-align:left;
		
}
.footer2 .adressbox{
		margin:20px 10px;
}
#nav3 {
	width: 170px;
	float:left;
	padding:0px;
	/*background-color: #ccc;*/
}
.adressbox {
	padding:0px;
	margin-left:140px;
	width: 660px;
	float:left;
		color: #FFF;
		/*background-color: #fcc;*/
}
.adressbox span {
	padding:0px;
	margin:0px;
	font-size: 14px;
	line-height: 20px;
	white-space:nowrap; 


}
.adressbox p {
  margin:0px;
}
.adressbox a{
	color: #FFF;
}
.adressbox a:hover{

}

.balken {
	height: 7px;
	background-color: #005BAC;
}
.logobox{
	width: 48%;
  height: auto;
  float: left;
  margin-top: 2px;

   margin-right: 2%; 
   margin-bottom: 4%;
}
.content .logobox img {

  width: 68%;
  height: auto;
  float: left;
  margin-top: 2px;

   margin-right: 2%; 
   margin-bottom: 4%;
}
.content {
	width:718px;
	background-color: #FFF;
	min-height:auto;
	margin:50px auto;
	text-align: left;/**/
}
.content img {
  width: 226px;
  width: 48%;
  height: auto;
  float: left;
  margin-top: 2px;

   margin-right: 2%; 
   margin-bottom: 4%;
}
.content .full {  height: auto; width: 100%; margin-right: 0%;}





.content .slides_container img {
	width: 100%;
	margin: 0px;
}
#bildbox {
	background-color: #0FF;
	width: 100%;
	width: auto;
	float: left;
	padding-top: 0px;
	margin-left: 1%;
}
#bildbox img, #news .bildbox img {
	height: auto;
	width: 98%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 10px;
}

#nav0 {
}

#nav2 {
	z-index:1000;
	position:relative;
	height: 75px;
	background-color: #005BAC;/**/
	text-align:center;
	padding:0px 0px;
}

.desk {
	display:block;
}
.smart {
	display:none;
}
.clr {
	font-size: 0px;
	line-height: 0px;
	background-color: #F00;
	clear: both;
	height: 0px;
}
#navbox {position: relative; z-index:200; background-color:#FFF; display:none;}
.menubox {	
	position:relative;
	z-index:2000;
	width: 40px;
	height: 100%;
	/**/display:none;
	float:right;
	background-color: #FFF;

}
.kont {
	position:absolute;
	bottom:0px;
	right:0px;
	display: block;
	background-image: url(../userfiles/images/meta/kontakt.svg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 25px auto;
	height: 30px;
	width: 30px;
	cursor:pointer;
	/*display:none;*/
}
.menu {
	position:absolute;
	z-index:2000;
	top:30px;
	right:15px;
	display: block;
	background-image: url(../userfiles/images/meta/menu.svg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 30px auto;
	height: 30px;
	width: 30px;
	cursor:pointer;
	/*display:none;*/

}
.aktiv {
		background-position: 0px -31px;
	
}
.anker {
	height: 0px;
	width: 0px;
	z-index:10000;
	font-size:0px;	
	left:-3100px;
	position: absolute;
	top:-160px;
	top:-38px;
	background-color: #cFF;
}


#nav2, .left {}


/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	p, h1, h2, h3, table, hr {  margin-right: 0px;  margin-left: 0px; }
	.main { background-color: #FFF;}
	#hg { width: 768px; }	
	.zierbild {  height: 200px;}
	.content {  background-color: #FFF;  min-height: auto;}
	.adressbox { margin-left: 10px;  width: 70%; }
	#nav1 { width: 630px;	}

}
@media only screen and (min-width: 320px) and (max-width: 767px) {
		p, h1, h2, h3, table, hr {  margin-right: 5px;  margin-left: 5px; }
	.content { width: auto;}
	.content img, .content .full {width: 98%; margin-right: 0%;}
	
	#hg { padding-top:89px; }
	.anker { top:-99px; background-color: #ccF;}
		
		
	
	#nav3 {  width: auto;  float: right;  margin-right:30px; }	
	.right {width: 98%; margin: 1%;}
	
	.menubox {  display:block; }
	#nav1 { display:none;/**/ position:fixed; top:90px; z-index:3000; background-color: #FFF; margin: 0px;background-image: none;}
	
	
	
	#footer2  { display:none; position:fixed; top:0px; z-index:2800; background-color: #005BAC; margin-left: 0px; }
	.adressbox { margin-left: 10px;  width: auto; }	
	.adressbox span { font-size: 16px; line-height: 22px;}
	.header {  height: 90px;background-color: #FFF; position:fixed; top:0px; z-index:3000; /*display:none;*/}
	.logo {float:left;height: 66px; margin:10px 0px;}
	.zierbild {  height: 160px;}
}
/* Smartphone Portrait und Landscape */
@media only screen and (min-width: 512px) and (max-width: 767px) {


	#hg, #header, #nav1, #footer2 { width: 512px; }	
	.desk { display:none;  }
	.smart { display:block;}
	
}
@media only screen and (min-width: 320px)  and (max-width: 512px) {

	#hg, #header,  #nav1, #footer2 { width: 320px; }

		.desk { display:none;  }
	.smart { display:block; }
	
	
	#footer {
		height:500px;
	}

}