<style type="text/css">

	* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}
		
	
	/* Link-Farbe #ac9e6f */
	a:link {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #be1e26;
		text-decoration: none;
		font-weight:normal;
	}
	
	a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		/* ac9e6f */
		color: #be1e26;
		text-decoration: none;
		font-weight: normal;
	}
	/*Hover-Farbe: #bd0000;*/
	a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #f57e20;
		text-decoration: none;
		font-weight: normal;
	}
	
	a:active {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #be1e26;
		text-decoration: none;
		font-weight: normal;
	}
	
	#current {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #be1e26;
		text-decoration: underline;
		font-weight: normal;
			}
	/*******************************
	*****Abweichende a-Klassen******
	*******************************/
	
	
			
	textarea {
	
		background-color: #666666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-color: #000000; 
		color: #000000;
		width: 500px;
		heigth: 400px;
		border: none;
		padding: 5px 0px 5px 10px;
		marging: 5px 0px 5px 10px;
	}
	
	.ta2 {
		background-color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-color: #000000;
		color: #000000;
		width: 266px;
		heigth: 400px;
		border: 1px #999999 solid;
		padding: 0px 0px 0px 0px;
		marging: 0px 0px 0px 0px;
		}
	
	
	#container table tr td {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-color: #000000;
		color: #000000;
		padding: 0px;
		margin: 0px;
	}
	
	
	
	
	body {
		background:#ffffff/* url(../pics/back.png) */;
		margin: 0px;
				/*color:#630;
		font:100.01%/1.4 sans-serif;*/
		text-align:center; /* horizontal centering for IE Win quirks */
		}

	#distance { 
		
		width:100%;
		height:20px;
		background-color:#ffffff;
		/*position: relative;*/
		/*margin-bottom:20px;  half of container's height */
		/*float:left;*/
		}
		
	#topper {
	
		
		width: auto;
		margin: 0 1em;
		position:relative; /* puts container in front of distance */
		text-align:right;
		/*clear:left;*/
		background-color:transparent;
	}
	
	#left {
		float:left;
		height: 850px;
		width: 270px;
		margin:0;
		text-align:left;
		background: url(../pics/left.jpg) no-repeat;
	}

	#container {
		margin:0;
		/*float: left;*/
		position:relative; /* puts container in front of distance */
		text-align:center;
		min-height: 850px;
		height:auto;
		width:650px;
		float: left;
		
		background-color:#ffffff;
		/* back_and.jpg oder back10.jpg 
		background:#ffffff url(../pics/back.png) ;*/
		border:1px solid #ccc;
		/*border-top-color:#fff;
		border-left-color:#fff;*/
		}


	
	/*#container div {
		font-size:80%;
		float:right;
		width:17em;
		margin-left:2em;
		}*/
		
	
	
	
		
	#content {
		margin: 0em;
		width: 630px;
		float: right;
		text-align: left;
		}
		

	

	#container div h2 {
		font-size:120%;
		font-weight:bold;
		text-transform:uppercase;
		margin:1em 0 0;
		}

	#container div h3 {
		font-size:100%;
		font-weight:bold;
		margin:.5em 0 0 .75em;
		}

/* Farbe fff */
	#container div h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 26px;
		font-weight: bold;
		color: #be1e26;
		padding-top:1em;
		margin-left:0em;
		text-align: center;
		}
	
	#container h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-color: #be1e26;
		padding-top:2.4em;
		margin-left:6em;
		}

	#container table tr td .special {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #e0071c;
		}
	
	#container table tr td .grey {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #cccccc;
		}
		
	#container p {
		margin:1.5em 2em 1.5em 2em;
		font-family:  Arial, Helvetica, sans-serif;
		font-color: #000000;
		font-size: 14px;
		color: #000000;
		text-align: left;
		}
		
	#pcontent {
		margin:1.5em 2em 1.5em 2em;
		font-family:  Arial, Helvetica, sans-serif;
		font-color: #000000;
		font-size: 12px;
		color: #000000;
		text-align: left;
	
	
	}


ul#navi1
{ margin:0 0.5em; padding:1px 2px; list-style:none; width:100%;  border-top:0px solid #f57e20; border-bottom:0px solid #f57e20; font:normal 8pt verdana, arial, helvetica; font-weight: bold; text-align:center; float: left;}
ul#navi1 li
	{ margin:0 ; padding:0px 1px; display:block; float:left; position:relative; width:125px; }
ul#navi1 li a:link,
ul#navi1 li a:visited
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#f57e20; color:#ffffff; width:124px; height:13px; font-weight: bold;}
ul#navi1 li:hover a,
ul#navi1 li a:hover,
ul#navi1 li a:active
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b82128; color:#ffffff; width:124px; height:13px; border-left:none; border-right:none; font-weight: bold; }
	
ul#navi1 li ul.navi2
	{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:120px; left: -1px; position:absolute; top:21px;  border:0px solid #f57e20; border-top:none; }
ul#navi1 li:hover ul.navi2
	{ display:block; }
ul#navi1 li ul.navi2 li
	{  clear:left; width:120px; font-weight: normal;}

ul#navi1 li ul.navi2 li a:link,
ul#navi1 li ul.navi2 li a:visited
	{ clear:left; background:#f57e20; padding:4px 2px; width:120px; border:none; border-bottom:0px solid #ffffff; position:relative; z-index:1000; font-weight: normal; }
ul#navi1 li ul.navi2 li:hover a,
ul#navi1 li ul.navi2 li a:active,
ul#navi1 li ul.navi2 li a:hover
	{ clear:left; background:#b82128; padding:4px 1px; width:122px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; font-weight: normal; }


ul#navi1 li ul.navi2 li a span
	{ position:absolute; top:0; left:124px; font-size:12pt; color:#fe676f; }
ul#navi1 li ul.navi2 li:hover a span,
ul#navi1 li ul.navi2 li a:hover span
	{ position:absolute; top:0; left:124px; font-size:12pt; color:#ffffff; }
</style>
