html{
  height:100%;
  margin-bottom:1px;
  overflow-y:scroll;
  }
body{
  margin:0;
  background-color:#FF6600;
  font-family: 'Oxygen', sans-serif;  font-size:11pt;
  color:#35382C;
  background-image:url('/static/leseinsel/bubbles.png');
  background-repeat:no-repeat;
  background-position:center top;
  
  }
#designbody{
  background-color:#ffffff;
  background-image:none;
  }
a{
  text-decoration:none;
  color:#E27C3E;
  }
h1{
  font-family: 'Coming Soon', serif;
  font-size:24pt;
  font-weight:normal;
  }
h2{
  font-family: 'Coming Soon', serif;
  font-size:17pt;
  font-weight:normal;
  }
.clear{
  clear:both;
  height:0;
  }
hr{
  height:1px;
  border:0;
  background:#60BB46;
  color:#60BB46;
  }
#head{
  width:600px;
  margin:0 auto;;
  height:60px;
  position:relative;
  }
#head div{
  position:absolute;
  bottom:-11px;
  font-weight:bold;
  right:0;
  font-size:34pt;
  color:#ffffff;
  font-family:'Raleway',sanserif;
  text-shadow: 1px 1px 2px #4D4D4D;
  }
#content{
  background-color:#ffffff;
  background-image:url('/static/leseinsel/regenbogen.png');
  background-repeat:no-repeat;
  background-position:top left;
  width:560px;
  margin:0 auto;
  min-height:400px;
  position:relative;
  padding:50px 20px 20px 20px;
  -webkit-box-shadow:4px 4px 10px 0px rgba(98, 98, 98, 0.5);
  -moz-box-shadow:4px 4px 10px 0px rgba(98, 98, 98, 0.5);
  box-shadow:4px 4px 10px 0px rgba(98, 98, 98, 0.5);
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  border:1px dotted #000000;
  }
#ecke{
  position:absolute;
  top:-35px;
  left:-32px;
  width:90px;
  height:90px;
  background-image:url('/static/leseinsel/ecke.png');
  }
.section{
  clear:left;
  position:relative;
  margin-bottom:20px;
  }
#right{
  position:absolute;
  margin-left:610px;
  margin-top:50px;
  width:170px;
  }
#navigation{
  font-weight:bold;
  padding-top:20px;
  }
#navigation a{
  display:block;
  height:30px;
  border-bottom:1px dotted #626262;
  color:#ffffff;
  font-size:13pt;
  font-weight:normal;
  padding-top:6px;
  font-family:'Coming Soon',serif;
  }
#navigation a:hover{
  padding-top:4px;
  height:32px;
  font-size:16pt;
  }
#navigation a.active{
  padding-top:4px;
  height:32px;
  font-size:16pt;
  color:#35382C;
  }
#navigation a.active span{
  color:#35382C;
  }
#footer{
  position:relative;
  width:590px;
  margin:0 auto;
  height:50px;
  padding-right:10px;
  padding-top:15px;
  font-size:9pt;
  }
#footer div{
  float:right;
  text-align:right;
  }
#footer a{
  color:#35382C;
  }
.seitenbild{
  position:relative;
  margin:5px 20px 10px -150px;
  padding:6px;
  border:1px dotted #000000;
  background-color:#ffffff;
  width:200px;
  -webkit-box-shadow:4px 4px 10px 0px rgba(98, 98, 98, 0.5);
  -moz-box-shadow:4px 4px 10px 0px rgba(98, 98, 98, 0.5);
  box-shadow:4px 4px 10px 0px rgba(98, 98, 98, 0.5);
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  float:left;
  }
.seitenbild img{
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  }
label{
  display:block;
  float:left;
  clear:both;
  width:150px;
  text-align:right;
  padding-right:10px;
  margin-bottom:5px;
  }
input[type=text]{
  margin-bottom:5px;
  display:block;
  float:left;
  border:1px solid #626262;
  padding:3px 5px;
  width:250px;
  }
textarea{
  display:block;
  float:left;
  border:1px solid #626262;
  padding:3px 5px;
  height:100px;
  width:250px;
  margin-bottom:5px;
  }
input[type=submit]{
  display:block;
  border:none;
  margin-left:160px;
  background-color:#626262;
  color:#ffffff;
  clear:both;
  padding:3px 5px;
  }
.error{
  background-color:red;
  }
.wechdormid{
  display:none !important;
  }
#overlay{                         /* verdunkelter Hintergrund über die Seite */
   padding-top:50px;
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background-image:url('/static/leseinsel/hgover75.png');
   display:none;
   z-index:1100;
   }
.wrapper_center{                  /* unsichtbares Div zum Zentrieren */
  width:800px;
  height:800px;
  margin:10px auto;
  text-align:center;
  }
.schliessen{                        /* Schließen-Button */
  position:absolute;
  top:-14px;
  right:-14px;
  z-index:9999;
  }
.wrapper_img{                       /* Hintergrund bei Einzelbild */
  position:relative;
  display:inline-block;
  margin:0 auto;
  border:4px solid #626262;
  }
.wrapper_img img.einzelbild{        /* eigentliches Einzelbild */
  border:6px solid #ffffff;
  }
.bildleiste{                      /* Div, das die Thumbnails enthält */

  }
.bildleiste .img{                 /* Bilder innerhalb der Leiste */
  float:left;
  overflow:hidden;
  margin-right:5px;
  background-color:#ffffff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding:3px;
    -webkit-box-shadow:4px 4px 10px 0px rgba(98, 98, 98, 0.5);
  -moz-box-shadow:4px 4px 10px 0px rgba(98, 98, 98, 0.5);
  box-shadow:4px 4px 10px 0px rgba(98, 98, 98, 0.5);
  -webkit-border-radius: 10px 10px 10px 10px;
  border:1px dotted #000000;
  }
.bildleiste .img a{               /* optional, erzeugt einen Doppelrahmen */
  display:block;
  width:100px;
  height:70px;
  overflow:hidden;
  background-position:center;
  background-repeat:no-repeat;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  }
.Button_weitere_Bilder{           /* Weiter-Button, Klick darauf startet die Bildergalerie */
  text-align:center;
  color:#ffffff;
  font-size:12pt;
  font-weight:bold;
  padding-top:15px;
  height:55px !important;
  background-color:#FFC299;
  } 
.wrapper_camera{                  /* Hintergrund der Bildergalerie*/
  width:820px;
  margin:0 auto;
  text-align:left;
  position:relative;
  padding:3px;
  background-color:#ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  }
.wrapper_camera .in{              /* optional, Wenn man einen Rahmen drum haben will */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow:hidden;
}