html, body{
  margin:      0px;
  padding:     0px;
  border:      none;
  width:       100%;
  font-family: Arial, Helvetica, sans-serif;
  color:       #111111;
}
html{
  height:   100%;
  overflow: hidden;
  position:    fixed;
}
a{
  color:  #111111;
  cursor: pointer;
}
figure{
  margin: 10px;
}
figure img{
  border:                2px #000000 solid;
  -o-border-radius:      5px 5px 5px 5px;
  -moz-border-radius:    5px 5px 5px 5px;
  -khtml-border-radius:  5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius:         5px 5px 5px 5px;
}
figure img.rotate3{
  -o-transform:          rotate(3deg);
  -ms-transform:         rotate(3deg);
  -moz-transform:        rotate(3deg);
  -khtml-transform:      rotate(3deg);
  -webkit-transform:     rotate(3deg);
  transform:             rotate(3deg);
}
figcaption{
  font-size: 12px;
}
aside#html5{
  position: absolute;
  top:      2px;
  right:    2px;
  opacity:  0.3;
  z-index:  2000;
}
aside#html5 img{
  cursor: pointer;
}
legend{
  font-size:   15px;
  font-weight: bold;
}
label{
  width:          150px;
  display:        inline-block;
  vertical-align: top;
  margin:         2px 0px 0px 0px;
}
label.error{
  color:          #ff0000;
  font-weight:    bold;
  display:        inline;
  margin:         0px 0px 0px 164px;
  line-height:    26px;
}
select{
  color:                 #000000;
  text-shadow:           1px 1px 2px #FFFFFF;
  font-weight:           bold;
  border:                1px #111111 solid;
  background-color:      #f5f0e0;
  -o-border-radius:      5px;
  -moz-border-radius:    5px;
  -khtml-border-radius:  5px;
  -webkit-border-radius: 5px;
  border-radius:         5px;
  opacity:               0.5;
}
input#guestbooksubmit, input#emailsubmit{
  margin:                0px 0px 0px 155px;
  color:                 #000000;
  text-shadow:           1px 1px 2px #FFFFFF;
  font-weight:           bold;
  border:                1px #111111 solid;
  background-color:      #f5f0e0;
  -o-border-radius:      5px;
  -moz-border-radius:    5px;
  -khtml-border-radius:  5px;
  -webkit-border-radius: 5px;
  border-radius:         5px;
  opacity:               0.5;
}
input.guestbook, textarea.guestbook, input.mail, textarea.mail{
  width:                 495px;
  width:                 -moz-calc(100% - 164px);
  width:                 calc(100% - 164px);
  background-color:      #f5f0e0;
  color:                 #000000;
  text-shadow:           1px 1px 2px #FFFFFF;
  border:                1px #111111 solid;
  -o-border-radius:      5px;
  -moz-border-radius:    5px;
  -khtml-border-radius:  5px;
  -webkit-border-radius: 5px;
  border-radius:         5px;
  margin:                2px;
  opacity:               0.5;
  font-family:          'Gochi Hand', cursive;
}
article.guestbook{
  font-family:      'Gochi Hand', cursive;
  color:            #555555;
  opacity:          1;
  margin:           20px 0px 0px 0px;
}
article.guestbook a{
  color: #555555;
}
article.guestbook header{
  font-size:   20px;
  font-weight: bold;
}
article.guestbook header .counter{
  font-size: 30px;
}
article.guestbook header .date{
  font-size: 12px;
  margin-top: 10px;
  float:     right;
}
fieldset{
  border:                1px #555555 solid;
  -o-border-radius:      5px;
  -moz-border-radius:    5px;
  -khtml-border-radius:  5px;
  -webkit-border-radius: 5px;
  border-radius:         5px;
}
header.paper{
  background-image:      url(../../../images/background_paper_t.png);
  background-repeat:     no-repeat;
  background-position:   left top;
  background-size:       100% auto;
  height:                14px;
  margin-bottom:         -1px;
}
section.paper{
  background-image:      url(../../../images/background_paper_m.png);
  background-repeat:     repeat-y;
  background-position:   left top;
  background-size:       100% auto;
  padding:               20px;
}
footer.paper{
  background-image:      url(../../../images/background_paper_b.png);
  background-repeat:     no-repeat;
  background-position:   left top;
  background-size:       100% auto;
  height:                26px;
  margin-top:            -1px;
}
#main > footer{
  overflow:              hidden;
  position:              absolute;
  bottom:                5px;
  font-size:             24px;
  font-weight:           bold;
  -o-border-radius:      0px 12px 12px 0px;
  -moz-border-radius:    0px 12px 12px 0px;
  -khtml-border-radius:  0px 12px 12px 0px;
  -webkit-border-radius: 0px 12px 12px 0px;
  border-radius:         0px 12px 12px 0px;
  -webkit-box-shadow:    10px 10px 10px black;
  -moz-box-shadow:       10px 10px 10px black;
  box-shadow:            10px 10px 10px black;
  border-top:            1px #a4c9d7 solid;
  border-right:          1px #367992 solid;
  border-bottom:         1px #184657 solid;
  border-left:           1px #9abecc solid;
