@import url('https://fonts.googleapis.com/css?family=Loved+by+the+King:400|Open+Sans:300,400,400i,600');
@media (min-width: 370px) {
    .myClass{}
}


html, body {
font-family: 'Open Sans', sans-serif;
  margin: 0;
  height: 100%;
}
form {
  background-color: #cc6;
  width: 40em; /* Breite des Formulars */
padding: 1.4em;
text-align: left;
  border-left: 1px solid #cc3; border-top: 1px solid #cc3; border-bottom: 1px solid #699; border-right: 1px solid #699;
box-shadow: 0.2em 0.1em 0.5em lightgray;
 border-radius: 50px 0px 50px 0px;
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
 border-radius: 15px 0px 15px 0px;
}
input       { border-left: 1px solid #cc3; border-top: 1px solid #cc3; border-bottom: 1px solid #699; border-right: 1px solid #699; 
 border-radius: 5px 0px 5px 0px;
box-shadow: 0.2em 0.1em 0.5em lightgray;}
input.send  { border-left: 1px solid #cc3; border-top: 1px solid #cc3; border-bottom: 1px solid #699; border-right: 1px solid #699;  color: #000; }
select      { border-left: 1px solid #cc3; border-top: 1px solid #cc3; border-bottom: 1px solid #699; border-right: 1px solid #699; color: #000; }
textarea    { border-left: 1px solid #cc3; border-top: 1px solid #cc3; border-bottom: 1px solid #699; border-right: 1px solid #699; color: #000; font-size: 1.2em; }
fieldset    { border-left: 1px solid #cc3; border-top: 1px solid #cc3; border-bottom: 1px solid #699; border-right: 1px solid #699; padding: 1em;}

legend {
   font-size: 0.75em;
   font-weight: bold;
   padding: 0.1em;
 border-radius: 15px 0px 15px 0px;
}
input#absender,
textarea {
  width: 32em;
  border: 0.05em solid #cc0;
  margin-bottom: 1em;
 border-radius: 15px 0px 15px 0px;
box-shadow: 0.2em 0.1em 0.5em lightgray;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #fcc;
}

#container {
   display:block;
  margin: 0 auto;
  width: 800px;
    min-height:100%;
              height:auto !important;
  position: relative;
  font-size:13px;
}
#wrap {
              position:relative;
              width:100%;
              min-height:100%;
              height:auto !important;
              height:100%;
              margin:0 auto;
}
/* IE Win < 7 only \*/
* html #wrap {
height:100%;
}
/* end IE Win > 7 only */
#kopf {
  width: 800px;
}
#navi_aktuell {
  background: transparent url(../Navi/aktuell.gif) no-repeat scroll 0px 0px;
  display: block;
  width: 108px;
  height: 150px;
  float: left;
}
#navi_aktuell a {
  background: transparent url(../Navi/aktuell.gif) no-repeat scroll 0px -150px;
  display: block;
  height: 150px;
}
#navi_aktuell a:hover {
  background: transparent url(../Navi/aktuell.gif) no-repeat scroll 0px 0px;
}
#navi_kurse {
  background: transparent url(../Navi/Kurse.gif) no-repeat scroll 0px 0px;
  display: block;
  width: 108px;
  height: 150px;
  float: left;
}
#navi_kurse a {
  background: transparent url(../Navi/Kurse.gif) no-repeat scroll 0px -150px;
  display: block;
  height: 150px;
}
#navi_kurse a:hover {
  background: transparent url(../Navi/Kurse.gif) no-repeat scroll 0px 0px;
}
#navi_studio {
  background: transparent url(../Navi/Studio.gif) no-repeat scroll 0px 0px;
  display: block;
  width: 108px;
  height: 150px;
  float: left;
}
#navi_studio a {
  background: transparent url(../Navi/Studio.gif) no-repeat scroll 0px -150px;
  display: block;
  height: 150px;
}
#navi_studio a:hover {
  background: transparent url(../Navi/Studio.gif) no-repeat scroll 0px 0px;
}
#navi_referenzen {
  background: transparent url(../Navi/Referenzen.gif) no-repeat scroll 0px 0px;
  display: block;
  width: 140px;
  height: 150px;
  float: left;
}
#navi_referenzen a {
  background: transparent url(../Navi/Referenzen.gif) no-repeat scroll 0px -150px;
  display: block;
  height: 150px;
}
#navi_referenzen a:hover {
  background: transparent url(Navi/Referenzen.gif) no-repeat scroll 0px 0px;
}
#navi_lehrer {
  background: transparent url(../Navi/Lehrer.gif) no-repeat scroll 0px 0px;
  display: block;
  width: 108px;
  height: 150px;
  float: left;
}
#navi_lehrer a {
  background: transparent url(../Navi/Lehrer.gif) no-repeat scroll 0px -150px;
  display: block;
  height: 150px;
}
#navi_lehrer a:hover {
  background: transparent url(../Navi/Lehrer.gif) no-repeat scroll 0px 0px;
}
#navi_freunde {
  background: transparent url(../Navi/Freunde.gif) no-repeat scroll 0px 0px;
  display: block;
  width: 106px;
  height: 150px;
  float: left;
}
#navi_freunde a {
  background: transparent url(../Navi/Freunde.gif) no-repeat scroll 0px -150px;
  display: block;
  height: 150px;
}
#navi_freunde a:hover {
  background: transparent url(../Navi/Freunde.gif) no-repeat scroll 0px 0px;
}
#navi_kontakt {
  background: transparent url(../Navi/Kontakt.gif) no-repeat scroll 0px 0px;
  display: block;
  width: 122px;
  height: 150px;
  float: left;
}
#navi_kontakt a {
  background: transparent url(../Navi/Kontakt.gif) no-repeat scroll 0px -150px;
  display: block;
  height: 150px;
}
#navi_kontakt a:hover {
  background: transparent url(../Navi/Kontakt.gif) no-repeat scroll 0px 0px;
}
#navi_inhalt {
  border-top: 0.3em solid white;
  width: 800px;
  height: 2.5em;
  background-color: #cccc33;
 border-radius: 0px 0px 25px 50px;
  position: relative;
  font-size: 2em;  
  font-family: 'Loved by the King', cursive;
  text-align: left;
  clear: left;
}
#navi_inhalt ul {
  margin: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#navi_inhalt li {
  margin: 0.5em;
  float: left;
  display: inline;
  line-height: 1.3em;
}
#navi_inhalt a {
  margin: 0.2em;
  text-align: center;
  font-weight:bold;
  color: white;
  text-decoration: none;
}
#navi_inhalt a:hover {
  color: #003333;
}
#navi_inhalt span {
  margin: 0.2em;
  color: #990066;
}
#kontaktformular {
text-align:left;
font-size:1em;
}
#textbereich_rechts {
  padding: 20px 0.5em;
   margin-bottom:5em;
  display: block;
  width: 180px;
  float: right;
  font-size: 1em;
  line-height: 1.4em;
  color: #666666;
   clear:right;
}
#textbereich_rechts a {
margin-top:0.5em;
margin-bottom:0.5em;
  font-family:  'Loved by the King', cursive;
  font-size: 1.6em;
  padding: 0.5em;
  text-decoration: none;
  color: white;
  background-color: #033;
 border-radius: 10px 0px 10px 0px;
   margin-top:1em;
   margin-bottom:1em;
}
#textbereich_rechts a:hover {
  color: #990;
}
#textbereich {
  padding: 10px;
  margin-bottom: 5em;
  width: 560px;
  font-size: 1em;
  line-height: 1.4em;
  color: #333333;
  float: left;
   clear:left;
}
#voll {
  padding: 10px;
  margin-bottom: 5em;
  width: 760px;
  font-size: 1em;
  line-height: 1.4em;
  color: #333333;
  float: left;
   clear:both;
}
#groß {
  padding: 10px;
  margin-bottom: 5em;
  width: 760px;
  font-size: 1em;
  line-height: 1.4em;
  color: #333333;
  float: left;
   clear:both;
}
#FB a {
background-color: white;
}
#box {
width: 600px;
algin: center;
   margin:0 auto 5em;
