/* CP tabbed menu
----------------------------------------*/

.tabs {
height: 28px;
border-bottom: 1px solid gray;
background-color: #FBFBFB;
background-image: none;
}

#tabs { 
 font-family: Arial,Helvetica;
 font-size: 12px;
 font-weight: normal;
 line-height: 12pt;
 margin: 0px 0px 0px 10px;
 min-width: 570px;
 vertical-align: middle;
}

#tabs ul {
 margin:0;
 padding: 0;
 list-style: none;
}

#tabs li {
 display: inline;
 margin: 0;
 padding: 0;
 font-size: 1em;
}

#tabs a {
 float: left;
 background: transparent no-repeat 0% -36px;
 background-image: url("bg_tabs1.gif");
 background-color: transparent;  
 margin: 0 1px 0 0;
 padding: 0 0 0 5px;
 text-decoration: none;
 position: relative;
 cursor: pointer;
 border-bottom: 1px solid gray;
}

#tabs a span {
 float: left;
 display: block;
 background: transparent no-repeat 100% -36px;
 background-image: url("bg_tabs2.gif");
 padding: 6px 10px 6px 5px;
 color: #606060;
 white-space: nowrap;
}


/*------Zustand hover----------------------------------*/

#tabs a:hover {
 background-position: 0 -70px;
}

#tabs a:hover span {
 background-position:100% -70px;
 color: blue;
}

/*------Zustand aktive----------------------------------*/

#tabs .activetab a {
 background-position: 0 0;
 border-bottom: 1px solid #FFFFFF;
}

#tabs .activetab a span {
 background-position: 100% 0;
 color: red;
}

#tabs .activetab a:hover {
 background-position: 0 0;
}

#tabs .activetab a:hover span {
 background-position: 100% 0;
}