/* Thumbs mit weisser transparenz darstellen
***********************************************/
#slider {margin: 0 0 10px!important;} 
#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}

/* Rahmen Flexslider grün 
********************************/
.flexslider {margin: 0 0 60px; background: rgba(123,163,31,.9); border: 5px solid #E2F3BA; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; box-shadow: 0 1px 0px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 0px rgba(0,0,0,.2); -o-box-shadow: 0 1px 0px rgba(0,0,0,.2); zoom: 1;}
/* NEU: BG bei Thumbs soll weiss sein! */
.flexslider_thumbs_bg {background: #FFF}

/* Zapp Buttons IMMER sichtbar
********************************/
.flex-direction-nav .flex-prev {opacity: 0.7; left: 5px;}
.flex-direction-nav .flex-next {opacity: 0.7; right: 5px;}

/* Loading Anzeige
********************************/
.loading {min-height: 200px; background: url(images/ajax-loader.gif) no-repeat center center;}





/* Caption style 
 IE rgba() hack 
********************************/
.flexslider .slides > li {position: relative; overflow: hidden;}  
.flex-caption {background:none;   -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {margin: 0; width: 100%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(123,163,31,.6); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 16px; line-height: 16px; z-index:1000;}


/* http://www.bctemple.com/tut/integrate-a-flexslider-web-app
ul.slides li .caption {
overflow: hidden;
padding: 10px;
position: absolute;
width: 280px;
z-index: 20;
background: #000;
} */

@media screen and (max-width: 800px) {
	/* NEU - caption Feld geht unter den Slider*/
	.flex-caption {position: relative; background: rgba(123,163,31,.9);}   
}