* 
{
	box-sizing: 				border-box;
	padding:						0;
	margin:							0;
}

body,
html
{
	border:							0;
	font-family:				Verdana, Geneva, Tahoma, sans-serif;
	background-color:		white;
	height:							100%;
}

body
{
	overflow-y:					scroll;
}

.content
{
	width:							100%;
}

/*------------------------
	Flexbox
------------------------*/
.row 
{
	display: 								-ms-flexbox;
	display: 								flex;
	-ms-flex-wrap: 					wrap;
	flex-wrap: 							wrap;
}

/* Create equal columns that sits next to each other */
.column1
{
	-ms-flex: 							100%;
	flex: 									100%;
	max-width: 							100%;
}

.column2
{
	-ms-flex: 							50%;
	flex: 									50%;
	max-width: 							50%;
}

.column3
{
	-ms-flex: 							33.33%;
	flex: 									33.33%;
	max-width: 							33.33%;
}
.column4
{
	-ms-flex: 							25%;
	flex: 									25%;
	max-width: 							25%;
}
.column8
{
	-ms-flex: 							12.5%;
	flex: 									12.5%;
	max-width: 							12.5%;
}

.column1,
.column2,
.column3,
.column4
{
	/* Container */
  position: 							relative;
  text-align: 						center;
  color: 									white; 
}

.column1 img,
.column2 img,
.column3 img,
.column4 img 
{
	margin:									0;
	padding:								0;
  vertical-align: 				middle;
  border: 	 							2px transparent solid;
  width:									100%;
  
/*  draggable:				true; */
/*  object-fit:				contain; */
}

/*------------------------
	Grid
------------------------*/
.container 
{
  display: 								grid;
	display:								-ms-grid;

  grid-gap: 							0px;
  
	grid-template-columns:	repeat(12, 1fr);  
	-ms-grid-columns:				(1fr)[12];

  grid-auto-rows: 				125px;
  -ms-grid-rows: 					140px;

  grid-auto-flow: 				dense; 	/* Lücken füllen */
}

.box
{
	display: 								flex;
	display: 								-webkit-box;
	display: 								-ms-flexbox;
  display: 								-webkit-flex;
  	
	-webkit-box-pack: 			center;
  -ms-flex-pack: 					center;
  justify-content: 				center;

	-webkit-box-align: 			center;
  -ms-flex-align: 				center;
	align-items: 						center;
	-webkit-align-items: 		center;
  	
  overflow: 							hidden; 
  border: 								1px transparent solid;
	
	/* Text-Container */
	position:								relative;
  text-align: 						center;
  color: 									white;	
	
	height:									100%;
/*	
	width:									100%;
*/
}

.box img
{
	-o-object-fit: 					cover;
	object-fit: 						cover;
/*
	-o-object-position: 		center center;
	object-position: 				center center;
*/
	display:								block;

	height:									100%;
	width:									100%;
}

/*------------------------*/
.header
{
  width: 									100%;
  height:									56px;
	border:									0;
	border-collapse: 	 			collapse; /*	separate; */  
	border-spacing: 				0px;
	padding:								0;
	margin:									0;
}


/*.header td, */
.header img,
.header a
{
	border: 								0;
  margin: 								0;
  padding:								0;
/*  line-height:				1; */
	vertical-align:					middle;
}

.header_image
{	
/*	background-color:	fuchsia; */
}

.header_text
{
/* background-color:lime; */
	padding: 								6px 6px 10px 10px;
	width:									90%;
	line-height:						0.7;
	white-space:						nowrap;
}

.header_autor
{
	font-size:							x-small; 
	color:									#A0A0A0; 
	padding:								0 8px 4px 0;
	line-height:						0.9;
	white-space:						nowrap;
/*	background-color:fuchsia; */
}
		
.link
{
	color:									#4080FF;
}
.link:hover
{
	cursor:									pointer;
}

.icon_table4,
.icon_table2
{
	border:									0;
	border-collapse: 	 			collapse; /*	separate; */  
	border-spacing: 				0px;
	padding:								0;
	margin:									0;
	width:									1px;
}
.icon_table4 td
{
	min-width:							5px;
	height: 								4px;
	border:									1px #4080FF solid;
	margin:									0;
	padding:								0;
}
.icon_table2 td
{
	min-width:							10px;
	height:									8px;
	border:									1px #4080FF solid;
	margin:									0;
	padding:								0;
/*	background-color:		lime; */
}
.icon_active
{
	background-color:				#0030AF;
}