/*

@font-face{

font-family:"sam";

src:url("../Fonts/sam.eot?#iefix");

src:url("../Fonts/sam.eot?#iefix") format("eot"),url("../Fonts/sam.woff") format("woff"),url("../Fonts/sam.ttf") format("truetype"),url("../Fonts/sam.svg") format("svg");

}


@font-face{

	font-family:"sam";
	
	src:url("../Fonts/sam.eot?#iefix") format("eot"),url("../Fonts/sam.woff") format("woff"),url("../Fonts/sam.ttf") format("truetype"),url("../Fonts/sam.svg") format("svg");

}
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	text-align: center;
	margin:0px;
	padding:0px;
}
html { 
	height: 100%;
	-webkit-text-size-adjust: none; 
} 
#hg {
	text-align: left;
	width: 1024px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
a {
	color: #3E8AD3;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:focus {
		/*background-color: #CADBEA;*/	
}
.clr {
	clear:left;
	font-size: 0px;
	line-height: 0px;
	width: 0px;
	
	
}
.pdf, .pdf2 {
	/*background-color: #CADBEA;*/
	color: #3E8AD3;
	display: block;
	background-image: url(../Bilder/icon-pdf.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 24px;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 0px;

}
.newsbox .pdf, .pdf2 {
		display: inline-block;
}
.nowrap {

	display: inline-block;
		white-space: nowrap;
}
#content a {
	color: #6ba9c1;
	text-decoration: underline;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h1 {
	font-size: 16px;
	line-height: 20px;
	color: #3E8AD3;
}
h2 {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 5px;
}
h3 {
	font-size: 14px;
	line-height: 20px;
	color: #3E8AD3;
	margin: 0px;
}
.smart{display:none;}
.desk{display:block;}
.left, .right {
	float: left;
	width: 25%;
}
.content {
	float: left;
	width: 50%;
	/*height: 100%;*/
}
.sp50 {	width: 50%;}
.sp75 {	width: 75%;}


.content p , .content h1, .content h2, .content h3, .content table, .ckeditor-html5-video, .set5 {
	margin-left: 10px;
	clear: left;
}

.content .seite_cookie p, .content .seite_cookie h2, .content .seite_cookie h3 {
	margin-left: 0px;
}
.content p, .content table  {
	margin-top: 0px;
	margin-bottom: 10px;
}
.content td {
	padding-bottom: 1px; padding-top: 1px; padding-right: 10px;
}
.content h2 {
	margin-bottom: 0px;
}
.content img {
	
	/*width: 50%;*/
	height: auto;
	width: auto;
	height: 238px;	
	width: 168px;
	height: auto;			
	float:left;
	margin-top:4px;
	margin-right:20px;
	margin-bottom:12px;
	
	
}
.content .full {
	width: 100%;
	height: auto;
	margin:0px
}
.rot {	

	color: #f79623;
	color: #d4d718;
	color: red;	

		/*font-weight: bold;*/
}
.blau {	
	color: #3E8AD3;
		/*font-weight: bold;*/
}
.online { background-color: #d4d718; padding-left:18px; padding-bottom:5px; padding-top:5px; padding-right:18px; border-radius: 22px; margin-left:-18px; color:#333}
.online:hover {  color: #3e8ad3; }

#jubi {
	background-color: #FFF;
	height: 40px;

}

#headder {
	background-color: #FFF;
	height: 140px;
	background-image: url(../Bilder/hg.png);
	background-repeat: repeat-x;
}



#headder div {
}
#headder .left img {
	margin-top: 50px;
	margin-left: 40px;
}
#headder .right img {
	margin-top: 25px;
	margin-left: 5px;
}




#footer {
	height: 100px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #90BAE2;
	clear: left;
}
#footer .content p {
	font-size: 12px;
	line-height: 14px;
	margin-top: 5px;
}
#footer .desk span {
	/*display:block;*/
	white-space: nowrap;
}
#footer .smart span {
	display:block;
	/*white-space: nowrap;*/
}
#footer a {
	color:#000;
}
#main {
	/*background-color: #FcF;
	border: solid 1px black;
	*/
	min-height: 450px;
	clear: left;
			
}