/*  border:                1px rgba(0,0,0,0.5) solid; */
  border-left:           none;
  z-index:               1002;
}
#main{
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c56b3), to(#439ae7));
  background-image: -moz-linear-gradient(top, #3c56b3, #439ae7);
  background-image: -o-linear-gradient(top, #3c56b3, #439ae7);
  filter:           progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#3c56b3, endColorStr=#439ae7); /* IE 6 - 7 */
  -ms-filter:       progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#3c56b3, endColorStr=#439ae7); /* IE 8 */
  background-image: gradient(linear, 0 0, 0 100%, from(#3c56b3), to(#439ae7));
  width:            100%;
  height:           500px;
}
#footer{
/*
  background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#CCCCCC), to(#444444));
  background-image:      -moz-linear-gradient(top, #CCCCCC, #444444);
  background-image:      -o-linear-gradient(top, #CCCCCC, #444444);
  filter:                progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#CCCCCC, endColorStr=#444444); /* IE 6 - 7 */
/*  -ms-filter:            progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#CCCCCC, endColorStr=#444444); /* IE 8 */
/*  background-image:      gradient(linear, 0 0, 0 100%, from(#CCCCCC), to(#444444));
*/
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(200,240,255,0.5)), to(rgba(0,110,150,0.5)));
  background-image: -moz-linear-gradient(top, rgba(200,240,255,0.5), rgba(0,110,150,0.5));
  background-image: -o-linear-gradient(top, rgba(200,240,255,0.5), rgba(0,110,150,0.5));
  filter:           progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#77C8F0FF, endColorStr=#77006E96); /* IE 6 - 7, 9 */
  -ms-filter:       progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#77C8F0FF, endColorStr=#77006E96); /* IE 8 */
  background-image: gradient(linear, 0 0, 0 100%, from(rgba(200,240,255,0.5)), to(rgba(0,110,150,0.5)));
  opacity:               0.5;
  padding:               0px 10px 0px 10px;
  -o-border-radius:      0px 12px 12px 0px;
  -moz-border-radius:    0px 12px 12px 0px;
  -khtml-border-radius:  0px 12px 12px 0px;
  -webkit-border-radius: 0px 12px 12px 0px;
  border-radius:         0px 12px 12px 0px;
  text-shadow:           1px 1px 2px #FFFFFF;
}
#dock{
  z-index: 1000;
}
#fixnav{
  position:         absolute;
  bottom:           30px;
  width:            70px;
  height:           97px;
  cursor:           pointer;
  margin-left:      20px;
  float:            left;
  display:          none;
  z-index:          1001;
  background-image: url(../../../images/menu_back.png);
}
#tools{
  position: absolute;
  top:      0px;
  right:    45px;
  z-index:  2000;
}
#deco_wolke_1{
  position: absolute;
  left:     0px;
  width:    245px;
}
#deco_wolke_2{
  position: absolute;
  left:     400px;
  width:    467px;
}
#deco_wolke_3{
  position: absolute;
  left:     900px;
  width:    428px;
}
#deco-landscape{
  position:   absolute;
  bottom:     0px;
  left:       0px;
  width:      150%;
  height:     335px;
  background: url(../../../images/gras_huge_1_blur.png) 0 top repeat-x,
              url(../../../images/gras_huge_1_blur.jpg) 0 bottom repeat-x;
  z-index:    100;
}
#deco_camp{
  position: absolute;
  width:    100%;
  height:   300px;
  left:     0px;
  bottom:   0px;
  z-index:  190;
}
#deco_wimpel{
  position: absolute;
  bottom:   150px;
  left:     150px;
  left:     -moz-calc(100%/2 - 450px);
  left:     calc(100%/2 - 450px);
  z-index:  171;
}
#deco_zelt_tajo{
  position: absolute;
  bottom:   110px;
  left:     -10px;
  z-index:  180;
}
#deco_zelt_nenelleth{
  position: absolute;
  bottom:   140px;
  left:     130px;
  left:     -moz-calc(100%/2 - 470px);
  left:     calc(100%/2 - 470px);
  z-index:  170;
}
#deco_zelt_frodo{
  position: absolute;
  bottom:   135px;
  left:     180px;
  left:     -moz-calc(100%/2 - 400px);
  left:     calc(100%/2 - 400px);
  z-index:  160;
}
#deco_tarp{
  position: absolute;
  bottom:   140px;
  left:     350px;
  left:     -moz-calc(100%/2 - 300px);
  left:     calc(100%/2 - 300px);
  z-index:  190;
}
#deco_banner{
  position: absolute;
  bottom:   120px;
  left:     620px;
  left:     -moz-calc(100%/2 + 120px);
  left:     calc(100%/2 + 120px);
  z-index:  200;
}
#deco_zelt_kassandra{
  position: absolute;
  bottom:   160px;
  right:    260px;
  z-index:  160;
}
#deco_zelt_baldur{
  position: absolute;
  bottom:   140px;
  left:     273px;
  left:     -moz-calc(100%/2 - 27px);
  left:     calc(100%/2 - 27px);
  z-index:  170;
}
#deco_zelt_aldarion{
  position: absolute;
  bottom:   130px;
  left:     590px;
  left:     -moz-calc(100%/2 + 120px);
  left:     calc(100%/2 + 120px);
  z-index:  180;
}
#deco_tree_1{
  position: absolute;
  bottom:   86px;
  left:     690px;
  left:     -moz-calc(100%/2 + 220px);
  left:     calc(100%/2 + 220px);
  z-index:  200;
}
#frontgras{
  background-image:    url(../../../images/gras_small.png);
  background-position: -1px bottom;
  background-repeat:   repeat-x;
  height:              30px;
  position:            absolute;
  bottom:              20px;
  left:                0px;
  width:               100%;
  z-index:             1001;
