html{
  width:auto;
  height:auto;
}

body{
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;
  font-family: 'Marmelad', Verdana, serif;
  color:#222222;
  overflow-x:hidden;
  font-size:0.98em;
}

img{
  border:0;
}

a{
  color:#244d98;
  font-weight:normal;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

#welche_ansicht{
  margin:16px auto 0px;
  text-align:center;
}

/* New in version 1.7+ */
 #slider,#slider2 {
  width: 100%;
  height:auto;
  list-style: none;
 }
 
.textSlide {
  padding:16px;
  min-width:150px;
}

.textSlide img{
  float:right;
}

#login{
  position:absolute;
  width:24px;
  height:24px;
  top:35px;left:8px;
  z-index:6;
}

#b1{
  margin-top:30px;
  width:100%;
  height:28px;
  background-image:url(images/topb2.png);
}

#b2{
  width:100%;
  height:28px;
  background-image:url(images/topb2.png);
  margin:0px;
}

#toprahmen{
  width:100%;
  height:260px;
  background-image:url(images/topbglr.jpg);
  background-position:bottom;
  border-bottom:2px solid #D39061;
  /** border-top:1px solid #B56939; **/
  padding-top:36px;
}

#top{
  width:100%;
  height:260px;
  background-image:url(images/topbg.jpg);
  background-repeat:no-repeat;
  background-position:center;
}

#topcenter{
  width:900px;
  height:100%;
  margin:0px auto;
  position:relative;
  background-image:url(images/toplogo.png);
  background-position:center;
  background-repeat:no-repeat;
}

#banner-fade{
  margin:0px;
  width:100%;
  height:100%;
  position:absolute;
}

#banner-fade ul{

}

#logo{
  position:static;
  display:inline-block;  
  width:216px;
  height:153px;
  background-image:url(images/logo.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-color:#E25B10;
  border-bottom:2px solid #702D08;
}

#logo_schatten{
  width:100%;
  height:20px;
  background-image:url(images/logo_schatten.jpg);
}

#rahmen{
  width:900px;
  margin:0px auto;
  color:#333333;
  font-size:1.0em;
  padding:0px;
  background-color:#FFFFFF;
}

#content{ 
  width:62%;
  display:inline-block;
  margin:32px 0 3% 5%;
}

#sidebar{
  width:22%;  
  display:inline-block;
  margin:36px 5% 1%;
  float:right;
  font-size:0.9em;
}

#sidebar a.link2{
  color:#634018;
  font-weight:bold;
  background-color:#FFEDDB;
}

#sidebar a.link2:hover{
  color:#9E6227;
}

#sidebar span{
  font-size:0.8em;
  display:block;
  padding: 4px 0px;
  margin:0px;
}

#sidebar img.img{
  width:95%;
  max-width:250px;
}

#sidebar img{
  display:block;
}

hr{
  border:0px;
  border-bottom:1px dotted #999999;
  margin:4px 0px 12px 0px;
}

menu_list {
	width: 100%;
}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
  font-weight:bold;
  background-color: #000000;
  background-image:url(images/botton.jpg);
  background-position: center ;
  color:#CCCCCC;
  border-radius:5px; 
  border-bottom:1px dotted #999999;
}
.menu_head:hover{
  background-image:url(images/botton_hover.jpg);
  color:#FFFFFF;
}

.menu_body {
	display:block;
  padding-left:11px;
  padding-bottom:16px;
}
.menu_body a {
  display:block;
  color:#FFFFFF;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover {
  color: #000000;
  text-decoration:underline;
}

/**#sidebar span{
  font-size:0.8em;
  display:block;
  background-color:#FFFFcc;
  border-bottom:1px dotted #999999;
  padding: 4px 0px;
  margin:2px 0px;
}
**/

h1{
  margin:0px 0px 16px 0px;
  font-size:2.8em;
  font-family: 'Vidaloka', Verdana, serif;
  font-weight:bold;
}

