.headline td {
	color: white;
	background: #1F6F4F;
	font-size: 1.2em;
    box-shadow: 0.6em 0.6em 0.6em 0 hsl(0, 0%, 50%);
	padding: 0.5em 0.0em 0.5em 0.0em;

	width: 15em;
	margin-left: -2em;
	position: relative;
    border-radius: 10px; 
    border: 0px solid #1F6F4F; 
    border-collapse: collapse; 	

}

.headline2 td {
	color: black;
	background: #1F6F4F;
	font-size: 1.2em;
    box-shadow: 0.6em 0.6em 0.6em 0 hsl(0, 0%, 50%);
	padding: 0.5em 0.0em 0.5em 0.0em;

	width: 5em;
	margin-left: -2em;
	position: relative;
    border-radius: 10px; 
    border: 0px solid #1F6F4F; 
    border-collapse: collapse; 	

}

.headlinegrau td {
	color: white;
	background: #1F6F4F;
	font-size: 1.2em;
    box-shadow: 0.6em 0.6em 0.6em 0 hsl(0, 0%, 50%);
	padding: 0.5em 0.0em 0.5em 0.0em;

	width: 15em;
	margin-left: -2em;
	position: relative;
    border-radius: 10px; 
    border: 0px solid #1F6F4F; 
    border-collapse: collapse; 	

}




