/* CSS Document */
/* ###################################################### */
/* ####################### FLEXEDITOR ################### */
/* ###################################################### */

/* #################### Sonstiges ####################### */
.wrapper_flex img,.wrapper_flex object  { border: 4px solid #fff6d8;}
.wrapper_flex a:hover img { border-color:grey;}
.wrapper_flex p {text-align: justify;}
/* ################### Überschriften #################### */
h1 {
    color: black;
    font-size:1.5em;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom:0.7em;
    margin-top:0;}
h2 {
    color: #222;
    font-size:1.2em;
    font-weight:bold;
    padding-bottom:0.5em;
}
h3  {
    font-family: Arial, Helvetica, sans-serif;
    color:black;
    font-weight:bold;
    font-size:1.1em;
    padding-bottom:0.4em;
}
/* #################### Imagebox ######################## */
.fleximagebox { 
    font-family: Arial, Helvetica, sans-serif;
    font-size:0.85em;
}
.fleximagebox a img {margin-bottom:0px;}
.wrapper_flex .fleximagebox div { color:black;}
/* ################## Flexbox_simple #################### */
.flexbox_simple {
    padding:10px 20px 10px 20px;
    text-align:justify;
    }
.wrapper_flex .flexbox_simple {background-color:#fff6d8;}
.wrapper_flex .flexbox_simple p {}
/* ################ zweispaltiger Text ################## */
.zweipaar div { width:49%;}
/* ################ dreispaltiger Text ################## */
.dreipaar {}
.dreipaar .left { width:31%; float:left;}
.dreipaar .middle { width:31%; float:left; margin: 0 3%; background-image:none;}
.dreipaar .right { width:31%; float:right;}
/* ################## ileft & iright #################### */
.ileft p, .iright p   {
    margin-bottom:0em;
}
.ileft a.bildlink           {margin-right:2em; margin-bottom:0;}
.ileft img                  {margin-right:2em;}
.ileft a img                {margin-right:0; }
.flex_float_left            {float: left;}

.iright a.bildlink          {margin-left:2em;margin-bottom:0;}
.iright img                 {margin-left:2em;}
.iright a img               {margin-left:0; }
.flex_float_right           {float:right;}

.iright p a *, .ileft p a * {display: ;}
/* ################# horizontal rule #################### */
hr.flex, hr, .wrapper_flex hr.flex, hr.news  {
    display: block;
    border: 0px;
    margin: 0px 0px 15px 0px;
    height: 1px;
    clear:both;
    border-bottom: 1px dotted #4c4c4c;
}
hr.news {
    margin: 0;
}
hr.galeriefix {
    margin: 0;
    border-bottom: 1px solid #feda62;
}
/* ##################### Listings ####################### */
.wrapper_flex ul, .wrapper_flex ol { 
    margin-left:30px;
    margin-bottom:1em;
}

.wrapper_flex ul li{
    list-style-position: outside;
    list-style-type:disc;
    line-height:1.8em;
}
.wrapper_flex ol li{
    list-style-position: outside;
    list-style-type:decimal;
    line-height:1.8em;
}
 /* SHOPPINGCARD */
ul.SClist             { margin-left:0; }
.wrapper_flex .shoppingcard ul      { margin-top:20px;margin-left:0;}
.wrapper_flex .shoppingcard li      { list-style-type:none;}
ul.SClist li {                                   
    list-style-type:none;
    border-bottom: 1px dotted #4c4c4c;
    margin-bottom:1.5em;
} 
ul.SClist li:last-child { margin-bottom-width:0;}
/* ###################### Links ######################### */
.wrapper_flex a, .wrapper_flex a .flexib_link, .articlelistPagecounter a, .articlelistNavigation a
{
    text-decoration: none;
    background-color: transparent;
    border-bottom-width: 1px;
    border-bottom-style:dotted;
}
.wrapper_flex a:link, .wrapper_flex a:visited, .wrapper_flex a:link .flexib_link, .wrapper_flex a:visited .flexib_link,
.articlelistPagecounter a:link, .articlelistPagecounter a:visited, a,.articlelistNavigation a:link, .articlelistNavigation a:visited{
    color:#a18c03;   border-bottom-color:#a18c03;
}
.wrapper_flex a:hover, .wrapper_flex a:hover .flexib_link, .articlelistPagecounter a:hover, .articlelistNavigation a:hover  {
    color: white; border-bottom-color: white; }
.wrapper_flex .shoppingcard a:hover {
    color: black; border-bottom-color: black; }
/*imagelink*/
.wrapper_flex a.bildlink, .wrapper_flex .fleximagebox a, .dieflexicons a, table tr td a, .wrapper_flex .blgalerie a, .wrapper_flex .bgalerie a{
    border-bottom-width: 0;
}
/* Newssystem */
.articlelistMore {
    display:block;
    text-align:right;
    margin-top:-1em;
    margin-bottom:1em;
}
.artikle_top {font-size:0.80em;margin-bottom:2em;}
.artikle_top a:link, .artikle_top a:visited {color:#4c4c4c;border-bottom-width: 0;}
.artikle_top a:hover {color:white;border-bottom-width: 0;}
.newshead a:link, .newshead a:visited {color:black;border-bottom-color: black;}
.newshead a:hover {color:white;border-bottom-color: white;}
/* ################################################################### */
/* ###################### Koordination START ######################### */
.wrapper_flex ul, .wrapper_flex ol { 
    margin-top:-1.0em;  }/* geht hand in hand mit .wrapper_flex p {margin-bottom:X; mit 0.5em Unterscheid} */
.flexbox_simple, .fleximagebox, .wrapper_flex img, .wrapper_flex p{
    margin-bottom:2em;
}
.flexbox_simple p,.wrapper_flex .noborder { margin-bottom:0em;}
.wrapper_flex p.flexlink { margin-bottom:0.25em;}
.ileft img, .iright img {margin-bottom:1em;}
/* ###################### Koordination ENDE  ######################### */
/* ################################################################### */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.wrapper_flex .space0p5 {height:0.5em;}
.wrapper_flex .space1p5 {height:1.5em;}
.wrapper_flex .space3p0 {height:3.0em;}
.wrapper_flex .space6p0 {height:5.0em;}
.mr20, span.mr20 {padding-right:20px;}
.more {display:block; text-align:right;}
.clear {clear:both;}
.small { font-size: 0.85em; line-height:1.15em;}
.smalls { font-size: 0.75em;line-height:1.1em;}
.textcolor { color:red;}
.biggerfont{ font-size: 1.25em;}
.wrapper_flex .noborder { border-width: 0px;}
.wrapper_flex * b, .wrapper_flex * strong { font-weight:bold;}
.wrapper_flex p i, .wrapper_flex p em { font-style:italic;}
.wrapper_flex a.flexlinkint,.dieflexicons a {border-bottom-width:0;}
.wrapper_flex a.flexlinkint img, .dieflexicons a img {margin-bottom:0;margin-left:0;margin-right:0;}