/*


   Magic Slideshow v1.1.6 DEMO
   Copyright 2010 Magic Toolbox
   You must buy a license to use this tool.
   Go to www.magictoolbox.com/magicslideshow/


*/

div.MagicSlideshow {
    border: none;
    background: transparent;
    display: none; /* hides all images until Magic Slideshow is ready */
	margin: 0px;
	margin-bottom: 0px;
	padding: 0px;
	overflow: hidden;
}

/* Styles for images */
img.MagicSlideshowImage {
    border: 0px;
}

/* Styles for images container */
div.MagicSlideshowImagesContainer {

}

/* Styles for thumbnails */
img.MagicSlideshowThumbnail {
    border: 1px solid transparent;
    margin: 1px;
}
img.MagicSlideshowThumbnail.highlight {
    border: 1px solid #696969;
}

/* Styles for thumbnails container */
div.MagicSlideshowThumbnailsContainer {
    padding: 0 1px;
}
div.MagicSlideshowThumbnailsContainerStyle {
    background: #FFFFFF;
}

/* Styles for descriptions */
.MagicSlideshowDescription {
    line-height: 24px;
	
  background: #013d7b;
  background: -moz-linear-gradient(left, #013d7b 0%, #006eb9 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #013d7b), color-stop(100%, #006eb9));
  background: -webkit-linear-gradient(left, #013d7b 0%, #006eb9 100%);
  background: -o-linear-gradient(left, #013d7b 0%, #006eb9 100%);
  background: -ms-linear-gradient(left, #013d7b 0%, #006eb9 100%);
  background: linear-gradient(to right, #013d7b 0%, #006eb9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#013d7b', endColorstr='#006eb9', GradientType=1);
  
  color: #000000;
	padding: 20px 20px 20px 20px !important;
	width: 33% !important;
	height: 100%;
	/* margin: 0px 0px 40px 490px !important; /* oben, rechts, unten, links */ 
	bottom: auto !important;
	top: 0;
	left: auto !important;
	right: 0;
	color: #FFF;
	cursor: pointer;
	
	opacity: 1.0 !important;
}
.MagicSlideshowDescription div.text {
  font-size: 16px;
  color: #FFF;
  font-weight: normal;
  line-height: 1.3;
  padding: 60px 0 0 0;
}
.MagicSlideshowDescription div.headline {
  font-size: 14px;
  color: #FFF;
  font-weight: normal;
  line-height: 1.3;
  padding: 0 0 60px 0;
  position: absolute;
  bottom: 0;
  /* left: 0; */
}
.MagicSlideshowDescription div.headline:before {
  display: inline-block;
  font: normal normal normal 12px/1 FontAwesome;
  font-size: 12px;
  margin-top: 3px;
  vertical-align: top;
  text-rendering: auto;
  text-decoration: none !important;
  content: "\f054";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
}

/* Styles for links if using text descriptions */
.MagicSlideshowDescription a {
    color: #CFCFCF;
}
.MagicSlideshowDescription a:visited {
    color: #ACACAC;
}
.MagicSlideshowDescription a:hover {
    color: #FFFFFF;
}

/* Style for loading box */
div.MagicSlideshowLoadingBox {
    background: #FFFFFF url('/plugins/magicslideshow/graphics/loader.gif') no-repeat 50% 2px;
    padding: 4px 4px 4px 4px !important;
    margin: 0px !important;
    line-height: 15px;
    color: #363636;
    border: 1px solid #696969;
    text-align: left;
}

/* Styles for arrows */
a.MagicSlideshowArrow {
    width: 40px;
    height: 60px;
    text-align: center;
    cursor: 'pointer';
    background: none rgba(255,255,255,0.3);
    padding: 0px !important;
    margin: 0px !important;
    opacity: 1.0 !important;
}
a.MagicSlideshowArrow:hover {
    background: none rgba(255,255,255,0.5);
}
a.MagicSlideshowArrow:before {
    display: block;
    width: 40px;
    height: 60px;
    text-align: center;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    text-rendering: auto;
    text-decoration: none !important;
    content: "\f054";
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 60px;
}
a.MagicSlideshowArrowLeft:before {
    content: "\f053";
}