/* Colors

VARIABLE						DARK			LIGHT
  --white: 						#FFFFFF;		#FFFFFF;
  --black: 						#000000;		#000000;
  --gray_1: 					#999999;		#999999;
  --bold_green: 				#00FFB9;		#00FFB9;
  --bold_blue: 					#00e6dc;		#00e6dc;
  
  --standard: 					#000028;		#F3F3F0;
  --text_main: 					#F6F6F6;		#000028;
  --links: 						#CCCCCC;		#000028;
  --call_to_action: 			#00CCCC;		#0098A6;
  --call_to_action_hover: 		#00FFB9;		#00646E;
  --call_to_action_text: 		#000028;		#F6F6F6;
  --table_background: 			#;				#;			kein Hintergrund
  --table_background_title: 	#00183B;		#C4EBEA; 	alternative? #EBF7B8
  --doc: 						#002949;		#E0F1F4;
  --doc_hover: 					#007082;		#73BAC9;
  --table_border: 				#2B2B4D;		#A4CBCE;
  --title_color: 				#FFFFFF;		#000028;
  --logo_color: 				#FFFFFF; 		#009999; 
  --contact_button: 			#F3F3F0;		#0098A6;
  --contact_button_hover: 		#00FFB9;		#00646E;
  --new: 						#FFD732; 		#E96401;  
*/
 
/* START with non-color VALUES that are different in DARK and LIGHT */

.filter {
	filter: brightness(100%);
}

/* END */ 

body {
	font-family: Siemens Sans Roman,arial,sans-serif;
	line-height: 1.6;
	color: #F6F6F6;
	font-weight: 400;
	background: #000028;	
	margin: 0px;
}

.headerimage {
	display: block;
	opacity: .7;
}

.content {
	max-width: 1170px;
	margin: 40px;
}

.logo {
	position: absolute;
	top: 30px;
    width: 120px;
}

svg {
	fill: #FFFFFF;
}

.topline {
	font-family: Siemens Sans Black,arial,sans-serif;
	position: absolute;
	top: 90px;
	left: 40px;
	text-transform: uppercase;
	font-size: 1rem;
	white-space: nowrap;
	color: #FFFFFF;
}	

.title {
	font-family: Siemens Sans,arial,sans-serif;
	position: absolute;
	top: 120px;
	left: 40px;	
	font-weight: 700;
	font-size: 2.2rem;
	width: 1150px;   
	color: #FFFFFF;
}

.divTable {
	display: table;
	width: 100%;
	max-width: 1170px;
}

.top {
	margin-top: 30px;
	font-weight: 700;
}

.divTableBody {
	display: table-row-group;
}

.divTableRow {
	display: table-row;	
}

