/**********************/
/* boarder left/right */
/**********************/
/*
@media only screen and (min-width:1025px){
	#body
	{
		font-family: "Trebuchet MS-Bold", Arial, sans-serif;
		font-size: 12px;
		color: rgb(120,120,120);
		overflow: hidden;
		background-color: #e5e5e5;
		height: 100%;
	}

	#left{
		position:absolute;
		top: 0px;
		left:50%;
		width:9px;
		height: 100%;
		margin-left:-521px;
		background-image: url("../images/left.png");
		background-color: 0; 
	}
	
	#mid{
		position:absolute;
		top: 0px;
		left:50%;
		width:1024px;
		height: 100%;
		margin-left:-512px;
		background-color: #ffffff;
	}

	#right{
		position:absolute;
		top: 0px;
		right:50%;
		width:9px;
		height: 100%;
		margin-right:-521px; 
		background-image: url("../images/right.png");
		background-color: #e5e5e5;
	}
}

@media only screen and (max-width:1024px)
{*/
	#body
	{
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 20px;
		color: rgb(120,120,120);
		background-color: white; 
		margin: 0;
		overflow-y: scroll;
	}


/**********************/
/* header / main menu */
/**********************/
	#header {
		/*opacity: 0.5;*/
	    display: flex; 
    /*justify-content: center; */
		align-items: center;
		overflow: hidden;
		top: 0px;
		left: 0px;
		height:60px;
		width: 100%;
		position: fixed;
		background-color: #0f3f7f;
	}
	#logoName	{
		position: absolute;
		left: 10%;
		height: 25px;
		width: 250px;
		margin: 0;
		margin-bottom: 2.5px;
		background-image: url("../images/logoname.svg");
		background-repeat: no-repeat;
		background-size: cover;
	}

	#mainMenu{
		/*background-color: red;*/
		right: 10%;
		position: absolute; 
	}
	#mainMenu ul{
		margin: 0; /* Menü Text ohne Rand (wichtig für Zentrierung) */
	}
	#mainMenu ul li {
		/*margin: 0;  Menü Text ohne Rand (wichtig für Zentrierung) */
		list-style-type: none;
		float: left;
	}
	#mainMenu a {
		text-align: center;
		text-decoration: none;
		color: #728BB4; /* #8095B3; rgba(255,255,255,0.55);*/
		display: block;
		width: 80px;
	}
	#mainMenu a:hover {
		color: #B8C4D5; 
	}

/***********/
/* content */
/***********/	
	#banner{
		background-image: url("../images/banner.jpg");
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-size: 100% auto;
		height: 0;
		padding-top: 16%;
		margin-top: 60px; /* see header */
		overflow: hidden;
	}

	#content{
		overflow: hidden;
	/*	overflow-x: hidden; */
	/*  overflow-y: scroll; for scroll bar */
		max-width: 1450px;
		width: 70%;
		margin-top: 3%; /* see sub menu */
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
		height:100%;
	}
	
	/***********/
	/* submenu */
	/***********/
	#subMenu{
		margin-top: 3%; /* see content */
		margin-left: 7%;
		margin-right: -10%; /* move content a bit towards menu */
		width: 20%;
		height: auto;
		overflow: hidden;
		text-align: left;
		white-space: nowrap;
		float: left;
		position: -webkit-sticky;
		position: sticky;
		top: 60px;
	}
	#subMenu a {
		border-left: 2px solid #0f3f7f; 
		border-collapse:collapse;
		/*padding-top: 1px;*/
		padding-left: 0.5em;
		padding-bottom: 20%;
		margin: 0;
		color: rgb(120,120,120);
		text-decoration: none;
		overflow: hidden;
		font-size: 110%;
		line-height: 180%;
	}
	#subMenu a:hover{
		color: #283f93;
	}
	
	/********/
	/* text */
	/********/
	#text{
		color: rgb(120,120,120);
		text-align: justify;
		overflow: hidden;
	}
	#text h1	{ color: #283f93; margin-top:0; }
	#text h2	{ color: #283f93; }
	#text h3	{ color: #283f93; padding-top: 2%;}
	#text span
	{
	    text-decoration: underline;
        color: #283f93;
	}
	#text a 
	{
		text-decoration: none;
		/* text-transform: uppercase; */
		/* font-weight: bold; */
		color: rgb(120,120,120);
	}
	#text a:hover {
		color: #283f93; 
	}

	 .table{
		width: 100%;
		border-collapse: collapse;
	}
	.table th{
		padding-bottom: 1%;
		border-bottom: 2px solid;
	}
	.table td
	{
		vertical-align:top;
		padding-top: 1%;
		padding-bottom: 1%;
		border-bottom: 2px solid;
		overflow: hidden;
		text-align: left;
	}
	
	.cards { 
	/*	border:1px solid #aaaaaa;*/
		border-radius: 4px;
		box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Параметры тени */

		table-layout:fixed;
		border-collapse:collapse;
		vertical-align:top; 
		overflow:hidden;
		text-align: left;
	}
	.asList{
		width: 60%;
		margin-left: auto;  /* zentrieren */
		margin-right: auto; /* zentrieren */
	}
	.asTiles{
		float: left; 
		width: 30%; 
		margin: 2%;
		margin-left: 5px;  /*stay aligned with rest of text - just boarder width */
	}
	.cards th{
		/*border:1px solid #aaaaaa;*/
		text-align: center;
		font-weight: normal;
		font-size: 110%;
		background-color: #0f3f7f;
		color: #FFFFFF;
		padding: 2%;
	}
	.cards td{
		padding: 1% 2%; /*10px 8px;*/
		overflow: hidden;
	}

	#button{
		display: table-cell;
		background-color: #0f3f7f;
		border-radius: 3%;
		padding: 8px 10px;
	}
	#button a {
		color: white;
	}
	#button a:hover {
		color: white; /* to overwrite generic "text a:hover"-rule */
	}
	#button:hover {
		opacity: 0.8;
	}

/**********/
/* footer */
/**********/  
#footer {
	overflow: hidden;
	height: 60px;
	background-color: #F0F0F0;
	bottom: 0px;
	left: 0px;
	width: 100%;
	position: fixed;
	
	display: flex; 
    justify-content: center; 
	align-items: center;
}
#impressum{

	font-size: 90%;
	margin-top: auto;
	margin-bottom: auto;
	/* left: 50%; */
	/* width: 50%; */
	/* margin-left: 25%; */
	/* margin-right: 10%; */
	color: black;
	text-align: center;
}
#impressum span
{
	text-decoration: underline;
	color: #283f93;
}
#impressum a 
{
	text-decoration: none;
	/* text-transform: uppercase; */
	/* font-weight: bold; */
	color: black;
}
#impressum a:hover {
	color: #283f93; 
}



/*******************/
/* outdated styles */
/******************
#logo {
  overflow: hidden;
  background-image: url(Cube_transparent.gif);
  background-repeat: no-repeat;
  width: 110px;
  height: 90px;
  position: absolute;
  top: 10px;
  left: 10px;
  background-position: left top;
}
#banner {
  overflow: hidden;
  height:173px;
  top: 40px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url("../images/banner.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
}

#blueLine{
  overflow: hidden;
  background-color: #283f93;
  top: 258px;
  left: 0px;
  height: 7px;
  width: 1024px;
  position: absolute;
}
*/