/**********************************************************************************************/
/*  Positioniert das "Hauptfenster"										  					  */
/**********************************************************************************************/
#hauptnavi {
	position:absolute;
	top:50px;
	margin-left:-380px;
	left:50%;
	width: 760px;
	z-index:5;
	float:left;
}
#language {
position:absolute;
	top:25px;
	margin-left:330px;
	left:50%;
	width: 760px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/**********************************************************************************************/
/*  2px ABSTAND NACH JEDEM BILD IN DER HAUPTNAVI; außer beim Letzten (links)				  */
/**********************************************************************************************/
.links2 {					
	float:left;
	margin-right:2px;
}
.links {
	float:left;
}

/**********************************************************************************************/
/*  Erstellt den färbigen Block, wenn man über den Hauptmenüpunkt fährt.  					  */
/**********************************************************************************************/
#hauptnavi .select li:hover .block1,
#hauptnavi .select li:hover .block2,
#hauptnavi .select li:hover .block3,
#hauptnavi .select li:hover .block4,
#hauptnavi .select li:hover .block5,
#hauptnavi .select li:hover .block6
{
	display:block;
	position:absolute;
	width:760px;
	top:24px;
	height:80px;
	left:0px;
}


#hauptnavi .select li:hover .block1,
#hauptnavi .select li a:hover .block1 /*für ie, da er :hover nur auf a-tags kennt */
{
 	background:#464E7F no-repeat;
}
#hauptnavi .select li:hover .block2,
#hauptnavi .select li a:hover .block2 /*für ie */
 {
	background:#67859F no-repeat;
}
#hauptnavi .select li:hover .block3,
#hauptnavi .select li a:hover .block3 /*für ie */
 {
	background:#B04233 no-repeat;
}
#hauptnavi .select li:hover .block4,
#hauptnavi .select li a:hover .block4 /*für ie */
 {
	background:#F6B600 no-repeat;
}
#hauptnavi .select li:hover .block5,
#hauptnavi .select li a:hover .block5 /*für ie */
 {
	background:#20A716 no-repeat;
}
#hauptnavi .select li:hover .block6,
#hauptnavi .select li a:hover .block6 /*für ie */
 {
	background:#006740 no-repeat;
}

/**********************************************************************************************/
/*  füllt den Zwischenraum zwischen HPNAVI Punkt und färbigen Block mit der jeweiligen Farbe  */
/**********************************************************************************************/
#hauptnavi .select li:hover .hmp_border1,
#hauptnavi .select li:hover .hmp_border2,
#hauptnavi .select li:hover .hmp_border3,
#hauptnavi .select li:hover .hmp_border4,
#hauptnavi .select li:hover .hmp_border5,
#hauptnavi .select li:hover .hmp_border6
{
 	display:block;
	position:absolute;
	top:22px;
	height:2px;
}


#hauptnavi .select li:hover .hmp_border1,
#hauptnavi .select li a:hover .hmp_border1 /* für ie */
{
	left:0px; 
	width:122px;
	background:#464E7F no-repeat;
}

#hauptnavi .select li:hover .hmp_border2,
#hauptnavi .select li a:hover .hmp_border2 /* für ie */
{
	left:124px;
	width:103px;
	background:#67859F no-repeat;
}
#hauptnavi .select li:hover .hmp_border3,
#hauptnavi .select li a:hover .hmp_border3 /* für ie */
{
	left:229px;
	width:139px;
	background:#B04233 no-repeat;
}
#hauptnavi .select li:hover .hmp_border4,
#hauptnavi .select li a:hover .hmp_border4 /* für ie */
{
	left:370px;
	width:93px;
	background:#F6B600 no-repeat;
}
#hauptnavi .select li:hover .hmp_border5,
#hauptnavi .select li a:hover .hmp_border5 /* für ie */
{
	left:465px;
	width:139px;
	background:#20A716 no-repeat;
}
#hauptnavi .select li:hover .hmp_border6,
#hauptnavi .select li a:hover .hmp_border6 /* für ie */
{
	left:606px;
	width:154px;
	background:#006740 no-repeat;
}

