body {
	text-align: center;
	margin: 0px;
	padding: 0px;

}
html { 
	-webkit-text-size-adjust: none; 
/*	height: 100%;
	width: 100%;	*/
}


.sp12{
	float: left;
	width: 96%;
	margin: 0px 2%;
}
.sp9{
	float: left;
	width: 73%;
	margin: 1%;
}
.sp8{
	float: left;
	width: 64%;
	margin: 1%;
}
.sp6{
	float: left;
	width: 48%;
	margin: 1%;
}
.sp6 img{
	float: left;
	width: 48%;
	margin: 1%;
}
#content .sp6 img {
	width: 340px;
	height:auto;
	
}
#content .sp6 .sp6 img {
	width: 140px;
	height:auto;
	
}
.sp4{
	float: left;
	width: 31%;
	margin: 1%;
}
#content .sp3 img {
	width: 172px;
	height:auto;
	
}
.sp3{
	float: left;
	width: 23%;
	width: 24%;
	margin: 1%;
	min-height:202px;
}
.sp2{
	float: left;
	width: 15.66%;
	margin: 1%;
}



.xsp4{
	float: left;
	width: 98%;
	margin: 1%;
}
.xsp3{
	float: left;
	width: 73%;
	margin: 1%;
}
.xsp2{
	float: left;
	width: 48%;
	margin: 1%;
}
.xsp1{
	float: left;
	width: 23%;
	margin: 1%;
}

#content p, h1, h2
{
  clear: both;
}

#impress {
	position:absolute;
	top:0px;
	left:0px;
}

#hg {
	/*background-color: #FcF;*/
	width: 1024px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	
}
#header {
	
	
	height:150px;
	width: 100%;
	/*position:relative;*/
	/*border: red 1px blue;*/
}
.fix {
	/*background-color: #cFF;*/
	background-color: #FFF;
	background-image: url("../userfiles/images/bilder/header_nav1.png");/**/
	background-size:100% auto;
	    background-repeat: no-repeat;
	position:fixed;	
	z-index:100;
	height:150px;
	width: 1024px;
	/*display:none;*/
	
	}
	
	
	
#main {
	/*background-color: #999;*/
	padding: 0px;
	
}
#logobox {
	top:0px;
	height: 80px;
	/*background-color: #FFc;*/
	position: relative;
	z-index:1000;
}
#logo {

	margin-left: -3px;
	height: auto;
	width: 394px;
	
}

#footer {
	/*background-color: #0CF;*/
	margin-top: 40px;
	margin-bottom: 40px;
	width: 100%;
	height: 80px;
}
.adressbox {
	font-size: 12px;
	line-height: 14px;
	position: relative;
	margin-top: 20px;
	color: #f0ce0f;
	color: #e5683f;
	height: 60%;
	text-align: left;	
	left: 0px;
}
.adressbox div {
	position: absolute;
	top: 50%;
	transform: translateY(-25%);

}
.adressbox a{
	color: #e5683f;
}
.adressbox a:hover{

}
#left {
	/*background-color: gold;*/
	width: 250px;
	float:left;
	margin-left:10px;
}
.fix2 {
	width: 250px;
	position:fixed;
	z-index:100;
	/*display:none;*/
	
}
#right {
	/*background-color: #FFF;
		background-color: gold;*/
	display:none;
}
.spacer {
	/*background-color: #cFF;*/
	min-height:500px;
}
#content {
	position:relative;
	background-color: #FFF;
	min-height:500px;
	width: 760px;
	float:left;
	padding-top:0px;
	margin-bottom:200px;
}
#content img {
  width: 226px;
  width: 100%;
  height: auto;
  float: left;
  margin-top: 2px;
  /*
  margin-right: 10px;
  margin-bottom: 10px;
   margin-right: 2%; 
   margin-bottom: 2%;*/
}
#content .full {
  width: 100%;
  height: auto;
}
#content .half, #content .sp6 .half {
  width: 50%;
  height: auto;
  margin:0px;
}
.bildbox {
 /**/
}
#content .bildbox img {
	
	/*
	  width: 48%;
  height: auto;
  float: left;
  margin-top: 2px;
  margin-right: 2%;
  margin-bottom: 2%;
  
  width: 48%;
  margin-right: 0px;*/
  margin-right: 16px;
  margin-bottom: 15px;
  
}
#content .slides_container img {
	width: 100%;
	margin: 0px;
}
.bildbox {
	/*background-color: #0FF;*/
	width: 100%;
	padding-top: 0px;
	margin-left: -10px;


}
.textbox {
	margin-top: 16px;
	width: 240px;
	float: right;
}

#content .bildbox .spalte {
	width: 172px;
	margin-left: 10px;
	margin-bottom: 10px;
	float:left;
	
}
#content .bildbox img, #news .bildbox img {
	height: auto;
	width: 100%;
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin:0px;

}
.bildbox .prev, .bildbox .next{
	width: auto;
	height: auto;
}
.bildbox .prev{
	float:left;
}
.bildbox .next{
	float:right;
}
#nav0 {
}
#nav1 {
	height: 70px;
	/*background-color: #F08CB9;*/
	margin-left:20px;
}
#nav2 {
	width:240px;
	min-height: 380px;
	margin-top:0px;

}

.desk {
	display:block;
}
.smart {
	display:none;
}
.clr {
	font-size: 0px;
	line-height: 0px;
	clear: both;
	height: 0px;
}
#navbox {position: relative; z-index:200; background-color:#FFF;}
#menu {
	background-color: #FFF;/**/
	background-image: url(../userfiles/images/meta/menu.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 30px auto;
	/*position: absolute;
	z-index:400*/
	height: 30px;
	width: 30px;
	top: 10px;
	left: 10px;
	margin-right:0px;
	border:solid 2px #FFF;
	cursor:pointer;
	display:none;
	float:left;
}

