/*

CSS for Fly-and-Help.de
Year: 2009 

*/

/* Main Menu */
ZZZ#MainMenu{
	position:absolute;
	top:190px;
	left:20px;
	padding-top:0px;
	font-size:11px;
	line-height:14px;
	height:100px;
}

#MainMenu .ueber { position:absolute; top:103px; left:8px; width:70px;  }
#MainMenu .rmeutsch { position:absolute; top:122px; left: 48px; width:70px; }
#MainMenu .crew { position:absolute; top:130px; left:92px; width:50px; }
#MainMenu .route { position:absolute; top:132px; left: 129px; width:70px; }
#MainMenu .fahp { position:absolute; top:124px; left:188px; width:70px; }
#MainMenu .spenden { position:absolute; top:121px; left: 233px; width:70px; }
#MainMenu .stiftung { position:absolute; top:120px; left:284px; width:80px; }
#MainMenu .presse { position:absolute; top:127px; left: 330px; width:70px; }
#MainMenu .kontakt { position:absolute; top:134px; left:370px; width:70px; }


#MainMenu ul, #MainMenu li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#MainMenu li {

}

#MainMenu a {
	display:block;
	padding:4px 15px 5px 15px;
	font-weight:normal;
	color:#fff;
	text-transform: uppercase;
	text-decoration:none; 

}

#MainMenu a:hover
{
	text-decoration:none;
	color:#5ea9e1;
}


#MainMenu span.active {
	margin:0px;
	padding:4px 15px 5px 15px;
	color:#5ea9e1;
	text-transform: uppercase;
}

#MainMenu li.trail a { color: #5ea9e1 }


body.ueber #header { background: url(/tl_files/fah/images/fah-bg-header-ueber-active.jpg) 0 0 no-repeat; }
body.rmeutsch #header { background: url(/tl_files/fah/images/fah-bg-header-rmeutsch-active.jpg) 0 0 no-repeat; }
body.crew #header { background: url(/tl_files/fah/images/fah-bg-header-crew-active.jpg) 0 0 no-repeat; }
body.dieroute #header { background: url(/tl_files/fah/images/fah-bg-header-dieroute-active.jpg) 0 0 no-repeat; }
body.fahp #header { background: url(/tl_files/fah/images/fah-bg-header-fahp-active.jpg) 0 0 no-repeat; }
body.spenden #header { background: url(/tl_files/fah/images/fah-bg-header-spenden-active.jpg) 0 0 no-repeat; }
body.stiftung #header { background: url(/tl_files/fah/images/fah-bg-header-stiftung-active.jpg) 0 0 no-repeat; }
body.presse #header { background: url(/tl_files/fah/images/fah-bg-header-presse-active.jpg) 0 0 no-repeat; }
body.kontakt #header { background: url(/tl_files/fah/images/fah-bg-header-kontakt-active.jpg) 0 0 no-repeat; }




/*Sub Menu*/
#SubMenu {
	position:absolute;
	top:307px;
	left:15px;
	padding-top:0px;
	font-size:11px;
	line-height:1;

}

* html #SubMenu { width: 800px; height: 70px }
* html #SubMenu { overflow: hidden; }


#SubMenu ul, #SubMenu li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#SubMenu li {
	border-right: 1px solid #fff;
	text-align:center;
	float:left;
	background: #5ea9e1;
}


#SubMenu a {
	display:block;
	padding:4px 10px 5px 10px;
	font-weight:normal;
	color:#fff;
	text-transform: uppercase;
	text-decoration:none; 

}

#SubMenu a:hover
{
	text-decoration:none;
	color:#000;
}


#SubMenu li.active {
	margin: 0px;
	padding: 4px 10px 5px 10px;
	background:#5ea9e1;
	color:#000;
	text-transform: uppercase;
	border-right: 1px solid #fff;
}

#SubMenu li.active.first { 
	background: #5ea9e1 url(/tl_files/fah/images/bg-submenu-left.jpg) left 0 no-repeat; 
	padding-left: 45px;
}

#SubMenu li.first { 
	background: #5ea9e1 url(/tl_files/fah/images/bg-submenu-left.jpg) left 0 no-repeat; 
	padding-left: 35px;
}


#SubMenu li.active.last { 
	background: #5ea9e1 url(/tl_files/fah/images/bg-submenu-right.jpg) right 0 no-repeat; 
	padding-right: 45px;
}

#SubMenu li.last { 
	background: #5ea9e1 url(/tl_files/fah/images/bg-submenu-right.jpg) right 0 no-repeat; 
	padding-right: 35px;
}

#SubMenu .trail { color: #000; }