.grau td {
	background-image: linear-gradient(#eaf3ef, #f9f9f9);
	border-left: 1px solid #1F6F4F;
	border-right: 1px solid #1F6F4F;
	border-collapse: collapse;
	border: 1px solid #1F6F4F;
	padding: 0.3em 0.3em;
}


table.grau tr:last-child td:first-child {
    border-bottom-left-radius:10px;
}

table.grau tr:last-child td:last-child {
    border-bottom-right-radius:10px;
}

table.grau tr th:first-child,
table.grau tr td:first-child {
   border-left: 1px solid #1F6F4F;
}

table.grau tr:first-child th,
table.grau tr:first-child td {
   border-top: 1px solid #1F6F4F;
}

table.grau tr:first-child th:first-child,
table.grau tr:first-child td:first-child {
    border-top-left-radius:10px;
}

table.grau tr:first-child th:last-child,
table.grau tr:first-child td:last-child {
    border-top-right-radius:10px;
}

.grau caption {
	color: white;
	background: #1F6F4F;
	font-size: 1.2em;
    box-shadow: 0.4em 0.4em 0.4em 0 hsl(0, 0%, 50%);
	padding: 0.2em 0.2em 0.2em 2em;
	width: 28em;
	margin-left: -2em;
	position: relative;
	border-radius: 10px; 
    border: 0px solid #1F6F4F; 
    border-collapse: collapse; 	
}


.grau2 {
	color: white;
	background: #1F6F4F;
	font-size: 1.2em;
    box-shadow: 0.4em 0.4em 0.4em 0 hsl(0, 0%, 50%);
	padding: 0.2em 0.2em 0.2em 2em;
	width: 35em;
	margin-left: -2em;
	position: relative;
    border-radius: 10px; 
    border: 0px solid #1F6F4F; 
    border-collapse: collapse; 	
}


.grauarchiv td {
	border-left: 1px solid #1F6F4F;
	border-right: 1px solid #1F6F4F;
	border-collapse: collapse;
	border: 1px solid #1F6F4F;
	padding: 0.3em 0.3em;
}

table.grauarchiv tr:last-child td:first-child {
    border-bottom-left-radius:10px;
}

table.grauarchiv tr:last-child td:last-child {
    border-bottom-right-radius:10px;
}

table.grauarchiv tr th:first-child,
table.grauarchiv tr td:first-child {
   border-left: 1px solid #1F6F4F;
}

table.grauarchiv tr:first-child th,
table.grauarchiv tr:first-child td {
   border-top: 1px solid #1F6F4F;
}

table.grauarchiv tr:first-child th:first-child,
table.grauarchiv tr:first-child td:first-child {
    border-top-left-radius:10px;
}

table.grauarchiv tr:first-child th:last-child,
table.grauarchiv tr:first-child td:last-child {
    border-top-right-radius:10px;
}


.grautools td {
	background-image: linear-gradient(#eaf3ef, #f9f9f9);
	border-left: 1px solid #1F6F4F;
	border-right: 1px solid #1F6F4F;
	border-collapse: collapse;
	border: 1px solid #1F6F4F;
	padding: 0.3em 0.3em;
}

.grautools caption {
	color: white;
	background: #1F6F4F;
	font-size: 1.2em;
	box-shadow: 0.4em 0.4em 0.4em 0 hsl(0, 0%, 50%);
	padding: 0.2em 0.2em 0.2em 2em;
	width: 15em;
	margin-left: -2em;
	position: relative;
	border-radius: 10px; 
    border: 0px solid #1F6F4F; 
    border-collapse: collapse; 	
}

table.grautools tr:last-child td:first-child {
    border-bottom-left-radius:10px;
}

table.grautools tr:last-child td:last-child {
    border-bottom-right-radius:10px;
}

table.grautools tr th:first-child,
table.grautools tr td:first-child {
   border-left: 1px solid #1F6F4F;
}

table.grautools tr:first-child th,
table.grautools tr:first-child td {
   border-top: 1px solid #1F6F4F;
}

table.grautools tr:first-child th:first-child,
table.grautools tr:first-child td:first-child {
    border-top-left-radius:10px;
}

table.grautools tr:first-child th:last-child,
table.grautools tr:first-child td:last-child {
    border-top-right-radius:10px;
}

.tools2 td {
	color: white;
	background: #1F6F4F;
	font-size: 1.2em;
    box-shadow: 0.6em 0.6em 0.6em 0 hsl(0, 0%, 50%);
	padding: 0.5em 0.0em 0.5em 0.0em;

	width: 15em;
	margin-left: -2em;
	position: relative;
    border-radius: 10px; 
    border: 0px solid #1F6F4F; 
    border-collapse: collapse; 	

}

.tools td {
	background-image: linear-gradient(#f9f9f9, #e3e3e3);
	border-left: 2px solid #1F6F4F;
	border-right: 2px solid #1F6F4F;
	border-collapse: collapse;
	border: 1px solid #1F6F4F;
	padding: 0.3em 0.3em;
}

.tools caption {
	color: white;
	background: #1F6F4F;
	font-size: 1.2em;
    box-shadow: 0.4em 0.4em 0.4em 0 hsl(0, 0%, 50%);
	padding: 0.2em 0.2em 0.2em 2em;
	width: 28em;
	margin-left: 0em;
	position: center;
	border-radius: 10px; 
    border: 0px solid #1F6F4F; 
    border-collapse: collapse; 
}

table.tools tr:last-child td:first-child {
    border-bottom-left-radius:10px;
}

table.tools tr:last-child td:last-child {
    border-bottom-right-radius:10px;
}

table.tools tr th:first-child,
table.tools tr td:first-child {
   border-left: 2px solid #1F6F4F;
}

table.tools tr:first-child th,
table.tools tr:first-child td {
   border-top: 2px solid #1F6F4F;
}

table.tools tr:first-child th:first-child,
table.tools tr:first-child td:first-child {
    border-top-left-radius:10px;
}

table.tools tr:first-child th:last-child,
table.tools tr:first-child td:last-child {
    border-top-right-radius:10px;
}


.toolszuffi td {
	background-image: linear-gradient(#f9f9f9, #e3e3e3);
	border-left: 2px solid #1F6F4F;
	border-right: 2px solid #1F6F4F;
	border-collapse: collapse;
	border: 1px solid #1F6F4F;
	padding: 0.3em 0.3em;
	width: 5em;
	

}

.toolszuffi caption {
	color: white;
	background: #1F6F4F;
	font-size: 1.2em;
    box-shadow: 0.4em 0.4em 0.4em 0 hsl(0, 0%, 50%);
	padding: 0.2em 0.2em 0.2em 2em;
	width: 28em;
	margin-left: 0em;
	position: center;
	border-radius: 10px; 
    border: 0px solid #1F6F4F; 
    border-collapse: collapse; 
}

table.toolszuffi tr:last-child td:first-child {
    border-bottom-left-radius:10px;
		box-shadow: 0.4em 0.4em 0.4em 0 hsl(0, 0%, 50%);
}

table.toolszuffi tr:last-child td:last-child {
    border-bottom-right-radius:10px;
		box-shadow: 0.4em 0.4em 0.4em 0 hsl(0, 0%, 50%);
}

table.toolszuffi tr th:first-child,
table.toolszuffi tr td:first-child {
   border-left: 2px solid #1F6F4F;
   	box-shadow: 0.4em 0.4em 0.4em 0 hsl(0, 0%, 50%);
}

table.toolszuffi tr:first-child th,
table.toolszuffi tr:first-child td {
   border-top: 2px solid #1F6F4F;
   	box-shadow: 0.4em 0.4em 0.4em 0 hsl(0, 0%, 50%);
}

table.toolszuffi tr:first-child th:first-child,
table.toolszuffi tr:first-child td:first-child {
    border-top-left-radius:10px;
		box-shadow: 0.4em 0.4em 0.4em 0 hsl(0, 0%, 50%);
}

table.toolszuffi tr:first-child th:last-child,
table.toolszuffi tr:first-child td:last-child {
    border-top-right-radius:10px;
		box-shadow: 0.4em 0.4em 0.4em 0 hsl(0, 0%, 50%);
}

.menu td {
	border-left: 0px solid #1F6F4F;
	border-right: 0px solid #1F6F4F;
	border-collapse: collapse;
	border: 0px solid #1F6F4F;

}

table.menu tr:last-child td:first-child {
    border-bottom-left-radius:5px;
}

table.menu tr:last-child td:last-child {
    border-bottom-right-radius:5px;
}

table.menu tr th:first-child,
table.menu tr td:first-child {
   border-left: 2px solid #1F6F4F;
}

table.menu tr:first-child th,
table.menu tr:first-child td {
   border-top: 2px solid #1F6F4F;
}

table.menu tr:first-child th:first-child,
table.menu tr:first-child td:first-child {
    border-top-left-radius:5px;
}

table.menu tr:first-child th:last-child,
table.menu tr:first-child td:last-child {
    border-top-right-radius:5px;
}


a:link { color: #1F6F4F; text-decoration: none }
a:active { color: #1F6F4F; text-decoration: none }
a:visited { color:#1F6F4F; text-decoration: none }
a:hover {color: #696969 ; text-decoration: none }


.dsR1000 /*agl rulekind: base;*/ { background-image: url(Layout/bg.jpg); text-align: center;}

.modern1 a:link { text-decoration: none; color: white;}
.modern1 a:active { text-decoration: none;  color: white; }
.modern1 a:visited { text-decoration: none;  color: white;}
.modern1 a:hover 

{ text-decoration: none; 
transition: .5s linear; 
color: #ffffb3;
 
text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;



}

div.modern1 { display:inline; font-weight: bold; }

.modern1 span
{
font-size: 2.1em;
	font-family: Papyrus;
	font-variant: small-caps;
}

.modern1 span {
    position: relative;
    margin: 0 auto;
    color: white;
    top: -10px;
    left: 0;
    padding: 0.7em;
    text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;
   
   
    transition: .5s linear;
}

.modern1 span:hover,
.modern1 span:focus{
    color: #ffffb3;
 
text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;
				 
				 }
				 
div.modern1aktiv { display:inline; font-weight: bold; }




.modern1aktiv span
{
font-size: 2.1em;
	

	font-family: Papyrus;
	font-variant: small-caps;
}

.modern1aktiv span {
    position: relative;
    margin: 0 auto;
    color: black;
    top: -10px;
    left: 0;
    padding: 0.7em;
    text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;
   
   
    transition: .5s linear;
}

.modern1aktiv span:hover,
.modern1aktiv span:focus{
    color: #ffffb3;
 
text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;
				 
				 }
				 
.modern1aktiv a:link { text-decoration: none; color: #ffffb3;}
.modern1aktiv a:active { text-decoration: none;  color: #ffffb3; }
.modern1aktiv a:visited { text-decoration: none;  color: #ffffb3;}
.modern1aktiv a:hover 

{ text-decoration: none; 
transition: .5s linear; 
color: #ffffb3;
 
text-shadow:  1px  1px 1px black,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;



}				 				 

.modern2 a:link { text-decoration: none; color: #1F6F4F;}
.modern2 a:active { text-decoration: none;  color: #1F6F4F; }
.modern2 a:visited { text-decoration: none;  color: #1F6F4F;}
.modern2 a:hover 

{ text-decoration: none; 
transition: .9s linear; 
color: #696969;
 


}

#stapel1 {
	    position: relative;
 width: 119px;
   height: 300px;
	overflow: hidden;
    margin: 2em auto 0; 
/*    border: 0px solid #eee;
    box-shadow: 1px 1px 5px 2px #777;*/
}

#stapel1 img {
    position: absolute;
   width: 119px;
   height: 300px;
    opacity: 0;



}

#stapel1 img:nth-of-type(1) {
    -webkit-animation: fade1 32s ease-in-out infinite;
    animation: fade 32s ease-in-out infinite;
}

#stapel1 img:nth-of-type(2) {
    -webkit-animation: fade 32s 4s ease-in-out infinite;
    animation: fade 32s 4s ease-in-out infinite;
}

#stapel1 img:nth-of-type(3) {
    -webkit-animation: fade1 32s 8s ease-in-out infinite;
    animation: fade 32s 8s ease-in-out infinite;
}

#stapel1 img:nth-of-type(4) {
    -webkit-animation: fade 32s 12s ease-in-out infinite;
    animation: fade 32s 12s ease-in-out infinite;
}

#stapel1 img:nth-of-type(5) {
    -webkit-animation: fade1 32s 16s ease-in-out infinite;
    animation: fade 32s 16s ease-in-out infinite;
}

#stapel1 img:nth-of-type(6) {
    -webkit-animation: fade 32s 20s ease-in-out infinite;
    animation: fade 32s 20s ease-in-out infinite;
}

#stapel1 img:nth-of-type(7) {
    -webkit-animation: fade1 32s 24s ease-in-out infinite;
    animation: fade 32s 24s ease-in-out infinite;
}

#stapel1 img:nth-of-type(8) {
    -webkit-animation: fade 32s 28s ease-in-out infinite;
    animation: fade 32s 28s ease-in-out infinite;
}


#stapel1mit200 {
	    position: relative;
 width: 79px;
   height: 200px;
	overflow: hidden;
    margin: 2em auto 0; 
/*    border: 0px solid #eee;
    box-shadow: 1px 1px 5px 2px #777;*/
}

#stapel1mit200 img {
    position: absolute;
   width: 79px;
   height: 200px;
    opacity: 0;



}

#stapel1mit200 img:nth-of-type(1) {
    -webkit-animation: fade1 32s ease-in-out infinite;
    animation: fade 32s ease-in-out infinite;
}

#stapel1mit200 img:nth-of-type(2) {
    -webkit-animation: fade 32s 4s ease-in-out infinite;
    animation: fade 32s 4s ease-in-out infinite;
}