#nav0 ul {
	padding: 0px;
	list-style-position: inside;
	list-style-type: none;
	height: 22px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#nav0 ul li {
	display: inline;
	font-size: 14px;
	line-height: 26px;
	padding: 0px;
	height: 22px;
	margin: 0px;
}

#nav0 ul li a {
	white-space: nowrap;
		color: #3E8AD3;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}
#nav0 ul li a:hover, #nav0 ul .current a {
	color: #000;
	text-decoration: none;
}


#nav1 .no1{
	display:none; background-color: #FCF;
}


#nav1 {
	background-color: #FFF;
	margin-top: 85px;
	margin-left: 0px;
}

#nav1 ul {
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
	list-style-type: none;
	
	height: 22px;
}
#nav1 ul li {
	display: inline;
	font-size: 14px;
	line-height: 26px;
	padding: 0px;
	height: 22px;
	margin: 0px;
}
#nav1 ul li span {
	/*
	background-image: url(../Bilder/trenner2.png);
	background-repeat: repeat-x;
	background-position: 14px;
	line-height: 22px;
	height: 20px;
	margin-left: 5px;
	margin-right: 5px;*/
}
#nav1 ul li span {
	/*
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	background-image: none;
	background-repeat: repeat-x;
	background-position: 14px;*/
	font-size: 0px;
	line-height: 1px;
	height: 1px;
	margin-left: 5px;
	margin-right: 1px;
	width:8px;
	display:inline-block;
	background-color:#000;
	position:relative;
	top:-4px;
}

#nav1 ul li a {
	white-space: nowrap;
	color: #000;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}
#nav1 ul li a:hover, #nav1 ul .current a {
	color: #3E8AD3;
	text-decoration: none;
}
#nav1 ul ul {
 display:none;
}
/**/
#nav2 {margin-top: 8px;}

#nav2 ul {
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#nav2 ul li a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3E8AD3;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	text-decoration: none;
	display: block;
	padding-left: 40px;
	margin-right: 20px;
		padding-top: 4px;
			padding-bottom: 4px;
}
#nav2 ul li:hover a {
	color: #3E8AD3;
}
#nav2 ul .current a {
		font-weight: bold;
	color: #3E8AD3;
}
#nav2 ul li {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#nav2 ul .current ul li a{
	font-weight: normal;
	padding-left: 60px;
	color: #3e8ad3;
}
#nav2 ul li ul li a:hover{
	color: #3e8ad3;
	font-weight: bold;
}
#nav2 ul li ul li .current{

	font-weight: bold;
}

#nav3 {  display:none; min-height:100%; width:100%}

#nav3 img
{
  position: absolute;
  z-index:50;
  top: 10px;
  right: 0px;
  width: 120px;
  height: auto;
  margin-left: -50px;
}


.sp50 #nav3 {  display:block; min-height:100% }
.sp50 #nav3 ul ul {  display:block; }
.right h1 {
		font-weight: normal;
	font-family: sam, sans-serif;
	font-size: 25px;
	line-height: 30px;
	color: #000;
	margin-top: 200px;
	margin-right: 50px;
	margin-left: 20px;
}
#main .right {
	background-image: url(../Bilder/zierbild1.png);
	background-repeat: no-repeat;
	background-size: 120% auto;
	background-position: 35% 0px;
	height: 300px;
}

.neuigkeit {
	/**/font-family: sam, sans-serif;
	font-size: 25px;
	line-height: 25px;
	position: absolute;
	height: 120px;
	width: 200px;
	top: 0px;
	right: 0px;
	z-index: 20;
	background-image: url(../Bilder/blase1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 80% auto;
	padding-left: 40px;

	word-spacing: 4px;
}
.newsbox {
	padding-top: 20px;
	padding-bottom: 24px;
}
.first {
	padding-top: 50px;
	background-color: #90BAE2;
	position: relative;
	z-index: 10;
	padding-bottom: 2px;
}
.first .pdf {
	color: #FFF;
	background-image: url(../Bilder/icon-pdf2.png);
	background-repeat: no-repeat;
}
#homenews .nowrap {	
	color: #FFF;
	
}
.newsbox  {
	/*width: 73%;
	margin-right:20%;*/
	border-bottom:solid 1px #90bae2;
}
.last  {
	/*width: 73%;
	margin-right:20%;*/
	border-bottom:none;
}
.newsbox p {
	/*width: 73%;
	margin-right:20%;*/
}
.newsbox img {
	/*border:dashed 1px #ccc;*/
	float:left;
	margin-left:10px;
	margin-right:10px;
}
.newsbox .textbox {
	/*border:dashed 1px #ccc;*/
	float:left;
	width: 73%;
	width: 360px;
	margin-left:10px;
	/*width: auto;*/
}

