/*

css Datei fuer: http://www.beck-hartchrom.de

Inhaltsverzeichnis:
-------------------

1. Aufbau (body, #wrapper)
2. Head (Impressum, Sprachauswahl, Logo)
3. Content (Hauptnavigation, Inhaltsbereich, Adressbereich)

*/



/*----- 1. Aufbau -----*/

* {margin: 0; padding: 0;}

body {background:url(../images/bg_index.gif) 0 0 repeat-x;}
	
#wrapper {
	margin: 0 auto;
	width: 770px;}
#wrapper p{
	font:0.8em Arial, Helvetica, sans-serif;
	color:#999;
	padding: 0 0 1.6em 30px;}
#wrapper a:link, #wrapper a:visited {
	color:#47518B;
	text-align:center;}
#wrapper a:hover, #wrapper a:active {
	color:#000;
	text-decoration:none;}
	
#links {
	float:left;
	width:274px;}
#links h1 {
	font:1.1em Arial, Helvetica, sans-serif;
	color:#5c5c5c;
	margin:105px 0 0 0;}
	
#mitte {
	float:left;
	width:186px;
	background:url(../images/logo_index.gif) 0 0 no-repeat;
	height:250px;}
	
#rechts {
	float:left;
	width:299px;
	height:388px;
background:url(../images/index.jpg) right bottom no-repeat;}
#rechts h1 {
	font:1.1em Arial, Helvetica, sans-serif;
	color:#5c5c5c;
	margin:105px 0 0 0;}
#unten {
	float:none;
	clear:both;}
	


	


/*----- 3. Content -----*/
#content {
	background:url(../images/bg_content.gif) 0 0 repeat-y;}

	#navi ul{
		list-style-type:none;
		width: 150px;
		float:left;
		background:#FFFFFF;
		padding: 0 0 1px 0;}
		
		#navi ul li {
			position:relative;}
		
		#navi ul li a:link, #navi ul li a:visited {
			font: 0.8em/1.6em Arial, Helvetica, sans-serif;
			color:#5C5C5C;
			width:129px;
			height:25px;
			display:block;
			background:url(../images/bg_navi.gif) 0 0 no-repeat;
			text-decoration:none;
			padding:5px 0 0 10px;}
			
		#navi ul li a:hover, #navi ul li a:active {
			background:url(../images/bg_navi.gif) 0 -30px no-repeat;
			color:#272f6b;}
		
		#navi ul li.active {
			font: 0.8em/1.6em Arial, Helvetica, sans-serif;
			color:#272f6b;
			width:129px;
			height:25px;
			display:block;
			background:url(../images/bg_navi.gif) 0 -30px no-repeat;
			text-decoration:none;
			padding:5px 0 0 10px;}
			
	#clear {
		float:none;
		clear:both;
		position:relative;}
		
	#daten {
		position:relative;}
		
		#daten address {
			font:0.8em Arial, Helvetica, sans-serif;
			color:#e1e1e1;
			height:100px;
			width:150px;
			position:absolute;
			top:-160px;
			right:7px;
			z-index:100;}
			
			#daten address span {
				color:#fff;}
				
			#daten address a:link, #daten address a:visited {
				color:#A6D5F5;
				text-decoration:none;}
				
			#daten address a:hover, #daten address a:active {
				color:#e1e1e1;
				text-decoration:underline;}
		
	#content h2 {
		width:38px;
		float:left;
		font:0.001em Arial, Helvetica, sans-serif;
		color:#fff;
		margin: 4px 0 0 8px;}
	
	#content h3 {
		font:2em Arial, Helvetica, sans-serif;
		color:#aaa;}
		
	#content h4 {
		font:1em Arial, Helvetica, sans-serif;
		color:#999;
		margin: 0 0 1.4em 0;}
	
	#content h5 {
		font:0.9em Arial, Helvetica, sans-serif;
		color:#000;
		margin: 0 0 0.7em 0;}
	
	#content h6 {
		font:0.9em Arial, Helvetica, sans-serif;
		color:#272f6b;
		margin: 1.4em 0 0 0;}
	

	#inhalt {
		width: 390px;
		float: left;}
		
		#inhalt p {
			font:0.8em/1.4em Arial, Helvetica, sans-serif;
			margin: 0 0 1.4em 0;
			color:#5c5c5c;}
			
			#inhalt p a:link, #inhalt p a:visited {
				text-decoration:none;
				color:#000;}
	
			#inhalt p a:hover, #inhalt p a:hover {
				color:#A6D5F5;
				text-decoration:underline;}
		
		#inahlt p.jumpto {	
			font:0.6em Arial, Helvetica, sans-serif;
			text-align:right;} 
			
			#inhalt p.jumpto a:link, #inhalt p.jumpto a:visited {
				text-decoration:none;
				color:#47518B;}
	
			#inhalt p.jumpto a:hover, #inhalt p.jumpto a:hover {
				color:#A6D5F5;
				text-decoration:underline;}
		
		#inhalt ul {
			list-style-type:none;
			font:0.75em/1.4em Arial, Helvetica, sans-serif;
			color:#666666;
			margin: 0 0 1.4em 1.4em;}
		
		#inhalt ul li {
			border-left: 2px solid #272F6B;
			padding:0 0 0 5px;
			margin:0.5em 0;}
	
	
	#kontaktdaten {
		position:absolute;
		top:206px;
		left:597px;
		width:174px;
		background:url(../images/bg_inhalt.gif) 0 0 no-repeat;
		height:369px;
		z-index:1;}