#content h2{
  margin:16px 0px 0px 0px;
  font-family: 'Vidaloka', Verdana, serif;
  font-weight:bold;
}

#content p{
  margin:6px 2px;
}

#sidebar h2{
  margin:0px 0px 0px 11px;
  font-size:2.8em;
  font-family: 'Vidaloka', Verdana, serif;
  font-weight:bold;
}

h3{
  margin:0px;
  font-size:1.8em;
  font-family: 'Vidaloka', Arial, serif;
}

h4{
  margin:0px;
  font-size:1.2em;
  font-family: 'Vidaloka', Arial, serif;
}

h5{
  margin:0px;
  padding:0px;
  background-color:#FFF4EF;
  border:1px dotted #FFD5C1;
}

/**@font-face {
 font-family: ARCHITECT;
 src: url(‘./ARCHITECTSDAUGHTER.ttf‘);
 }**/

.sum{
  font-family: 'Vidaloka', Arial, serif;
  font-size:1.5em;
  color:#9C3E0A;
  margin-top:0px;
}

#content span.show{
  font-weight:bold;
  color:#50AA7D;
}

#navbalken{
  width:100%;
  height:36px;
  background-color:black;
  background-image:url(images/topbalken2.jpg);
  background-position:center;
  padding:0px;
  position:fixed;
  z-index:101;
  box-shadow:0px 1px 32px #000;
}

#nav{
  position:static;
  width:900px;
  margin:0px auto 0px auto;
  padding:0px;
  text-align:center;

}

#nav ul{
  list-style: none;
  padding:0px;
  margin:0px auto 0px auto;
  display:inline-block;
  float:none;
}

#nav ul li{
  display:inline-block;
  padding:0px;
  float:left;
  text-align:center;y
}

#nav ul li a{
  display:inline-block;
  margin:0px;
  color:black;
  text-decoration:none;
  font-size:1.2em; 
  font-weight:normal; 
  border:0px;
  padding:4px 25px 6px;
  text-align:center;
  color:#C6C5C0;
}

#nav ul li a:hover{
  text-decoration:none;
  border-bottom:0px solid #000000;
  margin-bottom:0px;
  color:#FFFFFF;
  /**background-color:#333333;**/
}

/**

#nav{
  position:static;
  width:900px;
  margin:-16px auto 0px auto;
}

#nav ul{
  list-style: none;
  padding:0px;
  width:70%;
  margin:16px 15% 0px 15%;
  display:inline-block;
}

#nav ul li{
  display:inline-block;
  padding:0px;
  margin:0px;
  float:left;
  width:20%;
  text-align:center;
}

#nav ul li a{
  display:inline-block;
  margin:0px;
  color:black;
  text-decoration:none;
  font-size:0.9em;  
  border:0px;
  padding:8px 15px 6px 15px;
  text-align:center;
  color:#DDDDDD;
  width:75%;
}

#nav ul li a:hover{
  text-decoration:underline;
  border-bottom:0px solid #000000;
  margin-bottom:0px;
  color:#FFFFFF;
  background-color:#333333;
}

#footer-rahmen{
  width:100%;
  background-color:#F9F5F2;
  display:block;
  padding:8px 0 60px 0;
  text-align:center;
}

#footer{
  width:70%;
  margin:32px 5%;
  font-size:0.9em;
  color:#999999;
  display:block;
}

**/

#footer-rahmen{
  width:100%;
  background-color:#F9F5F2;
  display:block;
  padding:8px 0 60px 0;
  text-align:center;
}

#footer{
  width:70%;
  margin:32px 15%;
  font-size:0.9em;
  color:#999999;
  display:block;
}

#footer a{
  color:#9B7B69;
  font-weight:bold;
  text-decoration:none;
}

#footer a:hover{
  color:#996A51;
  font-weight:bold;
  text-decoration:underline;
}

