/* Navigation horizontal */

div#navigation ul {
	list-style-type:none;
	display:block;
}

div#navigation ul li {
	float:left;
}

div#navigation ul li a {
	display:block;
	height:30px;
}

div#navigation ul li a.active {
	background:url(../img/layout/navi/active-horizontal.gif) bottom right no-repeat;
	height:30px;
}

div#navigation ul li a span {
	display:none;
}

/* home */ 
div#navigation ul li#home {
	background:url(../img/layout/navi/home.gif) top left no-repeat;
	width:65px;
	height:30px;
}

div#navigation ul li#home a:hover {
	background:url(../img/layout/navi/active-horizontal.gif) bottom right no-repeat;
	width:65px;
	height:30px;
}

/* ueberuns */

div#navigation ul li#ueberuns {
	background:url(../img/layout/navi/ueberuns.gif) top left no-repeat;
	width:89px;
	height:30px;
}

div#navigation ul li#ueberuns a:hover {
	background:url(../img/layout/navi/active-horizontal.gif) bottom right no-repeat;
	width:89px;
	height:30px;
}

/* kontakt */
div#navigation ul li#kontakt {
	background:url(../img/layout/navi/kontakt.gif) top left no-repeat;
	width:89px;
	height:30px;
}

div#navigation ul li#kontakt a:hover {
	background:url(../img/layout/navi/active-horizontal.gif) bottom right no-repeat;
	width:89px;
	height:30px;
}

/* impressum */
div#navigation ul li#impressum {
	background:url(../img/layout/navi/impressum.gif) top left no-repeat;
	width:97px;
	height:30px;
}

div#navigation ul li#impressum a:hover {
	background:url(../img/layout/navi/active-horizontal.gif) bottom right no-repeat;
	width:97px;
	height:30px;
}

/* datenschutz */
div#navigation ul li#datenschutz {
	background:url(../img/layout/navi/datenschutz.gif) top left no-repeat;
	width:106px;
	height:30px;
}

div#navigation ul li#datenschutz a:hover {
	background:url(../img/layout/navi/active-horizontal.gif) bottom right no-repeat;
	width:106px;
	height:30px;
}



/* ----------------------------------------------------------------- Navigation vertical  --------------------------------------------------------------------*/

div#naviVertical ul {
	list-style-type:none;
	display:block;
	height:120px;
}

div#naviVertical ul li {
	float:left;
}

div#naviVertical ul li a {
	display:block;
	height:30px;
}

div#naviVertical ul li a.active {
	background:url(../img/layout/navi/active-vertical.gif) top left no-repeat;
}

div#naviVertical ul li a span {
	display:none;
}

/* informationen */ 
div#naviVertical ul li#informationen {
	background:url(../img/layout/navi/informationen.gif) top left no-repeat;
	width:167px;
	height:30px;
}

div#naviVertical ul li#informationen a:hover {
	background:url(../img/layout/navi/active-vertical.gif) top left no-repeat;
	width:167px;
	height:30px;
}

/* impressionen */ 
div#naviVertical ul li#impressionen {
	background:url(../img/layout/navi/impressionen.gif) top left no-repeat;
	width:167px;
	height:30px;
}

div#naviVertical ul li#impressionen a:hover {
	background:url(../img/layout/navi/active-vertical.gif) top left no-repeat;
	width:167px;
	height:30px;
}

/* partner */ 
div#naviVertical ul li#partner {
	background:url(../img/layout/navi/partner.gif) top left no-repeat;
	width:167px;
	height:30px;
}

div#naviVertical ul li#partner a:hover {
	background:url(../img/layout/navi/active-vertical.gif) top left no-repeat;
	width:167px;
	height:30px;
}