#stapel1mit200 img:nth-of-type(3) {
    -webkit-animation: fade1 32s 8s ease-in-out infinite;
    animation: fade 32s 8s ease-in-out infinite;
}

#stapel1mit200 img:nth-of-type(4) {
    -webkit-animation: fade 32s 12s ease-in-out infinite;
    animation: fade 32s 12s ease-in-out infinite;
}

#stapel1mit200 img:nth-of-type(5) {
    -webkit-animation: fade1 32s 16s ease-in-out infinite;
    animation: fade 32s 16s ease-in-out infinite;
}

#stapel1mit200 img:nth-of-type(6) {
    -webkit-animation: fade 32s 20s ease-in-out infinite;
    animation: fade 32s 20s ease-in-out infinite;
}

#stapel1mit200 img:nth-of-type(7) {
    -webkit-animation: fade1 32s 24s ease-in-out infinite;
    animation: fade 32s 24s ease-in-out infinite;
}

#stapel1mit200 img:nth-of-type(8) {
    -webkit-animation: fade 32s 28s ease-in-out infinite;
    animation: fade 32s 28s ease-in-out infinite;
}

#stapel2 {
	    position: relative;
 width: 119px;
   height: 300px;
	overflow: hidden;
    margin: 2em auto 0; 
/*    border: 1px solid #eee;
    box-shadow: 1px 1px 5px 2px #777;*/
}