a.link{
  color:#244d98;
  font-weight:normal;
  text-decoration:none;
}

a.link:hover{
  color:#2a60c4;
  text-decoration:underline;
}

#startbild,#startbild img{
  width:100%;
  height:100%;
  border:0;
  margin:0;
  padding:0;
  position:absolute;
  left:0;
  top:0;
}


/** SCHMALE ANSICHT **/


@media screen and (min-width:901px) {
#rahmen{
  border-bottom:80px solid #FFFFFF;  
}
body{ 
  background-color:#F9F5F2;
}
#schatten_links{
  background-image:url(images/schatten_links.png);
  width:100px;
  height:200px;
  float:left;
  margin-left:-100px;
}
#schatten_rechts{
  background-image:url(images/schatten_rechts.png);
  width:100px;
  height:200px;
  float:right;
  margin-right:-100px;
}
}

@media screen and (max-width: 1100px) {
  #schatten_links,#schatten_rechts{
    display:none;
  }
}


/** MOBILE ANSICHT GROSS BREIT **/


@media screen and (min-width: 601px) and (max-width:900px) {
#topcenter,#rahmen,#nav{
  width:100%;
}
#toprahmen{
  height:auto;
}
#sidebar,#content{
  float:none;
  width:98%;
  padding:1%;
  margin:0;
}
#nav ul li a{
  padding:4px 10px 6px;
}
}


/** MOBILE ANSICHT GROSS **/


@media screen and (min-width: 501px) and (max-width:600px) {
#topcenter,#rahmen,#nav{
  width:100%;
}
#toprahmen{
  height:auto;
}

#sidebar,#content{
  float:none;
  width:96%;
  padding:2%;
  margin:0;
}
#navbalken{
  width:100%;
  height:36px;
  background-color:black;
  background-image:url(images/topbalken2.jpg);
  background-position:center;
  padding:0px;
  text-align:center;
  position:absolute;
}

#nav{
  position:static;
  margin:0px auto 0px auto;
  padding:0px;
}

#navbalken{
  padding:0;
}

#nav ul{
  list-style: none;
  padding:0px;
  margin:0;
  display:inline-block;
}

#nav ul li a{
  padding:5px 10px 4px;
  font-size:1.1em;
}

#footer{
  text-align:center;
  width:100%;
  padding:0;
  margin:0;
}
}


/** MOBILE ANSICHT mit KLAPPMENUE **/


@media screen and (min-width: 0px) and (max-width:500px) {
#topcenter,#rahmen,#nav{
  width:100%;
}
#toprahmen{
  height:auto;
  padding-top:62px;
}
#sidebar,#content{
  float:none;
  width:96%;
  padding:2%;
  margin:0px;
}
#navbalken{
  width:100%;
  height:60px;
  background-color:black;
  background-image:url(images/topbalken.jpg);
  background-position:center;
  position:absolute;
}
#nav{
  position:relative;
  margin:0px auto 0px auto;
  padding:0px;
  width:100%;
  height:100%;
  background-image:url(images/topbalken.jpg);
  background-color:#242424;
  border-bottom:2px solid #916242;
  background-position:center;
}

#nav #mobile_nav{
  width:100%;
  height:100%;
  position:absolute;
  z-index:50;
  background-image:url(images/menu.png);
  background-position:center right;
  background-repeat:no-repeat;
}

#nav ul{
  list-style: none;
  padding:0px;
  width:100%;
  height:auto;
  margin:0;
  display:none;
  background-color:black;
  margin-top:61px;
  border-bottom:3px solid #000000;
}

#nav #mobile_nav:hover ul{
  display:block;
}

#nav:hover #mobile_nav{
  border-bottom:1px solid #222222;
}

#nav ul li{
  display:block;
  padding:0px;
  margin:0px;
  float:none;
  width:100%;
  text-align:center;
}