/*  border: 1px #ff0000 solid; */
}
#frontgras2, #frontgras3{
  background-image:    url(../../../images/gras_front.png);
  background-position: left bottom;
  background-repeat:   repeat-x;
  height:              75px;
  position:            absolute;
  bottom:              -56px;
  left:                0px;
  width:               100%;
  z-index:             1003;
/*  border: 1px #ff0000 solid; */
}
#frontgras3{
  display:             none;
  background-image:    url(../../../images/gras_front.png);
  background-position: left bottom;
  bottom:              -22px;
  z-index:             1002;
}
#canvas{
  position:              absolute;
  display:               none;
  border-top:            3px #b4d9e7 solid;
  border-right:          3px #4689A2 solid;
  border-bottom:         3px #184657 solid;
  border-left:           3px #9abecc solid;
  -o-border-radius:      12px;
  -moz-border-radius:    12px;
  -khtml-border-radius:  12px;
  -webkit-border-radius: 12px;
  border-radius:         12px;
  width:                 0px;
  height:                0px;
  height:                -moz-calc(100% - 185px);
  height:                calc(100% - 185px);
  top:                   90px;
  left:                  -moz-calc(100%/2 - 300px);
  left:                  calc(100%/2 - 300px);
  overflow:              hidden;
  opacity:               0;
  z-index:               900;
}
#canvasarea{
/*  background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(rgba(200,240,255,0.7)), to(rgba(0,110,150,0.7)));
  background-image:      -moz-linear-gradient(top, rgba(200,240,255,0.7), rgba(0,110,150,0.7));
  background-image:      -o-linear-gradient(top, rgba(200,240,255,0.7), rgba(0,110,150,0.7));
  filter:                progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#A7C8F0FF, endColorStr=#A7006E96); /* IE 6 - 7, 9 */
