#header {
	float: left;
	background: grey;
	width:100%; 
	margin: 0 0 0 0; /* 20/960x100 *//*sa rasstojanie do menu*/
	background-position: 0 0;
	background-repeat:no-repeat;
	 
	 
}

#logo {
	width: 12.5%; /* 120/960x100 */
	display: block;
	/*background: white;*/
	margin: 4.5833333333333333333333333333333% 4.5833333333333333333333333333333%; /* 42/960x100, & 20/960x100*/
	text-align: center;
	text-decoration: none;
	color: grey;
	float: left;
	
}

img {
	max-width: 100%;
	height: auto;
}

@media screen and (min-width: 900px) {
   body{
	font-size:95%;
   }
   span.gr900 {display: inline-block;}
   #header {background-image: url(img/Kopf.jpg); background-size:960px 147px;}
   #logo {padding: 2.6%; /* 60/960x100 */}
 
 }

@media screen and (min-width: 621px) and (max-width: 900px) {
   body{
	font-size:90%;
   }
   span.zw600-900 { display: inline-block; }
   #header {background-image: url(img/Kopf805.jpg); background-size:805px 124px;}
   #logo {padding: 2.6%; /* 60/960x100 */}
  
  
  
}

@media screen and  (max-width: 620px) {
   body{
   font-size:85%;
   }
   span.zw500-600 { display: inline-block; }
   #header {background-image: url(img/Kopf610.jpg); background-size:610px 100px;}
   #logo {padding: 2.6%; }
   #anfahrt{display:none;}
 
}

@media screen and (max-width: 500px) {
   body{
   font-size:70%;
   }
   span.k600 {display: inline-block;}
   #header {background-image: url(img/Kopf480.jpg); background-size:480px 74px;}
   #logo {padding: 2.6%; }
    #anfahrt{display:none;}
}

@media screen and (max-width: 340px) {
   body{
  
   font-size:70%;
   }
   span.k600 {display: inline-block;}
   #header {background-image: url(img/Kopf320.png); background-size:320px 49px;}
   #logo {padding: 2.6%; /* 60/960x100 */}
   #anfahrt{display:none;}
}
body {
	margin: 0px;
	padding: 0;
	font-family:Verdana, Arial;
	font-size: 26px;
	
	
}

#container {
	margin: 0 auto;
	max-width: 960px;
	background: #93b0e0;/*lewo*/
}






#article {
	float: left;
	width: 29.583333333333333333333333333333%; /* 284/960x100 */
	
}

.info {
	background:#FFD455;
	padding:2.5%; /* 30/600x100 */
	margin:3.333333333% 0;  /* 20/600x100 */
}

#aside {
	float: right;
	width: 66.145833333333333333333333333333%; /* 630/960x100 */
	background: #efe4be;
	padding: 2.08333333%; /* 20/960x100*/
	/*background-image: url(img/shema.png);*/
	background-position: 0 0;
	background-repeat:y-repeat;
	background-repeat:x-repeat;
	
}
.aside_samena {
	
	float: right;
	width: 66.145833333333333333333333333333%; /* 630/960x100 */
	background: #efe4be;
	padding: 2.08333333%; /* 20/960x100*/
	/*background-image: url(img/shema.png);*/
	background-position: 0 0;
	background-repeat:y-repeat;
	background-repeat:x-repeat;
	
	
}
.pagetitle {
	margin-bottom: 20px;
	border-bottom: 1px dotted #790202;
	font-size:80%;
}
.rundung{
-moz-border-radius:2em 2em 2em 2em; /* Firefox */
-webkit-border-radius:2em 2em 2em 2em; ; /* Chrome, Safari */
border-radius:2em 2em 2em 2em ; /* CSS3 */
behavior:url(border-radius.htc); /* Internet Explorer */
}

#footer {
	clear: both;
	padding: 0.5%; /* 5/960x100 */
	background: #70472b;
}


#navi{

}

#header ul,  #navi ul {
  margin: 0;
  padding: 0;
  float: left;
  
  
}


a:link{
color:black;
}
a:visited {
color: #808080;
}

a:hover {
 color:#ddae52;
}

p.otst {
  
  padding:2%; /* 30/600x100 */
	
}
p.kursiv {
 font-style:italic;
 font-size:80%;
}


.block {
	margin: 0px 0px 0px 0px;
	border: 0px solid #cb1919;
	background-color: #93b0e0;
}



.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0px;
	width:100%;
}

.menu li a {
	display: block;
	border-bottom: 5px dotted #808080;
	text-decoration: none;
	color: #534d4b;
	padding:5%;/* 60/600x100 */
	background-color: #b5c0f0;
	font-family:Source Sans Pro;
	font-size: 30px;
	;
}

.menu li a:hover, .menu ul.submenu li  a:hover {
	color: white !important;
	font-family:Source Sans Pro;
	font-size: 30px;
	border-bottom: 1px dotted #c00;
	background-color: #143858;
	padding:5%;/* 60/600x100 */
}

.menu li ul.submenu {
	display: none;
	padding: 0 !important;
	margin-bottom: 0px;
	height:auto;
	width:100%;
	
}

.menu ul.submenu li a {
	margin-left: 0px;
	font-size: 1.0 em;
	width:90%;
	background-color: #ddae52;
	
	/*background-image: url(img/klein.gif);
	background-repeat:no-repeat;*/
}

.slidingDiv {
    height:300px;
    background-color: #99CCFF;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;
}
 
.show_hide {
    display:none;
}
.first {
color:black;
font-weight:bold;
}

.unterstrichen { 
text-decoration:underline; 
}
#tableSchuhlFreunde{
background-image:url('img/schulfreunde2.png');

}
#dialog-Vorlesen{
background-image:url('img/lesebruecke.png');

}
 
.ui-dialog .ui-dialog-content{
	font-size:80%;
}

.ui-dialog .ui-dialog-titlebar{
	background: #ddae52;
}

.ui-widget-content{
	border:none;
}
.mensche{
font-size:70%;
}
.left{
float: left;
width: 70%; 

}
.right{
float: right; 
width: 30%;

}
.right{
float: right; 
width: 30%;

}
.left70{
float: left;
width: 70%; 
}
.left90{
float: left;
width: 90%; 
}
.right30{
float: right;
width: 30%; 
}

.sto{
float: left; 
width: 100%; /* optionale Weitenangabe */

}
.mitte{
float:left; 
 padding-left:30px;
 width: 100%; 


}
.bild{

 border-left:50px groove #dcc387;
 border-width: 30px;
   
}
.bildGericht{

border-width: 30px;
border-bottom-color:#dcc387;
   
}
.box
{
float: left; 
width: 100%; 

}
.box50
{
float: left; 
width: 50%; 
}
.box70
{
float: left; 
width: 70%; 
}
#box1
{
float: right; 
width: 70%; 
background: #0086d7;
color: white;
}
 
#box2
{
float: left; 
width: 30%; 
background: #dfdfdf;
color: white;
}
.schatten{
box-shadow:10px 10px 5px #888888;
}

.wp_adress {
   padding: 10px;
   background: #ffffaa;
   color: #7f1d31;
   border: 2px solid #7f1d31;
   border-radius: 5px;
   font-size: 16px;
   font-family: Georgia, 'Times New Roman', serif;
}
.navibereich {
	padding: 20px;
	float: right; 
}
.navibereich li {
    display: inline; /* li nebeneinander anzeigen */
    list-style-type: none; /* ohne Aufzählungspunkte */
  }
  img.rahmen-1 {
  padding: 0.3em;
    border: 1px solid #9a1611
	};
  
}