#nav ul li a{
  display:inline-block;
  margin:0px;
  text-decoration:none;
  font-size:1.1em; 
  font-weight:bold; 
  border:0px;
  padding:0px;
  text-align:center;
  color:#999999;
  width:100%;
  padding:12px 0px;
  background-color:#242424;
  border-bottom:1px dotted #444444;
  background-image:url(images/botton2.jpg);
  background-position:center;
}

#nav ul li a:hover{
  text-decoration:none;  
  border-bottom:1px dotted #444444;
  color:#FFFFFF;
  background-color:#333333;
  margin:0px;
  background-image:url(images/botton2_hover.jpg);
  background-position:center;
}

#footer{
  text-align:center;
  width:100%;
  padding:0;
  margin:0;
}
}


/** ANYTHING-SLIDER **/

@media screen and (min-width: 0px) and (max-width:700px) {
.textSlide img{
  display:block;
  float:none;
}

.textSlide div{
  display:block;
}

.textSlide{
  width:80px;
}
}


/** UNTERNAVIGATION **/

.unternav,.unternavfixed{
  width:100%;
  margin:0 auto;
  text-align:center;
  background-position:center;
  background-color:#FFFFFF;
  z-index:101;
}

.unternav a,.unternavfixed a{
  padding:7px 15px 7px;
  background-position:center;
  display:inline-block;
  text-align:center;
  font-size:1.1em;
  cursor:pointer;
  font-weight:bold;
  color:#542E15;
  text-decoration:none; 
}

.unternav a:hover,.unternavfixed a:hover{
  text-decoration:underline;
}


@media screen and (min-width: 0px) and (max-width:300px) {
.unternav a{
  display:block;
  width:100%;
  text-align:center;
  border-bottom:1px dotted #aaaaaa;
}

.unternav a:hover{
  background-color:#CCCCCC;
}
}
/**.unternav span.gruen{
  background-image:url(images/unternav.jpg);
}

.unternav span.blau{
  background-image:url(images/unternav2.jpg);
}

.unternav span.gelb{
  background-image:url(images/unternav3.jpg);
}**/

.rechts{
  text-align:right;
}

/**.ueberschrift{
  background-color:#F1804A;
  border-radius:0 16px 16px 16px;
  height:60px;
  width:100%;  
  background-image: url(images/verlauf.jpg);
  background-position:center;
  text-align:left;

}

.ueberschrift h1{
  background-color:#FFFFFF;
  border-bottom-right-radius:16px;
  width:auto !important;
  min-widht:auto !important;
  display:inline-block;
  font-size:1.6em;
  padding:0 32px 5px 0;
  margin:0px;  
  font-family: 'Vidaloka', Verdana, serif;
  color:#F28237;
}

.ueberschrift{
  background-color:#F1804A;
  border-radius:0 16px 16px 16px;
  height:40px;
  width:100%;  
  background-image: url(images/verlauf.jpg);
  background-position:center;
  text-align:left;

}

.ueberschrift h1{
  background-color:#FFFFFF;
  border-radius:0 0px 99px 32px;
  width:auto !important;
  min-widht:auto !important;
  display:inline-block;
  font-size:1.6em;
  padding:0 32px 5px 32px;
  margin:0 0 0;  
  font-family: 'Vidaloka', Verdana, serif;
  color:#F28237;
}

**/

#projekte-rahmen .ueberschrift{
  background-color:#F1804A;
  border-radius:0 24px 24px 16px;
  height:auto;
  width:100%;  
  background-image: url(images/verlauf.jpg);
  background-position:center;
  text-align:left;
}

.projekte-rahmen-box{  
  position:relative;
  display:inline-block;
  width:100%;
}

#projekte-rahmen .ueberschrift h1{
  background-color:#FFFFFF;
  border-radius:0 0px 99px 32px;
  width:auto;
  display:inline-block;
  font-size:1.6em;
  padding:0 32px 5px 32px;
  margin:0 0 4px;
  font-family: 'Vidaloka', Verdana, serif;
  /**color:#D36A19;**/
  color:#F28237;
}

