/***************************************************************************
 * Hier befindet sich das statische CSS der Extension des Picturesliders
 * 
 * Die dynamisch berechneten Breiten- und Höhenangaben werden von
 * der Extension direkt ins HTML der Seite eingebettet.
 ****************************************************************************/

#cron-pictureslider { position:relative; padding: 0px; border: 1px solid black; display: table; border-collapse: collapse; background-color: white; }
#cron-pictureslider img.cron-pictureslider-image { border: none; margin: 0px; }

#cron-pictureslider .cron-pictureslider-canvas a { float: left; position: absolute; opacity: 0.0; }
#cron-pictureslider .cron-pictureslider-canvas a.show { z-index: 500; opacity: 1.0; }

#cron-pictureslider .cron-pictureslider-navigation input { width: 18px; border: 0 none; cursor: pointer; }

#cron-pictureslider .cron-pictureslider-canvas { display: block; position: relative; vertical-align: top; } 
#cron-pictureslider .cron-pictureslider-canvas .cron-pictureslider-caption { display: block; position: absolute; z-index: 600; height: 30px; }
#cron-pictureslider .cron-pictureslider-canvas .cron-pictureslider-caption-box { background-color: #000000; }
#cron-pictureslider .cron-pictureslider-canvas .cron-pictureslider-caption-text { background: transparent; opacity: 1.0; }
#cron-pictureslider .cron-pictureslider-canvas .cron-pictureslider-caption-text .cron-pictureslider-content { background: none; margin:5px; color: #ffffff; font-size: 1.3em; font-weight: bold; opacity: 1.0; }
		
#cron-pictureslider .cron-pictureslider-canvas .cron-pictureslider-desc { display: block; z-index: 550; position: absolute; }
		
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }