/* ================================================================ */
/* BASIC ELEMENTS */
body {
  background-color: #333;
  width: 100%;
  padding: 0;
  margin: 0; }

@-webkit-keyframes anim-in {
  0% {
    opacity: 0;
    visibility: visible; }
  100% {
    opacity: 1; } }
@-moz-keyframes anim-in {
  0% {
    opacity: 0;
    visibility: visible; }
  100% {
    opacity: 1; } }
@-o-keyframes anim-in {
  0% {
    opacity: 0;
    visibility: visible; }
  100% {
    opacity: 1; } }
@keyframes anim-in {
  0% {
    opacity: 0;
    visibility: visible; }
  100% {
    opacity: 1; } }
@-webkit-keyframes anim-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    visibility: hidden !important; } }
@-moz-keyframes anim-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    visibility: hidden !important; } }
@-o-keyframes anim-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    visibility: hidden !important; } }
@keyframes anim-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    visibility: hidden !important; } }
.fade-in {
  -webkit-animation: anim-in;
  -moz-animation: anim-in;
  -ms-animation: anim-in;
  -o-animation: anim-in;
  animation: anim-in;
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  -ms-animation-duration: 5s;
  -o-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  -moz-webkit-fill-mode: forwards;
  -ms-webkit-fill-mode: forwards;
  -o-webkit-fill-mode: forwards;
  webkit-fill-mode: forwards;
  animation-fill-mode: forwards; }

.fade-out {
  -webkit-animation: anim-out;
  -moz-animation: anim-out;
  -ms-animation: anim-out;
  -o-animation: anim-out;
  animation: anim-out;
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  -ms-animation-duration: 5s;
  -o-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  -moz-webkit-fill-mode: forwards;
  -ms-webkit-fill-mode: forwards;
  -o-webkit-fill-mode: forwards;
  webkit-fill-mode: forwards;
  animation-fill-mode: forwards; }

.fade-in-vers {
  visibility: visible;
  opacity: 1; }

.fade-out-vers {
  visibility: hidden;
  opacity: 0;
  transition-delay: 0s; }

.fade-in-vers-bg {
  visibility: visible;
  opacity: 0.9; }

.fade-out-vers-bg {
  visibility: hidden;
  opacity: 0;
  transition-delay: 0s; }

.blur-it-in {
  filter: blur(1px); }

.blur-it-out {
  filter: blur(0px); }

.blur-in {
  -webkit-animation: anim-in;
  -moz-animation: anim-in;
  -ms-animation: anim-in;
  -o-animation: anim-in;
  animation: anim-in;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  -moz-webkit-fill-mode: forwards;
  -ms-webkit-fill-mode: forwards;
  -o-webkit-fill-mode: forwards;
  webkit-fill-mode: forwards;
  animation-fill-mode: forwards; }

.blur-out {
  -webkit-animation: anim-in;
  -moz-animation: anim-in;
  -ms-animation: anim-in;
  -o-animation: anim-in;
  animation: anim-in;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  -moz-webkit-fill-mode: forwards;
  -ms-webkit-fill-mode: forwards;
  -o-webkit-fill-mode: forwards;
  webkit-fill-mode: forwards;
  animation-fill-mode: forwards; }

/* ================================================================ */
/* GROUPING */
/* ================================================================ */
/* SITE */
div#site {
  background-color: #9B3C3E;
  width: 100%; }

/* ================================================================ */
/* NAVIGATION */
/* ================================================================ */
/* BG */
div#bg-img {
  position: absolute;
  background-color: #666;
  background-image: url("../img/bg_1200.png");
  border: 1px solid #EFEFEF;
  margin-left: -600px;
  margin-top: -457px;
  width: 1200px;
  height: 914px;
  left: 50%;
  top: 50%; }

/* ================================================================ */
/* OPENING */
div#opening-img {
  /*margin 			  : 0 auto 0 auto;*/
  position: absolute;
  background-image: url("../img/anim_bg_1200.png");
  margin-left: -540px;
  margin-top: -320px;
  width: 1114px;
  height: 619px;
  left: 50%;
  top: 50%; }