/*  -ms-filter:            progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#A7C8F0FF, endColorStr=#A7006E96); /* IE 8 */
/*  background-image:      gradient(linear, 0 0, 0 100%, from(rgba(200,240,255,0.7)), to(rgba(0,110,150,0.7)));
*/
  background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(rgba(230,255,255,0.5)), to(rgba(90,200,240,0.5)));
  background-image:      -moz-linear-gradient(top, rgba(230,255,255,0.5), rgba(90,200,240,0.5));
  background-image:      -o-linear-gradient(top, rgba(230,255,255,0.5), rgba(90,200,240,0.5));
  filter:                progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#77E6FFFF, endColorStr=#775AC8F0); /* IE 6 - 7, 9 */
  -ms-filter:            progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#77E6FFFF, endColorStr=#775AC8F0); /* IE 8 */
  background-image:      gradient(linear, 0 0, 0 100%, from(rgba(230,255,255,0.5)), to(rgba(90,200,240,0.5)));
  position:              absolute;
  width:                 780px;
  height:                100%;
  -o-border-radius:      8px;
  -moz-border-radius:    8px;
  -khtml-border-radius:  8px;
  -webkit-border-radius: 8px;
  border-radius:         8px;
  padding:               0 10px 0px 10px;
  margin:                0 0 0 0;
  overflow-y:            auto;
  overflow-x:            hidden;
  color:                 #111111;
  font-size:             14px;
  text-shadow:           1px 1px 2px #FFFFFF; /* #5566CC */
}
#canvasarea .content{
  text-align:       justify;
  position:         relative;
  top:              150px;
  top:              -moz-calc(100%/2);
  top:              calc(100%/2);
  opacity:          0;
}
#canvasarea .gradient{
  background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#f1edcb), to(#ded58a));
  background-image:      -moz-linear-gradient(top, #f1edcb, #ded58a);
  background-image:      -o-linear-gradient(top, #f1edcb, #ded58a);
  filter:                progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#FFf1edcb, endColorStr=#FFded58a); /* IE 6 - 7, 9 */
  -ms-filter:            progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#FFf1edcb, endColorStr=#FFded58a); /* IE 8 */
  background-image:      gradient(linear, 0 0, 0 100%, from(#f1edcb), to(#ded58a));
  margin:                20px 20px 50px 20px;
  padding:               20px;
  -webkit-box-shadow:    5px 5px 5px rgba(0,0,0,0.6);
  -moz-box-shadow:       5px 5px 5px rgba(0,0,0,0.6);
  box-shadow:            5px 5px 5px rgba(0,0,0,0.6);
  -o-border-radius:      5px;
  -moz-border-radius:    5px;
  -khtml-border-radius:  5px;
  -webkit-border-radius: 5px;
  border-radius:         5px;
  border-top:            1px #ffffff solid;
  border-right:          1px #555555 solid;
  border-bottom:         1px #555555 solid;
  border-left:           1px #ffffff solid;
}
#canvasarea .transparent{
  background:         none;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
  border:             none;
  margin:             0px 0px 50px 0px;
  padding:            10px;
}
#canvasarea .content h1{
  font-size:   16px;
  font-weight: bold;
  margin:      0px 0px 0px 20px;
  padding-top: 0px;
}
#canvasarea .content h2{
  font-size:   15px;
  font-weight: bold;
  margin:      0px 0px 0px 20px;
  padding-top: 10px;
}
#air{
  position:   relative;
  opacity:    0;
  z-index:    1000;
  text-align: center;
  margin:     0 auto;
  bottom:     60px;
  margin:     60px 0px 0px 0px;
  overflow:   hidden;
}
#airimageframe.photo{
  position:             relative;
  background-image:     url(../../../images/mask_photo_frame_1.png);
  background-size:      100% 100%;
  font-family:          'Gochi Hand', cursive;
  color:                #555555;
  display:              inline-block;
  padding:              20px 23px 18px 20px;