#homenews{
	margin-top:30px;
	padding-top:100px;
	background-color:#90bae2;
  position: relative;
  z-index: 10;
	clear:left;
	}
#homenews p {	
	margin-left:50px;
	margin-right:50px;	
	
}	
#homenews .sp50{
  width:66%;
}
#homenews .adress{
float:left;
  width:33%;
  /*border:solid 1px red;*/
}
#homenews .adress h3{
	  position: relative;
	  top:-50px;
	font-family: sam, sans-serif;
	font-weight:normal;
	font-size: 25px;
	line-height: 30px;
	color:#FFF;
	margin-left: 50px;
	margin-right: 30px;
}
#homenews .neuigkeit {

  top: 0px;
  left: 30px;

}
#homenews .neuigkeit a {
	color:#000;
}
#homenews .neuigkeit:hover a {
	color:#3e8ad3;
}

.jubi40 {
	position: relative;
	top:-10px;
	left:0px;
	display:block;

	/*
		border:solid 1px pink;
	margin-left: 50px;
	margin-right: 30px;*/
	color:#000px;
	margin-bottom:10px;
	cursor:pointer;

}
/*
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
*/

/*
.fade-in {
  animation: fadeIn ease 10s;
  -webkit-animation: fadeIn ease 10s;
  -moz-animation: fadeIn ease 10s;
  -o-animation: fadeIn ease 10s;
  -ms-animation: fadeIn ease 10s;
}

@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
}
*/


