html,body{
 font-family:"Comic Sans MS";
 color:#444;
 font-size:10pt;
 margin:0;
 padding:0;
 width:100%;
 height:100%;
 background-color:#D3E7E9;
 background-attachment:fixed;
 background-image:url(layout/verlauf.png);
 background-repeat:repeat-x;}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;} 

.clearfix::after {
  clear: both;}

.clearfix {
  *zoom: 1; /* Für den IE6 und IE7 */}

img{
	max-width:100%;
	border:none;}

.gray:hover{
	color:#6E5E56;}

.gray{
	color:#6EAEB4;}

.bi{
	color:#6EAEB4;
	font-style:italic;
	text-align:center;
	margin:0px;}

.softbild{
	margin-bottom:0;
  box-shadow: 0 0 8px 8px white inset;
	background-size:contain;
	background-repeat:no-repeat;}

.rbild{
	margin-left:2rem;
	margin-bottom:2rem;
	float:right;}

.lbild{
	margin-right:1rem;
	margin-bottom:2rem;
	float:left;}

.link{
 font-family:"Comic Sans MS";
 color:#6EAEB4;
 font-size:10pt;
 text-decoration:none;}

.link:hover{
 color:#47A5DD;
 text-decoration:underline;}

#seite {
 margin:auto;
 max-width:1005px;
 min-height:630px;}

#shadowkopf{
 margin:0;
 height:10px;
 max-width:1005px;
 font-size:10px;
 background-image:url(layout/shadow_top.png);
 background-repeat:no-repeat;}

#kopf {
 padding-left:15px;
 padding-top:0px;
 width:100%;
 background-image:url(layout/shadow_middle1.png);
 background-repeat:no-repeat;}

#innerkopf {
 display:block;
 max-width:960px;
 height:200px;
 background-color:#6EAEB4;}

#innerkopf p{
	padding:20px 0 0 0;}
	
#innerkopf{
	displaY:block;
	padding:20px 20px 0 50px;
	font-size:16pt;
	color:#fff;
	text-align:left;}

#innerkopf img{
	float:right;
	border-radius:50%;
	border:1px rgba(0,0,0,.5) solid;
	height:170px;
	width:auto;
	margin:0px;}

.ham{
	border-radius:10px;
	margin-bottom:3rem;
	max-width:100%;
	list-style-type:none;
	list-style-image:none;
	height:2rem;
	overflow:hidden;
	display:none;}

#content{
 padding-left:15px;
 width:100%;
 background-image:url(layout/shadow_middle.png);
 background-repeat:repeat-y;}

#innercontent {
 background-color:#FFF;
 max-width:960px;
 min-height:320px;
 background-image:url(layout/mitte.png);
 background-repeat:repeat-y;}

#cleft{
margin-right:50px;
 padding-left:30px;
 padding-top:5px;
 padding-bottom:20px;
 background-color:transparent;
 display:inline;
 float:left;
 width:139px;}

#cleft li{
	list-style-type:none;
	list-style-image:none;}

#cright{
	hyphens:auto
 background-color:transparent;
 line-height:175%;
 display:inline;
 float:left;
 padding-top:20px;
 padding-bottom:20px;
 padding-left:50px;
 max-width:700px;}

#cright p{hyphens:auto;}

.nav,.nava{
 display:block;
 line-height:125%;
 margin-top:15px;
 text-decoration:none;
 color:#6EAEB4;
 font-size:13pt;}

.snav,.snava{
 display:block;
 line-height:125%;
 margin-top:5px;
 text-decoration:none;
 color:#6EAEB4;
 padding-left:5px;
 font-size:12pt;}

.nava, .snava{color:#6E5E56;}

.nav:hover,.nava:hover,
.snav:hover,.snava:hover{color:#47A5DD;}

h1{
 color:#6EAEB4;
 font-size:18pt;
 font-weight:bold;
 margin:0;
 padding:0;
 margin-top:0px;
 margin-bottom:10px;}

h2{
 color:#6E5E56;
 font-size:14pt;
 font-weight:bold;
 margin:0;
 padding:0;
 margin-top:0px;
 margin-bottom:5px;}

#fuss {
 padding-left:15px;
 width:100%;
 background-image:url(layout/shadow_middle.png);
 background-repeat:repeat-y;}

#innerfuss{
 text-align:center;
 max-width:960px;
 padding-top:13px;
 padding-bottom:8px;
 background-color:#6EAEB4;}

#shadowfuss{
 width:100%;
 height:29px;
 background-image:url(layout/shadow_bottom.png);
 background-repeat:no-repeat; }

.cb{clear:both;}

p{margin:0;padding:0;margin-bottom:15px; }

