body,form,figure{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}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;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}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/**
 * 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).
 */
.quellenangabe {
    color: #999;
    font-style: italic;
    font-size: 0.9em;
}
.zitat {
    font-family: Times, Times New Roman;
    font-size: 1.3em;
    line-height: 130%;
    font-style: italic;
    letter-spacing: 0em;
}
.warning { color:#c55; font-size:1.1em; }
.confirmation { color:#090; font-size:1.1em; }
.information { color:#999; font-size:0.9em; }
@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;}
}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:426 $
 * @lastmodified    $Date:2009-10-21 21:12:11 +0200 (Mi, 21. Okt 2009) $
 */

/**
 * Contao Extension
 * @copyright  Felix Pfeiffer : Neue Medien 2007 - 2012
 * @author     Felix Pfeiffer <info@felixpfeiffer.com>
 * @package    Subcolumns
 */

@media screen{.subcolumns{width:100%;overflow:hidden}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.c15l,.c15r{width:15%}.c16l,.c16r{width:16.666%}.c30l,.c30r{width:30%}.c45l,.c45r{width:45%}.c55l,.c55r{width:55%}.c70l,.c70r{width:70%}.c85l,.c85r{width:85%}.subc{padding:0 .5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}.equalize > div{display:table-cell;float:none;overflow:hidden;vertical-align:top;margin:0}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l,.c15l,.c16l,.c30l,.c45l,.c55l,.c70l,.c85l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r,.c15r,.c16r,.c30r,.c45r,.c55r,.c70r,.c85r{float:right;margin-left:-5px}}@media print{.subcolumns > div{display:table;overflow:visible}}
/* 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 .slider-menu{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}
@font-face { 
    font-family: "oxygen"; 
    src: url("/files/theme/font/Oxygen.ttf"); 
}
@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: url(/files/theme/font/droid-sans.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
#main {
    text-align: justify;
    line-height: 140%;
}
#main h1 {font-size: 22pt;}
#main h2 {font-size: 19pt;}
#main h3 {font-size: 16pt;}
#main h5 {font-size: 1em;}

#main h1,
#main h2,
#main h3,
#main h4,
#main h5 {
    font-family: "oxygen"; font-weight: 100
}

#main h2 {
    margin: 30px 0px 18px 0px;
}

#main h4 {
    padding-top: 0px;
    margin-top: 0px;
    font-weight: 600;
}


#main a {
    color:#276a74;
    text-decoration: none;
    border-bottom: 1px solid #276a74;
}
#main .image_container a,
#main .image_container a:hover {
    border:0;
}

#main .image_container img {
    border: 1px solid #999;
    padding: 1px;
}

#main a:hover {
    border-bottom: 2px solid #276a74;
}

#main a[href^="http"] {
    background: url(/files/theme/img/external_link.png) no-repeat right center;
    padding-right: 16px;
}

#main a.noborder,
#main .tool a,
#main .noborder img {
    border: 0px;
}
#main ul {
    list-style-type: circle;
}
#main li {
    margin-bottom: 8px;
}
#main p {
    margin-top: 0px;
    margin-bottom: 18px;
}
#main .grundregel {
    border: 1px solid #900;
    background: #fef7cc;
    padding: 8px;
}


#main .td-bottom td {
    border-bottom: 1px solid #ddd;
    padding: 5px;
}

#main .td-bottom table {
    margin-left: 10px;
}

#main .einzug-10 {
    margin-left: 10px
}
#main .einzug-20 {
    margin-left: 20px
}
/*=== Gallery =====================================================*/
#main .ce_gallery ul {
    list-style-type:none;
}

#main .ce_gallery ul li {
    margin-right: 8px;
}

#main .ce_gallery.center ul {
    margin: 0 auto;
    width: 50%
}

#main .right {
    float:right;
}

/*=== FORMULAR allgemein ===========================================*/
input,
textarea,
select {
    border: 1px solid #999;
    background: #fafafa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1px;
}
input.submit {
    margin-top: 10px;
    background: #eeeeee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */

}

input:focus,
textarea:focus {
 background: #F2FAFC;      /*F6F7F4;    */
 border: 1px solid #444;
}
#main textarea {
    font-size: 90%;
}

#main input.captcha {
    width: 50px;
}

