body {
  margin:0 auto;
  padding:0;
  background:#708090;
  font:small Verdana,Sans-serif;
  line-height:1.6em;
  text-align:center;
  color: #333;
  }
#container {
  background:#fff;
  width:750px;
  margin: 25px auto;
  border:solid #fff;
  border-width:0 1px;
  text-align:left;
  color:#333;
  position: relative;
  }
  
#content {
  float:left;
  width:750px;
    background:#fff url("bg1.gif");
  }
/* Overcome stupid 3px margin bug in IE/Win floats, 
   which fixes a lot of things, including disapearing company nav,
   randomly appearing text, and wrappers pushed too wide.
   http://www.positioniseverything.net/explorer/threepxtest.html */
  * html #content, * html #li2, * html #re2 {
    margin-right:-3px;
    }
	
	#kapitel, #fuss {
  background-color:#fff;
  background-image: url(../bg2.gif);
  float:left;
  width:100%;
  border:solid #ddd;
  border-width:1px 0;
    	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 3em;
	
	line-height: 1.4em;
	letter-spacing: 0.2em;
} 
  

	   
#links, #kapli, #fussli {
  float:left;
  width:485px;
}


#rechts, #kapre, #fussre {
  float:right;
  width:244px;
  color:#777;
  font-size:85%;
  line-height:1.6em;
}

#kapre, #fussre {
	font-size: 50%;
	text-align: center;
	vertical-align: bottom;
	line-height: 3em;
	letter-spacing: -1px;
}
#li1, #li2, #li3,	#re1, #re2, #re3 {
	 	  padding:10px 20px 0 20px;
	 }
	 
/*	 #li2 img {
	 	text-align: center;
		margin: 10px 0;
		border: dotted;
	 }
*/
	 
#bild	{
	border: 1px solid #e1e1e1;
	text-align: center;
	position: relative;
	width: 312px;
	padding: 5px;
}
	 #rechts ul{
	 	list-style: none;
		 margin-left: 0; 
		 padding-left: 0;
	 }

	 	 #rechts ul li  {
		margin-bottom: 10px;
		 }
	 #header{
	 	background-color: #708090;
	 }
	 
img {
		border: 0 none;
	 }
	 
	 #date{
	 	font-size: 1.4em;
		text-decoration: underline;
		
	 }
	 
	 #footer{

	 	width: 620px;
		height: 64px; 
		background-color: #ccc;
		margin: 10px 0;
		background-image: url(../images/back.gif);
		text-align: center;
 	}
	
	.navi{
		font-size: 0.8em;
		margin-left: 500px;
	}
	
	a{ text-decoration: none ; color: #778899; }
	a:hover{
		text-decoration: underline;
	}
	
	.klar{
		clear: both;
	}
	
	#presse1 {
margin: 1em;
background-color: #D4E1F7;
padding: 0.2em;
	}
	
	#presse2 {
margin: 1em;
background-color: #FFECDB;
padding: 0.2em;
	}
	
	#sdt i{
		font-size: 0.9em;
	}