/* ================================================================ */
/* NAVI */
@font-face {
  font-family: vijaya;
  src: url("fntvijaya.tff"); }
div#navi {
  z-index: 4;
  position: absolute;
  left: 50%;
  top: 50%; }

div#navi div, div#navi button {
  position: absolute;
  color: #FFF;
  font-family: vijaya;
  font-style: italic;
  font-size: 30px;
  letter-spacing: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0; }

div#txt-vakten, div#blr-vakten {
  margin-left: 300px;
  margin-top: -210px; }

div#txt-weg {
  z-index: 4;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -192px;
  margin-top: -295px; }
  div#txt-weg > button {
    z-index: 4; }

div#txt-ueber, div#blr-ueber {
  margin-left: -540px;
  margin-top: 250px; }
  div#txt-ueber > button, div#blr-ueber > button {
    width: 300px; }

div#txt-lindenvers, div#blr-lindenvers {
  margin-left: -270px;
  margin-top: 200px; }

div#txt-buchenvers, div#blr-buchenvers {
  margin-left: 115px;
  margin-top: 185px; }

div#txt-eichenvers, div#blr-eichenvers {
  margin-left: 190px;
  margin-top: 250px; }

div#txt-danksagung {
  margin-left: 210px;
  margin-top: -340px; }
  div#txt-danksagung > button {
    font-size: 14px;
    font-style: normal !important;
    letter-spacing: 2px; }

div#txt-impressum {
  margin-left: 315px;
  margin-top: -340px; }
  div#txt-impressum > a {
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    font-style: normal;
    letter-spacing: 2px; }

div#txt-blog {
  margin-left: 410px;
  margin-top: -340px; }
  div#txt-blog > a, div#txt-blog > button {
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    font-style: normal;
    letter-spacing: 2px; }

div#txt-baer {
  margin-left: -50px;
  margin-top: 375px;
  width: 300px; }
  div#txt-baer > a {
    color: #FFF;
    text-decoration: none;
    font-size: 18px; }

div#pic-bear {
  margin-left: -100px;
  margin-top: 370px; }
  div#pic-bear > a img {
    width: 45px; }