.divTableCellTitle {
	display: table-cell;
	padding: 6px 0px 6px 12px;
	background: #00183B;	
	border-left: 4px solid transparent;
	border-image: linear-gradient(#009999,#009999,#009999);
    border-image-slice: 1;
	white-space: nowrap;
}

.noboleft {
	border-left: none;
}

.bo {
	border-bottom: 1px solid #2B2B4D;
}

.nobo {
	border-bottom: none;
}

.boleft {
	border-left: 1px solid #2B2B4D;
}

.divTableCellBlank {
	display: table-cell;
}

.divTableCell {
	display: table-cell;
	padding: 8px 12px 5px 12px;
	vertical-align: top;
}

.divTableCellOne {
	display: table-cell;
	padding: 8px 12px 5px 16px;
	vertical-align: top;	
}

.number {
	padding: 1px 4px 1px 4px;	
	margin-right: 8px;
}

.blue {
	border: 1px solid #00CCCC;	
	color: #00CCCC;
}

.filled {
	border: 1px solid #fff;	
	color: #fff;
	background: #242433;
}

.gray {
	border: 1px solid #999999;	
	color: #999999;
}

.light {
	color: #999999;
}

.new {
	border: 1px solid #FFD732;	
	color: #FFD732;
	background: #241f29;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.actionButton {
	color: #000028;
	background: #00CCCC;
	white-space: nowrap;
	width: 85px;
	margin-bottom: 3px;
}

.actionButton a:link {
	text-decoration: none;
	color: #000028;
}

.nosize {
	width: 100%;
}

.actionButton:hover { background: #00FFB9;
	cursor: pointer;
}

.inline {
	display: inline-block;
	padding-right: 4px;
	width: unset;
	margin-right: 3px;	
}

.actionButtonNotActive {
	color: #999999;
	border: 1px solid #999999;   
	white-space: nowrap;
	width: 83px;
	margin-top: -1px;
	margin-bottom: 3px;	
}

.actionButtonNotActive:hover {
	cursor: default;
}

.documentButton {
	margin-bottom: 3px;
	margin-right: 3px;	
	display: inline-block;
	background: #002949;
	padding-right: 8px;
	padding-left: 1.83em;
	text-indent: -1.83em;
}

.intitle {
	margin-bottom: unset;
}

.documentButton:hover { background: #007082;
	cursor: pointer;
}

.documentButtonActivity {
	background: #002949;
	white-space: nowrap;
	width: 85px;
	margin-bottom: 3px;
}

.documentButtonActivity:hover { background: #007082;
	cursor: pointer;
}

.nobold {
   	font-weight: normal;
}

.mediaType {
    vertical-align: middle;
	padding: 0px 8px 2px 6px;
	width: 16px;
}

.NoRight {
	padding-right: 0px;
}

.NoLeft {
	padding-left: 0px;
}

.nowrap {
    white-space: nowrap;
	display: inline;
}

a:link {
	text-decoration: none;
	color: #F6F6F6;
}

a:visited {
	text-decoration: none;
	color: #F6F6F6;
}

a:hover {
	text-decoration: none;
	color: #F6F6F6;
}

a:active {
	text-decoration: none;
	color: #F6F6F6;
}

.inactive {
	color: #000028;
}

.footer {
	position: fixed;	
	bottom: 0px;
	padding: 14px 40px 14px 40px;  
	width: 100%;
	color: #999999;
	font-size: 0.9rem;
	background: #000028; 
	max-width: 1170px;   
}

.contact {
	color: #000028;
	font-weight: 700;  
	background: #F3F3F0;
	padding: 6px 10px 6px 10px;
	white-space: nowrap;
	margin: 0px 80px 0px 20px;
}

.contact a:link{
	color: black;
}

.contact:hover { background: #00FFB9;
	cursor: pointer;
}

.surveybox {
    font-size: 1rem; 
}

ul {	
	list-style-position: outside;
	list-style-type: square;
	padding-left: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.tooltip {
	position: relative;
}

.tooltip .tooltiptext {
	visibility: hidden;
	display: inline-block;  
	background: #555;
	color: #FFFFFF;
	padding: 16px 26px 16px 26px;
	position: absolute;
	z-index: 1;
	left: 85px;
	top: -16px;
	margin-left: 0%;
	opacity: 0;
	transition: opacity 0.3s;
	text-decoration: none;
}

.tooltiptext a:link {
	text-decoration: none;
	color: #FFFFFF;
}

.tooltip:hover .tooltiptext {
	cursor: default;
	visibility: visible;
	opacity: 1;
}

.togglediv {
	padding-left: 3px;
	display: inline-block;
	vertical-align: bottom;
	height: 23px;
	width: 40px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 16px;
}
.switch input {
	display: none;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 3px;
	left: 0;
	right: 0;
	bottom: -3px;
	background: #00CCCC;
	border-radius: 34px;
	transition: .4s;
}
.slider:before {
	content: "";
	position: absolute;
	height: 21px;
	width: 21px;
	box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
	left: 0px;
	bottom: -3px;
	background: #FFFFFF;
	border-radius: 50%;
	transition: .4s;
}
input:checked + .slider {
	background: #00CCCC;
}
input:checked + .slider:before {
	background: #FFFFFF;
	transform: translateX(20px);
}

.startvideo {
    float: left;
    position: relative;
}

.startvideoimg {
	width: 200px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.8); 
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.8);
}

.startvideo:hover .startvideoimg  {filter: brightness(80%);}

.mediaTypeStart {
	position : absolute;
    top: 32%; 
    width: 38px;
    margin:0 auto; left:0px;
    right: 0px;
    z-index: 100;
	opacity: .6;
}

.mailcolor {
    color: black;
}