html  {
	height: 100%;
	background: #6a614e; /*background-image: -ms-radial-gradient(left center, circle closest-side, #FFAA00 0%, #A66F00 100%);*/
/*background-image: radial-gradient(circle closest-side at left center, #FFAA00 0%, #A66F00 100%); */
	font-size: 14px;
	color: blafontck;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-left: 5;
	margin-right: 5;
	*margin-bottom: 5;
	font-stretch: normal;
	left: auto;
}
body{
min-height: 101%; 

}

#Webseite{
width:980px;
margin:0 auto;



}
#Kopf{
background-image:url(../bilder/elemente/kopf-hi.png);
background-repeat: repeat-x;
width: 980px;
height: 180px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
}
#Kopf h1 {
padding-top: 50px;
font-size: 60px;
font-weight: bold;
color: white;
font-family: Arial, Helvetica, sans-serif;
}
#Menue{
float: right;
width: 980px;
height: 30px;
background: orange;
border-radius:2px; 
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
-o-border-radius:2px;  
}
#wrapper {
   position: relative;
   background: darkred;  
}
#Hauptfenster{
width: 980px;
height: auto;
background: darkred; 
}

#LinkesFenster{
float: left;
width: 200px;
height: auto;
background: darkred;  
margin-top: 10px;
margin-bottom: 10px;
border-radius:2px; 
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
-o-border-radius:2px;  
}

#LinkesFenster h2 {
padding-top: 5px;
height: auto;
font-size: 18px;
font-weight: bold;
color: black;
 text-shadow: 1px 1px #333333;
font-family: Arial, Helvetica, sans-serif;
}

#Inhalt{
float: right;
width: 770px;
height: auto;
background: darkred;
margin-top: 10px;
margin-bottom: 10px;
border-radius:2px; 
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
-o-border-radius:2px;  
}

#Inhalt h1 {
padding-top: 5px;
font-size: 30px;
font-weight: bold;
color: black;
 text-shadow:
1px 0px 1px #eee, 0px 1px 1px #ccc,
2px 1px 1px #eee, 1px 2px 1px #ccc,
3px 2px 1px #eee, 2px 3px 1px #ccc,
4px 3px 1px #eee, 3px 4px 1px #ccc,
5px 4px 1px #eee, 4px 5px 1px #ccc,
6px 5px 1px #eee, 5px 6px 1px #ccc,
6px 6px 1px #eee;
font-family: Arial, Helvetica, sans-serif;
}

#box2 {
 position: absolute;   
height: 160px; width: 160px;    
left: 800px; top: 400px; 
 	background-color: #F0E9DD;
 	margin-top: 10px;
   margin-left: 10px;
margin-bottom: 10px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 6px 4px #000000;
  filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	}

#box3 {
 position: absolute;   
height: auto; width: 160px;    
left: 800px; top: 575px; 
 	background-color: #F0E9DD;
 	margin-top: 10px;
   margin-left: 10px;
margin-bottom: 10px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 6px 4px #000000;
  filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	}

#box4 {
 position: absolute;   
height: auto; width: 160px;    
left: 800px; top: 850px; 
 	background-color: #F0E9DD;
 	margin-top: 10px;
   margin-left: 10px;
margin-bottom: 10px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 6px 4px #000000;
  filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	}

#Boxdia{
float: left;
width: 765px;
height: auto;
background: gray;
margin-top: 5px;
margin-left: 2px; 
margin-bottom: 10px;
border-radius: 5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
clear: both;
}

