/* Mozilla based browsers */
::-moz-selection {
text-shadow: 0px -1px 5px #000;
    filter: dropshadow(color=#000, offx=0, offy=-1);

       background-color: orange;
       color: white;
      	}

/* Works in Safari */
::selection {
text-shadow: 0px -1px 5px #000;
    filter: dropshadow(color=#000, offx=0, offy=-1);

       background-color: orange;
       color: white;
		}

*{
outline: none;
}

.ClassicRound-Medium { 
	font-family: ClassicRound-Medium;
	font-weight: normal;
	font-style: normal;
}

ol, ul, li { list-style: none; }

img {
border: 0;
}

.bg {
	position: absolute;
	/* Set rules to fill background */
	min-height: 1300px;
	min-width: 1024px;
	/* Set up proportionate scaling */
	
	width: 100%;

	/* Set up positioning */
	top: 0;
	left: 0;
	z-index:-300;
	}

body {
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
padding: 0;
margin: 0;
text-align: center;
width: 100%;
min-width: 1024px;
}

a{
color: white;
text-decoration: none;
}

h1{
font-family: helvetica, arial, sans-serif;
font-size: 22px;

}

p{
font-size: 18px;
}

.wrap{
border: 0px solid red;
display: block;
height: 100%;
text-align: left;
width: 1024px;
margin: 0 auto;
}

#header{
font-family: helvetica, arial, sans-serif;
font-size: 14px;
float: left;
margin-left: 30px;
margin-top: 30px;
border: 0px solid red;
-webkit-border-radius: 7px;
border-radius: 7px;
overflow: hidden;

-webkit-transform: rotate(-1deg);
-webkit-backface-visibility: hidden;
}

#header a{
color: #fc6d16;  
position: absolute;
margin-top: 210px;
margin-left: 18px;
}

#header a:hover{
color: white;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}

#wrapper{
text-align: left;
min-width: 1024px;
width: 1024px;
margin: 0 auto;
}

#oben{
position: absolute;
min-height: 100%;
width: 100%;
min-width: 1024px;

}

#unten{
position: relative;
float: left;
background: url(../img/sand_o.png) repeat-x;
background-position: bottom;
bottom: -860;
height: 850px;
min-width: 100%;
overflow: hidden;
}


#feet{
display: block;
width: 935px;
margin: 0 auto;
position: relative;
bottom: -500px;
overflow: hidden;
}


/* =============================================================================
   Slideshow
   ========================================================================== */



/* =============================================================================
   Footer
   ========================================================================== */


#footer{
font-size: 14px;
background: transparent;
position: absolute;
display: block;
margin: 0 auto;
min-width: 1024px;
width: 1024px;
height: 50px;
margin-top: -70px;
padding-bottom: 15px;
padding-top: 23px;
}

#footer li{
margin-right: 40px;
float: left;
display: inline;
}

.impressum{
padding-bottom: 1px;
margin-top: 10px;
border-bottom: 2px solid transparent;
}

.impressum:hover{
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
border-bottom: 2px solid white;
}

.links{
position: relative;
padding-bottom: 1px;
margin-top: 10px;
border-bottom: 2px solid transparent;
}

.links:hover{
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
border-bottom: 2px solid white;
}



#impressum{
font-size: 14px;
margin: 30px;
padding: 30px;
color: #000;
text-align: left;
width: 500px;        
                
        

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;

background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=0 ); /* IE6-9 */


}

#impressum p {
font-size: 14px;
}

#impressum a{
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
color: #000;
}

#impressum a:hover{
color: #fc6d16;
}

.sticker{
position: absolute;
top: 250px;
left: 550px;
float: left;
}

.facebook iframe{
z-index: 100;
position: absolute;
right: 2%;
top: 5%;
}