#homenews .adress h3 .jubi40{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	font-weight:normal;
	padding:10px;
	margin-left:-10px;
	background-color: #d4d718;
	border-radius: 22px;
	/*animation: mymove 5s infinite;*/
	animation: pulse 2s infinite;
	max-width:250px;
}
#homenews .adress h3 .jubi40:hover { 
	color:#3e8ad3; 
	background-color: #f6a31c;
	

}
@keyframes mymove {
  from {background-color: #f6a31c;}
  to {background-color: #d4d718;}
}
@keyframes pulse {
  0% {
    background-color: #f6a31c;
  }
  50% {
    background-color: #d4d718;
  }
   100% {
    background-color: #f6a31c;
  }
}	
.jubi40 img{
	width:80%;
	position: relative;
	display:block;
	/*border:solid 1px blue;*/
	top:-10px;
	left:-50px;

}

#splogo { display:block;   margin-left: 50px;   margin-right: 30px;}
#splogo img {   height:auto; width:100%}	

.homenav {

	float: left;
	width: 33%;
}
.homenav h1 {	color:#000; }
.homenav h2 {   color: #3E8AD3;}
.homenav h1, .homenav h2{
	font-family: sam, sans-serif;
	font-size: 25px;
	line-height: 30px;
	margin-left:50px;
	margin-right:30px;
	font-weight:normal;
}
.homenav img{
	margin-left:-50px;
}
.homenav img
{
  margin-left: -40px;

}
.homenav a:hover h1 {
	color: #3e8ad3;
}
.homenav a:hover h2 {
	color: #000;
}


.right2 {
	float:left;
	width:33%;
}
.right2 img{
	width:auto;
	height:auto;
	margin-left:50px;
	margin-right:30px;
	}
	
.home .left {
	display:none;
}
.home .content {
	width:66%;
}
.home .content .desk {
	margin-left: 50px;
	margin-right: 50px;		
}
.home .right {
	width:33%;
}
.home #nav0 ul{
		margin-left: 46px;
}

.anker {
	padding: 0px;
	margin: 0px;
	line-height: 10px;
	font-size: 0px;
	/*border: 1px solid #FcF;*/
	position: relative;
	top: 0px;
	left: -30px;
	display: block;
	height: 10px;
	width: 30px;
	z-index: 4000;
}
.anker2 {
	padding: 0px;
	margin: 0px;
	line-height: 10px;
	font-size: 0px;
	/*border: 1px solid #FcF;*/
	position: relative;
	top: -45px;
	left: 500px;
	display: block;
	height: 10px;
	width: 30px;
	z-index: 4000;
}

#nav0b {
	cursor:pointer;
	display:none;
	position: absolute;
	z-index:200;
	height: 50px;
	width: 100%;
	top: 85px;
	left: -5px;
	background-image: url(../upload/image/meta/menu2.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	background-color: #FFF;
	
	}
	
	


/*
#nav1 ul li span {
	background-image: url(../Bilder/trenner2.png);
	background-repeat: repeat-x;
	background-position: 14px;
	/*background-color: blue;*/
	line-height: 22px;
	height: 20px;
	width: 20px;
	margin-left: 5px;
	margin-right: 5px;
	float:left;
}
#nav1 ul li  {

	float:left;
}

.content #nav3 img { top:40px; left: -120px; width: 180px; height: auto;  }

/* .zs1  {   background-color: #fbb54c; }*/
.zs1 h1 { margin-top:210px;}



/*Formular*/

.set5 textarea, .set5 input[type=text] {
	width: 180px;
	width: 90%;
	background-color: #FFF;
	border: 1px solid #3e8ad3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e8ad3;
	padding-left: 1%;
	font-size: 1.0em;
  	line-height: 1.4em;
}

.set5 div {
	margin-top:5px;
	float: left;
}
.set5 .td1 {
	width: 30%;
	/*background-color:#FcF;*/
}
.set5 .td2 {
	
	width: 70%;
	/*background-color:#ccF;*/
}
.set5 .td3 {
	width: 100%;
	/*background-color:#ccc;*/
		margin-bottom:15px;
}
.set5 .td3 h3{
	margin-top:15px;
	margin-left:0px;
	
}
.set5 textarea {
	margin-bottom: 10px;
	overflow:auto;
	
}
.set5 label {
	font-weight:bold;
	
}
.aaa, .bbb {
	top:0px;
	left:0px;
	position:absolute;
	/*border:solid 1px red;*/


}
.ccc {
	top:0px;
	left:0px;
	position:absolute;
	/*border:solid 1px red;*/


}
.m0{
	position: relative;
	display:inline-block;
	width:98%;
	width: calc(100% - 4px);
	padding:2px 0px 2px 4px;
	margin:2px 0px;
	/*background-color: #FFc;*/
	line-height:1em;
}
.m1{
	position: relative;
	display:inline-block;
	width: 80%;
	padding:2px 0px 2px 25px;
	margin:2px 0px;
	/*background-color: #FFc;*/
	line-height:1em;
}

.m2{
	position:relative;
	top:1px;
	display:inline-block;
	width: 15px;
	height:15px;
	margin:0px 5px 0px 5px;
	/*background-color: #FFc;*/
}

#set1 label {
	/*background-color: #FFc;*/
	width: 70%;
	display: block;
	float: left;
	margin-top: 0px;
	/*height: 24px;
	font-size: 1.2em;
  	line-height: 1.4em;*/
  	margin-top:4px;
  	margin-bottom:10px;
}

#set1 input{
	/*height: 20px;*/
	margin-bottom: 1px;
}



#set1 textarea {
	margin-bottom: 10px;
	overflow:auto;
	
}
#set1 span {
	/*
	background-color: #cFF;*/
		width: 0.5%;
			display: block;
			float: left;
			
}
#set1 input[type=checkbox] {
	background-color: #FFd;
	height: 24px;
	margin-top:-0.5%;
	border: 1px solid #3e8ad3;
}
#set1 textarea, #set1 input {
	clear: left;
	background-color: #FFF;
	display: block;
	width: 10%;
	margin-right: 2%;
	/*border: 1px solid #6eacc4;*/
	border: 1px solid #3e8ad3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e8ad3;
	padding-left: 1%;
	float: left;
	font-size: 1.0em;
  	line-height: 1.4em;
}
#set1 textarea:focus, #set1 input:focus {
	background-color: #d4d718;

}



