body {background-color:#FFFFFF;font-size:12px; margin:0; margin-left: 0px;line-height:150%; 
font-family:'century gothic',sans-serif, arial, helvetica;font-weight:normal;color:#696969; 



scrollbar-base-color:#FFFFFF; 
scrollbar-arrow-color:#A9A9A9;
scrollbar-highlight-color:#FFFFFF;
scrollbar-track-color:transparent;
scrollbar-shadow-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-face-color:#FFFFFF}

html {scrollbar-base-color:#FFFFFF; 
      scrollbar-arrow-color:#A9A9A9;
	  scrollbar-highlight-color:#FFFFFF;
	  scrollbar-track-color:transparent;
	  scrollbar-shadow-color:#FFFFFF;
	  scrollbar-darkshadow-color:#FFFFFF;
	  scrollbar-3dlight-color:#FFFFFF;
	  scrollbar-face-color:#FFFFFF}
	  
h2 {font-size:130%; text-align:left; font-weight:normal; text-transform:lowercase;
     background-color:transparent; letter-spacing:2pt}

p {text-transform:lowercase; background-color:transparent}

p.hell {background-color:#FFFFFF;color:#A9A9A9}
p.projekt {padding-bottom:70px; background-color:transparent}
p.adresse {line-height:140%; color:#A9A9A9; letter-spacing:1pt;font-size:11px}
p.adressezahl {font-size:8px;color:#696969}

table {position:absolute; table-layout:fixed; border:0; background-color:transparent; }
table.unten {position:absolute; top:132px;table-layout:fixed}


td { margin-left:0px; margin:0; padding-left:0; text-align:left; left:0px; height:15px}
td.counter {height:500px; vertical-align:bottom}

img {float:none}

img.klein {float:none; width:150px; border:0; padding-bottom:10px; background-color:transparent}
img.kleintab {position:relative; float:none; width:150px; border:0; top:0px; padding-bottom:15px; background-color:transparent; }
img.gross {float:none; width:485px; border:0; padding-bottom:130px; padding-top:30px; background-color:transparent}
img.blank {float:none; border:0; padding-bottom:0px}


a img {background-color:transparent}
 a:link { text-decoration:none; color:#A9A9A9; }
 
 a:visited { text-decoration:none;  color:#A9A9A9; }
 
 a:active { text-decoration:none; color:#696969;}
 
 a:hover { text-decoration:none; color:#696969;}

 


imp.kleintab: hover {position:relative; right:0px; bottom:0Px}

.gallery {
  width: 20em;
  height: 15em;
  margin: 0 auto;
  overflow: hidden;
}

@media (min-width: 40em)  { 
.gallery {
  width: 40em;
  height: 30em;
}
}

@media (max-width: 60em)  { 
.gallery {
  width: 60em;
  height: 45em;
}
}
  
.gallery figure {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

.gallery figcaption {
  position: absolute;
  left: 1em;
  bottom: 1em;
  color: white;
}

.gallery img {
  width: 100%;
  margin: 0;
  padding: 0;  
}
.gallery figure {
  height: 100%;
  animation: slide 18s infinite ease-in-out;
}

.gallery:hover figure {
  animation-play-state: paused;
}
@keyframes slide {
    0%     {top: 0}
    12%  {top: 0}
    16%  {top: -100%}
    28%  {top: -100%}
    32%  {top: -200%}
    44%  {top: -200%}
    48%  {top: -300%}
    60%  {top: -300%}
    65%  {top: -400%}
    78%  {top: -400%}
    83%  {top: -500%}
    95%  {top: -500%}
    100% {top: 0}
}