@-webkit-keyframes anim-blur-in {
  0%, 40%, 100% {
    opacity: 1;
    text-shadow: 0px 0px 3px #AA0; }
  20% {
    opacity: 1;
    text-shadow: 0 0 20px #EE0, 0 0 40px #FF0; } }
@-moz-keyframes anim-blur-in {
  0%, 40%, 100% {
    opacity: 1;
    text-shadow: 0px 0px 3px #AA0; }
  20% {
    opacity: 1;
    text-shadow: 0 0 20px #EE0, 0 0 40px #FF0; } }
@-o-keyframes anim-blur-in {
  0%, 40%, 100% {
    opacity: 1;
    text-shadow: 0px 0px 3px #AA0; }
  20% {
    opacity: 1;
    text-shadow: 0 0 20px #EE0, 0 0 40px #FF0; } }
@keyframes anim-blur-in {
  0%, 40%, 100% {
    opacity: 1;
    text-shadow: 0px 0px 3px #AA0; }
  20% {
    opacity: 1;
    text-shadow: 0 0 20px #EE0, 0 0 40px #FF0; } }
div#blr-vakten {
  -webkit-animation: anim-blur-in 7s linear 1s infinite;
  -moz-animation: anim-blur-in 7s linear 1s infinite;
  -ms-animation: anim-blur-in 7s linear 1s infinite;
  -o-animation: anim-blur-in 7s linear 1s infinite;
  animation: anim-blur-in 7s linear 1s infinite; }

div#blr-ueber {
  -webkit-animation: anim-blur-in 7s linear 7s infinite;
  -moz-animation: anim-blur-in 7s linear 7s infinite;
  -ms-animation: anim-blur-in 7s linear 7s infinite;
  -o-animation: anim-blur-in 7s linear 7s infinite;
  animation: anim-blur-in 7s linear 7s infinite; }

div#blr-lindenvers {
  -webkit-animation: anim-blur-in 7s linear 5s infinite;
  -moz-animation: anim-blur-in 7s linear 5s infinite;
  -ms-animation: anim-blur-in 7s linear 5s infinite;
  -o-animation: anim-blur-in 7s linear 5s infinite;
  animation: anim-blur-in 7s linear 5s infinite; }

div#blr-buchenvers {
  -webkit-animation: anim-blur-in 7s linear 3s infinite;
  -moz-animation: anim-blur-in 7s linear 3s infinite;
  -ms-animation: anim-blur-in 7s linear 3s infinite;
  -o-animation: anim-blur-in 7s linear 3s infinite;
  animation: anim-blur-in 7s linear 3s infinite; }

div#blr-eichenvers {
  -webkit-animation: anim-blur-in 7s linear 9s infinite;
  -moz-animation: anim-blur-in 7s linear 9s infinite;
  -ms-animation: anim-blur-in 7s linear 9s infinite;
  -o-animation: anim-blur-in 7s linear 9s infinite;
  animation: anim-blur-in 7s linear 9s infinite; }

/* ================================================================ */
/* FOG */
.fog-path {
  -webkit-clip-path: polygon(75px 4px, 998px 4px, 1079px 616px, 4px 611px); }

div#fog {
  overflow: hidden;
  position: absolute;
  z-index: 3;
  margin-left: -556px;
  margin-top: -308px;
  width: 1112px;
  height: 616px;
  left: 50%;
  top: 50%; }

div#fog span {
  opacity: 0;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -250px;
  margin-top: -350px; }
  div#fog span > img {
    height: 50%; }

@-webkit-keyframes fog_1 {
  0% {
    opacity: 0;
    -webkit-webkit-transform: rotate(0deg) translate(500px, 0);
    -moz-webkit-transform: rotate(0deg) translate(500px, 0);
    -ms-webkit-transform: rotate(0deg) translate(500px, 0);
    -o-webkit-transform: rotate(0deg) translate(500px, 0);
    webkit-transform: rotate(0deg) translate(500px, 0);
    transform: rotate(0deg) translate(500px, 0); }
  10% {
    opacity: .5; }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-webkit-transform: rotate(0deg) translate(-500px, 0);
    -moz-webkit-transform: rotate(0deg) translate(-500px, 0);
    -ms-webkit-transform: rotate(0deg) translate(-500px, 0);
    -o-webkit-transform: rotate(0deg) translate(-500px, 0);
    webkit-transform: rotate(0deg) translate(-500px, 0);
    transform: rotate(0deg) translate(-500px, 0); } }
@-moz-keyframes fog_1 {
  0% {
    opacity: 0;
    -webkit-webkit-transform: rotate(0deg) translate(500px, 0);
    -moz-webkit-transform: rotate(0deg) translate(500px, 0);
    -ms-webkit-transform: rotate(0deg) translate(500px, 0);
    -o-webkit-transform: rotate(0deg) translate(500px, 0);
    webkit-transform: rotate(0deg) translate(500px, 0);
    transform: rotate(0deg) translate(500px, 0); }
  10% {
    opacity: .5; }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-webkit-transform: rotate(0deg) translate(-500px, 0);
    -moz-webkit-transform: rotate(0deg) translate(-500px, 0);
    -ms-webkit-transform: rotate(0deg) translate(-500px, 0);
    -o-webkit-transform: rotate(0deg) translate(-500px, 0);
    webkit-transform: rotate(0deg) translate(-500px, 0);
    transform: rotate(0deg) translate(-500px, 0); } }
@-o-keyframes fog_1 {
  0% {
    opacity: 0;
    -webkit-webkit-transform: rotate(0deg) translate(500px, 0);
    -moz-webkit-transform: rotate(0deg) translate(500px, 0);
    -ms-webkit-transform: rotate(0deg) translate(500px, 0);
    -o-webkit-transform: rotate(0deg) translate(500px, 0);
    webkit-transform: rotate(0deg) translate(500px, 0);
    transform: rotate(0deg) translate(500px, 0); }
  10% {
    opacity: .5; }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-webkit-transform: rotate(0deg) translate(-500px, 0);
    -moz-webkit-transform: rotate(0deg) translate(-500px, 0);
    -ms-webkit-transform: rotate(0deg) translate(-500px, 0);
    -o-webkit-transform: rotate(0deg) translate(-500px, 0);
    webkit-transform: rotate(0deg) translate(-500px, 0);
    transform: rotate(0deg) translate(-500px, 0); } }
@keyframes fog_1 {
  0% {
    opacity: 0;
    -webkit-webkit-transform: rotate(0deg) translate(500px, 0);
    -moz-webkit-transform: rotate(0deg) translate(500px, 0);
    -ms-webkit-transform: rotate(0deg) translate(500px, 0);
    -o-webkit-transform: rotate(0deg) translate(500px, 0);
    webkit-transform: rotate(0deg) translate(500px, 0);
    transform: rotate(0deg) translate(500px, 0); }
  10% {
    opacity: .5; }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-webkit-transform: rotate(0deg) translate(-500px, 0);
    -moz-webkit-transform: rotate(0deg) translate(-500px, 0);
    -ms-webkit-transform: rotate(0deg) translate(-500px, 0);
    -o-webkit-transform: rotate(0deg) translate(-500px, 0);
    webkit-transform: rotate(0deg) translate(-500px, 0);
    transform: rotate(0deg) translate(-500px, 0); } }