/*  z-index:                   1000; */
}
#airimageframe.presse{
  position:             relative;
  background-image:     url(../../../images/mask_scan.png);
  background-size:      100% 100%;
  font-family:          'Gochi Hand', cursive;
  color:                #555555;
  display:              inline-block;
  padding:              20px 23px 18px 20px;
/*  z-index:                   1000; */
}
#airimage.photo{
  position:             relative;
  border:               2px rgba(0,0,0,0.5) solid;
}
#airimage.presse{
  position:             relative;
  border:               2px rgba(0,0,0,0.5) none;
}
#gadget{
  position:             absolute;
  bottom:               70px;
  z-index:              1000;
  left:                -moz-calc(100%/2 + 410px);
  left:                calc(100%/2 + 410px);
}
#contentgras{
  background-image:    url(../../../images/gras_small.png);
  background-position: bottom;
  background-repeat:   repeat-x;
  height:              30px;
  width:               800px;
  position:            absolute;
  bottom:              70px;
  left:                -moz-calc(100%/2 - 400px);
  left:                calc(100%/2 - 400px);
  z-index:             910;
}
#scroller{
  overflow: visible !important;
}
#lupe{
  position:              absolute;
  top:                   100px;
  left:                  100px;
  width:                 300px;
  height:                300px;
  border:                3px #555555 solid;
  cursor:                crosshair;
  cursor:                url(../../../images/blank.png), url(../../../images/blank.gif), url(../../../images/blank.ico), url(../../../images/blank.cur), none;
   z-index:               10000;
  display:               none;
  overflow:              hidden;
  -o-border-radius:      150px;
  -moz-border-radius:    150px;
  -khtml-border-radius:  150px;
  -webkit-border-radius: 150px;
  border-radius:         150px;
  -webkit-box-shadow:    5px 5px 5px rgba(0,0,0,0.6);
  -moz-box-shadow:       5px 5px 5px rgba(0,0,0,0.6);
  box-shadow:            5px 5px 5px rgba(0,0,0,0.6);
  background-image:      url(../../../images/glassflare3.png), url(../../../images/blank.gif);
  background-position:   0 0, 100000px 100000px;
  background-repeat:     no-repeat, no-repeat;
}
#lupenbild{
  position:   absolute;
  left:       100000px;
  top:        100000px;
  visibility: hidden;
}
.center{
  text-align: center;
}
.toppadding{
  padding-top: 10px;
}