.projekt-pfeil{
  background-image:url(images/projekt_pfeil.png);
  width:36px;
  height:36px;
  display:inline-block;
  float:right;
  text-decoration:none;
  overflow:hidden;
  margin:2px 0 0 0;
}

.projekt-pfeil:hover{
  background-image:url(images/projekt_pfeil_hover.png);
  text-decoration:none;
  border-radius:0 16px 0 0;
}

@media screen and (min-width:0) and (max-width:900px) {
  .projekt-pfeil{
    background-position:center; 
    width:36px;
    height:36px;
    position:absolute;
    right:0px;
    top:6px;
    z-index:10;
  }
  .ueberschrift{
    border-radius:24px !important;
  }
  .ueberschrift h1{
    width:90%;
    display:block;
  }
}

/**color:#D36A19;**/

.schmal{
  width:80%;
  margin:0px auto;
  border-left:5px dotted orange;
  border-right:5px dotted orange;
  border-bottom:5px dotted orange;
  border-radius:0 16px 16px 16px;
  padding:28px 19px 19px;
  position:relative;
}

.schmal p{
  margin:0px 0px 8px;
}

span.tab,p.tab{
  margin-left:32px;
  font-size:0.9em;
  color:#3F2510;
}

p.tab{
  margin:0px 0px 2px 32px !important;
}

.rechtehinweis{
  font-style:italic;
  font-size:0.8em;
}

.text-center{
  width:100%;
  margin:0px auto;
  text-align:center;
}

a.facebook-button{
  width:90% !important;
  height:auto;
  margin:4px 0;
  padding:2px 8px;
  font-size:0.9em;
  font-weight:bold;
  background-color:#4C69BA;
  color:#FFFFFF !important;
  display:block;
  text-align:center;
  text-decoration:none;
  border-radius:3px;
}

a.facebook-button:hover{
  background-color:#5B7BD5;
}

.team-galerie{
  width:30%;
  height:auto;
  marign:0 2%;
  position:relative;
  display:inline-block;
  border:2px solid #dddddd;
  border-radius:8px;
  display:inline-block;
}

.team-galerie:hover{
  border:2px solid #555555;
}

.team-galerie a{
  color:#222222;
  text-decoration:none;
}

.team-galerie a:hover{
  color:#000000 !important;
}

.team-galerie a img{
  width:100%;
  height:auto;
  float:left;
  border:0;
  border-radius:8px;
}

.team-galerie a span.team-galerie-box{
  width:90%;
  position:absolute;
  left:0;
  bottom:0;
  font-size:0.8em;
  background-color:#FFFFFF;
  border-radius:0 0 8px 8px;
  padding:5%;
  opacity: .8; filter:Alpha(Opacity=80);
}

.team-galerie a:hover span.team-galerie-box{
  opacity: .9; filter:Alpha(Opacity=90);
}

.team-galerie a span.team-galerie-box span{
  font-size:1.25em;
}

.clearer{
  border:0;
  width:100%;
  height:1px;
  clear:both;
}

.tooltip{
  color:green;
  cursor:pointer;
  display:inline;
  width:auto;
  height:auto;
  position:static;
}

#projekte-rahmen h3{
  margin-top:0px;
}

#projekte-rahmen img{
  float:right;
  padding-top:8px;
}

#projekte-rahmen ul{
  list-style:none;
  padding:0;
  margin:0 0 16px 16px;
}

#projekte-rahmen li{
  color:rgb(127, 127, 127);
  padding-left: 1em; 
  text-indent: -.7em;
  margin:0 0 4px;
}

#projekte-rahmen li:before {
  content: "• ";
  color: black;

}