@-webkit-keyframes fog_2 {
  0% {
    opacity: 0;
    -webkit-webkit-transform: rotate(0deg) translate(-500px, 0);
    -moz-webkit-transform: rotate(0deg) translate(-500px, 0);
    -ms-webkit-transform: rotate(0deg) translate(-500px, 0);
    -o-webkit-transform: rotate(0deg) translate(-500px, 0);
    webkit-transform: rotate(0deg) translate(-500px, 0);
    transform: rotate(0deg) translate(-500px, 0); }
  10% {
    opacity: .5; }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-webkit-transform: rotate(0deg) translate(500px, 0);
    -moz-webkit-transform: rotate(0deg) translate(500px, 0);
    -ms-webkit-transform: rotate(0deg) translate(500px, 0);
    -o-webkit-transform: rotate(0deg) translate(500px, 0);
    webkit-transform: rotate(0deg) translate(500px, 0);
    transform: rotate(0deg) translate(500px, 0); } }
@-moz-keyframes fog_2 {
  0% {
    opacity: 0;
    -webkit-webkit-transform: rotate(0deg) translate(-500px, 0);
    -moz-webkit-transform: rotate(0deg) translate(-500px, 0);
    -ms-webkit-transform: rotate(0deg) translate(-500px, 0);
    -o-webkit-transform: rotate(0deg) translate(-500px, 0);
    webkit-transform: rotate(0deg) translate(-500px, 0);
    transform: rotate(0deg) translate(-500px, 0); }
  10% {
    opacity: .5; }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-webkit-transform: rotate(0deg) translate(500px, 0);
    -moz-webkit-transform: rotate(0deg) translate(500px, 0);
    -ms-webkit-transform: rotate(0deg) translate(500px, 0);
    -o-webkit-transform: rotate(0deg) translate(500px, 0);
    webkit-transform: rotate(0deg) translate(500px, 0);
    transform: rotate(0deg) translate(500px, 0); } }