.anker1, .anker2 {

	height: 0px;
	width: 1px;

	z-index:1000;
	font-size:0px;	
	left:-200px;

	position: relative;
	top:-180px;
	background-color: #FFF;
}
.anker2 { top:-50px; background-color: #ccF;}
	#nav2x, #leftx {display:none;}
.bottom > * {
  vertical-align: bottom;
}



/* Desktop large */
@media only screen and (min-width: 1024px)  {
	
	#hg { /*background-color: #CCF; border:solid 3px black;*/}
	#main {
	
		margin-top:30px;
		
	}

}



/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.main { background-color: #CCF;}
	#hg { width: 768px; }
	
	.sp12 {width: 98%; margin: 1%;}
	.sp9 {width: 64%; margin: 1%;}
	.sp6 {width: 78%; margin: 1%;}
	.sp3 {width: 32%; margin: 1%;}
	#content .sp3 img {width: 90%; }
	#rightXX {width: 98%; margin: 1%;}
	
	.sk6 {width: 64%; margin: 1%;float:left;}
	.sk3 {width: 32%; margin: 1%;float:left;}
	
	#left { width: 240px;}	
	#content { width: 512px; }
	.textbox { /*width: 500px;*/ float:left; position:absolute; top:-170px; left:240px;display: table-row; }	
	.textbox div { display: table-cell;  vertical-align: bottom; height:150px;}
	
	.textbox  p {  margin-top: 0px; margin-bottom: 5px; }
	#logoboxX {background-color: transparent;
	top:0px;
	height: 10px;
	}
	
}
/* Smartphone Portrait und Landscape */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	p, h1, h2, h3, table, hr { margin-right: 0px;  margin-left: 0px; }
	#header {height:auto;}
	#nav1 {height: auto;}
	#nav2 {  width: 100%; min-height: 180px;margin-left: 0px;}
	#footer, .adressbox { height: auto;}
	
.fix {/**/ position:absolute; position:static; width: 320px; height: 60px; width: 100%;}
.fix2 {position:static; width: 320px; width: 100%;}	
	.spacer { display:none; min-height:20px; background-color: #CFC;}	
	
	.adressbox, .adressbox div { position: static; position: absolute; bottom:0px; }
	.adressbox div { top: 0px; transform: translateY(0%); }

	#menu { display:block;}
	
	#logobox {height: auto; position:fixed; z.index:1000; top:0px;left:auto; margin:0px;padding:0px; }
	#logo { width: 50px;float: right;}
	#logobox .smart {float:left; margin-top:0px;  background-color: #FFF;text-align: center; }
	#left, #content { width: 100%; }
	.textbox, .bildbox { width: 100%; margin-right: 0px;}	
	#content .bildbox img { margin-right: 0px;}
	.sk3 {width: 98%; margin: 1%;float:left;}
	.sp12 {width: 98%; margin: 1%;}
	.sp9 {width: 64%; margin: 1%;}
	.sp6 {width: 98%; margin: 1%;}
	.sp3 {width: 98%; margin: 1%;}	
	
}
/* Smartphone Landscape */
@media only screen and (min-width: 512px) and (max-width: 767px) {
	#hg {background-color: #CCC;}
	#logobox {width: 500px;}
	#logobox .smart {font-size: 14px; line-height: 16px; width: 416px;}
	#navbox { width: 512px; position:fixed; top:0px; z.index:100;}
	#navbox .sp9 { width: 98%;}
  
	.main { }
	#hg { padding-top: 40px; }
	#hg, #header { width: 496px; }
	.bgbild {height: 100px;}
	#header .bgbild {height: auto; height: 80px;}
		
	
	#nav1 ul,#nav1 ul ul,#nav1 ul ul ul  { height: auto;}
	.klick ul { height: auto;}
	.nav0 ul{ height: auto;}

	.adressbox { height: auto;}

	#right {width: 98%; margin: 1%;}	
	
	.sk6 {width: 64%; margin: 1%;float:left;}
	.sk3 {width: 32%; margin: 1%;float:left;}	
	.desk { display:none;  }
	.smart { display:block; }

	
}
/* Smartphone Portrait */
@media only screen and (min-width: 320px)  and (max-width: 511px) {
	.main { background-color: #CFC;}
	.bgbild {height: 100px;}
	#header .bgbild {height: auto; height: 60px;}


	#left { margin-bottom:50px;padding-bottom:50px;/*border-bottom:solid 50px red;*/}

	#hg, #header{ width: 310px; }
	
	#logobox { width: 320px; background-color: #FFF; }
	#logobox .smart{ width: 236px;}
	#hg { padding-top: 60px; }
	.content .sp12 .bildbox img { width: 99%; }
	.content .bildbox img { width: 99%; }

	
	.sp12 .full { width: 99%; }
	.sp12 {width: 98%; margin: 1%;}
	.sp9 {width: 98%; margin: 1%;}
	.sp8 {width: 98%; margin: 1%;}
	.sp6 {width: 98%; margin: 1%;}
	.sp4 {width: 98%; margin: 1%;}
	.sp3 {width: 98%; margin: 1%; 	min-height:40px;  }
	.sp3 img{ margin-left:20%; margin-right:20%; margin-bottom:20px;   text-align:center; width: 40%; }
	.sp2 {width: 98%; margin: 1%;}

	#content .sp4 img, #content .sp6 img { width: 300px; }


	.desk { display:none;  }
	.smart { display:block; }

}