/* main resolution */


body, html 
{
	background: #06425C;
	font-family: bahnschrift, arial, helvetica, sans-serif;
	font-weight: lighter;
	font-size:1em;
	height:100%;
	width:100%;
	margin:0;
	overflow:hidden;
}


#main 
{

/*	Farbuebergang 3% vom Rand weg. */

	background-image: 
				linear-gradient(to right, #CCD8E2 0%, #E6EAF1 3%, #E6EAF1 97%, #CCD8E2 100%);
	color: #000;
	max-height:1400px;
	min-height: 750px;
	border:1px solid #fff;
	padding:0;
	position:relative;
}


/* header */

#ltop 
{
	background-position: top left;
	background:url(img/teh.gif);
	background-repeat:no-repeat;
	background-size: 46%;
	height:170px;
	
	border-bottom:1px solid #999;
	margin:0;
	padding:0;
}


#logo 
{
	float:right;
	width:20%;
	margin-right:3%;
	margin-top: 3%;
}


nav 
{
	border-bottom:1px solid #999;
	width:90%;
	height:3.5em;
	color:#06425C;
	font-size:1.1em;
	font-weight: normal;

	margin:0 auto;
	padding-top:2%;
}

nav li 
{
	list-style:none;
	float:left;
	margin-left:2%;
	height:2em;
}

nav li  a:visited, nav li  a:active, nav li a 
{
	color:#06425C;
	text-decoration:none;
	text-shadow: 0 0 2px #666;
}

nav li  a:hover, nav li  a:focus 
{
	text-shadow:none;
	cursor:pointer;
	color:#06425C;
}


.de
{
	margin-left:55%;
}

.en
{
	margin-left:0.1%;
}


.lang img
{
	width:80%;
}

.lang a img, .lang a img:visited, .lang a img:active
{
	box-shadow: 0 0 2px #222; 
}


.lang a img:hover, .lang a img:focus
{
	box-shadow: none;
}



/* content */

#content 
{
	clear:both;
	padding:1.5em 10em 0 8.5em;
	border-top:1px solid #999;
	margin-top: 2em;
	max-height:390px;
	overflow:scroll;
	overflow-x:hidden;
	font-size: 0.9em;
}

#content p
{
	font-size: 0.9em;
}


h1 
{
	font-size:1.5em;
	color:#06425C;
	margin-bottom:1em;
}


/* link styling */

a, a:visited, a:active 
{
	text-decoration: none;
	color:#0f76a3;
}

a:focus, a:hover 
{
	text-decoration: underline;
	color:#000;
}


/* footer */

footer 
{
	height:6em;
	position:absolute;
	bottom:0;
	width:100%;
	padding:0;
	margin-left:0 !important;
	margin-right:0 !important;
	border-top:1px solid #999;
}

#pdi_left
{

	padding:0;
	background:url(img/pdi_y.gif) no-repeat bottom left;
	background-size: 70px auto;
}

#pdi_right
{
	margin-right:0;
	background:url(img/pdi_o.gif) no-repeat right bottom;
	background-size: 70px auto;
	padding:0;
}

.icon
{
	width:22px !important; height:auto;
	margin-right:2px;
}

.icon2
{
	width:22px !important; height:auto;
	margin-right:2px;
}

#footer_block
{
	text-align:center;

}

#footer_block table td 
{
	line-height:1.2em;
	font-size:0.8em;
}

#footer_block table td img
{
	width:15%;
}

#imprint
{
	margin: 0 auto; 
	width:500px;
	position: relative;
	top:10px;
	height: 4em;
}


.imprint_left
{
	text-align:right; 
	padding-right:0.4em;
}



@media (max-width: 1420px) 
{ 
	/* header */

	#ltop 
	{
		height: 145px;
	}

	.de
	{
		margin-left:50%;

	}


	.lang img
	{
		width:70%;
	}

	#content
	{
		max-height: 415px;
		padding:3em 4em 0 6em;
	}

}


@media (max-width: 1200px) 
{

	nav 
	{

		height:2.8em;
	}

	#ltop 
	{
		height: 125px;
	}

	#content 
	{
		min-height:440px;
		margin-top:2.5em;
	}

	.de
	{
		margin-left:83%;
		position: absolute;
	
	}

	.en
	{
		margin-top: 3.5%;
		margin-left:83%;
		position: absolute;
	}

}






@media (max-width: 990px) 
{ 	
	#ltop 
	{
		background-size: 61%;

	}

	#logo 
	{
		width:30%;
	}

	#content 
	{
		max-height: 440px;
	}

	nav 
	{
		width:60% !important;
		font-size:1.1em;
		height:2.5em !important;
	}

	.de
	{
		margin-left:65% !important;
		position: absolute;
	}

	.en
	{
		margin-top: 3.5%;
		margin-left:65% !important;
		position: absolute;
	}
} /* end */



@media (max-width: 770px) 
{ 	

	#pdi_left, #pdi_right
	{
		visibility: hidden;
	}

	#main 
	{
		height:800px;
	}

	#ltop 
	{
		background-size: 80%;
		height: 110px;

		background-image: linear-gradient(to right, rgba(0,0,0,0) 5%, #E6EAF1 70%), url(img/teh.gif);
	}

	#logo 
	{
		width:40%;
		padding-top: 3%;
	}
	
	#content 
	{
		clear:both;
		padding:1.5em 3em 0 3em;
		border-top:1px solid #999;
		margin-top: 3em;
		max-height:490px;
		overflow:scroll;
		overflow-x:hidden;
		font-size: 0.9em;
	}


	nav 
	{
		width:90% !important;
		font-size:1em;
		height:2.3em;
		margin-top: 0.7em;
		margin-left: -1em;
	}

	nav li 
	{
		margin-right:6px;
	}


	.de
	{
		padding-top: 0px;
		padding-left:65px; 
		position: absolute;

	
	}

	.en
	{
		padding-top: 13px;
		padding-left:65px; 
		position: absolute;
	
	}

	#imprint
	{
		width:450px;
	}


	.imprint_left 
	{
		margin-left:-1em;
	}

} /* end */



@media (max-width: 570px) 
{ 	
	#pdi_left, #pdi_right
	{
		visibility: hidden;
	}

	#main 
	{
		height:700px;
		width:500px;
	}

	#ltop 
	{
		background-size: 90%;
		height: 110px;
		background-image: linear-gradient(to right, rgba(0,0,0,0) 5%, #E6EAF1 70%), url(img/teh.gif);
	}

	#logo 
	{
		width:40%;
		padding-top: 3%;
	}
	
	#content 
	{
		clear:both;
		padding:2.5em 3em 0 3em;
		border-top:1px solid #999;
		margin-top: 3em;
		max-height:300px;
		overflow:scroll;
		overflow-x:hidden;
		font-size: 0.9em;
	}


	nav 
	{
		width:90% !important;
		font-size:1em;
		height:2.3em;
		margin-top: 0.7em;
		margin-left: -1em;
	}

	nav li 
	{
		margin-right:6px;
	}


	.de
	{
		padding-top: 0px;
		padding-left:65px; 
		position: absolute;

	
	}

	.en
	{
		padding-top: 13px;
		padding-left:65px; 
		position: absolute;
	
	}

	#imprint
	{
		width:450px;
	}


	.imprint_left 
	{
		margin-left:-2em;
	}

	footer 
	{

	}
}



/* todo: imprint style */

/* ab hier hamburger menü 
@media (max-width: 480px) 
{
	.nav-item 
	{
		margin:0.3em;
		padding-left:0.3em;
	}

	#main
	{
		height: 300px !important;
	}

	#burger
	{
		visibility: visible;
		text-align: left;
		z-index:50;
		width: 100%;
		margin:0 !important;
		padding: 0 !important;
	}

	#burger nav 
	{
		width: 100% !important;
		margin-top:10px;
		padding: 0 !important;
		height:70px !important;
		border: none;
		background:#06425C;
	}


	#content
	{
		margin-top: -530px !important;
		padding: 2em 3em 1em 3em !important;
		max-height: 400px !important;
		border: none;
	}

	#pdi_left, #pdi_right, #main nav
	{
		visibility: hidden;
		margin: 0 !important;
	}

	#ltop
	{
		height: 100px;;
	}

	.imprint_left
	{
		text-align: left !important;
	}
} */