html,body	{
		margin: 0;
		padding: 0;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 90%;
		text-align: center;
		height: 100%;
		width: 100%;
		/* color:#333;  */
	}
	
		
	/* Bildschrirmteil mit Logo und Login-/Kunden-Info */
	#oben {
		position:absolute;
		top:0px;
		width: 100%;
		height: 80px;
		background-repeat:no-repeat;
		border-bottom: black 1px solid;
		overflow: hidden;
		text-align: left;
		// background:url("../bilder/heade_ohne_logo.png");
		background-color: black;
	}
	
	
	#oben #headline {
		position: absolute;
		left: 110px;
		top: 18px;
		font-size: 1.8em;
		font-weight: bold;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #DDD;
	}
	
	
	/* Navigation zum b4u-Hauptsystem */
	#kopfnavi {
		position:absolute;
		top: 10px;
		right:5px;
		text-align:right;
		font-size: 0.7em;
		color: #DDD;
	}
	
	
	
	
	
	.mandant {
		position: absolute;
		color:#0099CC;
		font-size: 14px;;
		top:32px;
		right: 3px;
		font-style:italic;
		min-width: 200px;
	}
	
	
	
	
	
	#panel {
		position: relative;
		top: 20px;
		left: 0px;
		background-color:transparent;
	}
	
	
	
	/* *****************************************************************************************************
	   *****************************  Unterer Navigationsbereich   *****************************************
	   ***************************************************************************************************** */
	
	
	
	
	#unten {
		position:absolute;
		bottom: 0px;
		height: 40px;
		width: 100%;
		border-top: 1px black solid;
		/* background-color: #574d45; */
		background-color: #685c53;
		background-color: black;
		line-height: 1.0em;
		overflow: visible;
		z-index:3;
	}
	
	#sysmessage {
		position: absolute; 
		left:5px; 
		bottom: 8px;
		text-align:left; 
		margin-right:20%; 
		color:#DDD;
		font-size: 12px;
	}
	
	
	#unten .linksunten {
		position: absolute; 
		left:5px; 
		top:5px;
		text-align:left; 
		margin-right:20%; 
		color:red;
	}
	
	#unten .mitteunten { 
		position: absolute;
		top: 5px;
		width: 100%;
		text-align:center; 
	}
	
	#unten .rechtsunten {
		position: absolute; 
		right:5px; 
		bottom:0px;
		text-align:right; 
	}
	
	#tabunten {
		position: absolute;
		right: 5px;
		bottom: 0px;
		text-align: left;
		color: white;
		width: 200px;
	}
	
	#tabunten td {
		padding-left: 10px;
		font-size: 10px;
		height: 12px;
	}
	
	#tabunten td.tabimage {
		width: 35px;
		max-width: 35px;
		
	}
	
	
	/* *****************************************************************************************************
	   *******************************************  Links   ************************************************
	   ***************************************************************************************************** */
	
	
	
	a {
		text-decoration:none;
		font-weight: bold;
		font-size: 1.0em;
	}
	
	a:link {
		/* color:#000033; */
		color: white;
	}
	
	a:visited {
		/* color:#330066;*/
		color: #DDD;
	}
	
	
	a:hover {
		color: white;
		background-color:teal;
	}
	
	a:active {
		color: red;
		background-color:transparent;
	}
	
	
	
	#oben a, #unten a {
		font-weight: bold;
	}
	
	#oben a:hover, #oben a:active, #unten a:hover	{
		font-size: 1.2em;
	}
	
	#oben a, #unten a {
		font-weight: bold;
	}
	
	#oben a:hover, #oben a:active, #unten a:hover	{
		font-size: 1.2em;
	}
	
	
	h1, h2, h3 {
		padding: 1px;
		margin: 2px;
	}
	
	p { 
		line-height: 1.4em;
		margin-left: 2px;
	}
	
	
	.betont {
		font-size: 1.0em;
		font-weight: bold;
	}
	
	
	
	
	.prompt {
		color: #999;
		font-size: 0.9em;
	}
	
	
	
	.cmd {
		border: 1px solid #666;
		border-radius: 4px;
	}
	
	.cmd:hover {
		background-color: #FC9;
	}
	
	.rot {
		color: red;
	}
	
	
	.fettrot {
		color: white;
		font-size: 1.2em;
		font-weight: bold;
	}