#set2 label {
	clear: left;
	background-color: #FFF;
	height: 14px;
	width: 10%;
	display: block;
	float: left;
	margin-right: 2%;
	padding-left: 1%

}

#set2 input, #set3 input, .set5 input[type=submit]{
	background-color: #FFF;
	display: block;
	width: auto;
	margin-right: 2%;
	/*border: 1px solid #6eacc4;*/
	border: 1px solid #3e8ad3;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 18px;*/
	color: #3e8ad3;
	float: left;
	font-size: 1.0em;
  	line-height: 1.4em;

}
#set2 input[type=submit],
#set3 input[type=submit],
.set5 input[type=submit]{
	margin-top: 2%;
	font-size: 1.4em;
  	line-height: 1.6em;	
}
#set2 input:hover, 
#set2 input:focus, 
#set3 input[type=submit]:hover, 
#set3 input[type=submit]:focus,
.set5 input[type=submit]:hover, 
.set5 input[type=submit]:focus
{
	background-color: #d4d718;
}

#set2 span{
	margin-left: 0px;
	margin-top: 0px;
	display: block;
	margin-right: 0px;
	margin-bottom: 5px;
}
#set3 label {
	clear: left;
	width: 40%;
	display: block;
	float: left;
	margin-top: 0px;
  	margin-top:4px;
  	margin-bottom:10px;
}

#set3 input{
	/*height: 20px;*/
	margin-bottom: 1px;
}



#set3 textarea {
	height: 60px;
	margin-bottom: 10px;
	overflow:auto;
	
}
#set3 span {
	/**/
	padding-top:2px;
	background-color: #FFF;
		width: 70px;
		
			display: block;
			float: left;
			
}
#set3 span span{
	/**/
	background-color: #FFF;
		width: 40px;
		width: auto;		
			display: block;
			/*float: left;*/
			
}

#set3 input[type=checkbox], #set3 input[type=radio]  {
	background-color: #FFd;
	height: 24px;
	margin-top:-0.5%;
	border: 1px solid #3e8ad3;
}
#set3 textarea, #set3 input[type=text] {
	
	background-color: #FFF;
	display: block;
	width: 50%;
	margin-right: 2%;
	/*border: 1px solid #6eacc4;*/
	border: 1px solid #3e8ad3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e8ad3;
	padding-left: 1%;
	float: left;
	font-size: 1.0em;
  	line-height: 1.4em;
}
#set3  .i100 {width: 50%; margin-right:10%;}
#set3 span .i50 {width: 25px; margin-right:5%;}

#set3 textarea:focus, #set3 input:focus {
	background-color: #d4d718;

}

.ckeditor-html5-video { width:100%; max-width:500px; margin-bottom:12px;}
.ckeditor-html5-video video { width:100%; }

.spiel {
	position:relative;

	background-color: #8FB8DD;
	background-color: #91badf;
	
	margin-top:10px;
	min-height:719px;
}
.spiellogo {	
	position:relative;
	z-index:300;
	margin: 0px auto 0px auto;
	width: 280px;
	padding-top:140px;
}
.spiellogo img{
	width: 90%;
	position:absolute;
	top:-63px;
	left:-16px;
}

.spiellogo h3 {

	/*border:solid 1px red;*/
	font-family: sam, sans-serif;
	font-weight: normal;
	font-size: 38px;
	line-height: 40px;
	color: #000;
/*	
		    -webkit-transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -ms-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out;
     opacity: 1;
	
	*/
}
.startbox {
	position:relative;
	z-index:300;
	margin: 0px auto 0px auto;
	width: 280px;
	padding-top:0px;	
}
	


.startbox h3 {

	/*border:solid 1px red;*/
	font-family: sam, sans-serif;
	font-weight: normal;
	font-size: 38px;
	line-height: 40px;
	color: #000;

}
.startbox h2 {

	/*border:solid 1px red;*/
	font-family: sam, sans-serif;
	font-weight: normal;
	font-size: 30px;
	line-height: 34px;
	color: #000;
	display:none;

}