/**********************************************************************************************/
/*  Bewegt Image Untermenüpunkt um X px rauf damit kein größerer Abstand zum HM entsteht      */
/**********************************************************************************************/
#hauptnavi #rauf
{
	margin-top:-1px;
}

/**********************************************************************************************/
/* um drei Spalten nebeneinander im Untermenü zu ermöglichen                                  */
/**********************************************************************************************/
span {  
float:left;
}

/**********************************************************************************************/
/* für die Formatierung										                                  */
/**********************************************************************************************/
#hauptnavi ul {
	margin: 0; padding: 0;	
  	list-style-type: none;
}

/**********************************************************************************************/
/* um Platz für die Hintergrundimages freizustellen. Wichtig!			                      */
/**********************************************************************************************/
#hauptnavi .select li:hover .block1 a, 
#hauptnavi .select li:hover .block2 a,
#hauptnavi .select li:hover .block3 a, 
#hauptnavi .select li:hover .block4 a,
#hauptnavi .select li:hover .block5 a, 
#hauptnavi .select li:hover .block6 a 
{  
	width:250px;height:11px;
	margin-top:12px;
	display:block;
	margin-left:3px;
}	

/**********************************************************************************************/
/* Images für 1. Untermenü (Der Nationalpark) reinladen, Zustände festlegen	                  */
/**********************************************************************************************/
#hauptnavi .select li:hover a.np_mp1,
#hauptnavi .select li a:hover a.np_mp1
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/nationalpark/NP_MP_wasist.gif) 0px 0px no-repeat;
}
#hauptnavi .select li:hover a.np_mp2,
#hauptnavi .select li a:hover a.np_mp2
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/nationalpark/NP_MP_entstehung.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.np_mp3,
#hauptnavi .select li a:hover a.np_mp3
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/nationalpark/NP_MP_org.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.np_mp4,
#hauptnavi .select li a:hover a.np_mp4
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/nationalpark/NP_MP_eckdaten.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.np_mp5,
#hauptnavi .select li a:hover a.np_mp5
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/nationalpark/NP_MP_forschung.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.np_mp7,
#hauptnavi .select li a:hover a.np_mp7
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/nationalpark/NP_MP_gesetz.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.np_mp8,
#hauptnavi .select li a:hover a.np_mp8
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/nationalpark/NP_MP_buch.gif) 0px 0px no-repeat;
}


#hauptnavi .select li .block1 a.np_mp1:hover,
#hauptnavi .select li .block1 a.np_mp2:hover,
#hauptnavi .select li .block1 a.np_mp3:hover,
#hauptnavi .select li .block1 a.np_mp4:hover,
#hauptnavi .select li .block1 a.np_mp5:hover,
#hauptnavi .select li .block1 a.np_mp7:hover,
#hauptnavi .select li .block1 a.np_mp8:hover
{
  background-position: -249px 0px;
}

/**********************************************************************************************/
/* Images für 2. Untermenü (Der Naturraum) reinladen, Zustände festlegen 	                  */
/**********************************************************************************************/
#hauptnavi .select li:hover a.nr_mp1,
#hauptnavi .select li a:hover a.nr_mp1 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/naturraum/NR_MP_nraum.gif) 0px 0px no-repeat;
}
#hauptnavi .select li:hover a.nr_mp2,
#hauptnavi .select li a:hover a.nr_mp2 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/naturraum/NR_MP_erdgeschichte.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.nr_mp3,
#hauptnavi .select li a:hover a.nr_mp3 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/naturraum/NR_MP_klima.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.nr_mp4,
#hauptnavi .select li a:hover a.nr_mp4 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/naturraum/NR_MP_wasserh.gif) 0px 0px no-repeat;
}
#hauptnavi .select li:hover  a.nr_mp5,
#hauptnavi .select li a:hover a.nr_mp5 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/naturraum/NR_MP_nsee.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.nr_mp6,
#hauptnavi .select li a:hover a.nr_mp6 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/naturraum/NR_MP_lacken.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.nr_mp7,
#hauptnavi .select li a:hover a.nr_mp7 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/naturraum/NR_MP_wiesen.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.nr_mp8,
#hauptnavi .select li a:hover a.nr_mp8 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/naturraum/NR_MP_sand.gif) 0px 0px no-repeat;
}
#hauptnavi .select li:hover  a.nr_mp9,
#hauptnavi .select li a:hover a.nr_mp9 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/naturraum/NR_MP_niedermoor.gif) 0px 0px no-repeat;
}