/*=== Registrierung ========================================================================================*/
fieldset {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 25px;
    border: 1px solid #276a74;
    background: #f9f9f9;
}
legend {
    font-weight: 600;
    padding: 0px 10px;
    font-family: "Droid Sans"
}
#registrierung .submit {
    padding: 4px 8px;
}

#registrierung .col_0 {
    width: 150px;
}
#registrierung input.text {
    width: 200px;
}
#registrierung input.text,
#registrierung input.captcha {
    padding: 5px;
}

/*=== LOGIN-FORM ========================================================================================*/
.mod_login {
    font-size: 0.75em;
    margin-top: 20px;
}
.mod_login p.error {
    width: 80%;
   
}
.error {
    color: #900;
}
.mod_login a {
    color: #3F7B82;
    text-decoration: none;
    border-bottom: 1px dotted #3F7B82;
}
.mod_login a:hover {
    border-bottom: 1px solid #3F7B82;
}
.mod_login input.submit {
    margin-top: 0px;
}

/*=== User-Daten ========================================================================================*/
.mod_personalData input.text {
    width: 250px;
}
/*=== Passwort vergessen ========================================================================================*/
.mod_lostPassword {
    margin-top: 20px;
}
.mod_lostPassword input.text,
.mod_lostPassword input.password {
    width: 250px;
}


/*=== Colorbox ========================================================================================*/
#cboxTitle,
#cboxCurrent,
#cboxPrevious,
#cboxNext,
#cboxClose {
    margin-bottom: 5px;
    z-index: 3;
}
#cboxCurrent {
   color: #aaa;
   font-size: 12px;
   z-index:1;
}
#cboxTitle {
    z-index: 2;
    font-size: 0.9em;
    color: #333;
}

#cboxLoadedContent {
    margin-bottom: 30px;
}

.w300 {width: 300px;}

/*================= SUCH-FORMULAR ===========================*/
#left #f3 {
    margin-left: 10px;
}
#left #f3 label {
    display:none;
}
#left #f3 input.text,
.mod_search input.text {
    background: #fdf4b2;
    padding: 2px;
    font-size: 0.9em;
}
#left #f3 input.text:focus,
.mod_search input.text:focus {
    background: #F8D900;
}

#left #f3 input.submit {
    border: 0px;
    background-color: #fff;
    color:#fff;
    background: url(/files/theme/img/icon_search.png) no-repeat left center;
    
}
/*============== SUCH-ERGEBNISSE =======================*/
.mod_search p.header {
    padding: 15px 0px 20px 0px;
}
.mod_search .relevance {
    font-size: 0.7em;
    color: #999;
    margin-left: 10px;
}
.mod_search p.url {
    display: none;
}
.mod_search .highlight {
    font-weight: bold;
}
#header .mod_navigation {
    width: 270px;
    height: 250px;
    float:left;
    background: #fefdef;
}
#header .mod_navigation ul {
    list-style-type: none;
    padding: 0px;
    
}
#header .mod_navigation ul.level_1 {
    padding-top: 5px;
}
#header .mod_navigation a {
    text-decoration: none;
    color: #276A74;
    display: block;
    padding: 6px 0px;
    padding-left: 15px;
    font-family: "oxygen";
    font-size: 16px;
    letter-spacing: 0.05em;
}
.opera #header .mod_navigation a {
    padding-right: 10px;
}
#header .mod_navigation a:hover {
    color: #000;
}
#header .mod_navigation a.active,
#header .mod_navigation a.active:hover,
#header .mod_navigation a.trail,
#header .mod_navigation a.trail:hover{
    background: #3F7B82;
    color: #fff;
}

#header .mod_navigation li {
}
#header .mod_navigation ul.level_1 li {
    border-bottom: 1px solid #518e85;
}

#header .mod_navigation ul.level_1 li.last {
    border-bottom: 0px solid #518e85;
}

#header .mod_navigation ul.level_1 li.submenu.trail {
    padding-bottom: 0px;
}

/* 2. ebene   ------------------*/

#header .mod_navigation ul.level_2 li {
   
    border: 0px;
}
#header .mod_navigation ul.level_2 li a {
    font-size: 0.9em;
     padding-left: 30px;
}

