html
    	{
    		position: relative;
    		min-height: 100%;
    	}
    	body
    	{
				font-family: Verdana, sans-serif;
				font-size: 12px;
				line-height: 1.2;
				color: #000000;
				background-color: #e4eaea;
  			display: flex;
  			flex-direction: column;
  			margin-bottom: 100px;
			}
			p
			{
				margin: 0;
			}
	    .header
	    {
	    	background-image: linear-gradient(to right, #003060, #008cd0);
	    	display: flex;
	    	justify-content: center; 
    		align-items: center;
	    }
	    .header img
	    {
	    	width: 200px;
	    	float: left;
	    	margin: 8px 5px 8px 5px;
	    }
	    .iheader
	    {
	    	width: 820px;
	    }
	    .daten
	    {
	    	display: flex;
 				justify-content: center; 
    		align-items: center;
	    }
	    .idaten
	    {
	    	width: 820px;
	    }
	    .testtitel
	    {
	    	width: 800px;
	    	background-color: #FFFFFF;
	    	margin: 5px 0 25px 0;
	    	display: flex;
			  align-items: center;
  			justify-content: center;
  			padding: 10px 0 10px 10px;
  			border-radius: 10px;
  			box-shadow: 2px 2px 3px #AAAAAA;
	    }
	    .testtitel img
	    {
	    	margin: 3px 10px 3px 10px;
	    }
	    .testtitel p
	    {
	    	margin-right: auto;
	    	font-weight: bold;
	    }
	    .titel
	    {
	    	width: 800px;
	    	background-color: #FFFFFF;
	    	margin: 5px 0 25px 0;
	    	display: flex;
			  align-items: center;
  			justify-content: center;
  			padding: 10px 0 10px 10px;
  			border-radius: 10px;
  			box-shadow: 2px 2px 3px #AAAAAA;
	    }
	    .titel img
	    {
	    	margin: 3px 10px 3px 10px;
	    }
	    .titel p
	    {
	    	margin-right: auto;
	    	font-weight: bold;
	    }
	    .kasten
	    {
	    	width: 800px;
	    	background-color: #FFFFFF;
	    	margin: 10px 0 10px 0;
	    	padding: 10px 0 10px 10px;
  			border-radius: 10px;
	    }
	    .kasten table
	    {
				font-size: 12px;
	    	display: inline-block;
	    }
	    th, td
	    {
	    	text-align: center;
	    }
	    .kasten th
	    {
	    	padding: 0 15px 10px 0;
	    }
	    .kasten td
	    {
	    	padding: 0 15px 0 0;
	    }
	    .error
	    {
	    	width: 750px;
	    	background-color: #FFFFFF;
	    	margin: 10px 0 10px 0;
	    	padding: 30px;
  			border-radius: 10px;
	    }
	    .error p
	    {
	    	font-weight: bold;
	    	color: #CC1111;
	    }
	    .icon
	    {
				vertical-align: top;
	    }
	    .icon img
	    {
	    	margin: 0 5px 0 0;
	    	width: 36px;
	    	height: 36px;
	    }
	    .komponente
	    {
	    	text-align: left;
	    }
	    .type
	    {
	    	 color: #00478a;
	    }
	    .typelight
	    {
	    	font-size: 10px;
	    	color: #0083ff;
	    }
	    .sprache
	    {
	    	white-space: nowrap;
	    	font-size: 10px;
	    }
	    .small
	    {
	    	font-size: 10px;
	    }
	    .achtung
	    {
	    	color: #CC1111;
	    }
	    .hint
	    {
	    	margin: 40px 71px 20px 71px;
	    }
	    .actualversion
	    {
	    	font-size: 14px;
	    	font-weight: bold;
	    	margin-top: 30px;
	    }
	    .oldversion
	    {
	    	margin-top: 40px;
	    }
	    .old
	    {
	    	background-color: #D0D0D0;
	    }
	    .button
	    {                                  
	    	display: block;
	    	background-image: linear-gradient(to right, #0065a4, #0089ce);
	    	border-radius: 5px;
  			box-shadow: 2px 2px 3px #AAAAAA;
	    	color: #FFFFFF;
	    	text-decoration: none;
	    	font-weight: bold;
	    	padding: 3px 6px;
	    	margin: 2px 0;
	    }
	    .button:link { color: #FFFFFF; }
    	.button:visited { color: #FFFFFF; }
			.button:hover { color: #DDDDDD; }
			.button:active { color: #DDDDDD; }

	    .buttonintern
	    {
	    	display: block;
	    	background-image: linear-gradient(to right, #AA0000, #FF2222);
	    	border-radius: 5px;
  			box-shadow: 2px 2px 3px #AAAAAA;
	    	color: #FFFFFF;
	    	text-decoration: none;
	    	font-weight: bold;
	    	padding: 3px 6px;
	    	margin: 1px 0;
	    }
	    .buttonintern:link { color: #FFFFFF; }
    	.buttonintern:visited { color: #FFFFFF; }
			.buttonintern:hover { color: #DDDDDD; }
			.buttonintern:active { color: #DDDDDD; }

	    .footer
	    {
	    	position: absolute;
	    	bottom: 0;
    		width: 100%;
	    	height: 100px;
	    	background-image: linear-gradient(to right, #003060, #008cd0);
	    	display: flex;
	    	flex-direction: column; 
    		align-items: center;
	    }
	    .footer a { color: #FFFFFF; text-decoration: none; font-weight: bold; }
    	.footer a:link { color: #FFFFFF; }
    	.footer a:visited { color: #FFFFFF; }
			.footer a:hover { color: #DDDDDD; }
			.footer a:active { color: #DDDDDD; }

	    .ifooter
	    {
	    	width: 800px;
	    	height: 100px;
	    	display: flex;
			  align-items: center;
  			justify-content: center;
	    }
	    .ifooter img
	    {
	    	display: inline;
	    	width: 150px;
	    }
	    .ifooter p
	    {
	    	display: inline;	    	
	    	margin-left: auto;
	    	color: #FFFFFF;
	    	text-align: right;
	    }