/* CSS Document */
@charset "ISO-8859-1";

html {
       
	background-color:rgb(9, 4, 128);
	background-image:url("space_background_fix.gif");
    background-size: 100% auto;
	background-attachment:fixed;
    scroll-behavior: smooth;
	   
	  }
	html, body {
    scroll-behavior: smooth;
}  
	  
.header{
       position: fixed;
       top: 0px; left:0px;
       width:100%;
       height:100px;
       text-align:center;
       padding:0px;
       border:0px;
       margin-top: 0px;
       margin-bottom:20px;
      #margin-left:10px;
       #margin-right:0px;
       z-index: 3; 
	  }
.navi{
    position:relative;	
	display: block;
	top: 10px;
	left: 0px;
	z-index: 3; 
}

	
.navibox{
       background-color:rgb(9, 4, 128);
       position:sticky;
       top: 0px; 
	   left:55px;
       width:100%;
       height:30px;
       margin-bottom: 5px;
       text-align:center; 
       z-index: 6; 
	  }
	  
.navibox a:hover  {
	font-style: bold;
	font-weight: bold;
	}		  
	
	
navibox > ul > li > ul {
  display: none;
}

navibox > ul a {
  display: block;
  white-space: nowrap;
  padding: 0px;
  background: rgb(59, 4, 128);
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav > ul > li {
  float: left;
}

nav > ul > li > ul {
  display: none;
}

nav > ul a {
  display: block;
  white-space: nowrap;
  padding: 5px;
  padding-left: 50px;
  padding-right: 50px;
  background: rgb(59, 4, 128);
}

nav > ul > li:hover  {
	font-style: bold;
	font-weight: bold;
	}


nav ul > li > ul > li a {
  background: rgb(59, 4, 128);
  color: rgb(0, 0, 0);
}

nav > ul > li:hover > ul {
  display: block;
  position: absolute;

}
nav > ul > li > ul > li {
  position: relative;
}


.video{

	 border-color:rgb(9, 4, 128);
	 border-style: solid;
	 border-width:5px;
     position:relative;
     width:100%;
     height:50%;
	 z-index:2;
	   }


.termine{
     background-color:rgb(200, 200, 200);

	 border-color:rgb(200, 200, 200);
	 border-style: solid;
	 border-width:5px;
     border-radius: 100px;
	 position:relative;
     width:70%;
     height:auto;
	 margin-left: 15%;
	 margin-top: -10px;
	 opacity:0.7;
	 z-index:4; 
	 transform:  rotate(0deg) translateX(0%);
     padding: 20px;
  }

.michael{
     background-color:rgb(200, 200, 200);

	 border-color:rgb(200, 200, 200);
	 border-style: solid;
	 border-width:5px;
     border-radius: 50%;
	 position:relative;
     max-width:45%;
     min-width:350px;
     height:auto;
	 margin-left: 15%;
	 margin-top: -10px;
	 opacity:0.7;
	 z-index:4; 
	 transform:  rotate(0deg) translateX(-20%) translateY(20%);
     padding: 10%;
  }

.joern{
     background-color:rgb(200, 200, 200);

	 border-color:rgb(200, 200, 200);
	 border-style: solid;
	 border-width:5px;
     border-radius: 50%;
	 position:relative;
     max-width:55%;
     min-width:350px;
     height:auto;
	 margin-left: 15%;
	 margin-top: -10px;
	 opacity:0.7;
	 z-index:4; 
	 transform:  rotate(0deg) translateX(0%) translateY(0%);
     padding: 10%;
  }

.werner{
     background-color:rgb(200, 200, 200);

	 border-color:rgb(200, 200, 200);
	 border-style: solid;
	 border-width:5px;
     border-radius: 50%;
	 position:relative;
     max-width:45%;
     min-width:350px;
     height:auto;
	 margin-left: 10%;
	 margin-top: -10px;
	 opacity:0.7;
	 z-index:4; 
	 transform:  rotate(0deg) translateX(25%)translateY(-15%);
     padding: 10%;
  }
  
  .string{
     background-color:rgb(200, 200, 200);

	 border-color:rgb(200, 200, 200);
	 border-style: solid;
	 border-width:5px;
     border-radius: 50%;
	 position:relative;
     max-width:65%;
     min-width:350px;
     height:auto;
	 margin-left: 15%;
	 margin-top: -10px;
	 opacity:0.7;
	 z-index:4; 
	 transform:  rotate(0deg) translateX(0%) translateY(-30%);
     padding: 10%;
  }
  


.content{
	 
	 background-image:url("space_background_move.gif");
	 Background-size: 95% auto;
	 border-color:rgb(9, 4, 128);
	 border-style: solid;
	 border-width:5px;
	 width:100%;
	 height:11000px;
	 left:0px;
	 text-align:center;
	 margin-left :0%;
	 margin-top :0%;
	 opacity: 1;
	 z-index:2;
     overflow:auto;
}

.darkcontent{
	 
	 background-color:rgb(0, 0, 0);
	 background-size: 90% auto;
	 border-color:rgb(0, 0, 0);
	 border-style: solid;
	 border-width:0px;
	 position: relative;
	 width:100%;
	 height:3000px;
	 left:0px;
	 margin-left :0%;
	 margin-top :0%;
	 opacity: 1;
	 z-index:2;
     overflow:auto;
}

.download{
	 
	 background-color:rgb(110, 0, 0);
	 background-size: 90% auto;
	 border-color:rgb(110, 110, 110);
	 border-style: solid;
	 border-width:10px;
	 position: absolute;
	 width:80%;
	 height:300px;
	 left:0px;
	 margin-left :10%;
	 margin-top :0%;
	 opacity: 1;
	 z-index:2;
     overflow:auto;
}

.data{
	 
	 background-color:rgb(200, 200, 200);
	 background-size: 90% auto;
	 border-color:rgb(0, 0, 0);
	 border-style: solid;
	 border-width:0px;
	 position: relative;
	 width:100%;
	 height:auto;
	 left:0px;
	 margin-left :0%;
	 margin-top :0%;
	 opacity: 1;
	 padding: 5%;
	 z-index:2;
     overflow:auto;
}
	   



.bilder{

	 border-color:rgb(0 100 0);
	 border-style: solid;
	 border-width:5px;
     position:relative;
	 top: 30px;
	 left:10%;

     height:auto;
	 z-index:3;
	   }
	   
.fotos{

	 border-color:rgb(0 0 0);
	 border-style: solid;
	 border-width:5px;
     position:relative;
	 top: 30px;
	 left:0%;

	 z-index:3;
	   }
	
* {box-sizing: border-box}
body {font-family: Arial, Helvetica, sans-serif; margin:0}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 80%;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0%;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}


	
.buffer{

	 border-color:rgb(9, 4, 128);
	 border-style: solid;
	 border-width:5px;
     position:absolute;
	 top: 0px;
	 left:0px;
     width:80%;
     height:500px;
	 z-index:3;
	   }
	   
	   
