@charset "utf-8";

/*HEADER NAVIGATION*/
#mainnav {
    margin: 0 0 5px 0;
	padding: 2px 0 2px 0px;
	height:22px;
	/*background:url(../images/mainbg-blau.jpg) bottom left no-repeat;*/
	background-color:#333;
	width:960px;
}
ul { list-style:none outside;}
#mainnav li {
	display:inline;
	color:#fff;
	/*padding:0;*/
}
#mainnav li a {
    padding-right:12px;
	padding-left:9px;
	color:#fff;
	font:15px Arial, Helvetica, sans-serif;
	text-decoration:none;
    float:left;
}


/*BUTTONS*/
#mainnav li#nav-home a {  }
#mainnav li#nav-about a {  }
#mainnav li#nav-dachdecker a {  }
#mainnav li#nav-bauspengler a {  }
#mainnav li#nav-schwarzdecker a {  }
#mainnav li#nav-isolierungen a {  }
#mainnav li#nav-muster a {  }
#mainnav li#nav-referenzen a {  }
#mainnav li#nav-links a {  }
#mainnav li#nav-kontakt a {  }

/*BUTTONS HOVER*/
#globalnav li#nav-business a:hover { background-position:0 -27px; }
#globalnav li#nav-light a:hover { background-position:0 -27px; }
#globalnav li#nav-stage a:hover { background-position:0 -27px; }
#globalnav li#nav-young a:hover { background-position:0 -27px; }
#globalnav li#nav-privat a:hover { background-position:0 -27px; }
#globalnav li#nav-check a:hover { background-position:0 -27px; }

/*BUTTONS PRESSED*/
#globalnav li#nav-business a:active { background-position:0 -54px; }
#globalnav li#nav-light a:active { background-position:0 -54px; }
#globalnav li#nav-stage a:active { background-position:0 -54px; }
#globalnav li#nav-young a:active { background-position:0 -54px; }
#globalnav li#nav-privat a:active { background-position:0 -54px; }
#globalnav li#nav-check a:active { background-position:0 -54px; }

/*BUTTONS ACTIVE*/
#globalnav li#nav-business-a a { background:url(../nav/button-business.png) top left no-repeat; background-position:0 -54px; }
#globalnav li#nav-light-a a { background:url(../nav/button-light.png) top left no-repeat; background-position:0 -54px; }
#globalnav li#nav-stage-a a { background:url(../nav/button-stage.png) top left no-repeat; background-position:0 -54px; }
#globalnav li#nav-young-a a { background:url(../nav/button-young.png) top left no-repeat; background-position:0 -54px; }
#globalnav li#nav-privat-a a { background:url(../nav/button-privat.png) top left no-repeat; background-position:0 -54px; }
#globalnav li#nav-check-a a { background:url(../nav/button-check.png) top left no-repeat; background-position:0 -54px; }