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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.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}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li {
    margin:0;
    padding:0;
}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5 #main h6 {
    padding-bottom:8px;
    font:14px "Trebuchet MS",Arial,Helvetica,sans-serif;
    color:#B01100;
    text-transform:uppercase;
}
html {
    height:101%;
    margin-bottom:1px;
}
#seitenspalte-rechts {
    margin-top:165px;
}
body {
    background-color:#FCF1E9;
}
#header {
    margin-bottom:50px;
}
#logo {
    width:270px;
    height:130px;
    right:30px;
    top:0;
    position:absolute;
    display:block;
    margin-top:-205px;
    background-image:url("/files/bb/layout/logo-rosenrot.png");
    background-position:left top;
    background-repeat:no-repeat;
    text-indent: -999px;
}
#logo a {
    height:130px;
    display:block;
}
#right {
    width:327px;
    padding-left:3px;
}
#footer {
    margin-top:60px;
}
#footer .mod_customnav {
    float:left;
}
#footer .nach_oben_link {
    width:328px;
    float:right;
    text-align:center;
}
#header nav.mod_navigation {
    background-image:url("/files/bb/layout/trennstrich-menu.gif");
    background-position:left top;
    background-repeat:no-repeat;
}
#header .mod_navigation ul li {
    float:left;
    text-align:center;
    background-image:url("/files/bb/layout/trennstrich-menu.gif");
    background-position:right top;
    background-repeat:no-repeat;
    list-style-type:none;
}
#header .mod_navigation ul li a,
#header .mod_navigation ul span.active,
#header .mod_navigation ul strong {
    width:155px;
    display:block;
    padding-top:15px;
    padding-right:5px;
    padding-left:5px;
    font:11px "Trebuchet MS",Arial,Helvetica,sans-serif;
    text-decoration:none;
    color:#666;
    text-transform:uppercase;
    letter-spacing:1px;
}
#header .mod_navigation ul li a:hover {
    background-image:url("/files/bb/layout/linie-menu-hover.gif");
    background-position:center top;
    background-repeat:no-repeat;
}
#header .mod_navigation span.active,
#header .mod_navigation strong,
#header .mod_navigation a.trail {
    background-image:url("/files/bb/layout/linie-menu-active.gif");
    background-position:center top;
    background-repeat:no-repeat;
}

.ce_form {
    margin-top: 80px;
}

#main p,
#main li,
#main label,
#main input.submit,
#main input,
#main textarea,
#main .captcha_text {
    padding-right:20px;
    padding-bottom:8px;
    font:12px/170% "Trebuchet MS",Arial,Helvetica,sans-serif;
    color:#666;
}

#main .widget-submit {
    padding-left: 240px;
}

#main .captcha_text {
    white-space: nowrap;
}
#main a {
    color:#666;
}
#main div.content-image {
    text-align:right;
}
#main .seitebilduebersicht div.content-image {
    float:left;
    margin-right:5px;
}
#main .seitebilduebersicht .content-image a {
    opacity: 0.7; /* Firefox, Safari und Chrome (WebKit), Opera */
    filter: alpha(opacity=70); /* IE */
}
#main .seitebilduebersicht .content-image a:hover {
    opacity: 1.0; /* Firefox, Safari und Chrome (WebKit), Opera */
    filter: alpha(opacity=100); /* IE */
}
figure.image_container {
    margin:0;
    padding:0;
}
figcaption.caption {
    margin-left:auto;
    text-align:left;
}
#main figcaption.caption p,
#main div.kleingedrucktes p,
#right div.kleingedrucktes p {
    font:10px/120% Verdana,Geneva,sans-serif;
    color:#999;
}
#main .mod_newslist {
    margin-bottom:20px;
}
#main .mod_newslist .layout_short,
#main .texteinfassung {
    padding:20px 0 20px 20px;
    background-image:url("/files/bb/layout/punkt-linksoben-eck-rechtsoben.png");
    background-position:left top;
    background-repeat:no-repeat;
}

#main .mod_newslist .layout_short .ce_text {
    width: 100%;
}

#main .mod_newslist .layout_short p.info,
#main .mod_newsreader .layout_full p.info {
    float:right;
    font-weight:bold;
}
#main .mod_newsreader .layout_full p.info {
    margin-top:-25px;
}
#main .mod_newslist h2 a {
    text-decoration:none;
    color:#B01100;
}
#main .mod_newslist .layout_short p.more,
#main .texteinfassungunten,
#main .layout_short.keinlink .ce_text {
    background-image:url("/files/bb/layout/eck-rechtsunten.png");
    background-position:right bottom;
    background-repeat:no-repeat;
}

#main .layout_short.keinlink p.more {
    display: none;
}

