@media screen {
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100.01%;
		color: #000;
		background-color: #fff; 
		background-image: url(../img/bg_body.jpg); 
		background-repeat: repeat-y; 
		padding: 0;
		margin: 0;
	}

/* --- Kopfbereich ------------------------------ */
	#vlKopf * {
		margin: 0;
		padding: 0;
	}

	div#vlKopf {
		padding: 40px 20px 5px 15.5em;
		color: #000;
		background-color: #fff;
		background-image: url(../img/bg_kopf.jpg);
		background-position: right;
		background-repeat: repeat-y;
		border-bottom: 25px solid #96AEBE;
	}
	
	#vlLogo {
		position: absolute;
		top: 0.8em;
		left: 2.5em;
		border: 0;
	}
	
	#vlKopf h1 { 
		color: #000; 
		background-color: transparent; 
		font-size: 130%;
		font-weight: normal; 
		white-space: nowrap; 
	}
	
/* --- Micronavi -------- */
	#vlMicronavi * {
		margin: 0;
		padding: 0;
		word-spacing: 0;
	}

	#vlMicronavi {
		margin: 0px;
		border-bottom: 1px solid #96AEBE; 
		padding: 0 0 0 15.5em; 
		margin-bottom: 4em; 
		font-size: 90%; 
		white-space: nowrap; 
	}
	#vlMicronavi div#vlLinks {
		padding: 0.25em 0em 0em 0em;
		float: left;
		font-size: 80%;
		margin-left: 2.25em;
		margin-top: 0.2em;
	}
	#vlMicronavi div#vlPfadBox {
		padding: 0.2em 0.2em 0.2em 0em;				
		margin-left: 7em;
		text-align: left;				
		
		
	}
	#vlMicronavi ul {
		font-size: 80%;
		list-style:none; 
		margin: 0;
		padding: 0;
	}
	#vlMicronavi ul,#vlMicronavi li {
		display: inline;

	}
	#vlMicronavi .raquo {
		position: relative;
		top: -0.1em;
		color: #4169E1; 
		background-color: #fff;
		font-weight:bold; 
	}
	#vlMicronavi a:link, #vlMicronavi a:visited { 
		text-decoration: none;
		padding: 0 5px;
		color: #000;
		background-color: #fff;
	}
	#vlMicronavi a:hover,#vlMicronavi a:active,#vlMicronavi a:focus {
		text-decoration: none;
		background-color: #476274;
		padding: 0 5px;
		color: #fff;
	}
	
	/*
	#vlMicronavi a::after, #vlMicronavi a::before {
		content: '\00A0';
	}
	*/
/* --- Navi -------- */
	#vlSpalteLinks * {
		margin: 0;
		padding: 0;
		word-spacing: 0;
	}
	
	body #vlSpalteLinks {
		float: left;
		width: 14rem;
		height: 52em;
		padding-left: 1em;
	}

	body #vlSpalteMitte {
		margin-left: 15rem;		
		color: #000;		
		padding: 0 0.5em;
	}
	
	body #vlNavi {
		position: relative;
		z-index: 10;
		top: 0;
		left: 0;
		padding: 0;
		margin: 0 0 2em 0.5em;
		width: 12.9em;
		font-size: 90%;
	}
	#vlNavi a {
		position: relative;
		top: 0;
		left: 0;
		text-decoration: none;
		display: block;
		padding: 3px 1em 3px 5px;
		min-height: 1em;
		color:#000; 
		background-color: #BFCED8; 
	}
	#vlNavi a:hover,#vlNavi a:active,#vlNavi a:focus {
		display: block;
		color:white; background-color: #476274; 
	}
	
	#vlNavi ul {
		list-style: none;
	}
	#vlNavi ul li {
		list-style: none;
		margin-top:0.2em;
		margin-bottom:0.2em;
	}
	#vlNavi ul li.first {
	}

	/* 2. level */
	#vlNavi ul ul {
		border: 0;
		margin-left: 1em;
		list-style: none;
	}
	#vlNavi ul ul a {
		font-weight: normal;
		font-size: 90%;
	}

	.vlHidden {
		position: absolute;
		top: 0;
		left: -5000px;
	}
/* --- Zusatznavi -------- */
	#vlZusatznavi {
		margin: 2em 0 2em 0.5em;
		width: 100%;
		font-size: 85%;
	}
	#vlZusatznavi ul {
		padding: 0;
		margin: 2em 0 0.5em 0.5em; 
		list-style: none; 
	}
	#vlZusatznavi li {
		width:100%; 
		display:inline; 
	}
	#vlZusatznavi a:link, #vlZusatznavi a:visited {
		color:#476274; 
		background-color: transparent;
		display:block; 
		font-weight:normal; 
		text-decoration:none; 
	}
	#vlZusatznavi a:hover, #vlZusatznavi a:active, #vlZusatznavi a:focus {
		font-weight:normal; 
		text-decoration:underline; 
	}
	#vlZusatznavi p {
				margin: 2em 0 0.5em 0.5em;
				color: #476274;
	}
}

/* --- navigation -------- */

@media (max-width: 82rem) {
	#vlSpalteLinks * {
		display: none;
	}
	
	body #vlSpalteMitte {
		margin-left: 0.5em;
	}
}