#Boxdiaschulung{
width: auto;
height: auto;
background: gray;
margin-top: 5px;
margin-left: 2px; 
margin-bottom: 10px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 6px 4px #5C5446;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);

}
.boxbild{
 	 	background-color: #F0E9DD;
 	width: auto;
      height: auto;
      margin-top: 5px;
      margin-left: 5px;
margin-bottom: 0px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 6px 4px #5C5446;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}

.boxbild-1{
 	 	background-color: #F0E9DD;
 	width: auto;
      height: 500px;
      margin-top: 200px;
      margin-left: 5px;
margin-bottom: 10px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 6px 4px #5C5446;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}

.boxbild-2{
 	 	background-color: #F0E9DD;
 	width: 190px;
      height: auto;
      margin-top: 420px;
     margin-left: 5px;
margin-bottom: 0px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 6px 4px #5C5446;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}



.boxtext{
 	background-color: #F0E9DD;
 	width: 580px;
      height: auto;
      margin-top: 370px;
      margin-left: 5px;
margin-bottom: 10px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 6px 4px #5C5446;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}

.boxtext1{
       background-color: #F0E9DD;
      width: 750px;
      height: auto;
      margin-top: 5px;
      margin-left: 5px;
      margin-bottom: 10px;
      border-radius:5px; 
      -moz-border-radius:5px; 
      -webkit-border-radius:5px; 
      -o-border-radius:5px;  
      box-shadow: 6px 4px #5C5446;
      filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}
.boxtext11 {
       background-color: #F0E9DD;
      width: auto;
      height: auto;
      margin-top: 5px;
      margin-left: 5px;
      margin-bottom: 10px;
      border-radius:5px; 
      -moz-border-radius:5px; 
      -webkit-border-radius:5px; 
      -o-border-radius:5px;  
      box-shadow: 6px 4px #5C5446;
      filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}
 	 .boxtext12{
       background-color: #F0E9DD;
      width: 750px;
      height: 640px;
      margin-top: 5px;
      margin-left: 5px;
      margin-bottom: 10px;
      border-radius:5px; 
      -moz-border-radius:5px; 
      -webkit-border-radius:5px; 
      -o-border-radius:5px;  
      box-shadow: 6px 4px #5C5446;
      filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}	
 	 	 .boxtext14{
       background-color: #F0E9DD;
      width: 750px;
      height: 3350px;
      margin-top: 5px;
      margin-left: 5px;
      margin-bottom: 10px;
      border-radius:5px; 
      -moz-border-radius:5px; 
      -webkit-border-radius:5px; 
      -o-border-radius:5px;  
      box-shadow: 6px 4px #5C5446;
      filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}	
 	 	
 	 	 .boxtext15{
       background-color: #F0E9DD;
      width: 750px;
      height: 7500px;
     border-radius:5px; 
      -moz-border-radius:5px; 
      -webkit-border-radius:5px; 
      -o-border-radius:5px;  
      box-shadow: 6px 4px #5C5446;
      filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}	
 	 	
 	  .boxtext16{
       background-color: #F0E9DD;
      width: 750px;
      height: 11050px;
     border-radius:5px; 
      -moz-border-radius:5px; 
      -webkit-border-radius:5px; 
      -o-border-radius:5px;  
      box-shadow: 6px 4px #5C5446;
      filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}		
 	 
 	  .boxtext17{
       background-color: #F0E9DD;
      width: 750px;
      height: 14050px;
     border-radius:5px; 
      -moz-border-radius:5px; 
      -webkit-border-radius:5px; 
      -o-border-radius:5px;  
      box-shadow: 6px 4px #5C5446;
      filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}		
 	 
 	 	
.teaser {
	margin: 	1.5em 0;
	padding: 10px 0px;
	letter-spacing: .05em;
	background: #F3ECDC;
	border: 1px dotted #CFAF87;
}
 
 .boxrund {
 	background-color: yellow;
 	border: 2px solid #000000;
      width: auto;
      height: auto;
       margin-top: auto;
      margin-left: 480px;
      margin-right: 20px;
margin-bottom: 10px;
 	 border-top-right-radius: 44px;
  border-bottom-right-radius: 43px;
  	border-bottom-left-radius: 39px; 
  	border-top-left-radius: 40px;
  	-moz-border-radius-topright: 44px;	
  	-moz-border-radius-bottomright: 43px; 
  	-moz-border-radius-bottomleft: 39px; -
  	moz-border-radius-topleft: 40px;	
  	-webkit-border-top-right-radius: 44px; 
  	-webkit-border-bottom-right-radius: 43px; 
  	-webkit-border-bottom-left-radius: 39px;	
  	-webkit-border-top-left-radius: 40px;	
  padding: 5px;
   box-shadow: 6px 4px #837373;
  filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);   
}
.box {background-color: #D5FF95;
      border: 2px solid #000000;
      width: 500px;
      height: 80px;
      border-radius:15px; 
      -moz-border-radius:15px; 
      -webkit-border-radius:15px; 
      -o-border-radius:15px;  
      padding: 5px;
      clear: both;
      }
 


.boxrundspalte {
 	background-color: yellow;
 	border: 2px solid #000000;
      width: auto;
      height: auto;
       column-width: 280px;
       column-gap: 40px;
       margin-top: auto;
      margin-left: 10px;
      margin-right: 20px;
margin-bottom: 10px;
 	 border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  	border-bottom-left-radius: 10px; 
  	border-top-left-radius: 10px;
  	-moz-border-radius-topright: 10px;	
  	-moz-border-radius-bottomright: 10px; 
  	-moz-border-radius-bottomleft: 10px; -
  	moz-border-radius-topleft: 10px;	
  	-webkit-border-top-right-radius: 10px; 
  	-webkit-border-bottom-right-radius: 10px; 
  	-webkit-border-bottom-left-radius: 10px;	
  	-webkit-border-top-left-radius: 10px;	
  padding: 5px;
   box-shadow: 6px 4px #837373;
  filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);   
}

 
 .box1 {
 	float: left;
 	background-color: #D5FF95;
 	width: 300px;
      height: 80px;
      margin-top: 10px;
      margin-left: 20px;
margin-bottom: 10px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 6px 4px #000000;
  filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	}

 .boxbild {
 	float: left;
 	 	background-color: #F0E9DD;
 	width: 190px;
      height: 390px; 
      margin-top: 5px;
      margin-left: 5px;
margin-bottom: 15px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 6px 4px #5C5446;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}
 	 
 	.boxbild1 {
 	float: right;
 	 	background-color: #F0E9DD;
 	width: auto;
      height:  auto;
      margin-top: 5px;
      margin-left: 20px;
      margin-right: 20px;
margin-bottom: 10px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 6px 4px #5C5446;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	} 

 .boxbild2 {
 	float: left;
 	 	background-color: #F0E9DD;
 	  width: auto;
      height: auto;
      margin-top: auto;
      margin-left: 45px;
margin-bottom: 20px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 		box-shadow: 6px 4px #5C5446;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}
 	 	
 	 	.boxbild2i {
 	float: left;
 	 	background-color: #F0E9DD;
 	  width: auto;
      height: auto;
      margin-top: 420px;
      margin-left: 45px;
margin-bottom: 10px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 		box-shadow: 6px 4px #5C5446;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}
 	 	
 .boxbild23 {
 	float: left;
 	 	background-color: #F0E9DD;
 	  width: auto;
      height: auto;
      margin-top: 50px;
      margin-left: 45px;
margin-bottom: 10px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 		box-shadow: 6px 4px #5C5446;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}
  .boxbild2ab {
 	float: left;
 	 	background-color: #5C5446;
 	  width: auto;
      height: auto;
      margin-top: auto;
      margin-left: 45px;
margin-bottom: 10px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 0 0 10px #000;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	} 
.boxbild2aab {
 	float: left;
 	 	background-color: #5C5446;
 	  width: auto;
      height: auto;
      margin-top: auto;
      margin-left: 50px;
margin-bottom: 30px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 0 0 10px #000;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}  
 
 
.boxbild2a {
 	float: left;
 	 	background-color: #5C5446;
 	  width: auto;
      height: auto;
      margin-top: auto;
      margin-left: 15px;
margin-bottom: 10px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 0 0 10px #000;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	} 
 
 .boxbild2b {
 	float: left;
 	 	background-color: #5C5446;
 	  width: auto;
 	    height: auto;
      margin-top: auto;
      margin-left: 15px;
margin-bottom: 15px;
 	border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 0 0 10px #000;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	} 
 
 
 .boxbild21 {
 	float: left;
 	 	background-color: #F0E9DD;
 	  width: auto;
      height: 250px;
      margin-top: auto;
      margin-left: 45px;
margin-bottom: 10px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 6px 4px #5C5446;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}	
 	 	
 	 	
 	 	
 .boxbild22 {
 	float: left;
 	 	background-color: #F0E9DD;
 	  width: auto;
      height: auto;
      margin-top: auto;
      margin-left: 160px;
margin-bottom: 10px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 6px 4px #5C5446;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}	 	
 	 	 	
 .boxbild25 {
 	float: left;
 	 	background-color: #F0E9DD;
 	  width: 350px;
      height: auto;
      margin-top: auto;
      margin-left: 200px;
margin-bottom: 10px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 6px 4px #5C5446;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}	 	



.boxbild3 {
 	float: left;
 	 	background-color: #F0E9DD;
 	  width: auto;
      height: auto;
      margin-top: auto;
      margin-left: 15px;
      margin-right: 10px;
margin-bottom: 25px;
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
 	box-shadow: 6px 4px #5C5446;
 	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
 	 	}

.bildrund {
 width: 300px; 
float: left; 
margin-top: auto;
 margin-left: 15px; 
 margin-right: 10px;
}

.bildrund1 {
 width: 300px; 
float: left; 
margin-top: auto;
margin-left: 15px; 
 margin-right: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px; 
}

.bildschatten { 
width: 300px; 
float: left; 
margin-top: auto;
margin-left: 35px; 
 margin-right: 15px;
-moz-box-shadow:1px 1px 6px #292929; /* Firefox */
-webkit-box-shadow:1px 1px 6px #292929; /* Chrome, Safari */
-khtml-box-shadow:1px 1px 6px #292929; /* Konqueror */
box-shadow:1px 1px 6px #292929; /* CSS3 */
}

h2.txt {
padding-top: 5px;
font-size: 18px;
font-weight: bold;
color: black;
 text-shadow: 1px 1px #333333;
font-family: Arial, Helvetica, sans-serif;
}


h3.txt {
	color:	#1B3A54;
	font-weight:	normal;
	margin-right:	0px;
	margin-left:	0px;
	margin-bottom:	10px;
	margin-top:	1px;
	font-size:	14px;
}
.txtSchatten{ 
 background: none repeat scroll 0 0 #CCCCCC;
    color: #DBDBDB;
    text-shadow: 0 -1px 1px #FFFFFF, 0 1px 1px #666666;
}

.txt16 {
font-size: 16px;
color: black;
font-family: Arial, Helvetica, sans-serif;
}

.txt14 {
font-size: 14px;
color: black;
font-family: Arial, Helvetica, sans-serif;
}
.txt13 {
font-size: 13px;
color: black;
font-family: Arial, Helvetica, sans-serif;
}


.txt12 {
font-size: 12px;
color: black;
font-family: Arial, Helvetica, sans-serif;
}
.txt12l {
font-size: 12px;
color: blue;
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;
}
.txt10b {
font-size:10px;
color: #04397f;
font-family: Arial, Helvetica, sans-serif;
}

 p { margin-left:10px; }
}
 .p1 { margin-left:100px; }
 .p2 {
 	margin-left:10px;
 	margin-right: 350px;
	margin-bottom:	20px;
	margin-top:	30px;
font-weight: bold;
  font-size: 14px;
 font-family: Arial, Helvetica, sans-serif;
color: blue;

  }

 #banner {
	position:					relative;
	height:						350px;
	padding-top:				11px;
	background-color:			#F1E9D9;
}

.ptxt {
	color:	#000000;
	margin: 5px 5px 5px 20px;
	font-size:	12px;
}

.boxframe {
 	float:right;
 	 	/* background-color: #5C5446; */
 	  width: 25px;;
      height: 8px;
      margin-top: 1px;
      margin-left: 5px;
      margin-right: 50px; 
margin-bottom: auto;
 	
 	 	} 	

#Fuss{
width: 980px;
height: 40px;
background-image:url(../bilder/elemente/fuss.png);
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-o-border-radius:5px;  
margin-top: 20px;
clear: both;
}

#bildschatten {
   /* position: absolute;
    top: 100px;
    left: 100px;*/
    -webkit-box-shadow: 10px 10px 50px grey;
-moz-box-shadow: 10px 10px 50px grey;
box-shadow: 10px 10px 50px grey;
    
}

 {
		max-width: 100vw; /* iOS braucht das */
		white-space: nowrap;
		overflow: hidden;
		color: yellow;
		
		/* hier evtl. noch font-size, color usw. */
	}

	.marquee span {
		display: inline-block;
		padding-left: 105%; /* die zusätzlichen 5% erzeugen einen verzögerten Start und vermeiden so ein Ruckeln auf langsamen Seiten */
		animation: marquee 10s linear infinite;
	}

	/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
	.marquee span:hover {
		animation-play-state: paused 
	}

	/* Make it move */
	@keyframes marquee {
	    0%   {transform: translate3d(0,0,0);}
	    100% {transform: translate3d(-100%,0,0);}
	}