@-o-keyframes fog_2 {
  0% {
    opacity: 0;
    -webkit-webkit-transform: rotate(0deg) translate(-500px, 0);
    -moz-webkit-transform: rotate(0deg) translate(-500px, 0);
    -ms-webkit-transform: rotate(0deg) translate(-500px, 0);
    -o-webkit-transform: rotate(0deg) translate(-500px, 0);
    webkit-transform: rotate(0deg) translate(-500px, 0);
    transform: rotate(0deg) translate(-500px, 0); }
  10% {
    opacity: .5; }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-webkit-transform: rotate(0deg) translate(500px, 0);
    -moz-webkit-transform: rotate(0deg) translate(500px, 0);
    -ms-webkit-transform: rotate(0deg) translate(500px, 0);
    -o-webkit-transform: rotate(0deg) translate(500px, 0);
    webkit-transform: rotate(0deg) translate(500px, 0);
    transform: rotate(0deg) translate(500px, 0); } }
@keyframes fog_2 {
  0% {
    opacity: 0;
    -webkit-webkit-transform: rotate(0deg) translate(-500px, 0);
    -moz-webkit-transform: rotate(0deg) translate(-500px, 0);
    -ms-webkit-transform: rotate(0deg) translate(-500px, 0);
    -o-webkit-transform: rotate(0deg) translate(-500px, 0);
    webkit-transform: rotate(0deg) translate(-500px, 0);
    transform: rotate(0deg) translate(-500px, 0); }
  10% {
    opacity: .5; }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-webkit-transform: rotate(0deg) translate(500px, 0);
    -moz-webkit-transform: rotate(0deg) translate(500px, 0);
    -ms-webkit-transform: rotate(0deg) translate(500px, 0);
    -o-webkit-transform: rotate(0deg) translate(500px, 0);
    webkit-transform: rotate(0deg) translate(500px, 0);
    transform: rotate(0deg) translate(500px, 0); } }
#fog .f0r {
  -webkit-animation: fog_1 60s linear 0s infinite;
  -moz-animation: fog_1 60s linear 0s infinite;
  -ms-animation: fog_1 60s linear 0s infinite;
  -o-animation: fog_1 60s linear 0s infinite;
  animation: fog_1 60s linear 0s infinite; }

#fog .f1r {
  -webkit-animation: fog_1 60s linear 6s infinite;
  -moz-animation: fog_1 60s linear 6s infinite;
  -ms-animation: fog_1 60s linear 6s infinite;
  -o-animation: fog_1 60s linear 6s infinite;
  animation: fog_1 60s linear 6s infinite; }

#fog .f2r {
  -webkit-animation: fog_1 60s linear 12s infinite;
  -moz-animation: fog_1 60s linear 12s infinite;
  -ms-animation: fog_1 60s linear 12s infinite;
  -o-animation: fog_1 60s linear 12s infinite;
  animation: fog_1 60s linear 12s infinite; }

#fog .f3r {
  -webkit-animation: fog_1 60s linear 18s infinite;
  -moz-animation: fog_1 60s linear 18s infinite;
  -ms-animation: fog_1 60s linear 18s infinite;
  -o-animation: fog_1 60s linear 18s infinite;
  animation: fog_1 60s linear 18s infinite; }

#fog .f4r {
  -webkit-animation: fog_1 60s linear 24s infinite;
  -moz-animation: fog_1 60s linear 24s infinite;
  -ms-animation: fog_1 60s linear 24s infinite;
  -o-animation: fog_1 60s linear 24s infinite;
  animation: fog_1 60s linear 24s infinite; }

#fog .f5r {
  -webkit-animation: fog_1 60s linear 30s infinite;
  -moz-animation: fog_1 60s linear 30s infinite;
  -ms-animation: fog_1 60s linear 30s infinite;
  -o-animation: fog_1 60s linear 30s infinite;
  animation: fog_1 60s linear 30s infinite; }

#fog .f6r {
  -webkit-animation: fog_1 60s linear 36s infinite;
  -moz-animation: fog_1 60s linear 36s infinite;
  -ms-animation: fog_1 60s linear 36s infinite;
  -o-animation: fog_1 60s linear 36s infinite;
  animation: fog_1 60s linear 36s infinite; }