.kontroll{
	font-size: 10px;
	line-height: 12px;
	width: 300px;
	position:absolute;
	top:0px;
	left:-600px;
	background-color: #E9EFF4;
}
.sprechblase {
	/*border:solid 1px red;*/
	position:relative;
	background-image: url(../userfiles/images/small/sprechblase.svg);
	background-repeat: no-repeat;
	
	background-position: 0px 0px;
	background-size: 100% auto;
		left:110px;
	margin: 100px auto 0px auto;
	width: 750px;
	padding-top:5%;

	height:400px;

	
}
.sprechblase p,
.sprechblase h2 { 
	margin:0px 11% 0px 11%; 
	}
.sprechblase p {	
	font-size: 14px;
	line-height: 15px;}
.sprechblase h2{
	font-family: sam, sans-serif; 
	font-weight: normal;
	font-size: 20px;
	line-height: 22px;

}
.textbox {
	/*border:solid 1px pink; */	
	width: 100%;
	height: 55%;	
	display:table;
	overflow: hidden;
}
.textcell {
	display:table-cell; 
	vertical-align: middle;
}
.spruchbox {
	

overflow:hidden;
		
	/*
		 border:solid 1px pink;
		display:none;
*/
	width: 100%;
	height: 100%;
	position:absolute;
	z-index:310;
	top:0px;
	left:0px;
	
	
}
.spruchbox2 {
	width: 300px;
	position:absolute;
	z-index:300;
	top:30px;
	left:20px;
	
	
}
.bildbox {
	width: 50%;
	position:absolute;
	z-index:100;
	top:-210px;
	right:0px;
	
	-webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.5); 
	box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.5);
}
.bildbox img{
	width: 100%;

	
}

.button{
	position:absolute;
	top: -100px;
	left: -500px;
	white-space: nowrap;
}
.spruch, .spruch2 { font-family:'sam',Helvetica,sans-serif; font-weight:normal; font-size:40px; line-height: 42px; color:black; display:block;}
.spruch {
	
	}
.spruch2 {font-size:24px; line-height: 30px;}
.spruch:hover, .spruch2:hover, .spruch2.current {
	
	fill:#f8b323;
	color:#f8b323;
	text-shadow: 3px 3px 4px #777;
	
}
    
.weiter {
	font-family:'sam',Helvetica,sans-serif; font-weight:bold; font-size:40px; line-height: 42px;
	background-image: url(../userfiles/images/small/weiter.svg);
	background-repeat: no-repeat;
	background-position: center right;
	display:block;
	position:absolute;
	top:340px;
	

	/*border:solid 1px red;*/
	padding-right:50px;

}
.weiter, .weiterbox { 	left:385px; }

.weiterbox {
	position:absolute;
	bottom:0px;
}
.weiterbox a {
	font-family:'sam',Helvetica,sans-serif; 
	font-weight:bold; 
	font-size:16px; 
	line-height: 18px;
	color:#000;
	font-weight: normal;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 24px;
	line-height: 20px;
	margin-top: 6px;
	margin-bottom: 0px;	
}
.weiterbox a:hover {
	color:#3E8AD3;
}
.teilen {
	background-image: url(../userfiles/images/meta/teilen2.png);
	background-size: 20px auto;

}
.pdf3 {
	background-image: url(../Bilder/icon-pdf3.png);


}


