/* Author: Wido Widlewski <wido@websimplex.de> */

#reiter {

}

#reiter ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	text-align: left;
}

#reiter li {
	float: right;
	padding: 0px;
	margin: 0px;
}

#reiter li.no a:link,
#reiter li.no a:visited {
	
}

#reiter li.no a:hover {
	
}

/* Leisteungen */

li#leistungen {
	width: 120px;
	z-index: 20;
}

li#leistungen div.no,
li#leistungen div.act {
	
}
 
/* no */ 

li#leistungen div.no a:link,
li#leistungen div.no a:visited {
	background: url(../design/reiter_2009/leistungen_komplett.png) no-repeat 10px 0px;
	width: 110px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	cursor: pointer;
}


li#leistungen div.no a:link span,
li#leistungen div.no a:visited span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/leistungen_no_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}

/* act */

li#leistungen div.act a:link,
li#leistungen div.act a:visited {
	background: url(../design/reiter_2009/leistungen_komplett.png) no-repeat 10px -200px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	cursor: pointer;
}


li#leistungen div.act a:link span,
li#leistungen div.act a:visited span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/leistungen_act_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}

/* hover */


li#leistungen div.no a:hover,
li#leistungen div.act a:hover {
	background: url(../design/reiter_2009/leistungen_komplett.png) no-repeat 10px -100px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	color: #FFFFFF;
	
}

li#leistungen div.no a:hover span,
li#leistungen div.act a:hover span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/leistungen_hover_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}



/* Referenzen */

li#referenzen {
	width: 131px;
	margin: 0px 0px 0px -21px;
	z-index: 15;
}

li#referenzen div.no,
li#referenzen div.act {

}

/*no */

li#referenzen div.no a:link,
li#referenzen div.no a:visited {
	background: url(../design/reiter_2009/referenzen_komplett.png) no-repeat 10px 0px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	color: #FFFFFF;
	cursor: pointer;
}


li#referenzen div.no a:link span,
li#referenzen div.no a:visited span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/referenzen_no_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}


/* act */

li#referenzen div.act a:link,
li#referenzen div.act a:visited {
	background: url(../design/reiter_2009/referenzen_komplett.png) no-repeat 10px -200px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	color: #FFFFFF;
	cursor: pointer;
}

li#referenzen div.act a:link span,
li#referenzen div.act a:visited span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/act_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}


/* hover */

li#referenzen div.no a:hover,
li#referenzen div.act a:hover {
	background: url(../design/reiter_2009/referenzen_komplett.png) no-repeat 10px -100px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	color: #FFFFFF;
	
}

li#referenzen div.no a:hover span,
li#referenzen div.act a:hover span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/hover_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}



/* Unternehmen */

li#unternehmen {
	width: 144px;
	z-index: 10;
	margin: 0px 0px 0px -21px;
}

li#unternehmen div.no,
li#unternehmen div.act {

}

/* no */

li#unternehmen div.no a:link,
li#unternehmen div.no a:visited {
	background: url(../design/reiter_2009/unternehmen_komplett.png) no-repeat 10px 0px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	color: #FFFFFF;
	cursor: pointer;
}

li#unternehmen div.no a:link span,
li#unternehmen div.no a:visited span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/unternehmen_no_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}

/* act */

li#unternehmen div.act a:link,
li#unternehmen div.act a:visited {
	background: url(../design/reiter_2009/unternehmen_komplett.png) no-repeat 10px -200px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	color: #FFFFFF;
	cursor: pointer;
}

li#unternehmen div.act a:link span,
li#unternehmen div.act a:visited span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/act_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}

/* hover */

li#unternehmen div.no a:hover,
li#unternehmen div.act a:hover {
	background: url(../design/reiter_2009/unternehmen_komplett.png) no-repeat 10px -100px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	color: #FFFFFF;
	cursor: pointer;
}

