div.wrapper.scrollable-horizontal-ce {
  background:#fff url(./img/h300.png) repeat-x 0px 220px;
  border:2px solid #ddd;
  position:relative;  
  margin: 25px 0;  
  width:620px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;  
}


/* root element for tabs */
#flowtabs {
  width:620px;
  height:31px !important;
  margin:0 !important;
  padding:0;
  
  /* IE6 specific branch (prefixed with "_") */
  _margin-bottom:-2px;
}

#flowtabs li{
  background: none;
  border: none;
  padding: 0;
}

#flowtabs li:hover{
 background: none;
}

/* single tab */
#flowtabs li {
  float:left;
  margin:0;
  padding:0;
  text-indent:0;
  list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
  background: url(/fileadmin/css/pixel.png) no-repeat;
  display:block;
  height: 31px;   
  width: 205px;   
  padding:0px;
  margin:0px;
  color:#666;
  font-size:12px;
  line-height:33px;
  text-align:center;
  text-decoration:none;
  text-shadow:0 -1px 1px rgba(255, 255, 255, 0.8);
  border-bottom:1px solid #ddd;
  border-left:1px solid #ddd;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px;  
  -webkit-border-bottom-left-radius:4px;  
}

#flowtabs li:first-child a:first-child {
  border-left: none;
}

/* adjust the background image position on each tab */
#flowtabs #t1       { background-position: 0 0; }
#flowtabs #t2       { background-position: -189px 0; }
#flowtabs #t3       { background-position: -378px 0; }
#flowtabs #t4       { background-position: -567px 0; width:192px;}
 
/* mouseover state */

#flowtabs #t1:hover   { background-position:      0 -33px; }
#flowtabs #t2:hover   { background-position: -189px -33px; }
#flowtabs #t3:hover   { background-position: -378px -33px; }
#flowtabs #t4:hover   { background-position: -567px -33px; }

/* currently selected tabs */
#flowtabs a.current    {
  cursor:default;
  line-height:34px;
  border-bottom:2px solid #fff;  
  color:#333;
  font-weight: bold;
 }
#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }


/* panes */
#flowpanes {
  background: url(/fileadmin/css/pixel.png) no-repeat 0 -100px;
  width:620px;
  height:300px;  
}


/* single pane */
#flowpanes div {
  display:none;  
  color:#fff;  
  margin:20px 40px;
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
  font-weight:normal;
  color:#ddd;
  letter-spacing:1px;
  margin:10px 0 0 0;
  font-size:22px;  
}


#flowpanes div.narrow {
  padding-right:320px;    
}


/* override the root element to enable scrolling */
#flowpanes {
    position:relative;
    overflow:hidden;
    clear:both;
}


/* override single pane */
#flowpanes  div {
    float:left;
    display:block;
    width:580px;
    cursor:pointer;
    font-size:14px;
   }

#flowpanes div.items div {
  margin: 0 10px;
}

 
/* our additional wrapper element for the items */
#flowpanes .items {
    width:20000em;
    position:absolute;
    clear:both;
    margin:0;
    padding:0;
}
 
#flowpanes .less, #flowpanes .less a {
    color:#999 !important;
    font-size:11px;
}