#main .texteinfassungunten {
    padding-left:20px;
}
#main p.texteinfassungunten {
    padding-left:0;
}
#main .mod_newsreader .layout_full {
    padding:20px 0 20px 20px;
    background-image:url("/files/bb/layout/punkt-linksoben-eck-rechtsoben.png");
    background-position:left top;
    background-repeat:no-repeat;
}
#main .mod_newsreader p.back {
    margin-bottom:20px;
    background-image:url("/files/bb/layout/eck-rechtsunten.png");
    background-position:right bottom;
    background-repeat:no-repeat;
}
#main input,
#main textarea {
    width:330px;
    margin-bottom:5px;
}
#main input.submit {
    width:auto;
}
#main label {
    width:220px;
    float:left;
    clear:left;
    display:block;
}
#main .pagination p,
#main .pagination ul,
#main .pagination ul li {
    float:left;
    font-weight:bold;
    list-style-type:none;
}
#main .pagination p {
    margin-right:20px;
    margin-bottom:0;
    padding-right:20px;
    padding-bottom:0;
    border-right:1px solid #666;
}
#main .pagination ul li {
    padding-right:5px;
    padding-left:5px;
}
#main .pagination a.link,
#main .pagination a.next,
#main .pagination a.previousious {
    padding-right:5px;
    padding-left:5px;
    text-decoration:none;
}
#main .pagination strong.active {
    display:block;
    padding-right:5px;
    padding-left:5px;
    background-color:#B01100;
    color:#FFF;
}
#right h1,
#right h2,
#right h3,
#right h4,
#right h5 #right h6 {
    padding-bottom:8px;
    font:14px "Trebuchet MS",Arial,Helvetica,sans-serif;
    color:#B01100;
    text-transform:uppercase;
}
#right p {
    padding-bottom:8px;
    font:12px/170% "Trebuchet MS",Arial,Helvetica,sans-serif;
    color:#666;
}
#right a {
    color:#666;
}
#right .mod_booknav {
    width:327px;
    top:0;
    position:absolute;
    margin-top:-25px;
    margin-bottom:10px;
}
#right .mod_booknav li.up {
    display:none;
}
#right .mod_booknav li.previous {
    float:left;
}
#right .mod_booknav li.next {
    float:right;
}
#right .mod_booknav li.previous,
#right .mod_booknav li.next {
    height:15px;
    list-style-type:none;
}
#right .mod_booknav li.previous a,
#right .mod_booknav li.next a {
    width:12px;
    height:15px;
    display:block;
    background-image:url("/files/bb/layout/pfeil-links.png");
    background-position:left top;
    background-repeat:no-repeat;
    text-indent: -999px;
}
#right .mod_booknav li.next a {
    background-image:url("/files/bb/layout/pfeil-rechts.png");
    background-position:right top;
    background-repeat:no-repeat;
}
#right .kastengrau {
    margin-bottom:9px;
    padding:20px 20px 12px;
    background:#DED9DA url("/files/bb/layout/schnoerkel-beige.png") right bottom no-repeat;
}
#right .kastenrot {
    margin-bottom:9px;
    padding:20px 20px 12px;
    background:#EFCFCC url("/files/bb/layout/schnoerkel-beige.png") right bottom no-repeat;
}
#right .kastentransparent {
    margin-bottom:9px;
    padding:20px 20px 60px;
    background:rgba(255,255,255,.6) url("/files/bb/layout/schnoerkel-rot.png") right bottom no-repeat;
}
#right .kastenrahmen {
    margin-bottom:9px;
    padding:20px 20px 12px;
    background-image:url("/files/bb/layout/schnoerkel-rosa.png");
    background-position:right bottom;
    background-repeat:no-repeat;
    border:1px solid #B01100;
    overflow: hidden;
}

#right .kastenrahmen figure {
    padding-right: 10px;
}

.portrait {
    overflow: hidden;
}

.portrait figure {
    padding-bottom: 10px;
    padding-left: 20px;
    float: right;
}

#right .mod_quicklink select,
#right .mod_quicklink input.submit {
    background-color:#EFCFCC;
    border:1px solid #B01100;
    border-radius:5px;
    font:12px "Trebuchet MS",Arial,Helvetica,sans-serif;
    color:#666;
    /* behavior:url('assets/css3pie/1.0.0/PIE.htc'); */
}
#footer .mod_customnav a,
#footer .mod_customnav span.active,
#footer .mod_customnav strong,
#footer .nach_oben_link a,
#footer .nach_oben_link span.active,
#footer .nach_oben_link strong {
    /* margin-right:10; */
    padding-right:20px;
    font:11px "Trebuchet MS",Arial,Helvetica,sans-serif;
    text-decoration:none;
    color:#666;
    text-transform:uppercase;
    letter-spacing:1px;
}
#footer .mod_customnav a:hover,
#footer .mod_customnav span.active,
#footer .mod_customnav strong,
#footer .nach_oben_link a:hover {
    color:#B01100;
}
#footer .nach_oben_link a {
    padding-right:0;
    padding-bottom:20px;
    background-image:url("/files/bb/layout/pfeil-oben.png");
    background-position:center bottom;
    background-repeat:no-repeat;
    text-transform:lowercase;
}

.clear {
    clear:both;
}

/**************************************************/

/*
@media only screen and (max-width : 1020px) {
    body {
    padding: 0 10px;
    }
}

@media only screen and (max-width : 999px) {
    #wrapper,
    #container,
    #main,
    #right {
    float: none;
    width: 100%;
    padding: 0 !important; 
    }
}
*/

/**************************************************/

body {
    width: 100vw;
    height: 100vh;
    background-image: url("/files/bb/layout/hg-startseite.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}

#logo {
    width:327px;
    height:245px;
    right:0;
    top:0;
    position:absolute;
    display:block;
    margin-top:-245px;
    background:rgba(255,255,255,.6) url("/files/bb/layout/logo-startseite.png") left top no-repeat;
    text-indent: -999px;
    background-position: 27px 40px;
}

#footer .mod_customnav {
    float:right;
}

#footer .mod_customnav a {
    margin-right:0;
    padding-right:0;
    font:11px "Trebuchet MS",Arial,Helvetica,sans-serif;
    text-decoration:none;
    color:#DED9DA;
    text-transform:uppercase;
    letter-spacing:1px;
}

#footer .mod_customnav a:hover {
    color:#FFF;
}