.projekte-box{
  width:44%;
  height:150px;  
  background-position:center;
  background-repeat:no-repeat;
  background-color:#222222;
  display:inline-block;
  margin:0px 2% 8px;
  opacity: .9; filter:Alpha(Opacity=90);
  overflow:hidden;
  border:1px solid #aaaaaa;
  border-radius:16px;
  box-shadow:0px 0px 8px #dddddd;
}

.projekte-box:hover{
  opacity: 1.0; filter:Alpha(Opacity=100);
  border:1px solid #888888;
}

#projekte-box-kinder{
  background-image:url(images/projekte-kinder.jpg);
}

#projekte-box-spielfilm{
  background-image:url(images/projekte-spielfilm.jpg);
}

#projekte-box-kino{
  background-image:url(images/projekte-kino.jpg);
}

#projekte-box-reihen{
  background-image:url(images/projekte-reihen.jpg);
}

#projekte-box-live{
  background-image:url(images/projekte-live.jpg);
}

#projekte-box-musik{
  background-image:url(images/projekte-musik.jpg);
}

#projekte-box-games{
  background-image:url(images/projekte-games.jpg);
}

.projekte-box a{
  width:100%;
  height:100%;
  margin:0;
  padding:98px 0 0;
  display:block;
  text-decoration:none;
  color:black;
  font-size:1.5em;
  text-align:center;
}

.projekte-box a span{
  margin:0;
  display:block;
  text-align:center;
  width:100%;
  background-color:#FFFFFF;  
  opacity: .8; filter:Alpha(Opacity=80);
}

.team-schliessen{
  color:#007FDC;
}

.team-schliessen:hover{
  color:#51A1DB;
}

.team-right{
  float:right;
  margin:0px 0;
  font-size:0.8em;
  display:inline-block;
  padding-top:10px;
}

.team-nach-oben{
  float:right;
  margin:0px 0;
  font-size:0.8em;
  display:inline-block;
  padding-top:10px;  
  color:#007FDC;
}

.team-nach-oben:hover{
  color:#51A1DB;
}

.button,.button2,.button3{
  font-size:0.8em;
  color:#DDDDDD;
  display:inline-block;
  background-image:url(images/botton.jpg);
  background-position:center;
  border-radius:16px;
  width:80%;
  padding:4px 0px 8px;
  margin:8px 10% 8px;
  text-align:center;
  text-decoration:none;
  font-size:1.0em;
  cursor:pointer;
}

.button2{
  width:auto !important;
  padding:4px 32px 8px;
  margin:8px 0;
}

.button3{
  width:auto !important;
  background-image:url(images/verlauf-orange.jpg);
  color:#914E3D;
  display:block;
}

.button3:hover{
  background-image:url(images/verlauf-orange-hover.jpg);
  text-decoration:none !important;
}

.button:hover,.button2:hover{
  background-image:url(images/botton_hover.jpg);
  text-decoration:none;
}

#projekte-rahmen .WYPopUpImage img,#news-rahmen img{
  border-radius:16px;
  padding:0;
  margin:0 0 16px 16px;
  box-shadow: 5px 5px 4px #FF9841,
               -5px 5px 4px #FF9841,
                5px -5px 4px #FF9841,
               -5px -5px 4px #FF9841;

}

#projekte-rahmen .schmal{
  background-image:url(images/projekt-box-bg.jpg);
}

.zurueck{
  background-image:url(images/pfeil_zurueck.png);
  width:32px;
  height:32px;
  float:right;
  display:inline-block;
  text-decoration:none;
  margin:12px 0 0 0;
}

.link-box{
  background-color:#FEF1E7;
  border:4px dotted #FF953F;
  border-radius:16px;
  padding:12px;
}

.klein{
  font-size:0.8em;
}

.kleiner{
  font-size:0.7em;
}

.quelle{
  font-size:0.8em;
  margin:8px 0 0;
}

.datum{
  font-size:0.8em;
  margin:0px!important;
  position:absolute;
  top:0;
  left:22px;
  display:inline-block;
  float:left;
  background-color:#FFD067;
  border-radius:0 0 16px 16px;
  padding:1px 12px 4px;
  color:#914E21;
}

