html, body {
font-family: 'Gudea', sans-serif;
font-size:1.0em;
height:100%;
color:#003558;
}


hr {
float:left;
clear:both;
width:100%;
margin-bottom: 18px;
align:center;
height:1px;
color:#FFF;
border:0;
border-top: solid 1px #003458;
}

h1 {
color:#003558;
}

h2 {
color:#003558;
font-size:2.0em;
}

.orange {
color:#f37600;
}

.form-control {
width:100%;
max-width:450px;
}

#clockdiv{
font-family: sans-serif;
color:#f37600;
display: inline-block;
font-weight: 500;
text-align: center;
font-size: 90px;
margin:25px;
}

#clockdiv > div{
padding: 1px;
display: inline-block;
/* background: #003659; */
height:auto;
/* -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.37);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.37); */
}

#clockdiv div > span{
/* background: #003659;
height:auto;
-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.37);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.37);
*/
padding-left:10px;
padding-right:10px;
}


.smalltext{
color:#808080;
font-size: 20px;
font-weight: 200;
padding-left:25px;
padding-right:25px;
}



#ja, #nein, #veranstaltung, #veranstaltung_nein, #hotels, #aussteller, #stella_text {
display:none;
}

#Jahre{
	display:none;
}

.iconsymbol{
display:none;
position:absolute;
top:0px;
-webkit-animation-name: ausruf; /* Chrome, Safari, Opera */
-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
animation-name: ausruf;
animation-duration: 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes ausruf {
0%   {top: -150px;}
80%  {top: 0px;}
85%  {top: -80px;}
90%  {top: 0px;}
95%  {top: -40px;}
100% {top: 0px;}
}

/* Standard syntax */
@keyframes ausruf {
0%   {top: -150px;}
80%  {top: 0px;}
85%  {top: -80px;}
90%  {top: 0px;}
95%  {top: -40px;}
100% {top: 0px;}
}

.orangebox {
width:400px;
margin:auto;
}

#stella_wrap {
display:none;
width:100%;
height:auto;
float:left;
padding:0;
margin:0;
margin-top:50px;
margin-bottom:50px;
overflow:hidden;
}

#stella {
float:left;
width:100%;
overflow:hidden;
padding:0;
margin:0;
position:relative;
z-index:3;
}

.door {
padding:0;
margin:0;
position:relative;
z-index:10;
max-height:85em;
}
.door_ph {
display:none;
padding:0;
margin:0;
position:relative;
z-index:10;
max-height:85em;
}

#doorshadow {
float:left;
padding:0;
margin:0;
width:100%;
position:absolute;
z-index:5;
/* background:#000;
opacity:0.8;
filter: alpha(opacity=80); */
}

#klick {
float:left;
padding:0;
margin:0;
width:100%;
position:absolute;
z-index:20;
/* background:#000;
opacity:0.8;
filter: alpha(opacity=80); */
}

#klickbutton {
width:100%;
max-width:1500px;
cursor:pointer;
}

#bierdeckel_wrap {
float:left;
padding:0;
padding-top:15%;
margin:0;
width:100%;
position:absolute;
z-index:3;
texta-align:center;
}

#bierdeckel {
width:100%;
max-width:35%;
margin:auto;
}

#stella_alm_wrapper {
display:none;
width:100%;
position:absolute;
z-index:5;
text-align:center;
} 

#tischtuch_wrapper {
display:none;
float:left;
width:23%;
position:absolute;
z-index:5;
}

#breze_wrapper {
display:none;
float:left;
width:25%;
position:absolute;
z-index:6;
} 

#bier_wrapper {
display:none;
float:right;
width:32%;
position:absolute;
z-index:6;
right:0;
}

#servietten_wrapper {
display:none;
float:right;
width:26%;
position:absolute;
z-index:5;
right:0;
bottom:0;
} 

#backgroundzoom {
position:absolute;
z-index:1;
float:left;
width:100%;
height:100%;
background:url(../back.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover;
padding:0;
margin:0;
}

.zin {
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
transition: all 1s ease-in;
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-ms-transform: scale(1.03);
-o-transform: scale(1.03);
transform: scale(1.03);
}

/* 
.zout {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
}

*/

.greyscale {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}


@media(max-width:991px){
	.orangebox {
	width:33%;
	float:left;
	padding:15px;
	}
	
	#klickbutton {
	width:80%;
	max-width:80%;
	position:absolute;
	left:10%;
	top:20%;
	}	
}


@media (max-width: 650px) {

	.orangebox {
	width:50%;
	float:left;
	padding:15px;
	}
}

@media (max-width: 450px) {
	
	.orangebox {
	width:100%;
	float:left;
	padding:15px;
	}
}


#slideshow { 
    position: relative; 
    width: 100%;
    z-index:50;
    background:#003659;
    background-color:#003659;
}

#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
    background:#003659;
    background-color:#003659;
}

.anmeldebutton {
margin-top:-40px;
margin-bottom:-20px;
position:relative;
z-index:10;
width:300px;
-webkit-transition: 0.2s ease-in;
-moz-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}

.anmeldebutton:hover {
margin-top:-20px;
margin-bottom:-40px;
position:relative;
z-index:10;
width:300px;
-webkit-transition: 0.2s ease-in;
-moz-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}