@media only screen and (min-width: 1024px) and (max-width: 1050px) {
	.sprechblase {/*border:solid 1px green;*/ margin-top:30px; left:120px;}
	.weiter {/*bottom:-130%;*/}
	.pdf3 {/*bottom:-148%;*/}
	.anker2 {top: -45px;}

	
}
/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	body { }
	#hg { width: 768px; }
	#headder .left img {  margin-left: 5px; }
	
	#headder .right img { margin-left: -5px; }
	
	
	
	
	
	#nav2 ul li a {  padding-left: 5px;}
	#nav2 ul .current ul li a {  padding-left: 25px; }
	.homenav h1, .homenav h2, #homenews .adress h3 { font-size: 24px; line-height: 30px;  margin-left: 40px; margin-right: 20px; }
	.homenav img { margin-left: -40px; width:110%; height: auto;}

	.right h1 {  margin-top: 145px;  margin-right: 5px; margin-left: 20px; font-size: 22px; line-height: 26px;}/**/
	.right2 {}
	.right2 img{margin-left: 40px; width:80%; }
	
	.home #nav0 ul{ margin-left: 40px; }
	
	.zs1 h1 {  margin-top: 155px; /*background-color: #fbb54c;*/ }
	.newsbox p { width: 96%; }
	#set3 textarea { height: 120px; width: 90%;}
	
	.spiel {min-height:710px;}
	.sprechblase {/*border:solid 1px black;*/
		background-position: 0px 0px;
		background-size: auto 100%;
		left:110px;
		margin: 60px auto 0px auto;
		width: 680px;
		padding-top:7%;
		height:430px;
	}
	.sprechblase p, .sprechblase h2 {  margin:0px 11% 0px 13%;  }
	.bildbox { top:-190px; right:80px;}
	.bildbox img { width: 100%;}
	.weiter { top:390px;}
	.weiter, .weiterbox { 	left:385px; }

	
	.weiterbox {
		/*border:solid 1px green;*/
		position:absolute;
		bottom:0%;
	}	
	
	
	.pdf3 {	right:4%;}
	.anker2 {top: -140px;}
	
	.spiellogo {	 margin: 0px auto 0px 200px; /*width: 240px;*/ }
	.spiellogo img {	 width: 70%; position:absolute; top:-33px; left:-16px; }
	
	
	
}


