@import url(navi.css);
@import url(system.css);




body{
	margin:0;
	padding:0;
	text-align:center;
	background: url(../images/bg.gif) repeat-x #ececec;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#505052;
	
}

#wrap{
	margin:0 auto;
	width: 860px;
	text-align:left;
	
}





#top_menu{

	text-align: right;

}

#rahmen{
	background: url(../images/co_bg.png) repeat-y ;
}

/* header */
#header{
	position:relative;
	height: 250px;
	width:100%;
	background: url(../images/header_bg.png) repeat-x;

}

#header-image{
	position:absolute;
	height: 139px;
	left: 0px;
	
	width: 860px;
	top: 106px;
 background: url(../images/headerbild.jpg) no-repeat;}
	


#pic{
  position: absolute;
  height: 134px;
  width: 150px;
  left: 198px;
  
  
 }


#logo{
	position:absolute;
  top: 48px;
	width: 312px;
	height: 58px;
	

}





/* main content */

#menu{
	width:197px;
	float:left;
	
	
}

#main-center{
	width: 460px;!important;
	width: 460px;
	float:left;

}



#rechts{
 float: right;
width: 170px;
margin: 20px 5px 0px 0px; 

}

/* footer */



#foot{
	font-weight:normal;
	background: url(../images/footer.png) repeat;
	height: 32px;
	
}



#foot_left{
 float: left;
 width: 400px;
}

#logo_unten{
 position: relative;
 left: 689px;
 top: -80px;
 width: 161px;
 height: 35px;
 }

#home .imageMap,
#startseite .imageMap {
	text-align: center;
}


/* ################  Misc ############# */
.clr{
	clear:both;
}



* html .button { /*IE 6*/
	padding: 1px 5px !important;
}

*+html .button { /*IE 7*/
	padding: 1px 5px !important;
}