.footer  {
    background-color:rgb(9, 4, 128);
	opacity: 0,7;
	position:fixed;
	bottom:0px; 
	left:0px;
    width:100%;
    height:35px;
	padding:2px 2px;
    z-index:4;
	
       }

.footer	   a:hover  {
	font-style: bold;
	font-weight: bold;
	}


.impressum{

     height:400px;
	 bottom:25px;
	 -margin-left: 5%;
	 -margin-top: -10px;
	 z-index: 2; 
       }

	
.table {
   border-collapse: collapse;
   border: 10px rgb(59, 4, 128);
}


.bodytext0 {
	  font:0.7em Arial;
	  color:#FFFFFF;
	  line-height:20px;
	  margin-top:0px;
	  letter-spacing:0em;
	  font-style: normal;
	  font-weight: normal;
	  text-decoration: none;
	 
	  }	

.bodytext00 {
	  font:0.7em Arial;
	  color:#000000;
	  line-height:20px;
	  margin-top:0px;
	  letter-spacing:0em;
	  font-style: normal;
	  font-weight: normal;
	  text-decoration: none;
	 
	  }		
	
.bodytext1 {
	  font:1.0em Arial, Helvetica, sans-serif;
	  color:#000000;
	  line-height:20px;
	  margin-top:0px;
 	  }


.bodytext2 {
	  font:1.0em Arial, Helvetica, sans-serif;
	  color:#FFFFFF;
	  line-height:20px;
	  margin-top:0px;
	  font-weight: normal;
	  	 z-index:3; 
	  }
	
.bodytext3 {
	  font:1.1em Arial, Helvetica, sans-serif;
	  color:#255 255 255;
	  line-height:20px;
	  margin-top:0px;
	  z-index:5; 
	  }
	  
.bodytext4 {
	  font:1.2em Arial, Helvetica, sans-serif;
	  color:#FFFFFF;
	  line-height:20px;
	  margin-top:0px;
	  }

.boldtext1 {
	  font:1.0em Arial, Helvetica, sans-serif;
	  color:#000000;
      font-weight:bold;
	  line-height:20px;
	  margin-top:0px;
 	  }

.boldtext2 {
	  font:1.5em Arial, Helvetica, sans-serif;
	  color:#000000;
      font-weight:bold;
	  line-height:25px;
	  margin-top:0px;
 	  }	  

	
.linktext {
	  font:1.0em Arial, Helvetica, sans-serif;
	  color:rgb(255, 255, 255);
	  line-height:20px;
	  margin-top:0px;
	  letter-spacing:0em;
	  font-style: italic;
	  font-weight: normal;
	  text-decoration: none;
	  text-align:left;
	 
	  }	
	  
.maillink {
	  font:1.0em Arial, Helvetica, sans-serif;
	  color:rgb(0 162 232);
	  line-height:20px;
	  margin-top:0px;
	  letter-spacing:0em;
	  font-style: italic;
	  font-weight: normal;
	  text-decoration: none;
	  text-align:center;
	 
	  }