/* Smartphone Portrait und Landscape */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.spiel {/*position: relative;*/  margin: 0px; padding-top:0px; top:-10px;}
	.sprechblase {/*border:solid 1px gold;*/}
	.spiellogo {position:fixed;	 right:0px; top:60px; top:20px; margin: 0px; width: 140px; height:10px; z-index:5000; /*border:solid 1px red;*/ }
	.spiellogo img { top:-18px; right:0px;}
	
	.startbox h3 {z-index: 10;padding-top:60px; font-size: 24px; line-height: 25px;/*display:none;*/}
	/*
	.startbox h2 {display:block; padding-top:20px;padding-bottom:20px;	font-size: 26px; line-height: 30px;}
*/
	.sprechblase {
		position:static;
		background-image: none;
		background-position: 20px 5px;
		background-size: 15% auto ;
	
		margin: auto;
		width: 100%;
		padding-top:40px;
		height:auto;
		
	}
	.spruch {
		font-size:30px; line-height: 32px;
	}

	.sprechblase p, .sprechblase h2 { margin: 5px 3% 0px 3%;}
	.sprechblase p { font-size:17px; line-height:18px;}
	.sprechblase h2 { font-size:24px;}
	.bildbox { width: auto; /*max-width:300px;*/ position: static; margin: 20px 3% 0px 3%;}
	.weiter {	position: static; display:inline-block; margin-left:3%;margin-bottom:3%;}
	.weiterbox { position: relative; padding-top:20px; left:0px; z-index:300; margin-left:3%;}
	.weiter {	position: fixed; 
		background-color:#FFF; 
		bottom:auto; 

		top:10px; left:auto; right:0px;  
		display:block; 
		/*
		margin-left:3%;
		margin-bottom:3%;
		*/
		z-index:5000;
		font-size: 26px;
		line-height: 28px;
		background-size: auto 96%  ;
		padding-right: 30px;
		padding-left: 20px;
		border-right:5px solid #fff;
	}
	.alle {font-size:18px; /*line-height: 14px;*/padding-left: 10px; right:-20px; top:12px;}
	.pdf3 {		position: static;  margin-top:7%; width: auto;}
	.spruchbox {/*position: static;*/z-index:300;}
	.spruchbox2 {position: static; margin-left:3%; margin-top:1%; margin-bottom:0%;}
	.anker2 {display:none;}
	.jubi40 img { width: 50%; top: 0px; left: 0px; }	
	
	.templ4 #hg {margin-top:80px;margin-top:0px;}
	.templ4 .right {border:solid 1px red; display:none;}
	.kontroll{ display:none; }	
	
	body { height:auto;}
	#hg {/*top: 70px;*/ margin-top:120px; width: 100%; /*background-color: #fbb54c;*/ overflow:hidden;}
	#headder { position:fixed; top:-30px; left0px; z-index:1000; width: 100%; height: 100px;   background-size: auto 96px; background-position: 0px 7px; /**/ /**/ background-color: #FFF;}
	#headder .content #nav1 { margin:0px;}
	#headder .content  {position:absolute; z-index:30; left:110%; left:15px;/**/ top:140px; width: 98%; background-color: #FFc;/**/ display:none;}
	#headder .left {  width: 50%;}	
	#headder .right  { width: 50%; /*display:none;*/}
	#headder .left img {  margin-left: 10px;   height: auto;  width: 110px; margin-top: 44px;}	
	#headder .right img {position:relative; z-index:500; margin-right: 15px; float:right;  height: auto;   width: 110px;    margin-top: 33px;}
	
	#footer { height:auto;}
		
	#main {min-height: 200px;}

	#footer .left { display:none;/**/ }
	#main .sp50 { width: 66%; }
	#main .right { width: 33%; height: auto;}
	

	.right2 img{  margin-left:15px; margin-right:0px; }
	
	
	.homenav, .right2 {width: 99%;}
	.homenav img {position: absolute; top:-26px; right:0px; width: 100px; height:auto;  margin-left: -50px; }
	.homenav h1 { position: relative; margin-bottom:20px; margin-left: 15px;  margin-right: 10px;}
	.homenav h2 { font-size: 18px; line-height: 22px; margin-left: 15px;  margin-right: 10px; margin-bottom:30px; display:none;}
	
	#homenews {padding-bottom:20px;}
	#homenews .adress h3 {position:static; font-size: 20px; line-height: 24px; margin-left: 15px; }
	#homenews p {  margin-left: 15px; margin-right: 30px; }
	.neuigkeit { background-image: url("../Bilder/blase2.png"); margin-top:0px;   padding-left:15px;  }
	#homenews .neuigkeit {  top: 0px; left: 0px; }	
	#homenews .adress { width: 99%; }
	
	
	#nav0 ul { /*background-color: #Fcc;*/ text-align:right; }
	#nav3 ul li a { font-size: 20px; padding-top:60px; line-height: 26px; }
	.home .content .desk { margin-left: 15px;  margin-right: 50px; }
	.home #nav0 ul{ margin-right: 10px; margin-bottom:50px;}
	
	#footer .content { width: 100%; height: auto;}
	#main .sp50 { width: 99%; }
	.sp75 { width: 100%; }
	.newsbox p { width: auto;   margin-left: 15px; margin-right: 15px;}
	.newsbox img {  margin-left: 15px; margin-right: 15px;}
	.newsbox .textbox { width: auto; margin-left:15px; }



	.first { padding-top:100px; width: auto; left:0px;}
	.first .neuigkeit { margin-top: 0px; left:0px;}
	
	#homenews .adress { width: 99%; }
	.home .right { width: 99%; }
	.home .content  { width: 99%; }
	.left, .right   { width: 99%; }	/**/
	
	#main .right { width: 99%;   background-size: 160px auto;  background-position: 0% 0px;}
	.right h1 {  margin-top: 80px;  margin-right: 10px;  margin-left: 120px; }


	#main .left { position:absolute; z-index:40; top:100px; Left: 0px; /*display:none;*/ background-color: #FFF; width: 99%;}
	
	#nav0b { display:block;}
		
	#main #nav2 { display:none; }	
	.smart{display:block;}
	.desk{display:none;}	
		
	.anker { 	top: -100px;}	
	#nav3 {  display:block; min-height:100%}

	.online { padding-left:15px;  border-radius: 0px 22px 22px 0px; margin-left:-15px; }

	/*#nav3 ul ul { display: block; }*/

	.content img { width:200px; height: auto; margin-right: 100px; /**/}
	.content .full { width: 99%;}
	#set3 textarea { height: 120px; width: 90%;}
	.ckeditor-html5-video video { width:90%;}
	
}

/* Smartphone Portrait und Landscape */
@media only screen and (min-width: 320px) and (max-width: 512px) {
	.set5 .td1 { width: 100%; }
	.set5 .td2 { width: 100%; }
	.set5 .td1 { margin-top:1em;}
}