/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* font-face Icons */
@font-face
{
 font-family: 'flexslider-icon';
 src:url('../fonts/flexslider-icon.eot');
 src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
     url('../fonts/flexslider-icon.woff') format('woff'),
     url('../fonts/flexslider-icon.ttf') format('truetype'),
     url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
 font-weight: normal;
 font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li
{
 display: none;
 -webkit-backface-visibility: hidden;
}
.flexslider .slides img
{
 display: block;
}
.flexslider .slides p.begin
{
 color:#a59b89;
 font-size:18px;
 margin:0px;
}

.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after{content:"\0020"; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

/* Hack für IE <= 6 */
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
#flexslider_div
{
 margin:5px 0 20px 0;
 /*border:1px solid blue;*/
 height:270px;
 display:block;
}
.flexslider
{
 margin: 0 0 60px;
 position: relative;
 zoom: 1;
}
.flexslider .caption
{ 
 display: block;
 background-image: url(../img/flex_caption.jpg);
 background-repeat: repeat;
 width:320px;
 height:220px;
 padding: 10px 0 0 20px;
 margin-bottom:0;
 font-size: 16px;
 font-weight: bold;
 color: #726d62;
 float:left;
}

.flexslider .caption p.title
{
 font-size: 20px;
 font-weight: bold;
 color: #726d62;
 line-height: 24px;
 text-transform: uppercase;
 margin-bottom: 10px;
}
.flexslider .caption p.title .desc { color: #a59b89; } 

.flexslider .caption p.preview
{
 font-size:14px;
 color: gray;
 margin-bottom: 2px;
}

.flexslider .caption a.button
{
 background: #ff5F61;
 border-radius: 5px;
 padding: 4px 20px;
 border: 1px solid #b3b0aa;
 box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
 color: #fff;
 text-decoration: none;
 display: block;
 font-size:18px;
 text-transform: uppercase;
 margin-top: 25px;
 width:210px;
 background-image: url('../img/av_btn_slider.jpg');
 background-size:contain;
}


/* -------------------------------------------------------- */
.flexslider li
{
 z-index: 100; 
}
.flex-viewport
{
 max-height: 2000px;
 -webkit-transition: all 1s ease;
 -moz-transition: all 1s ease;
 -o-transition: all 1s ease;
 transition: all 1s ease; 
}
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides
{
 zoom: 1;
}

/* Pfeile Navigation vor und zurück ---------------- */
.flex-direction-nav{*height: 0;} 
.flex-direction-nav a
{
 display: block;
 width: 9px;
 height: 16px;
 margin: 0;
 position: absolute;
 bottom: -35px;
 z-index: 10;
 overflow: hidden;
 opacity: 1;
 cursor: pointer;
 text-indent: -9999px; 
}
.flex-direction-nav .flex-prev { background-image: url(../img/arrow_slide.png); background-repeat: no-repeat; background-position: left top; left: 0%; }
.flex-direction-nav .flex-next { background-image: url(../img/arrow_slide.png); background-repeat: no-repeat; background-position: -9px top; right: 0%;}

.flexslider:hover .flex-prev { opacity: 1!important; text-indent: -9999px; }
.flexslider:hover .flex-next { opacity: 1!important; text-indent: -9999px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled
{
 opacity: 1!important;
 /*filter:alpha(opacity=1);*/
 cursor: default;
}

/* pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav: Enthält die Navigations-Radioboxen */
.flex-control-nav
{
 width: 100%;
 position: absolute;
 bottom: -40px;
 text-align: center;
 /*border:1px solid black;*/
}
.flex-control-nav li
{
 margin: 0 6px;
 display: inline-block;
 zoom: 1;
 *display: inline;
}
.flex-control-paging li a {width: 18px; height: 16px; display: block; background-image: url(../img/nav_slide.png); background-repeat: no-repeat; background-position: left top; cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover { background-image: url(../img/nav_slide.png); background-repeat: no-repeat; background-position: -18px top;  }
.flex-control-paging li a.flex-active { background-image: url(../img/nav_slide.png); background-repeat: no-repeat; background-position: -18px top; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px)
{
 .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
 .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}