#fog .f7r {
  -webkit-animation: fog_1 60s linear 42s infinite;
  -moz-animation: fog_1 60s linear 42s infinite;
  -ms-animation: fog_1 60s linear 42s infinite;
  -o-animation: fog_1 60s linear 42s infinite;
  animation: fog_1 60s linear 42s infinite; }

#fog .f8r {
  -webkit-animation: fog_1 60s linear 48s infinite;
  -moz-animation: fog_1 60s linear 48s infinite;
  -ms-animation: fog_1 60s linear 48s infinite;
  -o-animation: fog_1 60s linear 48s infinite;
  animation: fog_1 60s linear 48s infinite; }

#fog .f9r {
  -webkit-animation: fog_1 60s linear 54s infinite;
  -moz-animation: fog_1 60s linear 54s infinite;
  -ms-animation: fog_1 60s linear 54s infinite;
  -o-animation: fog_1 60s linear 54s infinite;
  animation: fog_1 60s linear 54s infinite; }

#fog .f0l {
  -webkit-animation: fog_2 60s linear 30s infinite;
  -moz-animation: fog_2 60s linear 30s infinite;
  -ms-animation: fog_2 60s linear 30s infinite;
  -o-animation: fog_2 60s linear 30s infinite;
  animation: fog_2 60s linear 30s infinite; }

#fog .f1l {
  -webkit-animation: fog_2 60s linear 36s infinite;
  -moz-animation: fog_2 60s linear 36s infinite;
  -ms-animation: fog_2 60s linear 36s infinite;
  -o-animation: fog_2 60s linear 36s infinite;
  animation: fog_2 60s linear 36s infinite; }

#fog .f2l {
  -webkit-animation: fog_2 60s linear 42s infinite;
  -moz-animation: fog_2 60s linear 42s infinite;
  -ms-animation: fog_2 60s linear 42s infinite;
  -o-animation: fog_2 60s linear 42s infinite;
  animation: fog_2 60s linear 42s infinite; }

#fog .f3l {
  -webkit-animation: fog_2 60s linear 48s infinite;
  -moz-animation: fog_2 60s linear 48s infinite;
  -ms-animation: fog_2 60s linear 48s infinite;
  -o-animation: fog_2 60s linear 48s infinite;
  animation: fog_2 60s linear 48s infinite; }

#fog .f4l {
  -webkit-animation: fog_2 60s linear 54s infinite;
  -moz-animation: fog_2 60s linear 54s infinite;
  -ms-animation: fog_2 60s linear 54s infinite;
  -o-animation: fog_2 60s linear 54s infinite;
  animation: fog_2 60s linear 54s infinite; }

#fog .f5l {
  -webkit-animation: fog_2 60s linear 0s infinite;
  -moz-animation: fog_2 60s linear 0s infinite;
  -ms-animation: fog_2 60s linear 0s infinite;
  -o-animation: fog_2 60s linear 0s infinite;
  animation: fog_2 60s linear 0s infinite; }

#fog .f6l {
  -webkit-animation: fog_2 60s linear 6s infinite;
  -moz-animation: fog_2 60s linear 6s infinite;
  -ms-animation: fog_2 60s linear 6s infinite;
  -o-animation: fog_2 60s linear 6s infinite;
  animation: fog_2 60s linear 6s infinite; }

#fog .f7l {
  -webkit-animation: fog_2 60s linear 12s infinite;
  -moz-animation: fog_2 60s linear 12s infinite;
  -ms-animation: fog_2 60s linear 12s infinite;
  -o-animation: fog_2 60s linear 12s infinite;
  animation: fog_2 60s linear 12s infinite; }

#fog .f8l {
  -webkit-animation: fog_2 60s linear 18s infinite;
  -moz-animation: fog_2 60s linear 18s infinite;
  -ms-animation: fog_2 60s linear 18s infinite;
  -o-animation: fog_2 60s linear 18s infinite;
  animation: fog_2 60s linear 18s infinite; }

