#tabs1 {
  float: right;
  margin-top: 14px;
  margin-right: 5px;
}

#tabs2 {
  float: right;
  margin-top: 15px;
  margin-right: 5px;
}

#tabs3 {
  float: right;
  margin-top: 12px;
  margin-right: 5px;
}

#tabs4 {
  float: right;
  margin-top: 15px;
  margin-right: 5px;
}

#depot-tabs {
  float: right;
  margin-top: 15px;
  margin-right: 5px;
}

#preise-tabs {
  float: right;
  margin-top: 15px;
  margin-right: 5px;
}

/* */

.tabs * { 
  list-style:none;
  display:inline;
  height:24px;
  float:left;
  cursor: pointer;
}

.tabs a {
  padding-left:22px;
  text-decoration: none;
}

.tabs a .wrap {

}

.tabs a .wrap .label {
  background: #152A4D url(/img/tabs/label.gif) top repeat-x;;  
  color: #636B84;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
}

.tabs a:hover .wrap .label {
  background: #636B84 url(/img/tabs/label_hover.gif) top repeat-x;;  
  color: #ffffff;
}

.tabs a.start_active .wrap .label,
.tabs a.start_active:hover .wrap .label, 
.tabs a.inter_active .wrap .label, 
.tabs a.inter_active:hover .wrap .label, 
.tabs a.end_active .wrap .label,
.tabs a.end_active:hover .wrap .label {
  background: #ffffff url(/img/tabs/label_active.gif) top repeat-x;
  color: #152A4D;
}

/* start */
.tabs a.start, 
.tabs a.start_left_of_active {
  background:url(/img/tabs/start.gif) left no-repeat; 
}

.tabs a.start:hover, 
.tabs a.start_left_of_active:hover {
  background:url(/img/tabs/start_hover.gif) left no-repeat; 
}

.tabs a.start:hover .wrap {
  padding-right: 22px;
  margin-right: -22px;
  background:url(/img/tabs/inter_left_hover.gif) right no-repeat;
  position:relative;
}

.tabs a.start_active {
  background:url(/img/tabs/start_active.gif) left no-repeat; 
}

.tabs a.start_left_of_active:hover .wrap, 
.tabs a.inter_left_of_active:hover .wrap {
  padding-right: 22px;
  margin-right: -22px;
  background:url(/img/tabs/inter_left_hover_left_of_active.gif) right no-repeat;
  position:relative;
}

/* inter */
.tabs a.inter, 
.tabs a.inter_left_of_active { 
  background:url(/img/tabs/inter.gif) left no-repeat;
}

.tabs a.inter:hover, 
.tabs a.inter_left_of_active:hover { 
  background:url(/img/tabs/inter_right_hover.gif) left no-repeat;
}

.tabs a.inter:hover .wrap, 
.tabs a.inter_right_of_active:hover .wrap {
  padding-right: 22px;
  margin-right: -22px;
  background:url(/img/tabs/inter_left_hover.gif) right no-repeat;
  position:relative;
}

.tabs a.inter_active,
.tabs a.end_active { 
  background:url(/img/tabs/inter_active.gif) left no-repeat;
}

.tabs a.inter_right_of_active, 
.tabs a.end_right_of_active { 
  background:url(/img/tabs/inter_right_of_active.gif) left no-repeat;
}

.tabs a.inter_right_of_active:hover, 
.tabs a.end_right_of_active:hover { 
  background:url(/img/tabs/inter_right_hover_right_of_active.gif) left no-repeat;
}

/* end */
.tabs a.end { 
  background:url(/img/tabs/inter.gif) left no-repeat;
}

.tabs a.end:hover { 
  background:url(/img/tabs/inter_right_hover.gif) left no-repeat;
}

.tabs a.end .wrap, 
.tabs a.end_right_of_active .wrap {
  padding-right: 22px;
  background:url(/img/tabs/end.gif) right no-repeat; 
}

.tabs a.end:hover .wrap,
.tabs a.end_right_of_active:hover .wrap {
  padding-right: 22px;
  background:url(/img/tabs/end_hover.gif) right no-repeat; 
}

.tabs a.end_active .wrap {
  padding-right: 22px;
  background:url(/img/tabs/end_active.gif) right no-repeat; 
}