.sp12{
	float: left;
	width: 98%;
	margin: 1%;
}
.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%;
}
.sp4{
	float: left;
	width: 31%;
	margin: 1%;
}
.sp3{
	float: left;
	width: 23%;
	margin: 1%;
}
.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 {
	background-color: #cFF;
	height:170px;
	width: 100%;
}

#main {
	background-color: #999;
	padding: 0px;
}
#logobox {
	height: 80px;
	background-color: #FFc;
	position: relative;
	z-index:1000;
}
#logo {
	background-color: #FFF;
	margin-left: 0px;
	height: auto;
	width: 194px;
	
}
.emailbox {
	color:#000;
	font-size:30px;
	line-height:34px;
	font-weight:400;
	padding: 2px 8px 2px 2px;
	display:block;
	background-color: #FFF;
	margin-left: 0px;
	height: auto;
	width: auto;
	
}
#footer {
	background-color: #0CF;
	margin-bottom: 40px;
	width: 100%;
	height: 80px;
}
.adressbox {
	position: relative;
	color: #f0ce0f;
	color: #97b5b3;
	height: 60%;
	text-align: center;	
	left: -16px;
}
.adressbox div {
	position: absolute;
	top: 50%;
	transform: translateY(-25%);

}
.adressbox a{
	color: #97b5b3;

}
.adressbox a:hover{
	color: #74573e;
}
#left {
	background-color: #FFF;
	width: 260px;
	float:left;
}
#right {
	background-color: #FFF;
	display:none;
}
#content {
	position:relative;
	background-color: #FFF;
	min-height:500px;
	width: 760px;
	float:left;
}
#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;
}
.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%;
	width: 496px;
	/*float: right;*/
	float: left;
	padding-top: 0px;
	margin-left: 1%;
	margin-left: 0px;
	margin-right: 16px;
}
.textbox {
	margin-top: 16px;
	width: 240px;
	/*float: right;*/
	float: left;
}
.textbox2 {
	background-color: red;
	margin-top: 16px;
	width: 240px;
	float: left;
	
}
.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;
}
.bildbox .prev, .bildbox .next{
	width: auto;
	height: auto;
}
.bildbox .prev{
	float:left;
}
.bildbox .next{
	float:right;
}
#nav0 {
}
#nav1 {
	height: 70px;
	/*background-color: #F08CB9;*/
}
#nav2 {
	width:240px;
	min-height: 420px;
	margin-top:20px;
	margin-left:-16px;
}
.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-top:2px;
	margin-right:0px;
	border:solid 2px #FFF;
	cursor:pointer;
	display:none;
	float:left;
}

.anker1, .anker2 {

	height: 1px;
	width: 1px;

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

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

/* 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: 64%; margin: 1%;}
	.sp3 {width: 32%; margin: 1%;}
	#rightXX {width: 98%; margin: 1%;}
	
	.sk6 {width: 64%; margin: 1%;float:left;}
	.sk3 {width: 32%; margin: 1%;float:left;}
	
	#left { width: 250px;}	
	#content { width: 512px; }
	
	.textbox { /*width: 500px;*/ float:left; position:absolute; top:-170px; left:240px;display: table-row; }
	.t8 .textbox { width: 500px;/**/ float:left; position:static; margin-top:-150px; margin-left:-3px; display: table-row; }	

	
	.textbox div { display: table-cell;  vertical-align: bottom; height:150px;}	
	.textbox  p {  margin-top: 0px; margin-bottom: 5px; }
	
	.textbox2 { background-color: gold;  width: 500px; }
	.desktop { display:none; }
	
}
/* 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;}
	.adressbox, .adressbox div { position: static; }
	.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;}
	.emailbox { width: 30px; float: left;}
	#logobox .smart {float:left; margin-top:9px; background-color: #FFF; text-align: left; }
	#left, #content { width: 100%; }
	.textbox, .bildbox { width: 100%; margin-right: 0px;}	
	.textbox2 { /*background-color: pink; */ width: 100%; }
	.desktop { display:none; }
	
	#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; background-color: #CCC; }
	#logobox .smart {padding-left:2px; font-size: 16px; line-height: 16px; width: 416px; width: calc(100% - 40px);}
	.logo {display:none;}
	#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;}
		
	
	#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;}

	#hg, #header{ width: 310px; }
	#logobox { width: 320px; }
	#logobox .smart{ width: calc(100% - 40px);}
	
	.logo {display:none;}
	
	#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%;}
	.sp2 {width: 98%; margin: 1%;}


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

}