/*-- Untermenü --------------------------------------------------------------------------*/
#left .mod_navigation {
    background: #fff;
    float:none;
    width: 250px;
    border: 0px solid #eee;
    margin-top: 0px;
    
    /*
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    */
    
}
#left .mod_navigation ul {
   /* list-style-image: url(/files/theme/img/icon_list_tuerkis.png);*/
    list-style-type: none;
    padding:0px;
}
#left .mod_navigation ul li {
    border-bottom: 0px solid #fff;
    
}
#left .mod_navigation ul li:hover {
    /*border-bottom: 1px dotted #aaa;*/
}
#left .mod_navigation ul li.active {
    /*border-bottom: 1px dotted #518e85;
    background: #fff;
    */
}

#left .mod_navigation a {
    padding: 3px 0px;
    display:block;
    font-size: 0.95em;
    color: #518e85;
    text-decoration: none;
    background: url(/files/theme/img/icon_list_tuerkis.png) no-repeat left center;
    padding-left: 20px;
    margin-left: 5px;
    
    font-family: "oxygen";
    font-size: 16px;
    letter-spacing: 0.05em;
}
#left .mod_navigation a.active,
#left .mod_navigation a.active:hover {
   /*margin-left: 40px;*/
   color: #000;
   background: url(/files/theme/img/icon_list_black.png) no-repeat left center;
   text-decoration: underline;
}

#left .mod_navigation a:hover {
    color: #333;
}

/*======================== 2. Navigation im Hauptbereich ==========================================*/
#main .mod_navigation {
    background: #f9f9f9;
}
#main .mod_navigation ul {
    list-style-type: none;
    padding: 0px;
    margin: 0;
}
#main .mod_navigation li {
    float:left;
    padding: 0;
    margin: 0;
}

#main .mod_navigation a {
    padding: 5px 12px;
    display:block;
    font-size: 0.95em;
    color: #518e85;
    text-decoration: none;
    font-family: "oxygen";
    font-size: 16px;
    letter-spacing: 0.05em;
    border-bottom: 0px;
    margin: 0px;
}
#main .mod_navigation a.active,
#main .mod_navigation a.active:hover {
    background: #3F7B82;
    color: #fff;
}

#main .mod_navigation a:hover {  
   color: #333;
   background: #ddd;
}

@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: url(/files/theme/font/droid-sans.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/*=== FORM Anzeigen erfassen ================*/

input.submit.anzeige {

    font-size: 90%;

}



#main .formLeft {

    font-size: 90%;

    width: 150px;

    float:left;

}

#main .w80 {

    width: 80px;

}

#main #kellererfassen .clear {

    clear:both;

    height: 5px;

}

#main #artpreis {

    float:left;

    margin-left: 5px;

}

#main .left {

    float:left;

}



#main .updateMsg {

    padding: 7px;

    margin-bottom: 20px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    border: 1px solid #999;

    background: #FCFCE8;

    font-size: 0.8em;

}



/*=== Anzeigenï¿½bersicht BE ===============*/

#main .tool-left {

    width: 16px;

    /*cursor: pointer;*/

    float:left;

}

#main .m-r-35 {

    margin-right: 35px;

}

#main .m-r-5 {

    margin-right: 5px;

}

#main .m-r-10 {

    margin-right: 10px;

}



/*=== Anzeigenï¿½bersicht FE ============== */

#main .wrapAnzeigen {

     border-bottom: 1px solid #ccc;

     padding: 5px 0px 4px 3px;

     margin-bottom: 5px;

}



#main .wrapAnzeigen.last {

     border-bottom: 0;

}

#main .anzeigenliste .wrapFoto {

    float:left;

}

#main .anzeigenliste .fotos {

    width: 150px;

    background: #eee;

    border: 1px solid #ccc;

    text-align: center;

    margin-right: 10px;

    vertical-align: middle;

    padding:0px;

    line-height: 0;

    float: none;

}



#main .anzeigenliste .fotos.hover:hover {

    border: 1px solid #777;

}

#main .anzeigenliste .fotos img,

#main .anzeigenliste .fotos a {

    margin:0px;

    padding:0px;

    border:0px;

}

#main .anzeigenliste .fotos a {

    display:block;

}



#main .anzeigenliste .wrapText {

    float:left;

    margin-left: 30px;

    width: 600px;

}