#hauptnavi .select li .block2 a.nr_mp1:hover,
#hauptnavi .select li .block2 a.nr_mp2:hover,
#hauptnavi .select li .block2 a.nr_mp3:hover,
#hauptnavi .select li .block2 a.nr_mp4:hover,
#hauptnavi .select li .block2 a.nr_mp5:hover,
#hauptnavi .select li .block2 a.nr_mp6:hover,
#hauptnavi .select li .block2 a.nr_mp7:hover,
#hauptnavi .select li .block2 a.nr_mp8:hover,
#hauptnavi .select li .block2 a.nr_mp9:hover
{
  background-position: -249px 0px;
}

/**********************************************************************************************/
/* Images für 3. Untermenü (Flächenmanagement) reinladen, Zustände festlegen	              */
/*																							  */
/**********************************************************************************************/
#hauptnavi .select li:hover a.fm_mp1,
#hauptnavi .select li a:hover a.fm_mp1 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/fmanagement/FM_MP_fmanagement.gif) 0px 0px no-repeat;
}
#hauptnavi .select li:hover  a.fm_mp2,
#hauptnavi .select li a:hover a.fm_mp2 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/fmanagement/FM_MP_beweidung.gif) 0px 0px no-repeat;
}
#hauptnavi .select li:hover  a.fm_mp3,
#hauptnavi .select li a:hover a.fm_mp3 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/fmanagement/FM_MP_wiesenmahd.gif) 0px 0px no-repeat;
}
#hauptnavi .select li:hover  a.fm_mp4,
#hauptnavi .select li a:hover a.fm_mp4 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/fmanagement/FM_MP_schilfschnitt.gif) 0px 0px no-repeat;
}
#hauptnavi .select li:hover  a.fm_mp5,
#hauptnavi .select li a:hover a.fm_mp5 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/fmanagement/FM_MP_rueckstau.gif) 0px 0px no-repeat;
}
#hauptnavi .select li:hover  a.fm_mp6,
#hauptnavi .select li a:hover a.fm_mp6 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/fmanagement/FM_MP_haustier.gif) 0px 0px no-repeat;
}

#hauptnavi .select li .block3 a.fm_mp1:hover,
#hauptnavi .select li .block3 a.fm_mp2:hover,
#hauptnavi .select li .block3 a.fm_mp3:hover,
#hauptnavi .select li .block3 a.fm_mp4:hover,
#hauptnavi .select li .block3 a.fm_mp5:hover,
#hauptnavi .select li .block3 a.fm_mp6:hover
{
  background-position: -249px 0px;
}
/**********************************************************************************************/
/* Images für 4. Untermenü (Für Besucher) reinladen, Zustände festlegen 	                  */
/**********************************************************************************************/
#hauptnavi .select li:hover a.bs_mp1,
#hauptnavi .select li a:hover a.bs_mp1 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/besucher/BS_MP_anreise.gif) 0px 0px no-repeat;
}
#hauptnavi .select li:hover a.bs_mp2,
#hauptnavi .select li a:hover a.bs_mp2 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/besucher/BS_MP_programm.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover a.bs_mp3,
#hauptnavi .select li a:hover a.bs_mp3 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/besucher/BS_MP_info.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover a.bs_mp4,
#hauptnavi .select li a:hover a.bs_mp4 
{
	height:12px;
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/besucher/BS_MP_tgoester.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.bs_mp5,
#hauptnavi .select li a:hover a.bs_mp5 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/besucher/BS_MP_tgungarn.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.bs_mp6,
#hauptnavi .select li a:hover a.bs_mp6 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/besucher/BS_MP_vregeln.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.bs_mp7,
#hauptnavi .select li a:hover a.bs_mp7 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/besucher/BS_MP_ausflugsziele.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.bs_mp8,
#hauptnavi .select li a:hover a.bs_mp8 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/besucher/BS_MP_literatur.gif) 0px 0px no-repeat;
}