#stapel2 img {
    position: absolute;
   width: 119px;
   height: 300px;
    opacity: 0;



}

#stapel2 img:nth-of-type(1) {
    -webkit-animation: fade 32s ease-in-out infinite;
    animation: fade 32s ease-in-out infinite;
}

#stapel2 img:nth-of-type(2) {
    -webkit-animation: fade1 32s 4s ease-in-out infinite;
    animation: fade 32s 4s ease-in-out infinite;
}

#stapel2 img:nth-of-type(3) {
    -webkit-animation: fade 32s 8s ease-in-out infinite;
    animation: fade 32s 8s ease-in-out infinite;
}

#stapel2 img:nth-of-type(4) {
    -webkit-animation: fade1 32s 12s ease-in-out infinite;
    animation: fade 32s 12s ease-in-out infinite;
}

#stapel2 img:nth-of-type(5) {
    -webkit-animation: fade 32s 16s ease-in-out infinite;
    animation: fade 32s 16s ease-in-out infinite;
}

#stapel2 img:nth-of-type(6) {
    -webkit-animation: fade1 32s 20s ease-in-out infinite;
    animation: fade 32s 20s ease-in-out infinite;
}

#stapel2 img:nth-of-type(7) {
    -webkit-animation: fade 32s 24s ease-in-out infinite;
    animation: fade 32s 24s ease-in-out infinite;
}

