/* CSS Document */
/* ###################################################### */
/* ####################### FLEXEDITOR ################### */
/* ###################################################### */
/* #################### Sonstiges ####################### */
p {text-align: justify; line-height:1.4em;}
p.witsubT { font-weight:bold;color:#85809c;}
p.witsubT a {color:#85809c!important; text-decoration:none!important; cursor:text!important;}
/* #################### Imagebox ######################## */
.fleximagebox { 
    font-family: Arial, Helvetica, sans-serif;
    font-size:0.85em;
}
.fleximagebox a img {margin-bottom:0px;}
.fleximagebox div { color:#85809c;}
/* #################### Flexliste ####################### */
.flexliste {
    width:100;
    padding:3px 0;
    border-bottom: 1px dotted #494364;
} 
.flexliste .preisr, .flexliste .preisl {margin:3px;}
.headlinel,.wrapper_termin h2 {
    color:white;
    font-size:1.1em;
    font-weight:bold;
    padding:5px 0;
    background-color:#9aa1b9;
    background-image:url(../images/mainmenu_wrapper_bg.png);
    background-repeat:repeat-x;
    background-position:bottom;
}
.dunkel {background-color:#d6d5e0;}
.flexliste .preisl { width:84%;}
.flexliste .preisr { width:13%;text-align:center}
/* als Tabelle */
table tr               {
    border-bottom: 1px dotted #494364;
}
table tr td            {padding:6px 3px; }
table .tab_color_dark  {background-color:#d6d5e0;border-left:1px solid #e6e5e4;border-right:1px solid #e6e5e4;}
table thead {
    background-image: url(../images/mainmenu_wrapper_bg.png);
    background-repeat:repeat-x;
    background-position:bottom;
    font-size:1.1em;
    font-weight:bold;
}
table thead tr td {padding:8px 3px;color:white;}
table { margin-bottom:2.5em;}
/* ################## Flexbox_simple #################### */
.flexbox_simple {
    padding:10px 20px 10px 20px;
    text-align:justify;
    color:#231f33;
    background-color:#d6d5e0;
    line-height:1.4em;
}
.flexbox_simple p {color:#231f33;line-height:1.4em;}
#posCont .flexbox_simple_like{
    /*background-color:#eaeef2;*/
    padding:2px 5px;
}
#productsCont .flexbox_simple_like {margin-bottom:2em;padding:2px 5px;}
/* ################ zweispaltiger Text ################## */
.zweipaar div { width:48%;}
/* ################ dreispaltiger Text ################## */
.dreipaar {}
.dreipaar .left { width:31%; float:left;}
.dreipaar .middle { width:31%; float:left; margin: 0 0 0 3.5%; 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: ;}
/* ##################### Listings ####################### */
#content ul, #content ol { 
    margin-left:30px;
    margin-bottom:1em;
}
#content ul li{
    list-style-position: outside;
    list-style-type:disc; 
}
#content ol li{
    list-style-position: outside;
    list-style-type:decimal;
}
#content .kontaktformular ul, #content .kontaktformular ol {margin-left:0;margin-bottom:0;margin-top:10px;}
#content .kontaktformular li, #content .kontaktformular li {list-style-position:none;list-style-type:none;}
#content ul.flex, #content ol.flex {font-size:1.1em;margin-left:15px;}
#content ul.flex li, #content ol.flex li {line-height:1.35em; font-weight:bold;}
.listposer {margin-top:0em;}

ul#productnavi li { float:left;  margin: 0 20px 0 1px;list-style-type:none; display:inline;}
/* ################# horizontal rule #################### */
hr.flex, hr, hr.news {
    display: block;
    border: 0px;
    margin: 1.5em 0px 1.5em 0px;
    height: 1px;
    clear:both;
    border-bottom: 1px dotted #85809c;
}
hr.galeriefix {
    margin: 0;
    border-bottom: 0px solid white;
}
/* ################################################################### */
/* ###################### Koordination START ######################### */
#content ul, #content ol { 
    margin-top:-1.0em;  }/* geht hand in hand mit .wrapper_flex p {margin-bottom:X; mit 0.5em Unterscheid} */
#content .flexbox_simple, .fleximagebox,#content p,#content img.flex,#content .imagelightbox img{
    margin-bottom:2.5em;
}

#content .ileft img, #content .iright img{
    margin-bottom:1.5em;
}
.flexbox_simple p,.noborder, #content .fleximagebox img,#content #faststart img,
#content .flexliste p, #content .flexliste p{ margin-bottom:0;}
#content p.flexlink { margin-bottom:0.25em;}
.ileft img, .iright img {margin-bottom:1em;}
#content p.witsubT {margin-bottom:3em;}
/* ###################### Koordination ENDE  ######################### */
/* ################################################################### */
/* #################### Allgemein ####################### */
/* Floats & clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {display:block; zoom:1; }
/* End hide from IE Mac */
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.space0p5 {height:0.5em;}
.space1p5 {height:1.5em;}
.space3p0 {height:3.0em;}
.space6p0 {height:5.0em;}
.mr20, span.mr20 {padding-right:20px;}
.more {display:block; text-align:right;}
.margZero {margin-top:0;margin-left:0;margin-bottom:0;margin-right:0;}
.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.5em;}
.backcolor-1 {background-color:#e6e5e4;}
#content * b, #content * strong, * .makeitbold { font-weight:bold;}
#content p i, #content p em { font-style:italic;}
#content .dieflexicons img, #content .dieflexicons img {margin-bottom:0;margin-left:0;margin-right:0;}
#content a.flexlinkint, #content .dieflexicons a {border-bottom-width:0;}
#content a.flexlinkint img, #content .dieflexicons a img {margin-bottom:0;margin-left:0;margin-right:0;}