<!--

h1, h2, h3, h4, p, li {font-family: Arial, sans-serif}

h1, h2, h3, h4 {font-weight: bold; text-align: center; margin-bottom: 1%;}

/* As hex codes */


.color-primary-1 { color: #FFFFFF }            /* Weiß */
.color-primary-2 { color: #ECF6F9 }            /* Helles Blau, Content */
.color-primary-3 { color: #BAD8E0 }	/* Primärfarbe, mittleres Blau, Navigation */
.color-primary-4 { color: #7CABB8 }            /* leicht abgedunkelt*/
.color-primary-5 { color: #447C8C }            /* Dunkles Blau, Header, Links, Footer */



h1 {font-size: xx-large; color: #447C8C;}
h2 {font-size: x-large; text-align: left; color: #447C8C;}
h3 {font-size: large;  text-align: left; color: #447C8C;}
h4 {font-size: large;  text-align: left; color: #447C8C;}

p,li {font-size: medium; font-weight: normal; margin-bottom: 0.5%; color: rgb(0%,0%,0%); text-align: left;}

table {font-family: Arial; font-size:medium; margin-bottom: 0.5%; color:rgb(0%,0%,0%); text-align:center;}
tr {font-family: Arial; font-size:medium; margin-bottom: 0.5%; color:rgb(0%,0%,0%); text-align:left; }
th {font-family: Arial; font-weight:bold; font-size:medium; margin-bottom: 0.5%; color:rgb(0%,0%,0%); text-align:center;}
td {font-family: Arial; font-size:medium; margin-bottom: 0.5%; color:rgb(0%,0%,0%); text-align:center; }


.small {font-size: 80%; font-weight: normal;}
.smallleft {font-size: 80%; font-weight: normal; text-align: left;}
.vsmall {font-size: x-small; font-weight: normal; text-align: center;}
.vsmallleft {font-size: x-small; font-weight: normal; text-align: left;}
.tablesmall {font-size: 80%; font-weight: normal; text-align: center;}
.tablesmallleft {font-size: 80%; font-weight: normal; text-align: left;}
.tsmall {font-size: small; font-weight: normal; text-align: center;}
.tsmallleft {font-size: small; font-weight: normal; text-align: left;}
.normal {font-size: medium; font-weight: normal; text-align: left;}
.knopf {font-size: normal; font-weight: bold;}
.big {font-size: x-large;}
.vbig {font-size: xx-large;}

.footer {font-size: x-small; font-weight: normal; text-align: right;}
.footerwhite {font-size: x-small; font-weight: normal; text-align: right; color: #FFFFFF;}

.left {text-align: left}
.center {text-align: center;}
.right {text-align: right;}

a:link {font-family: Arial; text-decoration: none; color: #1B017F;}
a:visited {text-decoration: none; color: #447C8C;}
a:focus {text-decoration: none; font-weight: bold; color: #73C4EF;}
a:hover {text-decoration: none; font-weight: bold; color:  #1B017F;}
a:active {text-decoration: none; color: #73C4EF;}

.unicode { font-size:15px; font-family:Arial Unicode MS,Arial,sans-serif; }


div#container
	{
	width: 100%;
	height: 100%;
	margin: 0%;
	padding: 0%;
	text-align: left;
	/* background: linear-gradient (#7CABB8, #ECF6F9); */
	background-image: url("background.jpg"); 
	background-size: 100% 100%;
	border: 1px solid BAD8E0;
	}
	
div#container_narrow
	{
	width: 600%;
	height: 100%;
	margin: 0%;
	padding: 0%;
	text-align: left;
	/* background: linear-gradient (#7CABB8, #ECF6F9); */
	background-image: url("background.jpg"); 
	background-size: 100% 100%;
	border: 1px solid BAD8E0;
	}

div#navi
	{
	float: left;
	height: 90.5%;
	width: 15%;
	margin-top: 0.5%;
	margin-right: 0.25%;
	margin-bottom: 0.4%;		
	margin-left: 0.5%;
	padding: 0.8%;
	background-color: #BAD8E0;
	border-radius: 10px;
	overflow: auto;
	}
	
div#contents	
	{
	float: right; 
	height: 90.5%;
	width: 80.3%;
	margin-top: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 0.4%;		
	margin-left: 0.25%;
	padding: 0.8%;
	background-color: #ECF6F9;
	border-radius: 10px;
	overflow: auto;
	}

div#contents_narrow	
	{
	float: left; 
	height: 90.5%;
	width: 40.3%;
	margin-top: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 0.4%;		
	margin-left: 0.25%;
	padding: 0.8%;
	background-color: #ECF6F9;
	border-radius: 10px;
	overflow: auto;
	}
	
div#footer	
	{
	clear: both;
	height: 3%;
	margin-top: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 0.5%;		
	margin-left: 0.5%;
	padding: 0.4% 0.8% 0.4% 0.8%;
	background-color: #447C8C;
	border-radius: 10px;
	overflow: auto;
	}
	
div#counter	
	{
	position: absolute;
	top: 95.8%;
	left: 2.0%; 
	height: 2.5%;
	width: 22%;
	padding: 0.3% 0.6% 0.3% 0.6%;
	background-color: #ECF6F9;
	border-radius: 10px;
	overflow: auto;
	}

div#dump
	{
	background-linear-gradient (#7CABB8, #ECF6F9);
	}


-->