/* <style type="text/css"> */
/* updated Dec'2015        */
/* www-midnightware.de     */


 body {
   background-color: #202080;
   color: #ffffff; 
      }
 h1 { 
  background-color: #202080;
  color: #ffffff;
    }
 div { 
  background-color: #202080;
  color: #ffffff; 
     }
 input type="submit" {
  display: block; width: 250px; height: 60px; padding: 40px 0 0 0; margin: 0 auto;
  background-color: #378814;
  border-radius: 5px; 
  box-shadow: inset 0 0 5px 5px #99ccff; 
     }
.videodisp {
  width: 100%;
  height: auto;
     }
.containerBI {
	position: relative;
	width: 100%;
}

.containerBI img {
    width: 100%;
    height: auto;	
}

.containerBI .btn {
  position: absolute;
  top: 3%;
  left: 97%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #555;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.containerBI .btn:hover {
  background-color: black;
}
	 
.bigimg {
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}


.buttoner {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 32px;   
    
}

.buttonsel {
    background-color: #8470FF; /* lightblue */
    border: none;
    color: white;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    font-size: 24px;   
    width: 100%;
    
}
.buttonselected {
    background-color: #3CB371; /* lightgreen */
    border: none;
    color: white;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    font-size: 24px;   
    width: 100%;
    
}

.overall {
	position: sticky;
	top: 0;
	left: 0;
	margin: 0px;
	border: none;
	width: 100%;
}


.righttab {
   top: 0;
   width: 90%;
   border: none;
   margin: 0px;
   padding-left: 50px;
   padding-right: 5px;
   background-color: #202080;
   color: #ffffff;
}

.rightheader {
	top: 0;
	width: 90%;
}

.rightbody {
	margin-top: 60px;
	padding-left: 0px;
}

.leftbar {
	position: fixed;
	background-color: #070a42; /* new dark blue <-- lightgray #E5E1E1;*/
	border: none;
	color: black;
	text-align: center;
	width: 60px;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	padding-top: 0px;
	margin-right: 0px;
}

.leftbartab {
	position: sticky;
	background-color: #070a42; /* new dark blue - lightgray */
	border: none;
	color: black;
	text-align: center;
	width: 53px;
	padding-top: 5px;
	margin-right: 0px;
}


.VerticalText {

width: 5%;
font-size: 1em;
text-orientation: mixed;
border: 1;
border-radius: 5px;
}

.VerticalText2 {
width:200px;
float: left;
width: 5%;
font-size: 1em;
/* position: absolute; */
-moz-transform: rotate(270deg) translate(0px,0px); /* Firefox 3.5+ */
-o-transform: rotate(270deg) translate(0px,0px); /* Opera 10.5 */
-webkit-transform: rotate(270deg) translate(0px,0px); /* Safari 3.1+, Chrome */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE 6,IE 7 */
-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE 8 */
-ms-transform: rotate(270deg) translate(0px,0px); /* IE 9+ */
}

 input.subgroup {
  display: block; width: 15em; height: 2em;
  background-color: #A0A0F0;
  border-radius: 5px;
  box-shadow:inset 0 0 5px 5px #99ccff;
 }
 input.subgroupsel {
  display: block; width: 15em; height: 2em;
  background-color: #A0A0F0;
  border-radius: 5px;
  box-shadow:inset 0 0 5px 5px #ff6666;	 
	 
 }

 input.selection {
  display: block; width: 75em; height: 2em;
  background-color: #A0A0F0;
  border-radius: 10px;
  box-shadow:inset 0 0 2px 2px #0000ff;
  text-align:center;
 }

 #headtab {
   position: fixed;
   top: 0;
   border: none;
   margin: 0px;
   padding-left: 50px;
   padding-right: 65px;
   background-color: #202080;
   color: #ffffff;
   width: 98%
  }

 #headbox1 {
   background-color: #aaaaaf;
   color: #FFFFFF;
   font-size:150%;
   padding-left:10px;
   padding-right:10px;
   margin:0px;
   border:none;
   vertical-align:middle
 }

 #headbox2 {
   background-color: #cacacf;
   color: #0E4C01;
   padding-left: 10px;
   padding-right: 10px;
   margin: 0px;
   border: none;
   vertical-align: middle
 }

#bodytable {
   background-color: #202080;
   color: #ffffff;
   border: none;
   margin: 0px
    }

#bodytable_entry {
   background-color: #202080;
   border: none;
   color: #FFFFFF;
   font-size: 12px;
   padding: 0px
    }
	
#rightbody {
   border: none;
   padding: 0px
    }
	
#form_entry {
   background-color: #202080;
   border: none;
   color: #FFFFFF;
   font-size: 12px;
   margin: 0px;
   padding: 0px
    }

#footimg {
              bottom:0;       /* Abstand zum unteren Fensterrand */
              right:0;        /* Abstand zum rechten Fensterrand */
              padding: 0      /* Interpretation Boxmodell! */       
         }

/* </style> */