/* **************************************************************** */
/* ********* Navigation horizontal ******************************** */ 

#navi-h {background-color: gray  ;
	    width: 99%; 
        float: right;  
    	font-weight: bold;
    	font-size: 1.1em; 
    	margin: 0px;
		padding: 0px; 		}
    	
#navi-h ul {list-style: none;
		 padding-bottom: 1.9em;  /* 46 pc ie7 */
		 border-bottom: 10px white solid;
		   }

#navi-h ul li { display: inline;
		float: left;  		 /* zentriert */
		margin: 10px 10px 0px 10px;      
		}  
       
#navi-h ul li a { color: black;
     text-decoration: none;   
     float: left ;
     width: 100px;      }

#navi-h li a:link {color: black;	}
     
#navi-h li a:hover  { color: white;  }

#navi-h li.n_weiss a { border-bottom: 10px #E6E6E6 solid;	   }    /* Start + Office   */ 
#navi-h li.n_weiss a:hover{	border-bottom: 10px silver  solid; 	 }

#navi-h li.rotrot a {	border-bottom: 10px red solid;		  }   /* Fotos      */ 
#navi-h li.rotrot a:hover{border-bottom: 10px #CA0000 solid;  }
#navi-h li.rotrot a:active {color: maroon ;  }
	
#navi-h li.gelb a { border-bottom: 10px #FFFF00 solid;   }	/* Urlaub   */ 
#navi-h li.gelb a:hover { border-bottom: 10px orange solid; }
 
#navi-h li.blau a{ border-bottom: 10px blue solid; 		 }	/* Sport   */ 
#navi-h li.blau a:hover{ border-bottom: 10px navy solid;	  }

#navi-h li.gruen a{ border-bottom: 10px green solid; 	  }			/* Garten  */ 
#navi-h li.gruen a:hover{ border-bottom: 	10px #003300 solid;   }

#navi-h li.braun a{ border-bottom: 10px #FF9900 solid; 	 }			/* vermischtes   */ 
#navi-h li.braun a:hover{ border-bottom: 10px #663300 solid;   }
		 


 
/* ************ vertikale navigation Ebene 1 nach Hauptmenü ******************************** */  
#navi-v {border: solid 0px navy;
         position: absolute; 
         top: 100px; 
         left: 900px; 
         width: 16%; 
         z-index: 1; 
         margin-top: 35px; }
  
#navi-v ul { margin-left: 12px;   }

#navi-v li { color: black; 
		font-size: 1.0em; 
		list-style-type: none;
		padding-bottom: 0.4em;
		text-align: left; 
		border: none;
		border: 0px solid  orange ;  }

#navi-v li a {text-decoration: none; 
		padding-left: 5px; 	   }

#navi-v li a:link  { color: black; 
		padding-left: 5px;    }  

#navi-v li a:hover  { color: white; 
		padding-left: 5px;    }  
    
#navi-v li.rot1 a{ border-left: 7px solid red;   color: black; }
#navi-v li.rot1 a:hover  {border-left: 7px solid #CC0033; color: white; }
#navi-v li.rot1 a:active {border-left: 7px solid #CC0033; color: white; }


#navi-v li.InfoPath a{ border-left: 7px solid #9900FF;    }
#navi-v li.InfoPath a:hover {border-left: 7px solid  #9966FF; }


#navi-v li.blau a{ border-left: 7px solid blue;    }
#navi-v li.blau a:hover {border-left: 7px solid nvy; }

#navi-v li.weiss a { border-left: 7px #E6E6E6 solid;	  }
#navi-v li.weiss a:link{	border-left: 7px white solid;  }
#navi-v li.weiss a:visited{	border-left: 7px black solid;  }
#navi-v li.weiss a:hover{	border-left: 7px silver solid;  }
#navi-v li.weiss a:focus{	border-left: 7px red solid;  }
#navi-v li.weiss a:active{	border-left: 7px blue solid;  }

#navi-v li.gelb a { border-left: 10px #FFFF00 solid;   }	/* Urlaub   */ 
#navi-v li.gelb a:hover { border-left: 10px orange solid; }




/* ************vertikale navigation Ebene 2 nach Vertiekal 1 ******************************** */  
#navi-v2 {	border: solid 0px red;
	width: 16%;
	z-index: 1;
	margin-top: 35px;
	position: absolute; 
    top: 400px; 
    left: 900px;  }
  
#navi-v2 ul { margin-left: 12px;   }

#navi-v2 li { color: black; 
		font-size: 1.0em; 
		list-style-type: none;
		padding-bottom: 0.4em;
		padding-left: 5px ; 
		text-align: left;  }

#navi-v2 li a {text-decoration: none; 
		padding-left: 5px; 	   }

#navi-v2 li a:link  { 
		color: black ;   }  

#navi-v2 li a:visited  { 
		color:  lime ;   }  
		   
#navi-v2 li a:hover  { 
		color: white; 
		    }  
#navi-v2 li a:focus  { 
		color:  red ; }  

#navi-v2 li a:active  {
 		color:  yellow ;    }  


/* ********* Fotogalerie  *************************************** */ 
/* ************************************************************** */
.left {	float: left;
	width: 200px;
	border: 0px solid orange;}

#container {position: relative;
	float: left; 
	width: 99%;  
	height: 700px; 
	padding-top: 40px; 
	margin: 15px auto;
	border: 0px solid #CC0000;
	z-index: 100; }

#container a.galerie span {
	float: left; 
	width: 1px;
	height: 1px;
	top: 3px;
	left: 3px;
	overflow: hidden; }

#container a.galerie, #container a.galerie:visited {
	display: block;
	color:	#000;
	text-decoration: none;
	border: 0px solid #000;
	margin: 3px 3px;
	text-align: left;
	cursor: default;
}

#container ul {	/* height: 800px;*/
	padding: 5px 0 0 0;
	margin: 0;
	list-style-type:none;
	border: 0px solid lime ;}

#container li {	float: left;
	border: 0px solid  orange ;}
	
#container a.galerie:hover {
	border: 0px solid #111;   /* für thumbnail */ }

#container a.galerie:hover img, #container a.galerie:focus img, #container a.galerie:active img  {
	border: 1px solid #000;
	padding: 3px;
	margin-bottom: 0px;
	background: #ccc;
	}

#container a.galerie:hover span, #container a.galerie:focus span, #container a.galerie:active span {
	position: absolute;    	
	width: 1100px;
	height: 1000px;  
	top: 100px;
	left: 220px;   /* Position vergrößertes Bild   */ 
 	border: 0px solid blue;
}