.newslink{
  color:black;
  text-decoration:none;
}

.newslink:hover{
  color:black !important;
  text-decoration:underline;
}

#zumArchiv{
  display:inline-block;
  margin:0px auto;
  font-size:0.8em;
  text-align:center;
  width:100%;
  padding:0;
}

.WebYepRichTextEditButton,.WebYepLongTextEditButton{
  margin:0 -50px;
  float:left;
}

.green-box-side{
  background-image:url(images/verlauf-green.jpg);
  background-position:center;
  width:100px;
  height:28px;
  padding:10px 0 0 0;
  float:right;
  font-size:0.74em;
  display:inline-block;
  border-radius:0 16px 16px 16px;
  text-align:center;
  text-decoration:none;
  color:#207200;
  border:1px solid #A05428;
  opacity: .8; filter:Alpha(Opacity=80);
}

.green-box-side:hover{  
  opacity: .9; filter:Alpha(Opacity=90);
}

.green-box{
  background-image:url(images/verlauf-green.jpg);
  background-position:center;
  width:100px;
  position:absolute;
  bottom:-24px;
  right:16px;
  padding:1px 12px 4px;
  font-size:0.74em;
  display:inline-block;
  border-radius:0 0 24px 24px;
  text-align:center;
  text-decoration:none;
  color:#207200;
  opacity: .8; filter:Alpha(Opacity=80);
}

.green-box:hover{  
  opacity: .9; filter:Alpha(Opacity=90);
}





/** DIE LOLA **/


#lola img{
}

#lola-img01{
  width:100%;
  border-radius:16px;
}

#lola-img02{
  width:250px;
  float:left;
  border-radius:16px;
}

#lola-img03{
  width:100%;  
  border-radius:16px 16px 0 0;
}

#lola-img04,#lola-img05,#lola-img06{
  height:177px;
}

#lola-img04{
  border-radius:0 0 0 16px;
  margin-left:1px;
}

#lola-img05{

}

#lola-img06{  
  border-radius:0 0 16px 0;
}

#lola-img07{  
  float:right;
  width:71%;
  border-radius:0 16px 16px 0;
}

#lola-img08,#lola-img09,#lola-img10{
  width:27%;
  float:left;
  margin-bottom:10px;
}

#lola-img08{
  border-radius:16px 0 0 0;
}

#lola-img09{
}

#lola-img10{
  border-radius:0 0 0 16px;
}

#lola-img11,#lola-img12{
  width:276px;
}

#lola-img11{
  border-radius:16px 0 0 0;
}

#lola-img12{
  border-radius:0 0 0 16px;
  display:block;
}

#lola-img13{
  width:275px;
  border-radius:0 16px 16px 0;
  float:right;
}

#lola-titel{
  font-size:1.4em;
  margin:0 0 0 12px;
  display:inline-block;
}

#lola-titel h1{
  margin:48px 0 0;
}

.lola-textfeld{
  background-image:url(images/lola/lola08.jpg);
  background-position:center;
  width:92%;
  padding:4%;
  display:block;
  border-radius:16px;
  clear:both;
  margin:16px 0;
  font-size:1.2em;
}

.lola-textfeld h2{
  font-size:1.3em;
  margin:0 !important;
}

#pdfdownload{
  display:inline-block;
  text-decoration:none;
  float:right;
  margin:12px 16px 0 0;
}

@media screen and (min-width:0) and (max-width:900px) {
  #lola img{    
    border-radius:16px;
    margin:2px auto;
  }
  
  #lola{
    text-align:center;
  }
  
  #lola div{
    text-align:left;
  }
  
  #lola-img13{
    float:none;
  }
}




/** KONTAKT-FORMULAR **/

.hilfe div{
  display:none;
}

