/* CSS Document */
/* ###################################################### */
/* ############## general html structur ################# */
/* ###################################################### */
html, body, div, p, td, a, input, textarea, select {
    font-family:Arial, Helvetica, sans-serif;
    color:#414141;
}
html, body {
    margin:0;
    padding:0;/*overflow:auto;*/
    height: 100%;
    min-height: 100%;
}
html {
    overflow:-moz-scrollbars-vertical;
    min-width:962px;
}
body {
    font-size:0.75em;
    background-color:#56bbc1;
    margin:0;
    padding:0;
}
form {
    margin:0;
    padding:0;
}
textarea {
    width:418px;
    height:85px;
}
img {
    border:0;
}

/* ###################################################### */
/* ####################### MAIN BODY #################### */
/* ###################################################### */
#ContentContainer {
    width:100%;
    background-color:#fefbea;
    margin: 0 auto -112px auto; /* the bottom margin is the negative value of the footer's height */
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background-image: url(../images/bg.gif);
    background-repeat:repeat-y;
    background-position:center top;
}
#footer {
    background-image:url(../images/footer_bg.jpg);
    background-repeat:repeat-x;
    width:100%;
} 
#push, #footer, #bg_footer {
    height: 112px; /* #push must be the same height as #footer */
}
/* ###################################################### */
/* ####################### STRUCTURE #################### */
/* ###################################################### */
#header {
    background-image:url(../images/header_bg.jpg);
    background-repeat:repeat-x;
    height:267px;
}
#kid {
    background-image:url(../images/kid.png);
    background-position:center;
    background-repeat:no-repeat;
}
#wave {
    background-image:url(../images/wave.png);
    background-repeat:repeat-x;
    background-position:bottom;
    height:267px;
    text-align:center;
}
#menu {
    background-color:#1fa8bc;
    min-height:28px;
}
#menuposer, #content, #footerposer { 
    margin: 0 auto 0 auto;
    width:962px;
}
#footerposer {  
    line-height:1.6em;
}
#bg_footer {
    background-image:url(../images/footer_balken.gif);
    background-position:center;
    background-repeat:repeat-y;
}
#imgspenden{
    width:244px;
    height:49px;
    margin-top:15px;
    background-image:url(../images/spenden.png);
    background-repeat:no-repeat;
    background-position:left;
}

/* ###################################################### */
/* ###################### STYLING ####################### */
/* ###################################################### */
#angebot, #mainmenu {
    color:white;
    font-weight:bold;
    margin-top:0.5em;
}
#angebot {
    text-indent:10px;
}
#teaser {
    background-image:url(../images/arrow.png);
    background-position:4px top;
    background-repeat:no-repeat;
}

/* ###################### MAINNAVI ###################### */
#mainmenu ul li { 
    float:left;
    display:block;

}
#mainmenu li a {
    border-left-width:1px;
    border-left-color:color;
    border-left-style:solid;
    color:white;
    text-decoration:none;
    margin-left:0;
    margin-right:0.5em;
    padding-left:0.5em;
    padding-right:1.5em;
    padding-top:0.1em;
    padding-bottom:0.2em;
}
#mainmenu li a:link {}
#mainmenu li a:hover, #mainmenu li a.active {
    background-color:#4cbac9;
    text-decoration:none;
}
#mainmenu li li{
    clear:both;
    display:block;
}
html:first-child #mainmenu li li {width:0;}
#mainmenu li li a {
    border-left-width:0;
    color:white;
    font-weight:normal;
    text-decoration:none;
    margin-left:0;
    margin-right:0;
    padding-top:0;
    padding-bottom:0;
    padding-right:0;
}
#mainmenu li li a:link {}
#mainmenu li li a:hover, #mainmenu li li a.active {
    text-decoration:underline;
    background-color:#1fa8bc;
}
/* ###################### METANAVI ###################### */
#metanavi {
    margin-left:10px;
    margin-top:4em;
}
#metanavi a {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:1.0em;
    font-style:italic;
    line-height:2.5em;
    letter-spacing: 0.06em;
    text-decoration:none;
    font-weight:bold;
}
#metanavi a:link, #metanavi a:visited {color:#333333;}
#metanavi a:hover, #metanavi a.active { color:#56bbc1;} 
/* ###################################################### */
/* ################### UNTERSCHIEDLICH ################## */
/* ###################################################### */
.w250 { width:250px;}
.w700 { width:700px; }
#content #w700 { margin-top:3em;}
.fleft { float:left;}
.fright { float:right;}

