html, body {
    color: #000;
    font: normal 90% arial, helvetica, sans-serif;
	line-height: 150%;
    margin: 0; 
    padding: 0;
    text-align: center; 	
  }
  
 body {
    height: auto;
	background-color: #acb7c3;	
	background-image: url(img/schatten_oben.png);
	background-repeat: no-repeat;
	background-position: top;	
  }

  
div#seite {
	text-align: left;
    margin: 0 auto;
	margin-top: 16px;
    padding: 0;
    color: #000;
	width: 1000px;
	height: auto;
	background-image: url(img/schatten_mitte.png);
	background-repeat: repeat-y;
	background-position: top;
	
}

*+ html div#seite {
	position: relative;
	left: 1px;
	margin-top: 15px;
}

#fuss {
 	width: 985px;
 	height: 30px;
	background-image: url(img/fuss.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 30px 0px -30px 1px;
}
* html  #fuss {
 	margin: 0px 0px -30px 277px;
	}

#ende {
 	width: 1000px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding:  1px 0px 0px 0px;
	text-align: center;
	background-image: url(img/schatten_unten.png);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	top: 30px;
	left: 0px;
}

*+html #ende {
	height: 29px;
	padding:  2px 0px 0px 0px;
}

 * html  #ende {
 	margin: 0px 0px 0px 277px;
	}

.spacer {
	clear: left;
	height: 0px;
}
/*+++++++++++++++++++++ header +++++++++++++++++++++++++*/

#header {
 	width: 959px;
	height: 170px;
	margin: -1px 0px -1px 14px;
	background-image: url(img/header.jpg);
	background-repeat: no-repeat;
	background-position: right;	
	background-color: #fff;
 }
 * html #header {
	margin: -5px 0px -10px 293px;
 }
 
 
 #logo {
 	margin: 23px 70px 0px 10px;
	float: left;
 }
 
 #header h1 {
 	color: #fff;
    font: bold 100% arial, helvetica, sans-serif;
	padding: 4px 0px 0px 0px;
 }
 
 *+html  #header h1 {
	padding: 4px 0px 0px 0px;
 }
 
 #metanavi {
 	float: right;
	margin: -25px 10px 0px 0px;	
	color: #fff;
    font: bold 90% arial, helvetica, sans-serif;
 }
 
 *+html  #metanavi {
	margin: -35px 10px 0px 0px;	
 }
 
 #metanavi a {
 	color: #fff;
    font: bold 90% arial, helvetica, sans-serif;
	text-decoration: none;
 }
 
 #header h2 {
 	color: #06465e;
    font: bold 120% arial, helvetica, sans-serif;
	letter-spacing:0.1em;
	position: relative;
	top: 110px;
	left: 110px;
 }
 
*+html  #header h2 {
	position: relative;
	top: 100px;
	left: 115px;
 }
 /*+++++++++++++++++++++ content - navi +++++++++++++++++++++++++*/
 
 #content {
 	margin: 0px 0px -30px 14px;
	width: 960px;
	min-height: 510px;
 }
 
 * html  #content {
 	margin: 0px 0px 0px 293px;
	}
 
#navi {
 	background-color: #e4e4e5;
 	width: 180px;
 	height: auto;
  	float: left;
	margin-left: 2px;
 }

#navi ul#obernavi {
  	float: left;
	width: 100px;
	margin: 18px 0px 0px 0px;
 }
 #navi ul#obernavi li {
	width: 170px;
	position:relative;
	left: -40px;
	list-style-type: none;
	padding: 4px 0px 0px 10px;
	min-height: 24px;
	margin: 0px 0px 12px 0px;
 }
 
* html  #navi ul#obernavi li{
	width: 130px;
	position:relative;
	left: 0px;
 } 
 
*+html  #navi ul#obernavi li{
	width: 180px;
	position:relative;
	left: 0px;
 }
 
 li#ebene1 {
 	background-image: url(img/hg1.gif);
	background-repeat: repeat-x;
 }
 
li#ebene2 {
 	background-image: url(img/hg2.gif);
	background-repeat: repeat-x;
 }
 
li#ebene3 {
 	background-image: url(img/hg3.gif);
	background-repeat: repeat-x;
 }
 
 
li .normal {
 	color: #06465e;
	font: bold 100% arial, helvetica, sans-serif;
	text-decoration: none;
	margin-left: 4px;
}

li .aktiv {
 	color: #fff;
	font: bold 100% arial, helvetica, sans-serif;
	text-decoration: none;
	margin-left: 4px;
}

li .normal:hover {
 	color: #fff;
	font: bold 100% arial, helvetica, sans-serif;
	text-decoration: none;
	margin-left: 4px;
}

 #navi ul#obernavi ul#subnavi {
	margin: 0px 0px 25px 0px;
}

*+html  #navi ul#obernavi ul#subnavi {
	margin: 0px 0px 10px 0px;
}

 #navi ul#obernavi ul#subnavi li {
	list-style-type: none;
	padding: 6px 0px 2px 10px;
	height: 10px;
	margin: 3px 0px -10px -10px;
	background-color: #bbc1c8;
}

