/* Klaus Enders Personalberater

1.HTML
2.Struktur
3.Navigation
4.Logo
5.Inhalt
6.Footer

 */

* {
	margin:0;
	padding:0;}
	
	
body, html {
	height:100%;}
	
body {
	background:#faf8e3;
	font:0.75em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }
	
/* 1. HTML */

a, h2 {
	color:#4c568a;}
	
p {
	margin:0 0 15px 0;}
	
ul {
	list-style:none;}
		
	
/* 2. Struktur */

#container {
	min-height:100%;}
	
 *html #container {
 	height:100%;}
	
.clear {
	clear:both;
	float:none;}
	
	
/* 3. Navigation */

#navigation {
	width:100%;
	height:3.1em;
	float:none;
	clear:both;
	border-bottom:1px solid #e2e2e2;}
	
#navigation ul {
	width:57.5em;
	margin:0 auto;}
	
#navigation ul li {
	float:left;}
	
#navigation ul li a {
	text-decoration:none;
	font-size:1.4em;
	margin:0 2px 0 2px;
	padding:10px 7px 4px 7px;
	display:block;}
	
#navigation ul li a:hover,
#navigation ul li.aktiv a {
	border-bottom:1px solid #929292;}
	
/* 4. Logo */
	
#logo {
	width:674px;
	height:165px;
	margin:0 auto;
	background:url(../images/logo.jpg) right no-repeat;}
	
	#logo h1 {
		text-size:1px;
		text-indent:-5000px;}
		
		
/* 5. Inhalt */


#inhalt {
	width:634px;
	margin:0 auto;
	padding:20px;
	background:url(../images/inhalt.jpg) no-repeat;}
	
	h2 {
		width:674px;
		height:2em;
		margin:0 auto;}
	
	.spalte {
		float:left;
		width:46%;
		padding:10px;
		font:1.1em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }
		
	.spalte2 {
		width:92%;
		padding:10px 10px 50px 10px;
		font:1.1em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }
		
	dl  {
	padding:0 0 15px 0;}
	

dt {

	width:60px;
	position:absolute;
	display:block;
	font-style:italic;}
	
dd {
	
	width:240px;
	display:block;
	padding:0 0 0 65px;}

		
#inhalt ul li {
	background:url(../images/liste.jpg) no-repeat;
	padding:0 0 15px 30px;}
		
/* 6. Footer */ 
	
#footer {
	width:100%;
	height:5em;
	margin:-5.5em auto 0 auto;
	float:none;
	clear:both;
	border-top:1px solid #e2e2e2;}
		
		#footer p {
			width:634px;
			padding:10px 0 0 0;
			text-align:center;
			margin:0 auto;}