padding-bottom: 5em;

}
#slideshow, #slideshow2, #slideshow3{
    position: relative; 
    width: 600px; 
    height: 450px;   
    margin: 0;
    border:10px solid #e1e1e1;
    border-bottom: 60px solid #e1e1e1;
 border-radius: 2px;
    box-shadow:2px 2px 2px #cc3; 
  float:left;
}
#Fuss {
  background: #cccc33 none repeat scroll 0%;
              height:5em;
  position: absolute;
  font-size: 0.01em;
  bottom: 0;
  width: 800px;
  color: #cccc33;
  clear: both;
}
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border:10px solid #e1e1e1;
    border-bottom: 60px solid #e1e1e1;
 border-radius: 2px;
    box-shadow:2px 2px 2px #cc3; 
 }
.a {
  padding: 0.2em; 
font-family: 'Loved by the King', cursive;

	line-height: 1.5em;
  font-size: 1.5em;
border:none;
  text-decoration: none;
  color: #033;
}
.a:visited {
  border: none;
  text-decoration: none;
}
.a:hover {
  padding: 0.2em;
  color: #999900;
}

.h1 {
  font-size: 2em;
  color: #033;
  font-family: 'Loved by the King', cursive;
font-weight: bold;
	line-height: 1.5em;
}
.h2 {
  font-size: 1.7em;
  color: #033;
font-family: 'Loved by the King', cursive;
}
.kopfnav {
  font-family: 'Loved by the King', cursive;
  font-size: 1em;
	line-height: 1.5em;
  color: white;
}
.meldung {
  font-family:'Loved by the King', cursive;
  font-size: 1.6em;
	line-height: 1.5em;
  color: #033;
}
.ul {
  margin-left: 10px;
text-decoration:none;
list-style-type:none;
}
.hr {
  width: 100%;
  height: 1px;
  color: #033;
margin-top: 1em;
}
.rechts {
float: right;
margin-left: 10px;
} 
.links {
float: left;
margin-right: 10px;
} 
.clear-block {
  display: block;
}
.form{
display:none;}