/*######################################################################
#                         Image Slideshow                              #
########################################################################
#       Autor:        Frank Herrmann                                   #
#       Homepage:     www.codeking.eu                                  #
########################################################################
# This program is free software; you can redistribute it and/or modify #
# it under the terms of the GNU General Public License as published by #
# the Free Software Foundation; either version 3 of the License, or    #
# (at your option) any later version.                                  #
#                                                                      #
# This program is distributed in the hope that it will be useful,      #
# but WITHOUT ANY WARRANTY; without even the implied warranty of       #
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the        #
# GNU General Public License for more details.                         #
#                                                                      #
# You should have received a copy of the GNU General Public License    #
# along with this program; if not, see <http://www.gnu.org/licenses/>  #
# or write to the                                                      #
# Free Software Foundation, Inc.,                                      #
# 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.            #
#######################################################################*/

  div#ck_slideshow {
    position: relative;
    width: 483px; height: 117px;
    margin: auto;
    border: 1px solid #777;
  }
  
  div#ck_slideshow div#ck_pages {
    position: absolute;
    z-index: 9999;
    bottom: 0; right: 0;
    padding: 2px 0;
  }
  
  div#ck_slideshow div#ck_controls {
    position: absolute;
    z-index: 9999;
    bottom: 0; left: 2px;
    padding: 2px 0;
  }
  
  div#ck_slideshow div#ck_pages a,
  div#ck_slideshow div#ck_controls div {
    background-color: #222; border: 1px solid #000;
    color: #FFF; text-decoration: none;  
    margin-right: 1px; padding: 0 4px;
    float: left;
  }
  
  div#ck_slideshow div#ck_pages a:hover,
  div#ck_slideshow div#ck_pages a:active,
  div#ck_slideshow div#ck_pages a.ck_aktiv {
    color: red;
  }
  
  div#ck_slideshow img {
    border: 0 none;
  }
  
  div#ck_slideshow div#ck_controls div#ck_last,
  div#ck_slideshow div#ck_controls div#ck_play,
  div#ck_slideshow div#ck_controls div#ck_pause,
  div#ck_slideshow div#ck_controls div#ck_stop,
  div#ck_slideshow div#ck_controls div#ck_next {
    width: 6px; height: 14px;
    background-image: url(./images/last.gif);
    background-position: center;
    cursor: pointer;
  }
  
  div#ck_slideshow div#ck_controls div#ck_play  { background-image: url(./images/play_active.gif) }
  div#ck_slideshow div#ck_controls div#ck_pause { background-image: url(./images/pause.gif) }
  div#ck_slideshow div#ck_controls div#ck_stop  { background-image: url(./images/stop.gif) }
  div#ck_slideshow div#ck_controls div#ck_next  { background-image: url(./images/next.gif) }