.hilfe:hover div{
  display:inline-block;
  width:0px;
  height:0px;
  font-size:0.8em;
  width:100%;
  position:absolute;
  top:12px;
  left:0px;
  text-align:center;
  background-color:#BA6527;
  z-index:10;
}

#formular{
  width:95%;
  display:block;
  background-color:#FFA83F;
  border-radius:16px;
  position:relative;
  border:3px dotted #A06828;
  overflow:hidden;
  color:#8E3D22;
}
/** color:#9E3B1A; **/

#abstand{
  padding:40px 0px 32px;
  display:block;
}

.sp1,.sp2,.sp3,#unten,#unten-hilfe{
  display:inline-block;
  margin:8px;
}

.sp1{
  width:122px;
  font-weight:bold;
  clear:both;
  padding-top:2px;
  display:inline-block;
  float:left;
}

.sp1 span{
  font-size:0.8em;
  font-weight:normal;
}

.sp2{
  width:60%;
  margin-left:auto;
  margin-right:auto;
}

.sp3,#unten-hilfe{
  padding-left:16px;
  float:right;
  margin-top:-10px;
}

#spamschutz{
  margin-top:-1px;
}

#unten{
  clear:both;
}

.hilfe img{
  width:30px;
  height:30px;
  margin-bottom:-30px;
}

#name,#email,#message,#arithmetic,#anliegen{
  background-color:#FFFFFF;
  font-size:12px;
  border : 1px solid #BA6527; 
  width:100%;
  border-radius:4px;
  padding:4px;
  background-color:#FFF0E0;
}

#message{
  height:100px;
  overflow:auto;
}

.clear{
  width:100%;
  height:1px;
  clear:both;
  display:block;
}

.zl1,.zl2,.zl3,.zl4,.zl5,.zl6{
  display:block;
  width:100%;
}

.zl1,.zl2,.zl5,.zl6{
  border:1px dotted #E09138;
  background-color:#F9A23E;
}

.zl2,.zl6{
  background-color:#FFB056;
}

.zl3,.zl4{
  background-color:#FFB970;
}





/** Impressum **/

.bummfilm-logo{
  width:250px;
  display:block;
  margin-top:16px;
  text-align:center;
  font-size:0.9em;
  margin:0 0 16x;
  border-radius:16px;
  padding:16px;
  background-image:url(images/verlauf.png);
  background-position:bottom;
  color:#555555;
  float:right;
}

.bummfilm-logo p{
  text-align:center;
}

.bummfilm-logo img{
  width:140px;
}

/** INHALTE MOBIL **/


@media screen and (min-width:0) and (max-width:415px) {
.projekte-box{
  width:100%;
  margin:0 0 8px;
  border:0;
}
}

@media screen and (min-width:0) and (max-width:600px) {

.bummfilm-logo{
  width:100%;
  padding:0;
  margin:0;
  float:none;
  border-radius:0;
  padding:16px 0;
}

.sp1{
  display:block;
}

.sp2{
  clear:left;
  display:block;
}

}

@media screen and (min-width:0) and (max-width:300px){
 body{
   width:300px;
   overflow:auto;
 } 
}

@media screen and (min-width:900px){
  .video{
    width:100%;
    height:406px;
    background-image:url(images/fernseher.png);
    padding-top:25px;
    background-repeat:no-repeat;
    background-position:23px 0;
    margin-top:-10px;
  }
  .video-spiegelung{
    width:100%;
    height:50px;
    background-image:url(images/fernseher-spiegelung.png);
    background-position:23px 0;
    background-repeat:no-repeat;
    margin-top:-28px;
  }
  .pfeil-oben{
  width:80px;
  height:80px;
  background-image:url(images/pfeil_oben.png);
  position:fixed;
  bottom:20px;
  right:20px;
  cursor:pointer;
  display:none;
  }
}



.audio-rahmen *{
  width:450px;
  font-size:12pt;
}


audio{
  width:100% !important;
  position:static !important;
}