#main .anzeigenliste .ort {

    font-weight:bold;

    font-family: "Droid Sans";

    letter-spacing: 0.8pt;

    font-size: 14pt;

}



#main .anzeigenliste .gmLink {

    margin-left: 10px;

}



#main .anzeigenliste .beschreibung {

    margin: 10px;

    font-size: 90%;

    color: #333;

}

#main .anzeigenliste .beschreibung a {

    font-size: 90%;

}

/*

#main .anzeigenliste .beschreibung a {

    color: #518E85;     

    font-size: 90%;

    text-decoration: none;

}

#main .anzeigenliste .beschreibung a:hover {

    color: #333;

    text-decoration: underline;

}

*/



#main .anzeigenliste .art {

    font-size: 80%;

    color: #999;

    font-weight:normal;

    float:right;

}

#main .anzeigenliste .kontakt {

    font-size: 85%;

    color: #666;

    padding-top: 10px;

}

#main .anzeigenliste .kontakt div {

    float: left;

}

#main .anzeigenliste .preis {

    font-size: 85%;

    color: #666;

}



#main .anzeigenliste .fotoanzahl {

    text-align:center;

    font-size: 0.7rem;

    color: #999;

    margin-top: 3px;

    float:none;

    

}



#main .anzeigenliste .kontakt img.mailIcon {

    padding-top: 2px;

    margin-left: 15px;

}







#main .tool {

    width: 16px;

    margin-left: 5px;

    float:right;

}

/*=== Colorbox-Adaptierungen =======================*/

#cboxClose {

    margin: 0px 3px 0px 0px;

}
@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: url(/files/theme/font/droid-sans.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
html, textarea {

    font-family: verdana;

}

body {

    margin: 0;

    padding: 0;

}



img {

    border: 0px;

}

.image_container {

    margin:0px;

}

.image_container.float_left {

    margin-right: 25px;

    margin-bottom: 5px;

}

.image_container.float_right {

    margin-left: 25px;

    margin-bottom: 5px;

}

#linkToHome {

    z-index:99;

    position: absolute;

    margin: 0;

    height: 65px;

    cursor: pointer;

    width: 100%;

}

#bg01, #bg02 {

    z-index: 1;

    position: absolute;

    width: 100%;

}

#bg01 {

    background: #f8d900;

    height: 75px;

    text-align: center;

    padding-top: 5px;
    

}
#bg01 .inlet {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;    
    justify-content: flex-end;
}
#bg01 .inlet .text {
    font-size: 2.6rem !important;
    color: #145b9b;
}
#bg01 .inlet .logo {
    margin-left: 10px;
}
#bg02 {

    background: #276a74; /*#518e85;*/

    height: 220px;

    margin-top: 80px;

}

#bg02 {

   background: #276a74; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3NmE3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ODlhYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #276a74 0%, #689aa0 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#276a74), color-stop(100%,#689aa0)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #276a74 0%,#689aa0 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #276a74 0%,#689aa0 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #276a74 0%,#689aa0 100%); /* IE10+ */

background: linear-gradient(to bottom,  #276a74 0%,#689aa0 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#276a74', endColorstr='#689aa0',GradientType=0 ); /* IE6-8 */



}



#wrapper {

    position: relative;

    width: 1100px;

    margin: 0 auto;

    z-index: 2;

}

#header {

    padding-top: 65px;

    margin-bottom: 30px;

}

#header .inside {

   /* padding: 30px 0px 0px 20px;*/

}



#header .mod_flexSlider {

    width: 830px;

    height: 250px;

}

#header .mod_flexSlider,

#main .mod_navigation,

#header .mod_navigation {

-webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);

-moz-box-shadow:    2px 2px 3px rgba(50, 50, 50, 0.75);

box-shadow:         2px 2px 3px rgba(50, 50, 50, 0.75);

}



#header.flexslider {

    padding: 0px;

}



#footer {

    border-top: medium double #286B75;

    

    font-size: 0.9em;

    color: #1B5D66;

    margin-top: 25px;

    font-family: "Droid Sans";

}

#footer .ce_toplink {

    float:right;

    margin-top: 10px;

}

#footer a {

    color: #666;

    text-decoration: none;

}

#footer a:hover {

    color: #333;

    text-decoration: underline;

}