/* dock */
.dock {
  position:   absolute;
  height:     150px;
  text-align: center;
  bottom:     30px;
  width:      100%;
}
.dock-container{
  position:     absolute;
  height:       50px;
  padding-left: 20px;
  bottom:       0px;
}
a.dock-item{
  display:         block;
  width:           40px;
  position:        absolute;
  bottom:          0px;
  text-align:      center;
  text-decoration: none;
  font-size:       16px;
  font-weight:     bold;
}
.dock-item img{
  border: none;
  margin: 0px 5px 0px 5px;
  width:  100%;
  display: inline;
}
.dock-item span{
  position:              absolute;
  bottom:                -26px;
  display:               none;
  width:                 100%;
  left:                  0px;
  text-align:            center;
  font-weight:           bold;
  overflow:              hidden;
  -o-border-radius:      10px;
  -moz-border-radius:    10px;
  -khtml-border-radius:  10px;
  -webkit-border-radius: 10px;
  border-radius:         10px;
  -webkit-box-shadow:    5px 5px 5px black;
  -moz-box-shadow:       5px 5px 5px black;
  box-shadow:            5px 5px 5px black;
  border-top:            1px #a4c9d7 solid;
  border-right:          1px #367992 solid;
  border-bottom:         1px #184657 solid;
  border-left:           1px #9abecc solid;
/*  border:                1px rgba(0,0,0,0.5) solid; */
}
.dock-item span .label{
/*
  background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(#CCCCCC), to(#444444));
  background-image:      -moz-linear-gradient(top, #CCCCCC, #444444);
  background-image:      -o-linear-gradient(top, #CCCCCC, #444444);
  filter:                progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#CCCCCC, endColorStr=#444444); /* IE 6 - 7 */
/*  -ms-filter:            progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#CCCCCC, endColorStr=#444444); /* IE 8 */
/*  background-image:      gradient(linear, 0 0, 0 100%, from(#CCCCCC), to(#444444));
*/
  background-image:      -webkit-gradient(linear, 0 0, 0 100%, from(rgba(200,240,255,0.5)), to(rgba(0,110,150,0.5)));
  background-image:      -moz-linear-gradient(top, rgba(200,240,255,0.5), rgba(0,110,150,0.5));
  background-image:      -o-linear-gradient(top, rgba(200,240,255,0.5), rgba(0,110,150,0.5));
  filter:                progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#77C8F0FF, endColorStr=#77006E96); /* IE 6 - 7, 9 */
  -ms-filter:            progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#77C8F0FF, endColorStr=#77006E96); /* IE 8 */
  background-image:      gradient(linear, 0 0, 0 100%, from(rgba(200,240,255,0.5)), to(rgba(0,110,150,0.5)));
  opacity:               0.7;
  -o-border-radius:      10px;
  -moz-border-radius:    10px;
  -khtml-border-radius:  10px;
  -webkit-border-radius: 10px;
  border-radius:         10px;
  text-shadow:           1px 1px 2px #FFFFFF;
}
.thumb{
  -webkit-transition: -webkit-transform 2s ease-in-out 0s;  /* Saf3.2+, Chrome */
  -moz-transition:    -moz-transform 2s ease-in-out 0s;  /* FF4+ */
  -ms-transition:     -ms-transform 2s ease-in-out 0s;  /* IE10? */
  -o-transition:      -o-transform 2s ease-in-out 0s;  /* Opera 10.5+ */
  -khtml-transition:  -khtml-transform 2s ease-in-out 0s;  /* Opera 10.5+ */
  transition:         transform 2s ease-in-out 0s;
  cursor:             pointer;
}
.thumb:hover {
  -moz-animation-name: shake;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-name: shake;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  -o-animation-name: shake;
  -o-animation-duration: 0.5s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: alternate;
  -o-animation-timing-function: ease-in-out;
  -ms-animation-name: shake;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: alternate;
  -ms-animation-timing-function: ease-in-out;
  -khtml-animation-name: shake;
  -khtml-animation-duration: 0.5s;
  -khtml-animation-iteration-count: infinite;
  -khtml-animation-direction: alternate;
  -khtml-animation-timing-function: ease-in-out;
  animation-name: shake;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}
.italic{
  font-style: italic;
}
.bold{
  font-weight: bold;
}
.center{
  text-align: center;
}

/* Wackel-Animation der Tbhumbnails */
@-moz-keyframes shake {
  0% {
    -moz-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}
@-o-keyframes shake {
  0% {
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}
@-ms-keyframes shake {
  0% {
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}
@-khtml-keyframes shake {
  0% {
    -khtml-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -khtml-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}
@keyframes shake {
  0% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(5deg);
  }
}