.cbild{
 float:right;
 margin-left:10px;}

/* FORMULAR-FELDER */

.inputC,.input,.input2,.inpute,.input2e,select{
 color:#000;
 font-family:"Comic Sans MS";
 font-size:12px;
 line-height:100%;
 width:260px;
 background-color:#fff;
 border-style:solid;border-width:1px;border-color:#6EAEB4;}

.inp1{
 width:260px;}
 
.inputC{width:100%;background-color:transparent;color:#fff;border:none;}

.inputCe{color:#6E5E56;}

.input2,.input2e{
 height:155px;
 overflow:auto;
 margin-bottom:3px;}

.inpute,.inputCe,.input2e{
 background-color:#6E5E56;}

.input3,.link3{
 cursor:pointer;
 width:90px;
 height:25px;
 border:none;
 background:transparent;
 font-weight:bold;
 color:#fff;
 font-size:1rem;
 padding:0;margin:0;
 padding-bottom:3px;
 text-align:center;
border-radius:5px;
 background-image:linear-gradient(0deg, #6EAE85 0%, #6EAEB4 95%, #47A5DD 100% );
 background-repeat:no-repeat;}

.nosp{
 white-space:nowrap;}

input{
 margin-top:2px;
 margin-bottom:2px;}

.red{color:#cc0000;}

#meldung{
	color:gold;
	font-size:1.3rem;
	text-shadow:1px 1px black;
	display:block;
	width:96%;
	height:50px;
	margin-top:-55px;
	margin-bottom:5px;
	text-align:center;}

#einklinker button{
	float:right;
	line-height:20px;
	font-size:1rem;
	font-weight:900;
	text-align:center;
	color:red;
	background:#f0f0f0;
	border-radius:50%;
	width:25px;height:25px;
	border:1px solid #333;}

#einklinker{
	display:none;
	width:300px;
	z-index:1001;
	position:absolute;
	top:15rem;left:calc( 50vw - 150px );
	transform:rotate(-2deg);
	background:#ffff99;
	padding:10px;
	box-shadow:0px 0px 16px 16px #6EAE8599, 0px 0px 8px 8px #00000033, 0px 0px 6px 6px red;
	border:3px solid #333;}

@media screen and (max-width: 950px) {
	#meldung{
		height:auto;margin-top:-25px;background:white;padding-bottom:5px;margin-bottom:5px;text-align:center;}

	#innerkopf{
		font-size:15pt;}
	#cright{
		padding-right:50px;}

	#kleft {display:inline;float:left;width:auto;font-size:2vw;}
	#kleft .ham{ text-align:center;}
	#kright{display:inline;float:right;}
	#kright img{ max-height:100px;width:auto;}
	.nosmall{ display:none;}


@media screen and (max-width:890px) {

	.ham{display:block;}
	.ham{
		width:87vw;
		position:absolute;
		z-index:2;
		background-image:linear-gradient(90deg, rgba(255,255,255,.2) 0%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 90%, rgba(255,255,255,0) 100%);
		border:1px solid rgba(110,100,90,.5);
		display:block;
		line-height:3rem;
		height:3rem;
		margin:0;padding:0}

	.ham li a{width:100%;padding:0 0 0 20px;margin:0;text-decoration:none;
		color:rgba(110,100,90,1);white-space:nowrap;
		line-height:3rem;}

.toggler{
	font-size:3rem;
	cursor:pointer;
	text-align:center;
	color:rgba(110,100,90,1);}

	.ham li a:hover{
		background-image:linear-gradient(90deg, rgba(110,100,90,1) 0%, rgba(110,100,90,.8) 60%, rgba(255,255,255,0) 100%);

	color:#fff;}

	#cleft{
		display:none;}

	#cright{
		margin-left:50px;}

	#innerkopf{
		font-size:15pt;}
}

@media screen and (max-width: 800px) {
	#cleft{
		display:none;}
	#innerkopf{
		font-size:13pt;}

	#innerkopf img{
		margin-top:5px;
		margin-bottom:5px;
		max-width:20%;
		height:auto;}
}

@media screen and (max-width: 640px) {
	#innerkopf{padding:0px 10px 0 10px;}
	#innerkopf p{margin-bottom:5px;}
	#cright p{padding:10px 20px 0 0;hyphens:auto;text-align:left;}
	.rbild{float:none;
		display:block;}
	.rbild .softbild{
		margin:1rem auto 0;
		display:block;}
	#innerkopf{
		font-size:11pt;}
	#innerkopf img{
		margin-top:20px;
		max-width:20%;height:auto;}
}
@media screen and (max-width: 450px) {
	#cright{
	padding-left:10px;
	margin-left:10px;}
}