#fog .f9l {
  -webkit-animation: fog_2 60s linear 24s infinite;
  -moz-animation: fog_2 60s linear 24s infinite;
  -ms-animation: fog_2 60s linear 24s infinite;
  -o-animation: fog_2 60s linear 24s infinite;
  animation: fog_2 60s linear 24s infinite; }

/* ================================================================ */
/* LEAFS */
#leafs {
  z-index: 3;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -190px;
  margin-top: -455px; }

/* ================================================================ */
/* FLOWERS */
#flowers div {
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%; }
  #flowers div > img {
    max-height: 100%;
    max-width: 100%; }

#flowers div:first-child {
  width: 20px;
  margin-left: -190px;
  margin-top: -135px; }

#flowers div:nth-child(2) {
  width: 80px;
  margin-left: -510px;
  margin-top: 10px; }

#flowers div:nth-child(3) {
  width: 200px;
  margin-left: 60px; }

#flowers div:nth-child(4) {
  width: 110px;
  margin-left: -225px;
  margin-top: 115px; }

#flowers div:last-child {
  width: 320px;
  margin-left: 365px;
  margin-top: 120px; }

/* ================================================================ */
/* VERS SITES */
div#vers-bg {
  z-index: 4;
  position: absolute;
  background-color: #333;
  margin-left: -625px;
  margin-top: -475px;
  width: 1250px;
  height: 950px;
  left: 50%;
  top: 50%;
  transition: visibility 0.5s linear, opacity 0.5s linear; }

div#txt-site > div {
  position: absolute;
  height: 778px;
  width: 1000px;
  left: 50%;
  top: 50%;
  margin-left: -500px;
  margin-top: -389px; }

div#ueber-lindenvers, div#lindenvers, div#buchenvers, div#eichenvers, div#danksagung, div#under-construction {
  z-index: 4;
  /* OPERA, IE, FF? */
  transition: visibility 0.5s linear, opacity 0.5s linear; }

div#ueber-lindenvers {
  background-image: url("../img/ueber_lindenvers.jpg"); }

div#lindenvers {
  background-image: url("../img/lindenvers.jpg"); }

div#buchenvers {
  background-image: url("../img/buchenvers.jpg"); }

div#eichenvers {
  background-image: url("../img/eichenvers.jpg"); }

div#danksagung {
  background-image: url("../img/danksagung.jpg");
  border: 1px solid #FFF; }
  div#danksagung > div > p:first-child {
    font-size: 26px;
    height: 50px; }
  div#danksagung > div > p > span {
    font-weight: bold; }

div#under-construction {
  position: absolute;
  height: 100px;
  width: 250px;
  left: 50%;
  top: 50%;
  margin-left: -125px;
  margin-top: -50px;
  border: 1px solid #FFF;
  background: #333;
  color: #FFF; }
  div#under-construction > p {
    text-align: center; }
  div#under-construction > div {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: 10px; }

.vers-txt-l, .vers-txt-r, .vers-txt-m {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 700px;
  width: 460px;
  margin-top: -379px;
  padding: 10px;
  border: 1px solid #FFF;
  opacity: 0.85;
  background: #333;
  color: #FFF;
  font-family: vijaya;
  font-size: 18px;
  text-decoration: none;
  text-align: justify; }

.vers-txt-m {
  width: 950px !important;
  margin-left: -485px; }

.vers-txt-l {
  margin-left: -490px; }

.vers-txt-r {
  margin-left: 10px; }
  .vers-txt-r > span {
    text-align: center;
    height: inherit;
    width: inherit;
    display: table-cell;
    vertical-align: middle; }

#dl-LVers {
  width: 100%;
  text-align: center; }

#txt-construction {
  font-size: 16px; }

#close-UVers, #close-LVers, #close-BVers, #close-EVers, #close-DTxt {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: 355px; }

.button {
  height: 25px;
  background: #333;
  border: 1px solid #FFF;
  color: #FFF;
  cursor: pointer; }

/*# sourceMappingURL=format_index.css.map */