li#unternehmen div.no a:hover span,
li#unternehmen div.act a:hover span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/hover_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}



/* Allgemeines */

li#allgemeines {
	width: 138px;
	/*z-index: 5;*/
	margin: 0px 0px 0px -21px;
}

li#allgemeines div.no,
li#allgemeines div.act {

}

li#allgemeines div.no a:link,
li#allgemeines div.no a:visited {
	background: url(../design/reiter_2009/allgemeines_no.png) no-repeat top right;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	color: #FFFFFF;
	cursor: pointer;
}

li#allgemeines div.no a:link span,
li#allgemeines div.no a:visited span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/kontakt_no_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}

li#allgemeines div.act a:link,
li#allgemeines div.act a:visited {
	background: url(../design/reiter_2009/allgemeines_act.png) no-repeat top right;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	color: #FFFFFF;
	cursor: pointer;
}

li#allgemeines div.act a:link span,
li#allgemeines div.act a:visited span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/act_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}

li#allgemeines div.no a:hover,
li#allgemeines div.act a:hover {
	background: url(../design/reiter_2009/allgemeines_hover.png) no-repeat top right;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	color: #FFFFFF;
	
}

li#allgemeines div.no a:hover span,
li#allgemeines div.act a:hover span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/hover_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}




/* Kontakt */

li#kontakt {
	width: 106px;
	/*z-index: 5;*/
	margin: 0px 0px 0px -21px;
}

li#kontakt div.no,
li#kontakt div.act {

}

/* no */

li#kontakt div.no a:link,
li#kontakt div.no a:visited {
	background: url(../design/reiter_2009/kontakt_komplett.png) no-repeat 10px 0px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	color: #FFFFFF;
	cursor: pointer;
}

li#kontakt div.no a:link span,
li#kontakt div.no a:visited span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/kontakt_no_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}

/* act */

li#kontakt div.act a:link,
li#kontakt div.act a:visited {
	background: url(../design/reiter_2009/kontakt_komplett.png) no-repeat 10px -200px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	color: #FFFFFF;
	cursor: pointer;
}

li#kontakt div.act a:link span,
li#kontakt div.act a:visited span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/act_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}

/* hover */

li#kontakt div.no a:hover,
li#kontakt div.act a:hover {
	background: url(../design/reiter_2009/kontakt_komplett.png) no-repeat 10px -100px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	color: #FFFFFF;
}

li#kontakt div.no a:hover span,
li#kontakt div.act a:hover span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/hover_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}



/* Happy Monday */

li#happy_monday {
	width: 144px;
	margin: 0px 0px 0px -21px;
}

li#happy_monday div.no,
li#happy_monday div.act {

}

/* no */

li#happy_monday div.no a:link,
li#happy_monday div.no a:visited {
	background: url(../design/reiter_2009/happy_monday_komplett.png) no-repeat 10px 0px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	color: #FFFFFF;
	cursor: pointer;
}

li#happy_monday div.no a:link span,
li#happy_monday div.no a:visited span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/happy_monday_no_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}

/* act */

li#happy_monday div.act a:link,
li#happy_monday div.act a:visited {
	background: url(../design/reiter_2009/happy_monday_komplett.png) no-repeat 10px -200px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	color: #FFFFFF;
	cursor: pointer;
}

li#happy_monday div.act a:link span,
li#happy_monday div.act a:visited span {
	display: block;
	height: 21px;
	/*background: url(../design/reiter_2009/act_links.png) no-repeat top left;*/
	margin: 0px 0px 0px -10px;
}

/* hover */

li#happy_monday div.no a:hover,
li#happy_monday div.act a:hover {
	background: url(../design/reiter_2009/happy_monday_komplett.png) no-repeat 10px -100px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	color: #FFFFFF;
}

li#happy_monday div.no a:hover span,
li#happy_monday div.act a:hover span {
	display: block;
	height: 21px;
	background: url(../design/reiter_2009/hover_links.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
}