* html  #navi ul#obernavi ul#subnavi li {
	list-style-type: none;
	padding: 6px 0px 0px 10px;
	height: 10px;
	margin: 3px 0px -3px -10px;
	background-color: #bbc1c8;
}
 
  li a {
 	color: #06465e;
	font: bold 100% arial, helvetica, sans-serif;
	text-decoration: none;
	margin-left: 4px;
}

li a:hover {
 	color: #fff;
	font: bold 100% arial, helvetica, sans-serif;
	text-decoration: none;
	margin-left: 4px;
}
 
 
 li .subnormal {
 	color: #06465e;
	font: bold 100% arial, helvetica, sans-serif;
	text-decoration: none;
	margin-left: 4px;
}

li .subaktiv {
 	color: #fff;
	font: bold 100% arial, helvetica, sans-serif;
	text-decoration: none;
	margin-left: 4px;
}

li .supnormal:hover {
 	color: #fff;
	font: bold 100% arial, helvetica, sans-serif;
	text-decoration: none;
	margin-left: 4px;
}

#kurve {
  	float: right;	
	position: relative;
	left: -20px;
	margin: 0px -30px 0px 0px;
	width: 40px;
	height: 506px;
}

* html #kurve {
  	float: right;	
	position: relative;
	left: 0px;
	margin: 0px 0px 0px 0px;
	width: 40px;
	height: 506px;
}
 /*+++++++++++++++++++++ content - inhalt +++++++++++++++++++++++++*/
 
#schatten {
	float: right;
	width: 815px;
	height: 6px;
	background-image: url(img/schattenlinie.png);
	background-repeat: no-repeat;
	background-position: right;	
	margin-bottom: -6px;
 }
 
 * html #schatten {
	float: right;
	width: 815px;
	height: 6px;
	background-image: url(img/schattenlinie.png);
	background-repeat: no-repeat;
	background-position: right;	
	margin-bottom: -11px;
 }

 /*+++++++++++++++++++++ content - inhalt +++++++++++++++++++++++++*/
 
 #inhalt {
	float: right;
	margin: -220px 310px 0px 0px;
	width: 440px;
 }
 
 * html   #inhalt {
	margin: -210px 310px 0px 0px;
 }
 
 *+html  #inhalt {
	margin: -210px 310px 0px 0px;;
 }
 
 #spacer {
 	clear: both;
 }
 
  /*+++++++++++++++++++++ content - rechts +++++++++++++++++++++++++*/
  
   #rechts {
	float: right;
	width: 330px;
	height: 232px;
	background-image: url(img/kreis.png);
	background-repeat: no-repeat;
	background-position: right;	
	margin-right: 1px;
	font-weight: bold;
 }
 
 #rechts h1 {
 	font: italic 100% arial, helvetica, sans-serif;
	margin: 22px 0px -5px 43px;
	font-weight: bold;
	line-height: 140%;
 }
 
span {
  	color: #000;
    font: normal 100% arial, helvetica, sans-serif;
	line-height: 140%;
	font-weight: bold;
 }
 
 #eins {
	margin-left: 70px;
position: relative;
top: 10px;
 }
 
  #zwei {
  	margin-left: 100px;
	position: relative;
top: 10px;
 }
 
   #drei {
  	margin-left: 120px;
	position: relative;
top: 10px;
 }
 
 #download {
 	float: right;
 	position: relative;
	top: -35px;
	right: 20px
 }
 
 *+html  #download {
 	float: right;
 	position: relative;
	top: -40px;
	right: 20px
 }
  
 
  /*+++++++++++++++++++++ content  +++++++++++++++++++++++++*/
  
 h1 {
 	color: #06465e;
	font: bold 110% arial, helvetica, sans-serif;
 }
 
#inhalt h2 {
 	color: #7b8d9a;
	font: bold 110% arial, helvetica, sans-serif;
 }
 
 h3 {
  	color: #06465e;
	font: bold 100% arial, helvetica, sans-serif;
	margin-bottom: -12px;
 }
 
 b {
 	color: #58585a;
	font: normal 105% arial, helvetica, sans-serif;
 }
 
a {
  	color: #06465e;
	font: normal 100% arial, helvetica, sans-serif;
	line-height: 150%;
 }
 
  .button {
 	margin-bottom: -3px;
 }
 
 #inhalt ul {
	list-style-image:url(img/listenpunkt.gif);
 }
 
  #inhalt ul li{
	margin-top: 1px;
	padding-top: 5px;
 }
 
*+html  #inhalt ul {
	list-style-image:url(img/listenpunkt_ie7.gif);
 }
 
 *+html   #inhalt ul li{
	margin-top: 3px;
	padding-top: 0px;
 }
 
 ul#sitemap li {
 	font: normal 100% arial, helvetica, sans-serif;
	margin: 0px 0px -5px 0px;
 }
 
  ul#sitemap li a{
 	font: normal 100% arial, helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
 }
 
   ul#sitemap li a:hover{
 	font: normal 100% arial, helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	 color: #58585a;
 }