.infobar{
    background-color:#000;
    height:28px;
    line-height:28px;
    right:20px;
    position:fixed;
    bottom:0px;
    left:20px;
    z-index: 999999999999999999999999999999999999999999999999999999999999999999999999;
    text-align:center;
    color:#ddd;
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    text-shadow:0px 0px 1px #ccc;
}
span#description{
    text-shadow:1px 1px 1px #000;
    display:none;
}
span#loading{
    display:none;
    padding-right: 30px;
    background:transparent url(../loading.gif) no-repeat center right;
}
#thumbsWrapper{
    overflow:hidden;
    left:0px;
    right:0px;
    bottom:0px;
}

        .foto-galerie {
            -moz-border-radius:4px;
                 border-radius:4px;
                 float: left;
                 padding: 20px;
                 background: #ffffff;
                 margin: 10px;
               /*  text-align: center;*/
              /*   width: 420px;
                 height: 250px;*/
                 bottom: 20px;
        }

        .foto-galerie img {
                 opacity: 0.5;
                 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                  filter: alpha(opacity=50);
        }

        .foto-galerie img:hover {
                 opacity: 1;
                 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                 filter: alpha(opacity=100);
        }

        .foto-galerie:before,
        .foto-galerie:after {
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);
               -moz-transform:rotate(-3deg);
                -ms-transform:rotate(-3deg);
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }

        .foto-galerie:after {
            right:10px;
            left:auto;
            -webkit-transform:rotate(3deg);
               -moz-transform:rotate(3deg);
                -ms-transform:rotate(3deg);
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }


#content{
   top:0px;
   left:0px;
   background-color:#111;
   display:none;
}
#content img{
    float:left;
    margin:2px;
    cursor:pointer;
    opacity:0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    background: #ffffff;
background-image: url(/images/loading-fehmarn.gif);
background-repeat: no-repeat;
background-position:center;
}
.placeholder{
    float:left;
    clear:both;
    width:100%;
    height:30px;
}
#panel{
    background-color:#222;
    width:100%;
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    height:0px;
    text-align:center; 
    z-index: 9999;
}
#panel img{
    cursor:pointer;
    position:relative;
    z-index: 9999;
    border:1px solid #000;
    -moz-box-shadow:0px 0px 10px #111;
    -webkit-box-shadow:0px 0px 10px #111;
    box-shadow:0px 0px 10px #111;
    display:none;
}

#wrapper{
    position:relative;
    margin:40px auto 0px auto;
}
a#next,
a#prev{
    width:40px;
    height:40px;
    position:fixed;
    cursor:pointer;
    outline:none;
    display:none;
    background:#aaa url(../nav.png) no-repeat top left;
}
a#next:hover, a#prev:hover{
    background-color:#fff;
}
a#next{
    right:0px;
    top:50%;
    margin-top:-20px;
    background-position: 0px 0px;
}
a#prev{
    left:0px;
    top:50%;
    margin-top:-20px;
    background-position: 0px -40px;
}
/* form elements */

#form_tuto {
    padding: 15px 25px 25px 25px;
	border: 1px solid #180700;
	background: #F8F8F8;
}

label {
	font-weight: normal;
	color: #505050;
	font: 13px 'Lucida Grande', Verdana, Helvetica, sans-serif;
	margin-left: 10px;
}
#input, #textarea, #code, #message, #name, #email {
	margin-right: 5px;
	padding: 5px;
	color: #6A6969;
  	border: 1px solid #927d67;
	font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;
	margin-left: 10px;
	width: 200px;
}
#input:focus, #name:focus, #message:focus, #code:focus, #email:focus {
	color: #fff;
	background: #a28d75;
	border: 1px solid #96816d;
}

#button {
	color: #505050;
	background: #e4dec4;
	border: 1px solid #96816d;
	margin: 10px;
	padding: 5px;
}

#message {
	width: 300px;
	height: 150px;
}

/*galerie start*/

        .teaser-galerie {
            -moz-border-radius:4px;
                 border-radius:4px;
                 float: left;
                 padding: 20px;
                 background: #ffffff;
                 margin: 10px;
               /*  text-align: center;*/
                 width: 420px;
                 height: 250px;
                 bottom: 10px;
        }

        .teaser-galerie img {
                 opacity: 0.5;
                 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                  filter: alpha(opacity=50);
        }

        .teaser-galerie img:hover {
                 opacity: 1;
                 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                 filter: alpha(opacity=100);
        }

        .teaser-galerie:before,
        .teaser-galerie:after {
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);
               -moz-transform:rotate(-3deg);
                -ms-transform:rotate(-3deg);
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }

        .teaser-galerie:after {
            right:10px;
            left:auto;
            -webkit-transform:rotate(3deg);
               -moz-transform:rotate(3deg);
                -ms-transform:rotate(3deg);
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }

.klein-vorschau {
float: left;
width:90px;
height:90px;
margin-right: 8px;
padding: 5px;
background: #f0f0f0;
background-image: url(/images/loading-fehmarn.gif);
background-repeat: no-repeat;
background-position:center;
}

.kategorie {
font-family: Georgia, "Times New Roman", Times, serif;
padding-top: 15px;
font-size: 2.1em;
clear: left;
}

.info-rechts {
     position:absolute;
     margin-left: 680px;
     background: #fff;
     width: 250px;
     height: 135px;
	 padding: 10px;
	 margin-top: -100px;
	 text-align: left;
     }

.info-rechts2 {
     position:absolute;
     margin-left: 680px;
     background: #fff;
     width: 250px;
     height: 135px;
	 padding: 10px;
	 margin-top: -25px;
	 text-align: left;
     }
     
.bigger:hover {
/* -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);

 -webkit-transform: rotate(10deg);
 -moz-transform: rotate(10deg);

 position: relative;
 z-index: 200;*/
position: relative;
 z-index: 9999999999999999999999999999999999999999;
	-webkit-transform: scale(1.6) translateY(10px) rotate(3deg);
	-moz-transform: scale(1.6) translateY(10px) rotate(3deg);
	-ms-transform: scale(1.6) translateY(10px) rotate(3deg);
	transform: scale(1.6) translateY(10px) rotate(3deg);
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
	border: none;

}