@charset "ISO-8859-1";

/*****************************/
/* Allgemeine Formatierungen */
/*****************************/
		body { 	background-color: #DDD }
		
		p, a, span, li, h1, h2, h3, label, input, textarea
		{
			font: 10pt/150% Verdana, Helvetica, Arial, sans-serif;
			font-size: 10pt;
			line-height: 150%;
			color: black;
		}
		
		p { margin: 0.5em 0 }
	
		h1, h2, h3
		{
		  font-weight: bold;
		  font-size: 14pt;
		}
		
		h2 { font-size: 12pt }
		
		h3
		{
			margin-bottom: -1em;
			font-size: 10pt;
		}
		
		em { font-style: italic }
		
		strong { font-weight: bold }
		
		small { font-size: smaller }
		
		th
			{
				margin: auto;
				margin-bottom: 5px;
				text-align: center;
				font-size: 11pt;
				color: #EEF;
				background-color: DarkBlue;
			}
			
		td
		{
			text-align: left;
		}
			
		tr:focus, tr:hover, tr:active { background-color: #DDF; }
		

/*****************************/
/*********** Links ***********/
/*****************************/
		a
		{
		  font-weight: bold;
		  text-decoration: underline;
		}
		
		a:link, a:visited { color: DarkBlue }
		a:focus, a:hover, a:active { color: DarkSlateBlue }
		
		a.anker
		{
		  font-weight: normal;
		  text-decoration: none;
		  color: black;
		}
		h1 a.anker, h2 a.anker { font-weight: bold }


/*****************************/
/* Gesonderte Formatierungen */
/*****************************/
		.zentriert { text-align: center }
		
		.printlogo
		{
			display: none;
		}
		
		*[helptext]:hover:after
		{
			position: absolute;
			max-width: 400px;
			margin-left: 10px;
			padding: 2px;
			background-color: #CCF;
			border: thin solid DarkBlue;
			content: attr(helptext);
			z-index: 2;
		}
		
/*****************************/
/**** Meter Formatierung *****/
/*****************************/
		div.meter
		{
			width: 100px;
			padding: 0;
			text-align: left;
		}
		div.meter span
		{
			display: inline-block;
			height: 12px;
			vertical-align: middle;
			text-align: left;
		}
		div.meter span.A
		{
			background-color: #F00;
		}
		div.meter span.B
		{
			background-color: #FA0;
		}
		div.meter span.C
		{
			background-color: #EE0;
		}
		div.meter span.D
		{
			background-color: #0C0;
		}

/*****************************/
/********* Formulare *********/
/*****************************/
		form
		{
			display: inline-block;
			margin: auto;
		}
		
		label
		{		
			float: left;
			width: 200px;
			margin-top: 2px;
			text-align: right;
			font-weight: bold;
		}
		
		input, textarea, select
		{
			float: left;
			width: 200px;
			margin: 2px 5px;
			text-align: left;
			border: thin solid DarkBlue;
		}
		
		input.checkbox { width: auto; margin-left: 100px; }
	
		fieldset
		{
			width: auto;
			border: thin solid DarkBlue;
		}
		
		fieldset span.key
		{
			float: left;
			width: 45%;
			margin-right: 5px;
			text-align: right;
			font-weight: bold;
		}
		
		fieldset span.value
		{
			float: left;
			width: 45%;
			margin-right: 5px;
			text-align: left;
		}
		
		form br { clear: left }
	

/*****************************/
/********* Bereiche **********/
/*****************************/
		div#Rahmen
		{
			width: 90%;
			min-width: 800px;
			margin: auto;
			padding-top: 10px;
			padding-bottom: 10px;
			background-color: white;
			border: thin solid DarkBlue;
			border-radius:10px;
			border-radius:10px;
		}

		div#Navigation
		{
			width: 775px;
			height: 25px;
			margin: auto;
			text-align: center;
			font-size: small;
		}
		
		div#NaviTop
		{
			width: 775px;
			height: 35px;
			margin: auto;
			text-align: center;
		}
		
		div#MenueLinks, div#MenueRechts
		{
			width: 210px;
			margin: 0 10px;
		}
		
		div#MenueLinks { float: left }
		div#MenueRechts { float: right }
		
		div#Inhalt
		{
			margin: 0 50px;
			overflow: auto;
		}

		/*************/
		/** Listen  **/
		/*************/
				div#NaviTop ul, div#MenueRechts ul, div#MenueLinks ul
				{
					padding: 0px;
					list-style-type: none;
				}
		
				div#NaviTop li
				{
					display: inline-block;
					width: 145px;
					text-align: center;
					border: thin dashed DarkBlue;
				}
				
				div#MenueRechts ul,div#MenueLinks ul { margin: 0 }

		/*************/
		/*** Links ***/
		/*************/
				div#NaviTop a, div#MenueRechts a, div#MenueLinks a
				{
					display: block;
					text-decoration: none;
					background-color: transparent;
				}
				
				div#NaviTop a.gewaehlt, div#MenueRechts a.gewaehlt, div#MenueLinks a.gewaehlt
				{
					background-color: #DDF
				}
				
				div#NaviTop a:hover, div#MenueRechts a:hover, div#MenueLinks a:hover
				{
					background-color: #CCF
				}
		
				div#MenueRechts a,div#MenueLinks a { padding-left: 5px }
		
		/*************/
		/* Sonstiges */
		/*************/
				div#MenueRechts div.box, div#MenueLinks div.box { width: 90% }


/*****************************/
/********** Boxen  ***********/
/*****************************/
		div.box
		{
			margin: auto;
			margin-top: 5px;
			margin-bottom: 5px;
			padding: 10px 0px;
			background-color: #EEF;
			border: thin solid DarkBlue;
			border-radius:10px;
			border-radius:10px;
		}

				div.box h2
				{
					margin: auto;
					margin-bottom: 5px;
					text-align: center;
					font-size: 11pt;
					color: #EEF;
					background-color: DarkBlue;
				}
				
				div.box#error h2
				{
					margin: auto;
					margin-bottom: 5px;
					text-align: center;
					font-size: 11pt;
					color: #EEF;
					background-color: DarkRed;
				}
		
				div.box p, div.box h3
				{
					margin-right: 5px;
					margin-left: 5px;
				}