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

/* ################### Überschriften #################### */
h2 {
    color: #3e3e3e;
    font-size:1.5em;
    font-weight:bold;
    margin-left:-30px;
    padding-bottom:1.7em;
    }
h3  {
    font-family:Verdana, Tahoma, Arial, sans-serif;
    color:#3f3e3e;
    font-weight:bold;
    font-size:1.05em;
    padding-bottom:0.2em;
}
/* #################### Sonstiges ####################### */
.wrapper_flex img { border: 7px solid #dfdfdf;margin-bottom:10px;}
.wrapper_flex .pola_img img, .wrapper_flex .pola_start img {border-width: 0; margin-bottom:0;}
.wrapper_flex p {
    margin-bottom:2.6em;
    color: #666666;
}
.pola_img .middle div p, .pola_start .middle div p {margin-bottom:0;} /* AUSGLEICH zu p */
.wrapper_flex .georgia {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:1.16em;
}
.wrapper_flex .cw {
    color:white;
    font-weight:bold;
    width:850px;
    font-size:1.0em;
    margin-left:5px;
}
.wrapper_flex .cw p{color:white; margin-bottom:1em; line-height:1.5em;}
/* #################### Imagebox ######################## */
.fleximagebox { 
    font-size:0.85em;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    margin-bottom:3.5em;
}
.fleximagebox a div{ color:#a3a3a3;}
.fleximagebox a img {margin-bottom:3px;}
.fleximagebox a:hover img { border-color:#83263c;}
/* ################## Flexbox_simple #################### */
.flexbox_simple {
    background-color:#dfdfdf;
    padding:10px 40px 10px 40px;
    margin-bottom:2.6em;
}
.flexbox_simple p{
    margin-bottom:0em;
}
/* ################ zweispaltiger Text ################## */
.zweipaar {}
.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;}
.dreipaar .right img.borderless {border:0px;}
/* ################## ileft & iright #################### */
.ileft, .iright             {margin-bottom:2.6em;}
.ileft img                  {margin-right:2.8em;}
.flex_float_left, .left     {float: left;}
.iright img                 {margin-left:2.8em;}
.flex_float_right, .right           {float:right;}
.iright p a *, .ileft p a * {display: ;}
/* ################# horizontal rule #################### */
hr.flex, hr.news, hr {
    display: block;
    border: 0px;
    border-bottom: 1px solid #666666;
    margin: 0px 0px 15px 0px;
    height: 1px;
    clear:both;
}
hr.news {
    margin: 0;
    border-bottom: 1px dashed #666666;
}
hr.galeriefix {
    margin: 0;
    border-bottom: 1px solid white;
}
/* ##################### Listings ####################### */
.wrapper_flex ul, .wrapper_flex ol { 
    margin-top:-2.1em; /* geht hand in hand mit .wrapper_flex p {margin-bottom:X; mit 0.5em Unterscheid} */
    margin-bottom:0.5em;
    margin-left:30px;
}
.wrapper_flex ul li, .wrapper_flex ol li{
    list-style-position: inside;
    list-style-type:disc;
line-height:1.5em;
}
.kontaktformular ol    {margin-top:0;}
.kontaktformular ol li, ul.dhonishow-image li {list-style:none;}
ul#portfolio_ov, ul#mainmenu_l2, ul#feedback_ov, ul.dhonishow-image {margin:0;}/* AUSGLEICH: von .wrapper_flex p {margin-bottom:X;} */
/* ###################### Links ######################### */
.wrapper_flex a:link, .wrapper_flex a:visited, .wrapper_flex a:link .flexib_link, .wrapper_flex a:visited .flexib_link {
    color: #83263c; text-decoration:none;
}
.wrapper_flex a:hover, .wrapper_flex a:hover .flexib_link  {
    color: #83263c; text-decoration:underline;
}
/* ###################################################### */
.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;}
.smalls { font-size: 0.75em;}
.wrapper_flex b *, .wrapper_flex strong *{ font-weight:bold;}
.wrapper_flex p i, .wrapper_flex p em { font-style:italic;}