* {
	margin: 0;
	padding: 0;
}

html, body {height: 100%;}

body {
	background: #ccc;;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
}

img {border: none;}

#distance { 
	width:1px;
	height:50%;
	background-color:#fc6;
	margin-bottom: -315px; /* half of container's height */
	float:left;
}

#wrapper {
	width: 1016px;
	height: 629px;
	position: relative; /* puts container in front of distance */
	margin: 0 auto;
	background: url(../images/ZMF11_start.png) no-repeat;
	clear: left;	
}

#kb img {
	width: 200px;
	height: 47px;
	margin: 325px 0 0 149px;
	background: url(../images/kb.png) no-repeat;
	float: left;
}

#kb a:hover img {	
	width: 200px;
	height: 47px;
	margin: 325px 0 0 149px;
	background: url(../images/kb_rollover.png) no-repeat;
	float: left;
}

#kf img {
	width: 160px;
	height: 47px;
	margin: 340px 0 0 35px;
	background: url(../images/kf.png) no-repeat;
	float: left;
}

#kf a:hover img {	
	width: 160px;
	height: 47px;
	margin: 340px 0 0 35px;
	background: url(../images/kf_rollover.png) no-repeat;
	float: left;
}

#hp img {	
	width: 250px;
	height: 146px;
	margin: 140px 0 0 155px;
	background: url(../images/hp.png) no-repeat;
	float: left;
}

#hp a:hover img {	
	width: 250px;
	height: 146px;
	margin: 140px 0 0 155px;
	background: url(../images/hp_rollover.png) no-repeat;
	float: left;
}

#fg img {	
	width: 146px;
	height: 44px;
	margin: 30px 0 0 55px;
	background: url(../images/fg.png) no-repeat;
	float: left;
}

#fg a:hover img {	
	width: 146px;
	height: 44px;
	margin: 30px 0 0 55px;
	background: url(../images/fg_rollover.png) no-repeat;
	float: left;
}

#aef img {
	width: 151px;
	height: 72px;
	margin: 30px 0 0 627px;
	background: url(../images/aef.png) no-repeat;
	float: left;
}

#aef a:hover img {	
	width: 151px;
	height: 72px;
	margin: 30px 0 0 627px;
	background: url(../images/aef_rollover.png) no-repeat;
	float: left;
}

#az img {
	width: 265px;
	height: 51px;
	margin: -30px 0 0 600px;
	background: url(../images/az.png) no-repeat;
	clear: left;
	float: left;
}

#az a:hover img {	
	width: 265px;
	height: 51px;
	margin: -30px 0 0 600px;
	background: url(../images/az_rollover.png) no-repeat;
	clear: left;
	float: left;
}

#zp img {
	#width: 160px;
	#height: 74px;
	margin: 30px 0 0 190px;
	#background: url(../images/zp.png) no-repeat;
	float: left;
}

#zp a:hover img {	
	#width: 160px;
	#height: 74px;
	#margin: 30px 0 0 190px;
	#background: url(../images/zp_rollover.png) no-repeat;
	#float: left;
}

#menu {	
	width: 528px;
	height: 27px;
	margin-top: 82px;
	padding-top: 10px;
	color: #fd190c;
	font-weight: normal;
	background: #ffffff;
	float: right;
	font-size:13px;
}

#menu a {
	color: #C51B1E;
	text-decoration: none;
}

#menu a:hover {
	color: #C51B1E;
	text-decoration: underline;
}
#logos img {
	width: 528px;
	height: 38px;
	margin: 2px 0 0 488px;
	float: left;
}
ul#Navigation {
    margin: 0; 
    padding: 0;
    text-align: center;
    float:left
  }

  ul#Navigation li {
    list-style: none;
    float: left; 
    position: relative;
    margin: 0px; 
	padding: 0;
	width: 180px;
	text-align: center;
  }
  
  ul#Navigation li img{
	background: url(../images/kbe.png) no-repeat;
	width: 160px;
	height: 48px;
	padding-bottom:3px;
  }
  
  ul#Navigation li img:hover {
	background: url(../images/kbe_rollover.png) no-repeat;
  }
 
  ul#Navigation li ul {
     margin: 82px 0 50px 190px; 
     padding: 0;
     display: none; 
	
  }

  ul#Navigation li:hover ul {
    display: block;  
	
  }
  
  ul#Navigation li ul li {
    float: none;
    display: block;
	width: 295px;
	background-color:#ffffff;
	text-align: left;
	border-bottom: 1px solid #ccc;
  }
  
  ul#Navigation li ul a {
    display: -moz-inline-box;
    padding: 5px 10px;
    text-decoration: none; 
    color: #C51B1E; 
	width: 290px;
	font-family:verdana,arial,sans-serif;
	font-size:13px;
	text-align: center;
	font-weight:normal;
  }

  ul#Navigation li ul a:hover {
    color: white; 
	font-size:13px;
	font-weight:normal;
  }
  
  ul#Navigation li ul li:hover {
	background-color: #C51B1E;
	color: white; 
  }