@charset "utf-8";
/* CSS Document */

/* *******************************
	Website graugans-Design.de
	Vers. 4.0
	August 2010
	Autor: graugans-Design
******************************* */

/* *******************************
	Navigation
******************************* */

#navi ul {
	position: absolute;
	right:0px;
	top: -6px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index:999999;
	width:auto;
}

#navi li {
	color: #74787a;
	display: inline;
	float:left;
	cursor: pointer; 
}

#navi li a {
	display: block;
	float:left;
	color: #74787a;
	width:100px;
	border:1 solid #bddcef;
	text-decoration:none;
	text-align:center;
	padding: 5px 0 10px 0;
	position: relative; /* damit die Spans richtig pos. werden */
}

/* 	Span wird direkt hinter link positioniert 
	und gestylt */
.hover {
	position:absolute;
	left: 0;
	top: 0;
	text-align: center;
	width:100px;
	padding: 5px 0 10px 0;
	color: white;
}

/* die Span Tags mit der jeweiligen HG Farbe versehen */
.start .hover {
	background: #e77b22;
}

.referenzen .hover {
	background: #eace47;
}

/*.ueber_uns .hover {
	background: #248869;
}*/

.kontakt .hover {
	background: #72a7e3;
}

.impressum .hover {
	background: #5fb881;
}

/* Navigation mit Tab */
#navi a:focus {
	color: white;
	outline: none;	
}

#navi .start a:focus {
	background:#e77b22;
}

#navi .referenzen a:focus {
	background: #eace47;
}

#navi .kontakt a:focus {
	background: #72a7e3;
}

#navi .impressum a:focus {
	background: #5fb881;
}

#navi .start a {
	background: none;
	border-top: 6px solid #e77b22;
}

#navi .referenzen a {
	background: none;
	border-top: 6px solid #eace47;
}

#navi .ueber_uns a {
	background: none;
	border-top: 6px solid #248869;
}


#navi .kontakt a {
	background: none;
	border-top: 6px solid #72a7e3;
}

#navi .impressum a{
	background: none;
	border-top: 6px solid #5fb881;
}

/* Schrift bei aktivem link weiss */
#index .start a,
#referenzen .referenzen a,
#ueber_uns .ueber_uns a,
#kontakt .kontakt a,
#impressum .impressum a {
 color: white;	
}