/*
 * Copyright (c) 2008 Jan Dittberner <jan@dittberner.info>
 * Jan Dittberner IT-Consulting & -Solutions
 * Cottbuser Str. 1, D-01129 Dresden
 *
 * Copyright (c) 2008 Jeremias Arnstadt <douth024@googlemail.com>
 *
 * Styles for scrolling layers  
 *
 * This file is part of the ScrollingJQueryGallery component of the
 * gnuviech-server.de Websitetools
 *
 * ScrollingJQueryGallery 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.
 *
 * ScrollingJQueryGallery 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 ScrollingJQueryGallery.  If not, see
 * <http://www.gnu.org/licenses/>.
 *
 * Version: $Id$
 */

/* Specify width and height in hold and wn, and in clip for wn */
div#hold	{ 
   position:relative; 
   overflow:hidden;
   width:454px;
   height:67px;
   top:0px;
   left:0px; 
   z-index:100
}
div#wn	{ 
   position:absolute; 
   left:0px; 
   top:0px; 
   width:475px; 
   height:67px; 
   clip:rect(0px, 454px, 66px, 0px); 
   overflow:hidden;	
   z-index:1; 
   padding:0px;
}
div#lyr1	{ 
   position:absolute; 
   visibility:hidden; 
   left:0px; 
   top:0px;
   width:474px;
   height:67px; 
   z-index:1; 
}

/* Styles for demo, not necessary for scrolling layers */  
body {
   overflow:hidden;
   text-align:left;
   font: 12px verdana, arial, helvetica, sans-serif;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   width: auto;
   height: auto;
}
h1 { 
   font-size:1.4em; 
   margin:1.5em 0 2em 0; 
}
a:link { color:#33c }	
a:visited { color:#339 }	
a img { border:none }

table.main { 
   width:475px; margin:0px;
   height:65px;
   background-color:#eee; border:1px dashed #666 
}
td.arrows a { padding:0 1em }
td.spacer { width:38px }
td.footer { text-align:center; margin:0 }