#hauptnavi .select li .block4 a.bs_mp1:hover,
#hauptnavi .select li .block4 a.bs_mp2:hover,
#hauptnavi .select li .block4 a.bs_mp3:hover,
#hauptnavi .select li .block4 a.bs_mp4:hover,
#hauptnavi .select li .block4 a.bs_mp5:hover,
#hauptnavi .select li .block4 a.bs_mp6:hover,
#hauptnavi .select li .block4 a.bs_mp7:hover,
#hauptnavi .select li .block4 a.bs_mp8:hover
{
  background-position: -249px 0px;
}
#hauptnavi .select li .block4 a.bs_mp4:hover   
{
  height:12px;
}


/**********************************************************************************************/
/* Images für 5. Untermenü (Zu den Jahreszeiten) reinladen, Zustände festlegen	              */
/**********************************************************************************************/
#hauptnavi .select li:hover a.jz_mp1,
#hauptnavi .select li a:hover a.jz_mp1 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/jahreszeiten/JZ_MP_high.gif) 0px 0px no-repeat;
}
#hauptnavi .select li:hover a.jz_mp4,
#hauptnavi .select li a:hover a.jz_mp4 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/jahreszeiten/JZ_MP_frue.gif) 0px 0px no-repeat;
}
#hauptnavi .select li:hover  a.jz_mp5,
#hauptnavi .select li a:hover a.jz_mp5 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/jahreszeiten/JZ_MP_herbst.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.jz_mp7,
#hauptnavi .select li a:hover a.jz_mp7 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/jahreszeiten/JZ_MP_sommer.gif) 0px 0px no-repeat;
}
#hauptnavi .select li:hover  a.jz_mp8,
#hauptnavi .select li a:hover a.jz_mp8 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/jahreszeiten/JZ_MP_winter.gif) 0px 0px no-repeat;
}


#hauptnavi .select li .block5 a.jz_mp1:hover,
#hauptnavi .select li .block5 a.jz_mp4:hover,
#hauptnavi .select li .block5 a.jz_mp5:hover,
#hauptnavi .select li .block5 a.jz_mp7:hover,
#hauptnavi .select li .block5 a.jz_mp8:hover
{
  background-position: -249px 0px;
}

/**********************************************************************************************/
/* Images für 6. Untermenü (Tier und Pflanzenwelt) reinladen, Zustände festlegen 	          */
/**********************************************************************************************/
#hauptnavi .select li:hover a.tp_mp1,
#hauptnavi .select li a:hover a.tp_mp1 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/pflanzenwelt/TP_MP_roteliste.gif) 0px 0px no-repeat;
}
#hauptnavi .select li:hover a.tp_mp2,
#hauptnavi .select li a:hover a.tp_mp2 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/pflanzenwelt/TP_MP_tierarten.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.tp_mp4,
#hauptnavi .select li a:hover a.tp_mp4 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/pflanzenwelt/TP_MP_vogelcheck.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.tp_mp5,
#hauptnavi .select li a:hover a.tp_mp5 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/pflanzenwelt/TP_MP_salzpf.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.tp_mp7,
#hauptnavi .select li a:hover a.tp_mp7 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/pflanzenwelt/TP_MP_vogelzug.gif) 0px 0px no-repeat;
}

#hauptnavi .select li:hover  a.tp_mp8,
#hauptnavi .select li a:hover a.tp_mp8 
{
	background:url(http://www.nationalpark-neusiedlersee-seewinkel.at/images/pflanzenwelt/TP_MP_vogelmeld.gif) 0px 0px no-repeat;
}

#hauptnavi .select li .block6 a.tp_mp1:hover,
#hauptnavi .select li .block6 a.tp_mp2:hover,
#hauptnavi .select li .block6 a.tp_mp4:hover,
#hauptnavi .select li .block6 a.tp_mp5:hover,
#hauptnavi .select li .block6 a.tp_mp7:hover,
#hauptnavi .select li .block6 a.tp_mp8:hover
{
  background-position: -249px 0px;
}