/*###########DESIGN und Entwicklung #############
###########DATA Media Service####################
###########Christian Wiersgowski#################
###########Br�der-Grimm-Str. 5###################
###########35216 Biedenkopf######################
###########http://www.data-media-service.de######*/



#nav
{
	width:155px;
	float:left;
	height:100%;
	padding-top: 30px;
	padding-right:30px;
	color:#ffffff;
	font-family: Verdana;
}

/*Nav Normal*/
#nav a {
 display:block;
 height:36px;
 width: 155px;
 padding:0px 0 0 0px;
 color:#ffffff;
 font-size:14px;
 text-decoration:none;
 background:url(../img/button_no.gif) no-repeat;
font-family: Verdana;
 }

/*Nav Hover begin*/
#nav li#first a:hover{
 background:url(../img/button_ro.gif) no-repeat;
 background-position:0 0;
 height:36px;
 width: 155px;
 color:black;
font-family: Verdana;
  }


#nav li#second a:hover{
 background:url(../img/button_ro.gif) no-repeat;
 background-position:0 0;
 height:36px;
 width: 155px;
 color:black;
font-family: Verdana;
  }
#nav li#third a:hover{
 background:url(../img/button_ro.gif) no-repeat;
 background-position:0 0;
 height:36px;
 width: 155px;
 color:black;
font-family: Verdana;
  }

#nav li#fourth a:hover{
 background:url(../img/button_ro.gif) no-repeat;
 background-position:0 0;
 height:36px;
 width: 155px;
 color:black;
font-family: Verdana;
  }

#nav li#fifth a:hover{
 background:url(../img/button_ro.gif) no-repeat;
 background-position:0 0;
 height:36px;
 width: 155px;
 color:black;
font-family: Verdana;
  }

#nav li#sixth a:hover{
 background:url(../img/button_ro.gif) no-repeat;
 background-position:0 0;
 height:36px;
 width: 155px;
 color:black;
font-family: Verdana;
  }
#nav li#seventh a:hover{
 background:url(../img/button_ro.gif) no-repeat;
 background-position:0 0;
 height:36px;
 width: 155px;
 color:black;
font-family: Verdana;
  }

/*Nav Hover end*/

/*Nav Active begin*/
#nav li#first_act a {
 background:url(../img/button_hov.gif) no-repeat;
 background-position:0 0;
 height:36px;
 width: 155px;
 color:#ffffff;
font-family: Verdana;
  }
#nav li#second_act a {
 background:url(../img/button_hov.gif) no-repeat;
 background-position:0 0;
 height:36px;
 width: 155px;
 color:#ffffff;
font-family: Verdana;
  }
#nav li#third_act a {
 background:url(../img/button_hov.gif) no-repeat;
 background-position:0 0;
 height:36px;
 width: 155px;
 color:#ffffff;
font-family: Verdana;
  }

#nav li#fourth_act a {
 background:url(../img/button_hov.gif) no-repeat;
 background-position:0 0;
 height:36px;
 width: 155px;
 color:#fffffff;
font-family: Verdana;
  }

#nav li#fifth_act a {
 background:url(../img/button_hov.gif) no-repeat;
 background-position:0 0;
 height:36px;
 width: 155px;
 color:#fffffff;
font-family: Verdana;
  }

#nav li#sixth_act a {
 background:url(../img/button_hov.gif) no-repeat;
 background-position:0 0;
 height:36px;
 width: 155px;
 color:#fffffff;
font-family: Verdana;
  }
#nav li#seventh_act a {
 background:url(../img/button_hov.gif) no-repeat;
 background-position:0 0;
 height:36px;
 width: 155px;
 color:#ffffff;
  }
/*Nav Active end*/


/*Nav Liste*/
#nav ul {
 padding:0;
 margin:0px 0px 0 0px;
 list-style-type:none;
 color:#fffff;
font-family: Verdana;
 }
#nav li {
 height:40px;
 margin:0 0 0 0;
 padding:0 0 0 0;
 background-position:0 34px;
 color:#fffff;
font-family: Verdana;
 }