body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px; background-color: #fff; background-image:url(images/bgstripe.png);padding:0px;background-repeat:repeat;
}

a {cursor:url(images/cur03.gif), pointer !important;cursor:url(images/cur03.ani), pointer}


/* breite der konstrukt.*/

#main {border:solid 0px #000;width:1000px;background-color:#;}




#sp1a  { padding-left: 0px;padding-right:0px;padding-top: 0px;
background-color:#242628;
padding:0px;background-repeat:repeat;
text-align:center;
vertical-align:middle;
}

.imgstyle {border:solid 10px #fff;}



h2{
letter-spacing:2px;
font-family: monospace,"Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
font-size: 18px;text-align:left;color:#242628;}



#sp2 {
padding-top: 40px; padding-bottom: 50px;
padding-left: 20px;padding-right:20px;
background-color:#fff;width:100%;
border-left:solid 0px #343434;
font-size: 13px;line-height: 18px;font-family: monospace, verdana,arial, helvetica, tahoma ,verdana,  sans-serif;
text-align:left;color:#000;
cursor:url(images/cur04.gif), pointer !important;cursor:url(images/cur04.ani), pointer;
background-image:url(images/backani01.gif);background-repeat:no-repeat;
background-position: 50% 50%;
}

#sp2unten {
padding-top: 0px; padding-bottom: 10px;
padding-left: 20px;padding-right:20px;
background-color:#fff;width:100%;
border-left:solid 0px #343434;
font-size: 12px;line-height: 18px;font-family:arial, helvetica, tahoma ,verdana,  sans-serif;
text-align:center;color:#000;
}


.textklein{
font-size: 9px;line-height: 15px;font-family: verdana,arial, helvetica, tahoma ,verdana,  sans-serif;
text-align:left;color:#000;
margin:0px;font-style:italic;
}



#top{font: normal 11px verdana, sans-serif; color: #7f7f7f; padding-top:6px;
vertical-align:bottom;
text-align:right;
background-color:#0f1113;
}

.fussb {font: normal 11px verdana, sans-serif; color: #7f7f7f; padding:6px;
height:24px;
text-align:center;
background-color:#0f1113;
}



/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #fff; scrollbar-base-color: #2d2d2d;
scrollbar-highlight-color : #000000; scrollbar-shadow-color : #2d2d2d;
SCROLLBAR-TRACK-COLOR: #3F3F3F;}

#galerie {
background:#ffffff;
-moz-border-radius:10px;
border-radius:10px;
padding:20px;
width:700px;
margin:20px auto;
}

#galerie img {
background:#ffffff;
width:150px;
margin:15px 10px;
padding:10px 10px 50px 10px;
opacity:0.8;
-moz-box-shadow: 0 0 5px 2px #ccc;
-webkit-box-shadow: 0 0 5px 2px #ccc;
box-shadow: 0 0 5px 2px #ccc;
-webkit-transform: rotate(-2deg);  /* Saf3.1+, Chrome */
-moz-transform: rotate(-2deg);  /* FF3.5+ */
-o-transform: rotate(-2deg);  /* Opera */
transform: rotate(-2deg);
-webkit-transition: all 0.4s ease-out;	/* Saf3.1+, Chrome */
-moz-transition: all 0.4s ease-out;	/* FF3.5+ */
-o-transition: all 0.4s ease-out;	/* Opera */
transition: all 0.4s ease-out;
}

#galerie img:nth-child(2n) {
-webkit-transform: rotate(2deg);  /* Saf3.1+, Chrome */
-moz-transform: rotate(2deg);  /* FF3.5+ */
-o-transform: rotate(2deg);  /* Opera */
transform: rotate(2deg);
}

#galerie img:hover {
opacity:1;
padding:0;
position:relative;
z-index:1;
-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
box-shadow: 2px 2px 5px #888;
-webkit-transform: rotate(0deg) scale(5);  /* Saf3.1+, Chrome */
-moz-transform: rotate(0deg) scale(5);  /* FF3.5+ */
-o-transform: rotate(0deg) scale(5);  /* Opera */
transform: rotate(0deg) scale(5);
}

#cookie-popup { 
  text-align: center; 
  background: #fff;
  position: fixed;
  bottom: 0px; 
  left: 0;
  right: 0;
  z-index: 9999;
  font-size:14px; 
  line-height:20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  }
 
#cookie-popup.hidden {
  display: none;
}