/* ######### topmenu ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 11px Verdana;
list-style-type: none;

border-bottom: 1px solid gray;
/*background: #FFBC5C;*/
background-image: url('img/button-bg.jpg');
overflow: hidden;
width: 641px;
height:  42px;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 16px 10px; /*padding inside each tab*/
border-right: 1px solid #0679a5; /*right divider between tabs*/
color: white;
background-image: url('img/button-bg.jpg');
}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
background-image: url('img/gomb-c.jpg'); /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background-image: url('img/gomb-c.jpg');; /*background of tab with "selected" class assigned to its LI */
color: C0C0C0;
}

/* ######### center menu ######### */

.mattblackmenu2 ul{
margin: 0;
padding: 0;
font: bold 10px Verdana;
list-style-type: none;

border-bottom: 1px solid gray;
/*background: #FFBC5C;*/
background-image: url('img/button-bg.jpg');
overflow: hidden;
width: 898px;
height: 42px;
}

.mattblackmenu2 li{
display: inline;
margin: 0;
}

.mattblackmenu2 li a{
float: left;
valign: top;
display: block;
text-decoration: none;
padding: 6px 3px; /*padding inside each tab*/
border-right: 1px solid #0679a5; /*right divider between tabs*/
color: white;
/*background-image: url('img/button-bg.jpg');*/
overflow: hidden;
height: 42px;
}

.mattblackmenu2 li a:visited{
color: white;
}

.mattblackmenu2 li a:hover{
background-image: url('img/gomb-c.jpg'); /*background of tabs for hover state */
}

.mattblackmenu2 a.selected{
background-image: url('img/gomb-c.jpg');; /*background of tab with "selected" class assigned to its LI */
color: C0C0C0;
}