/*

***************************************************************************************
*                                                                                     *
*   SWISSHAUS                                                                         *
*   http://www.swisshaus.ch                                                           *
*                                                                                     *
*   S L I D E R . C S S                                                               *
*                                                                                     *
**************************************************************************************/



/*  B A S I C S
------------------------------------------------------------------------------------ */


#slider { background: #F3F5F7; position: relative; float: left; display: inline; width: 568px; border: 1px solid #F3F5F7; padding-top: 13px; }

.scroll { background: #ffdd00; position: relative; clear: left; overflow: auto; overflow-x: hidden; width: 543px; height: 165px; margin: 0 12px 13px; }
.scrollpanels div.panel { width: 513px; height: 135px; padding: 15px; }


/*  S L I D E R   N A V I G A T I O N
------------------------------------------------------------------------------------ */

ul.slider-nav { list-style: none; margin-bottom: 0; margin-left: 0 !important; margin-left: -12px; }
*+html ul.slider-nav { margin-bottom: 12px; }
ul.slider-nav li { background: none; display: inline; padding: 0; }
ul.slider-nav a { background: white; float: left; display: block; border: 3px solid #ffdd00 !important; margin: 0 0 11px 12px; padding: 3px !important; }
ul.slider-nav a img { margin: 0; padding: 0 !important; }
ul.slider-nav a:hover { border-color: #ffdd00 !important; }
ul.slider-nav a.selected { border-color: #b39b00 !important; }
ul.slider-nav a.selected:hover { border-color: #b39b00 !important; }


/* H E A D L I N E S
------------------------------------------------------------------------------------ */

#slider h4 { background-position: left center; background-repeat: no-repeat; margin-bottom: 6px; padding: 6px 0; }

h4#h4-personal { background-image: url("../images/h4-personal.gif"); padding-left: 26px; }
h4#h4-onehand { background-image: url("../images/h4-onehand.gif"); padding-left: 48px; }
h4#h4-energy { background-image: url("../images/h4-energy.gif"); padding-left: 36px; }
h4#h4-experience { background-image: url("../images/h4-experience.gif"); padding-left: 32px; }
h4#h4-price { background-image: url("../images/h4-price.gif"); padding-left: 50px; }
h4#h4-craft { background-image: url("../images/h4-craft.gif"); padding-left: 48px; }
h4#h4-individual { background-image: url("../images/h4-individual.gif"); padding-left: 44px; }
h4#h4-massive { background-image: url("../images/h4-massive.gif"); padding-left: 42px; }
h4#h4-carefree { background-image: url("../images/h4-carefree.gif"); padding-left: 36px; }
h4#h4-clients { background-image: url("../images/h4-clients.gif"); padding-left: 50px; }