@charset "UTF-8";
/* CSS Document */



body,td,th,h6 {
	font-family: "Roboto Mono", monospace;
	font-size: 0.9em;
	color: #222222;
	}
h1,h2,h3,h4,h5 {
	font-family: 'Roboto Slab', serif;
	}
h1 {
	font-size: 2em;
	color: #222222;
}
h2 {
	font-size: 2em;
	color: #fc0182;
}
h3 {
	font-size: 1.3em;
	color: #222222;
}
h4 {
	font-size: 1.2em;
	color: #CD3482;}
	
h5 {
	font-size: 1.3em;
	color: #222222;
	font-style: normal;
	}
h6 {
	font-size: 1.1em;
	color: #222222;
	font-style: normal;
	margin-top: 2em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
h7 {
	font-size: 1.1em;
	color: #222222;
	font-style: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bolder;
	}
table {
  border-collapse: separate;
  border-spacing: 1em;
}
li {
	list-style-position: outside;
	list-style-type: disc;
	text-align: left;
}	
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* Opera < 12.1 */
@-o-keyframes fadein {
	from { opacity: 0; }}

body{
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 2s; /* Firefox < 16 */
      -o-animation: fadein 2s; /* Opera < 12.1 */
      animation: fadein 2s;
}

.galerie{
    padding-left: 0px;
    padding-top: 0px;
    margin: 0px;
    width: 1000px;
    height: 750px;
	float: none;
    overflow: hidden;
    border: 10px solid #FFFFFF;
	}
.zusammen{
	width: 100%;
	height:100%;
    font-family: "Roboto Mono", monospace;
    font-size: 10em;
    text-decoration: none;
    color: rgba(0,0,0,0.30);
}

.pfeillinks{
    color: rgba(0,0,0,0.30);
    width: auto;
    height: 150px;
    text-align: left;
	top: 32.5%;
    position: absolute;
    z-index: 60;
    padding-top: 0px;
	margin-top: 0px;
    left: 5px;
}
a:link.pfeillinks{
    color: rgba(0,0,0,0.30);
    text-decoration: none;
}
a:hover.pfeillinks{
    color: rgba(0,0,0,0.90);
    text-decoration: none;
}
.pfeilrechts{
    color: rgba(0,0,0,0.30);
    width: auto;
    height: 150px;
    text-align: right;
	top: 32.5%;
    position: absolute;
    z-index: 60;
    padding-top: 0px;
    right: 5px;
}
a:link.pfeilrechts{
    color: rgba(0,0,0,0.30);
    text-decoration: none;
}
a:hover.pfeilrechts{
    color: rgba(0,0,0,0.90);
    text-decoration: none;
}
#tabelle1,#tabelle2,#tabelle3{
	border-spacing: 0px 5px;
	float: none;
	width: 1000px;
	position: absolute;
	margin-left: 10px;
	padding: 0%;
	top: 780px;
	text-align: left;
	verical-align: top;	
}
.zeile {
	padding:0%;
	margin:0%;
    vertical-align: top;
	
}	
.spalte1{
    width: 90px;
    font-size: 1.4em;
    font-weight: lighter;
    font-family: 'Roboto Slab', serif;
    padding: 0%;
    vertical-align: top;
    letter-spacing: 0.05em;
    font-style: normal;
    color: #FFFFFF;
	}

.spalte2{
    width: 890px;
    font-size: 1.4em;
    font-weight: lighter;
    font-family: 'Roboto', sans-serif;
    padding-left: 0.5em;
	padding-top: 0.15em;
    vertical-align: bottom;
    letter-spacing: 0.05em;
    font-style: normal;
	color: #FFFFFF;
	}
.ap{
	float: none;
	padding: 0px;
	marign: 0px;
}
.film{
	float:none;
	top: 13%;
	left: 10%;
	right: 10%;
	width: 80%;
	position: absolute;
	bottom: 20%;
}
.film1{
    float: none;
	top:18%;
    left: 10%;
    right: 10%;
    width: 80%;
    position: absolute;
    bottom: 26%;
}
.film2{
	float:none;
	top:16%;
	left: 20%;
	right: 20%;
	width: 60%;
	position: absolute;
	bottom: 24%;
}
.audio1{
    background-image: url(../media/paul.jpg);
    float: right;
    left: 20%;
    margin-right: 10%;
    width: 25%;
    height: 22.5%;
    position: absolute;
    bottom: 45%;
    background-size: 100% auto;
	background-repeat: no-repeat;
}
.audio2{
	background-image: url(../media/kickass.jpg);
    float: right;
    margin-left: 10%;
    right: 20%;
    width: 25%;
	height:22.5%;
    position: absolute;
    bottom: 45%;
    background-size: 100% auto;
	background-repeat: no-repeat;
}