#stapel2 img:nth-of-type(8) {
    -webkit-animation: fade1 32s 28s ease-in-out infinite;
    animation: fade 32s 28s ease-in-out infinite;
}



@-webkit-keyframes fade {
    6.66%, 20%          {opacity:1;}
       0%, 26.66%, 100% {opacity:0;}
}

@keyframes fade {
    6.66%, 20%          {opacity:1;}
       0%, 26.66%, 100% {opacity:0;}
}

@keyframes fade1 {
    6.66%, 20%          {opacity:1;}
       0%, 26.66%, 100% {opacity:0;}

}

@-webkit-keyframes fade1 {
    6.66%, 20%          {opacity:1;}
       0%, 26.66%, 100% {opacity:0;}

}


#stapel3 {
    position: relative;
    height: 300px;
    width: 119px;
    perspective: 3000px;
    transform-style: preserve-3d;
}

#stapel3 img {
    border: 0px solid #eee;
}

#stapel3 figure {
    position: absolute;
    margin: +50px;
	margin-top: +5px;
    height: 300px;
    width: 119px;
    opacity: 0;
}

#stapel3 figcaption {
    position: relative;
    overflow: hidden;

    opacity: 0;
    transition: 2s;
}

#stapel3 figcaption:after {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: .1em;
    background: #fff;
    content: '';
    transition: transform .5s;
    transform: translate3d(-200%,0,0);
}

#stapel3:hover figcaption,
#stapel3:hover figcaption:after {
    opacity: 1;
    transform: translate3d(0,0,0);
}

#stapel3 figure:nth-of-type(1) {
    animation: bild 24s ease-in-out infinite;
}

#stapel3 figure:nth-of-type(2) {
    animation: bild 24s 6s ease-in-out infinite;
}

#stapel3 figure:nth-of-type(3) {
    animation: bild 24s 12s ease-in-out infinite;
}

#stapel3 figure:nth-of-type(4) {
    animation: bild 24s 18s ease-in-out infinite;
}

@keyframes bild {
     6.66%       {opacity:1; z-index:3;
                  transform:rotateY(0deg) translateZ(-1000px);}
    20%          {opacity:1; z-index:4;
                  transform:rotateY(0deg) translateZ(253px);}
    26.66%       {opacity:1; z-index:2;
                  transform:rotateY(-90deg) translateZ(2250px);}
    26.67%, 100% {opacity:0; z-index:1;
                  transform:rotateY(90deg) translateZ(2250px);}
    0%           {opacity:1; z-index:1;
                  transform:rotateY(90deg) translateZ(1261px);}
}

@keyframes bild1 {
     6.66%       {opacity:1; z-index:3;
                  transform:rotateY(0deg) translateZ(-1000px);}
    20%          {opacity:1; z-index:4;
                  transform:rotateY(0deg) translateZ(253px);}
    26.66%       {opacity:1; z-index:2;
                  transform:rotateY(-90deg) translateZ(250px);}
    26.67%, 100% {opacity:0; z-index:1;
                  transform:rotateY(90deg) translateZ(250px);}
    0%           {opacity:1; z-index:1;
                  transform:rotateY(90deg) translateZ(-1261px);}
}