/* ###################################################### */
/* ################### FLEXEDITOR ####################### */
/* ###################################################### */

/* ################### Überschriften #################### */
h1 {
    color: 3f3e3e;
    font-size:1.7em;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    font-weight:bold;
    margin-top:2.7em;
    margin-bottom:1em;
}
h2 {
    color: #3f3e3e;
    font-size:1.2em;
    font-weight:bold;
    padding-bottom:0.5em;
    }
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 #fefbea;margin-bottom:10px;}
.wrapper_flex img.flex { margin-bottom:2em;}
.wrapper_flex a.bildlink:hover img { border: 7px solid #fefbea;}
.wrapper_flex p {
    margin-bottom:2.0em;
    color: #414141;
    line-height:1.5em;
}
.wrapper_flex p.flexlink {
    margin-bottom:0;
}
.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:2.0em;
}
.fleximagebox a div{ color:#a3a3a3;}
.fleximagebox a img {margin-bottom:3px;}
.fleximagebox a:hover img { border-color:#fefbea;}
/* ################## Flexbox_simple #################### */
.flexbox_simple {
    background-color:#f4db85;
    padding:10px 40px 10px 40px;
    margin-bottom:2.0em;
}
.flexbox_simple p{
    margin-bottom:0em;
}
.flexbox_simple strong ,.flexbox_simple b {
    font-weight:bold;
}
.flexbox_simple h2, .flexbox_simple h3 {
    color:#4cbac9;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
}
/* ################## ileft & iright #################### */
.ileft, .iright             {margin-bottom:0em;}
.ileft p, .iright p   {
    margin-bottom:2em;
}
.ileft img.flex_float_left{margin-right:2.8em;margin-bottom:2em;}
.flex_float_left, .left     {float: left;}
.iright img.flex_float_right{margin-left:2.8em;margin-bottom:2em;}
.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 dashed #1fa8bc;
    margin: 0 0 2em 0;
    height: 1px;
    clear:both;
}
hr.news {
    margin: 0;
    border-bottom: 1px dashed #414141;
}
hr.galeriefix {
    margin: 0;
    border-bottom: 1px solid white;
}
/* ##################### Listings ####################### */
.wrapper_flex ul, .wrapper_flex ol { 
    margin-top:-1.5em; /* geht hand in hand mit .wrapper_flex p {margin-bottom:X; mit 0.5em Unterscheid} */
    margin-bottom:0.5em;
    margin-left:30px;
    color:#414141;
}
.wrapper_flex ul li{
    list-style-position: outside;
    list-style-type:disc;
    line-height:1.5em;
}
.wrapper_flex ol li{
    list-style-position: inside;
    list-style-type:decimal;
    line-height:1.5em;
}
.kontaktformular ol    {margin-top:0;}
.kontaktformular ol li, ul.dhonishow-image li {list-style:none;}
/* ###################### Links ######################### */
.wrapper_flex a:link, .wrapper_flex a:visited, .wrapper_flex a:link .flexib_link, .wrapper_flex a:visited .flexib_link {
    color: #1fa8bc; text-decoration:none;
}
.wrapper_flex a:hover, .wrapper_flex a:hover .flexib_link  {
    color: #1fa8bc; text-decoration:underline;
}
/* ################ dreispaltiger Text ################## */
.dreipaar * { color:white;}
.dreipaar { margin-top:15px;}
.dreipaar a { color:white;}
.dreipaar a:link { color:white; text-decoration:none;}
.dreipaar a:hober { color:white; text-decoration:underline;}
/* Content */
#content .dreipaar .left {float:left;width:31%;}
#content .dreipaar .middle {float:left; margin: 0 3%; background-image:none;width:31%;}
#content .dreipaar .right {float:right;width:31%;}
/* Footer */
#footeradresse .dreipaar .left {float:left;width:28%;}
#footeradresse .dreipaar .middle {float:left; margin: 0 3%; background-image:none;width:38%;}
#footeradresse .dreipaar .right {float:right;width:27%;}

.dreipaar .right img.borderless {border:0px;}
.bold {font-weight:bold;}
/* ################ zweispaltiger Text ################## */
.zweipaar {}
.zweipaar div { width:48%;}

/* ###################### Links ######################### */
.flexlink { margin-bottom:0;}

/* ###################################################### */
.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;}
.redfont { color:red;}