/* Contao Open Source CMS, (c) 2005-2013 Leo Feyer, LGPL license */
body,form{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden}
/**
 * Global TinyMCE style sheet
 *
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 *
 *   files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 *
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 *
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 *
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (files/tinymce.css).
 */
.warning { color:#c55; font-size:1.1em; }
.confirmation { color:#090; font-size:1.1em; }
.information { color:#999; font-size:0.9em; }
/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control span{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* Style sheet style */
*{margin:0;padding:0;border:0}html,body{width:100%;min-height:100%;background:#fff url("../../files/ambee/data/gfx/all/hg_2_2.gif") center top repeat;color:#000;font:14px/20px 'Arial'}.gesamt{width:960px;margin:0 auto}#wrapper{width:960px}#container{margin:0;padding:0}* html #wrapper{height:100%}.logo{float:left;margin-top:40px;margin-left:25px}.headerlogo{width:960px;height:110px;float:left}#main{width:960px;/*-webkit-box-shadow:0 0 10px 10px rgba(181,181,181,0.8);box-shadow:0 0 10px 10px rgba(181,181,181,0.8);behavior:url("assets/css3pie/1.0.0/PIE.htc");height: auto !important;z-index: 600;*/}.addthis{float:right;margin-top:10px;margin-right:360px;margin-bottom:20px}.inhalt-960{width:838px;margin:20px;padding:20px 40px;text-align:center;background-color:#c7c7c7;text-align: left}.inhalt-960-2{width:838px;margin:20px;padding:20px 40px;text-align:center;background-color:#006298;color:#fff;text-align: left}.inhalt-960 h1{margin-bottom:20px;text-align:center;font-size:130%;font-weight:bold;color:#6b850a;text-align: left;/*text-shadow: #212121 0.05em 0.05em 0.05em;*/}.inhalt-960-2 h1{margin-bottom:20px;text-align:center;font-size:130%;font-weight:bold;color:#fff;text-align: left}#main a,a:link,a:active{font-size:100%;color:#212121}#main a:hover{font-size:100%;text-decoration:underline;color:#6b850a;text-align: left}.teaser-inhalt-960{width:838px;margin:20px;padding:20px 40px;text-align:center;background-color:#c7c7c7;text-align: left}.teaser-inhalt-960 h1{margin-bottom:20px;text-align:center;font-size:130%;font-weight:bold;color:#6b850a;text-align: left}#produkte{width:918px;margin-bottom:60px;margin-left:20px;text-align: left}.headerbild_01{width:918px;height:487px;margin-left:20px;text-align: left}.dlh_googlemap{width:922px;height:320px;margin-bottom:15px;padding-top:15px;padding-bottom:15px;text-align:center;border:1px solid #c2c2c2}.start-links{width:540px;height:225px;float:left;margin:20px;padding:20px 40px;background-color:#c7c7c7;border:1px #c2c2c2}.start-links h1{margin-bottom:20px;text-align:center;font-size:130%;font-weight:bold;color:#6b850a;text-align: left}.start-rechts{width:200px;height:225px;float:left;margin-top:20px;margin-bottom:20px;padding:20px 40px;background-color:#c7c7c7;border:1px #c2c2c2}.start-rechts h1{margin-bottom:20px;text-align:center;font-size:130%;font-weight:bold;color:#6b850a;text-align: left}.custom{width:200px;overflow:hidden;float:left;margin-top:130px;margin-left:10px}.back{display:none}a.more,a.more:link,a.more:active,a.more:visited{font-size:95%;font-weight:bold;text-decoration:none;color:#1c1c1c}a.more:hover{text-decoration:underline}#footer{width:880px;height:40px;margin-left:20px;padding-right:20px;padding-left:20px;text-align:right;background-color:#7a9a01;font-size:90%;line-height:40px;color:#fff}.footerinhalt-links{height:40px;float:left;font-size:90%;color:#fff}.footerinhalt-links a,a:link,a:active{text-decoration:none;color:#fff}.footerinhalt-links a:hover{text-decoration:underline}.footerinhalt-mitte{height:40px;float:left;margin-left:50px;font-size:90%;color:#fff}.footerinhalt-mitte a,a:link,a:active{text-decoration:none;color:#fff}.footerinhalt-mitte a:hover{text-decoration:underline}.footerinhalt-rechts{height:40px;float:right;font-size:90%;color:#fff}.footerinhalt-rechts a,a:link,a:active{text-decoration:none;color:#fff}.footerinhalt-rechts a:hover{text-decoration:underline}.submit_container{margin-top:15px;padding-bottom:15px}
/* ESSENTIAL STYLES */
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}
.block {
    overflow: visible !important;
}

.sf-menu {
        float: left;
        /*margin-bottom: 1em; Freie Fläche unter dem Menü*/
        margin-left: 20px;
}
.sf-menu ul {
        box-shadow: 2px 2px 6px rgba(0,0,0,.2);
        min-width: 12em; /* allow long menu items to determine submenu width */
        *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a, .sf-menu span.active {
	width: 229px;
        /*border-left: 1px solid #fff;
        border-top: 1px solid #fff; /* fallback colour must use full shorthand */
        border-top: 1px solid rgba(255,255,255,.2);
        /*padding: .75em 1em;*/
        text-align: center;
        text-decoration: none;
        zoom: 1; /* IE7 */
        font-size: 130%;
        line-height:49px;
}
.sf-menu a {
        color: #fff;
}

.sf-menu li.active {
	color:#000;
}
.sf-menu li a.trail {
	color:#000;
}
.sf-menu li {
        background: #7a9a01;
        white-space: nowrap; /* no need for Supersubs plugin */
        *white-space: normal; /* ...unless you support IE7 (let it wrap) */
     /*   -webkit-transition: background .2s;
        transition: background .2s;*/
}
.sf-menu li.active span.active {
    display: block;
}
.sf-menu ul li {
        background: #7a9a01;
}
.sf-menu ul ul li {
        background: #9AAEDB;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
        background: #a1a1a1;
        /* only transition out, not in */
        -webkit-transition: none;
        transition: none;
        	
}
.sf-menu li li {
}
.sf-menu li li a { /* SUBMENU */
font-size: 95%;
        text-align: left;
        padding-left: 10px;
        line-height:32px;
       /* width: 139px;*/
}
.sf-menu li li span.active {
	font-size: 95%;
        text-align: left;
        padding-left: 10px;
        line-height:32px;
}
@charset "utf-8";
/* CSS Document */

/*
 * jQuery FlexSlider v2.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;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides li {position: relative;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
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 {margin: 0 0 60px; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}
#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;}

/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); 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 .active {opacity: 1; cursor: default;}

/* Captions */
.flex-caption{ position: absolute; width:100%;bottom:0px;background: #000;background: rgba(0,0,0,0.4);}
.initial{ display: none; -webkit-backface-visibility: hidden;}
.caption_title_line{ position: relative; margin-right:15px; margin-right:15px; padding:5px 15px 10px 15px; float:right;}
.flex-caption h2{ color:#fff;font-size:36px; padding:5px 0 5px 0; margin:0px;}
.flex-caption p{ color:#fff;font-size:18px; padding:5px 0 5px 0; margin:0px;}

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