/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: 0;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

h1,h2,h3,h4,h5,h6 {font-size:1em;font-weight:normal;margin:0;padding:0}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 0 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 0;
}

ul li {list-style:none;}
dd {
    margin: 0;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


@font-face {
    font-family: 'aller_displayregular';
    src: url("../../files/themes/fonts/allerdisplay-webfont.eot");
    src: url("../../files/themes/fonts/allerdisplay-webfont.eot?#iefix") format('embedded-opentype'),
    url("../../files/themes/fonts/allerdisplay-webfont.svg#aller_displayregular") format('svg'),
    url("../../files/themes/fonts/allerdisplay-webfont.woff") format('woff'),
    url("../../files/themes/fonts/allerdisplay-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'allerbold';
    src: url("../../files/themes/fonts/aller_bd-webfont.eot");
    src: url("../../files/themes/fonts/aller_bd-webfont.eot?#iefix") format('embedded-opentype'),
    url("../../files/themes/fonts/aller_bd-webfont.svg#allerbold") format('svg'),
    url("../../files/themes/fonts/aller_bd-webfont.woff") format('woff'),
    url("../../files/themes/fonts/aller_bd-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'allerbold_italic';
    src: url("../../files/themes/fonts/aller_bdit-webfont.eot");
    src: url("../../files/themes/fonts/aller_bdit-webfont.eot?#iefix") format('embedded-opentype'),
    url("../../files/themes/fonts/aller_bdit-webfont.svg#allerbold_italic") format('svg'),
    url("../../files/themes/fonts/aller_bdit-webfont.woff") format('woff'),
    url("../../files/themes/fonts/aller_bdit-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alleritalic';
    src: url("../../files/themes/fonts/aller_it-webfont.eot");
    src: url("../../files/themes/fonts/aller_it-webfont.eot?#iefix") format('embedded-opentype'),
    url("../../files/themes/fonts/aller_it-webfont.svg#alleritalic") format('svg'),
    url("../../files/themes/fonts/aller_it-webfont.woff") format('woff'),
    url("../../files/themes/fonts/aller_it-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'allerregular';
    src: url("../../files/themes/fonts/aller_rg-webfont.eot");
    src: url("../../files/themes/fonts/aller_rg-webfont.eot?#iefix") format('embedded-opentype'),
    url("../../files/themes/fonts/aller_rg-webfont.svg#allerregular") format('svg'),
    url("../../files/themes/fonts/aller_rg-webfont.woff") format('woff'),
    url("../../files/themes/fonts/aller_rg-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.2;
    font-family: 'allerregular',Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
    max-width:100%;
    height:auto;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
a {color:#BB0000;}


strong,b {font-family: 'allerbold';font-weight:normal;}
strong em, em strong, b em, em b {font-family: 'allerbold_italic';font-weight:normal;font-style:normal;}

em, b {font-family:'alleritalic';font-style:normal;}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

    html, body {height: 100%;}
    body {
        background:#E4E1DC url("../../files/themes/theme_nikolauskloster/img/bgGradient.png") repeat-x;
    }

    #wrapper {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -13.5em;
        width:100%;
    }
    .push { clear:left;height:13.5em;}

    /* Aktiver Navigationselement soll hinter den unteren Block ragen   */
    div.custom,
    div#container {position: relative;z-index:1;}
    div.custom {z-index:2;}

    header {background:transparent url("../../files/themes/theme_nikolauskloster/img/bow.png") repeat-x center top;width:100%;}

    header .inside {font-family:'allerregular', Arial, sans-serif;min-height:9.25em;position: relative;width:53.125em;margin:0 auto;}
    header hgroup {height:4.25em;padding:2.625em 0 0 1.625em;}
    header h2 a {display: block;background:transparent url("../../files/themes/theme_nikolauskloster/img/logo.png") no-repeat;width:321px;height:30px;}
    header h3 {font-size:0.875em;color:#494948;font-weight:normal;}
    #logo {position: absolute;top:1.125em;right:1.5625em;}
    #logo img {width:75px;height:65px;}
    #logo .subline {position: absolute;right:1.7em;top:3.8em;font-size:0.875em;color:#494948;font-weight:normal;}
    #logo ,
    #logo span{text-decoration: none}

    #container {width:53.125em;margin:0 auto;}
    .custom {width:53.125em;margin:0 auto;}


    #nav-main  { position:relative;z-index:0;background-color:#494948; width:53.125em; height:2.25em; -moz-box-shadow:2px 2px 5px #777769); -webkit-box-shadow:2px 2px 5px rgba(104,104,89,#777769); box-shadow:2px 2px 5px #777769;}
    #nav-main ul {overflow: hidden;}
    #nav-main li {float:left;}
    #nav-main li a,
    #nav-main li.active span,
    #nav-main li.trail span {display:block;font-size:.875em;background-color:#494948;color:rgb(255,255,255);text-decoration: none;line-height:2.571428571428571em;padding:0 .75em;}
    #nav-main li a:hover {background-color:#bb0000;}
    #nav-main li.active span,
    #nav-main li.trail a {background-color:#CDC8BC;color:#494948;padding-bottom:.625em}
    #nav-main li.active span {color:#BB0000;}
    #nav-main li.first a,
    #nav-main li.first span{padding-left:1.5625em}

    #nav-sub {clear:left;}
    #nav-sub ul {margin-left:1.4em;overflow: hidden;}
    #nav-sub li {float:left;margin-left:1.25em;}
    #nav-sub li.first {margin-left:0;}
    #nav-sub li a,
    #nav-sub li.active span {display:block;font-size:.875em;color:#494948;line-height:1.25em;padding:0.65em 0;text-decoration:none;}
    #nav-sub li a:hover {color:#bb0000;}
    #nav-sub li.active span {color:#bb0000;padding-bottom:.875em}

    #nav-meta  { position:absolute;right:0;top:6.9em;}
    #nav-meta ul {overflow: hidden;}
    #nav-meta li {float:left;}
    #nav-meta li a,
    #nav-meta li.active span,
    #nav-meta li.trail span {display:block;font-size:.875em;background-color:#494948;color:rgb(255,255,255);text-decoration: none;line-height:2.571428571428571em;padding:0 .75em;}
    #nav-meta li a:hover {background-color:#bb0000;}
    #nav-meta li.active span,
    #nav-meta li.trail a {background-color:#d3cfc8;color:#494948;padding-bottom:.625em}
    #nav-meta li.last a,
    #nav-meta li.last span{padding-right:1.5625em}


    .anmeldung {position: absolute;right:25px;top:110px;}
    .anmeldung a {display:block;font-size:.875em;color:rgb(255,255,255);text-decoration: none;line-height:2.571428571428571em;padding:0 .75em;}
    .anmeldung a:hover {background-color:#bb0000;}

/*  **************************************************************************
*   Content-Module
******************************************************************************/

    .mod_article .ce_gallery:first-child,
    .mod_article.ce_gallery:first-child {padding-top:0}



    /* Content-Bereich  "main"  */

    #main>.inside {padding-bottom:5em;}

    #main H1 {font-family:'allerregular', Arial, sans-serif;font-size:1.375em;line-height:1.090909090909091em;color:#BB0000;margin-bottom:0.7272727272727273em;}
    #main H2, #right h2 {font-family:'allerregular', Arial, sans-serif;font-size:1.375em;line-height:1.090909090909091em;color:#494948;margin-bottom:0.7272727272727273em;}
    #main H3, #right h3 {font-family:'allerregular', Arial, sans-serif;font-size:1.375em;line-height:1.090909090909091em;color:#494948;padding-top:1.5em;}
    #main H4, #right h4 {font-family:'allerregular', Arial, sans-serif;font-size:0.875em;line-height:1.090909090909091em;color:#494948;padding-top:1.5em;text-transform: uppercase}

    #main p,
    #right p {font-size:0.875em;line-height:1.428571428571429em;margin-top:0.7142857142857143em}

    .twoCol #main {width:34.375em;float:left;}
    .twoCol #right {width:14.5em;margin-left:1.5625em;float:left;}

    #right>.inside>.block {padding-top:2.5em;}

    #main .block .block .block {padding-left:0;padding-top:0}

/* ce_text  */

    .ce_text,
    .ce_form,
    #main .ce_html,
    #main .ce_image,
    #main .ce_youtube,
    #main .mod_login,
    #main .ce_list,
    #main .mod_eventlist,
    #main .mod_eventreader,
    #main .mod_newslist,
    #main .mod_newsreader {padding:2.5em 0 0 1.5625em}
    .ce_gallery .ce_image {padding:0}

    #right .ce_text,
    #right .ce_form,
    #right .ce_html,
    #right .ce_image,
    #right .ce_youtube,
    #right .mod_login,
    #right .ce_list,
    #right .mod_eventlist,
    #right .mod_newslist,
    #right .mod_eventreader,
    #right .mod_newsreaser {padding:0 0 0 1.5625em}
    #right .mod_eventlist + .ce_text {margin-top:-1em;}

    #main .ce_text,
    #main .ce_form,
    #main .ce_html,
    #main .ce_youtube,
    #main .mod_login,
    #main .ce_list,
    #main .mod_eventlist,
    #main .ce_image,
    #main .mod_eventreader,
    #main .mod_newslist,
    #main .mod_newsreader {width:32.8125em;float:left;}
    .ce_text a {color:#BB0000;text-decoration: none;}
    .ce_text a:hover {text-decoration: underline;}

    /*  ce-headline */
    .ce_headline {padding:40px 0 0 25px}
    #main .ce_headline {width:525px;float:left;}


    #main .marginal {width:232px;margin-left:25px;}
    #main .ce_text a[target=_blank]:after {content: " »";}

    /* Ungeordnete Liste ul li */
    .ce_text ul li,
    .ce_list ul li {padding-left:16px;position: relative;font-size: 0.875em;line-height: 1.42857em;  }
    .ce_text ul li:before,
    .ce_list ul li:before {content:"»";position: absolute;left:0;display: block;top:0;}


    /* Bildcontainer    */
    #main figure .caption {font-size: 0.875em;line-height: 1.42857em; color:#868686;padding:10px 0;}

    /*  ce-gallery  */
    .ce_gallery {padding-top:2.5em;position:relative;clear:both;}
    .ce_gallery div.mask {overflow:hidden;}
    .ce_gallery ul {margin:0 0 0 -.125em;}
    .ce_gallery .mask ul {width:2000em}
    .ce_gallery li {
        float:left;
        width:17.625em; margin:0 0 0 .125em;
        -moz-box-shadow:2px 2px 5px #777769;
        -webkit-box-shadow:2px 2px 5px #777769;
        box-shadow:2px 2px 5px #777769;
        background-color:#FFFFFF;
    }
    .ce_gallery li, .shadow {
        -moz-box-shadow:2px 2px 5px #777769;
        -webkit-box-shadow:2px 2px 5px #777769;
        box-shadow:2px 2px 5px #777769;
    }

    .paging {top:0;left:0;width:100%;display:none;}
    .paging a {display: block;position: absolute;top:50%;width:1.5625em;height:2.4375em;margin-top:-1.2em;text-indent:-900em;background: transparent url("../../files/themes/theme_nikolauskloster/img/omi-sprite.png") no-repeat;z-index:10000}
    .paging a.prev {background-position: 0 0;left:0;left:0.5em;}
    .paging a.prev:hover {background-position: 0 -2.5em;}
    .paging a.next {background-position:-1.5625em 0;right:0;right:0.5em;}
    .paging a.next:hover {background-position: -1.5625em -2.5em;}


    @media only screen and (min-width: 60em) {
        .paging a.prev {left:-2.25em;}
        .paging a.next {right:-2.25em;}
    }

    .teaser {margin-left:0;}
    .teaser .ce_image {float:left;
        width:17.625em;  margin:0 0 0 .125em;
               -moz-box-shadow:2px 2px 5px #777769;
               -webkit-box-shadow:2px 2px 5px #777769;
               box-shadow:2px 2px 5px #777769;
           }

    .teaser figure {position: relative}
    .teaser figure a {display:block;position:relative;padding-bottom:2.5em;z-index:1}
    .teaser figure:hover figcaption{background-color:#BB0000;color:#FFFFFF;}
    .teaser figcaption {font-family:'allerregular', Arial, sans-serif;font-size:1.125em;z-index:0;width:100%;height:2.2222222222em;line-height:2.222222222222em;color:#BB0000;background-color:white;position:absolute;left:0;bottom:0;text-indent:1.5625em}
    .teaser figcaption:after {
        content: " »";
    }


    /*  Teaserbereich   */
    #Teaser .ce_block {background-color:#FFFFFF;height:17.625em;}
    #Teaser .ce_block .inside {margin:1.5625em;color:#4A4A48}
    #Teaser .ce_block .inside a {color:#BB0000;text-decoration:none;}
    #Teaser .ce_block .inside a:hover {text-decoration: underline;}
    #Teaser .ce_block .inside h3 {font-family:'allerregular', Arial, sans-serif;font-size:1.375em;line-height:1.666666666666667em;color:#4A4A48;margin-bottom:.7em}
    #Teaser .ce_block .inside a[target=_blank]:after {
        content: " »";
    }
    #Teaser .ce_block .inside p {font-size:0.875em;line-height:1.428571428571429em;margin-top:0.7142857142857143em}


    /*  mod_eventlist   */
    .mod_eventlist {}

    #right .mod_eventlist {margin-bottom:3em;}
    .mod_eventlist a {text-decoration: none;}
    .mod_eventlist a:after {content:" »";}
    .mod_eventlist a:hover {text-decoration: underline;}
    #main h2.event_month                    { color: #474746; font-family: 'allerregular',Arial,sans-serif; font-size: 22px; font-size:1.375rem; line-height: 1.09091em; padding-top: 1.5em; padding-bottom:.5em; }

    .mod_eventlist .header                  {margin-top:1em;font-size:14px;font-size:0.875rem; line-height:120%; color: #868686; }

    .mod_eventlist .header span.date        {}
    .mod_eventlist .header span.day         {}

    .mod_eventlist .layout_teaser           {margin:0;padding:0 0 1em 0;}
    #right .mod_eventlist .layout_teaser,
    .marginal.mod_eventlist .layout_teaser {margin:0;padding:0 0 .25em 0;}

    #main .mod_eventlist .layout_teaser h3,
    #right .mod_eventlist .layout_teaser h3,
    .marginal.mod_eventlist .layout_teaser h3{margin:.2em 0;padding:0;font-size:1em;color:#770000;}
    #main .mod_eventlist>h3,
    #right .mod_eventlist h3 {color:#828282;font-size:14px;font-size:0.875rem;line-height:120%;}
    .mod_eventlist .layout_teaser p.time    {    }
    .mod_eventlist .layout_teaser .teaser   {margin:0;padding:0}
    .mod_eventlist .ce-gallery              {margin:0;padding:0}

    #main .mod_eventlist .teaser p          {margin-top:0;}
    #main .mod_eventlist .event_location p {margin-top:0;color:#868686}

    .mod_eventlist .hr                      {margin-top:1em;width:100%;height:1px;background-color:rgb(255,255,255);        -moz-box-shadow:5px 3px 7px rgba(87,87,72,0.66); -webkit-box-shadow:5px 3px 7px rgba(87,87,72,0.66); box-shadow:5px 3px 7px rgba(87,87,72,0.66); }
    .mod_eventlist hr                       {display: none;}


    #right .mod_eventlist .header.first:before,
    .marginal.mod_eventlist .header.first:before,
    #right .mod_eventlist:after,
    .marginal.mod_eventlist:after {content:"";display: block;height:1px;width:100%;margin:12px 0 18px;background-color:rgb(255,255,255);        -moz-box-shadow:5px 3px 7px rgba(87,87,72,0.66); -webkit-box-shadow:5px 3px 7px rgba(87,87,72,0.66); box-shadow:5px 3px 7px rgba(87,87,72,0.66); }
    /*#right .mod_eventlist .header.first:before {margin-top:-4px}*/

    #right .mod_eventlist.nolines .header.first:before,
    .marginal.mod_eventlist.nolines .header.first:before,
    #right .mod_eventlist.nolines:after,
    .marginal.mod_eventlist.nolines:after {display: none;}

    #right .mod_eventlist .layout_teaser:last-child,
    .marginal.mod_eventlist .layout_teaser:last-child {padding-bottom:0;}

    #right .mod_eventlist .teaser,
    .marginal.mod_eventlist .teaser{font-size:0.75rem;line-height:120%;}

    .eventlist_date_location {color:#868686!important;padding-top:0!important;margin-top:0!important;}

    #main p.more {margin-top:0;}

    .mod_eventlist .header.event_liste_DatumUhrzeit {margin:.6em 0;}
    .mod_eventlist .header.event_liste_DatumUhrzeit.last {margin-bottom:1em;}

    .mod_eventlist .header.event_liste_insert_aufzaehlung {color:#222222;padding-left:16px;position: relative;margin: 0;line-height: 1.42857em;}
    .mod_eventlist .header.event_liste_insert_aufzaehlung:before {
        content: "»";
        position: absolute;
        left: 0;
        display: block;
        top: 0;
    }

    .mod_eventlist p {margin:0!important;}

    /*   mod_eventreader    */
    .mod_eventreader                        {position: relative;}
    #main .mod_eventreader .block           {padding:0;margin:0;float:none;}


    .event_full_header:after {content:"";display: block;height:1px;width:100%;margin:10px 0 20px;background-color:rgb(255,255,255);        -moz-box-shadow:5px 3px 7px rgba(87,87,72,0.66); -webkit-box-shadow:5px 3px 7px rgba(87,87,72,0.66); box-shadow:5px 3px 7px rgba(87,87,72,0.66); }
    #main .event_full_header p              {margin:0;line-height:120%; color:#868686;}
    #main .event.layout_full h1             {color:#BB0000;}


    #main .mod_eventreader  p.back                {position: absolute;right:0;top:2.2em;line-height:120%;}
    .mod_eventreader p.back a          {content:"« ";text-decoration: none;}
    .mod_eventreader p.back a:hover          {text-decoration: underline;}
    .mod_eventreader p.back a:before          {content:"« ";}


    /*  mod_newslist  */
    .newslist_item {position: relative;}
    .newslist_item:before {content:"";display: block;height:1px;width:100%;margin:2em 0;background-color:rgb(255,255,255);        -moz-box-shadow:5px 3px 7px rgba(87,87,72,0.66); -webkit-box-shadow:5px 3px 7px rgba(87,87,72,0.66); box-shadow:5px 3px 7px rgba(87,87,72,0.66); }
    .newslist_item:first-of-type:before {margin-top:1em; }

    .newslist_item h2 {color:#700!important}
    .newslist_item h2 a {text-decoration: none;}
    .newslist_item h2 a:hover {text-decoration: underline;}

    .newslist_item_content {}
    .newslist_item .teaser {padding-top:0;clear:none;}
    .newslist_item .teaser > *:first-child {margin-top:0!important;padding-top:0;}
    .newslist_item .teaser p.more {margin-top:0.714286em!important;}
    .newslist_item .teaser p a {text-decoration: none;}
    .newslist_item .teaser p a:hover {text-decoration: underline;}
    .newslist_item .teaser p.more a:after {
        content: " »";
    }

    .newslist_item .image_container {margin:0 1em 1em 0;}
    .newslist_item .image_container.float_left {float:left;margin:0 1em 1em 0;max-width: 220px;}
    .newslist_item .image_container img {max-width:100%;}
    .newslist_item .image_container.float_above {float:left;margin:0 0 1em 0}
    #main .newslist_item .caption {padding:10px 0 0 0;}


    /* Seitenspalte / Marginalie    */
    #main .layout_simple h3,
    #right .layout_simple h3 {
        margin: 0.2em 0;
        padding: 0;
        font-size: 1em;
        color: #700;}

    #main .marginal.mod_newslist H1,
    #right .mod_newslist h1 {
        font-family: "allerregular",Arial,sans-serif;
        font-size: 0.875em;
        line-height: 1.09091em;
        color: #494948;
        padding-top: 0.9em;
        text-transform: uppercase;}

    #main .layout_simple,
    #right .layout_simple {margin-top:1em;}
    #right .layout_simple.first {margin-top:.8em;}

    #main .layout_simple a,
    #right .layout_simple a {text-decoration: none;}
    #main .layout_simple a:after,
    #right .layout_simple a:after {content:"\00a0»"}

    #right .mod_newslist .layout_simple.first:before,
    .marginal.mod_newslist .layout_simple.first:before,
    #right .mod_newslist:after,
    .marginal.mod_newslist:after {content:"";display: block;height:1px;width:100%;margin:12px 0 18px;background-color:rgb(255,255,255);        -moz-box-shadow:5px 3px 7px rgba(87,87,72,0.66); -webkit-box-shadow:5px 3px 7px rgba(87,87,72,0.66); box-shadow:5px 3px 7px rgba(87,87,72,0.66); }


.image_container {position: relative;z-index: 2;margin:0 1em 1em 0;}
.image_container.float_left {float:left;margin:0 1em 1em 0;max-width: 220px;}
.image_container img {max-width:100%;}
.image_container.float_above {float:left;margin:0 0 1em 0}

.ce_gallery .image_container,
.ce_image .image_container {margin:0;}

/*  mod_newsreader  */
    .mod_newsreader {position: relative}

    #main .mod_newsreader  p.back                {position: absolute;right:0;top:2.2em;line-height:120%;}
    .mod_newsreader p.back a          {text-decoration: none;}
    .mod_newsreader p.back a:before          {content:"« ";text-decoration: none;}
    .news_full_header:after {content:"";display: block;height:1px;width:100%;margin:10px 0 20px;background-color:rgb(255,255,255);        -moz-box-shadow:5px 3px 7px rgba(87,87,72,0.66); -webkit-box-shadow:5px 3px 7px rgba(87,87,72,0.66); box-shadow:5px 3px 7px rgba(87,87,72,0.66); }
    #main .news_full_header p              {margin:0;line-height:120%; color:#868686;}



/* Paginierung    */
    .pagination {border-top:1px solid #FFFFFF;padding:10px 0 0 0;}

    .pagination li {display: inline-block;*display:inline;zoom:1;padding:0 3px;}
    .pagination li:first-child {padding: 0 3px 0 0 }

    .pagination > p {display: none;}
    .pagination a:after {content:"";}


    .pagination .first,
    .pagination .last {display: none;}

    .pagination a.next ,
    .pagination a.previous {text-indent:-900em;width:14px;display: block;position: relative}

    .pagination a.next:before,
    .pagination a.previous:before {content:"«";left:0;display: block;position: absolute;top:0;text-indent:0}
    .pagination a.next:before {content:"»";left:auto;right:0}


/*  Formulare   */

.form-row {margin-bottom:2px; background: none repeat scroll 0 0 #494948;}

.form-label {
    background: none repeat scroll 0 0 #494948;
    width:30%;
    min-height:2em;
    float:left;
}
.form-element {
    width:70%;
    min-height:2em;
    float:left;
}
.formbody label {
    color: white;
    line-height: 30px;
    padding: 0 20px;
}
.formbody input[type="text"],
.formbody input[type="email"],
.formbody input[type="date"],
.formbody input[type="password"],
.formbody textarea {
    border: 0 none;
    line-height:30px;  font-family:Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    font-size:1em;
    padding: 0 10px;
    width:100%;
    height:2em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.formbody textarea {line-height:1.4;height:6em;}
.formbody select {
    font-family:Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    font-size:1em;
    height:2em;
    border:0 none;
    line-height:30px;
    padding:4px 10px;
    width:100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.formbody option {height:30px;line-height:30px;padding:2px 10px}

.checkbox_container {background-color:#494948;color:#FFFFFF;min-height:2em;margin-bottom:2px}

.checkbox_container span {padding:0 20px;}
input[type="checkbox"] {}
.checkbox_container label {padding-left:10px}

.submit_container {margin:10px 0 0 0;text-align: right;}
input[type="submit"] {
    font-family:Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    color:#FFFFFF;
    background-color:#C3191A;
    border:none;
    min-height:2em;
    padding:0 20px;
    min-width:30%;
}
input[type="submit"]:hover {color:#F3A0A0}


.form-element p.error {background-color:#C3191A;font-weight:bold;color:#FFFFFF;margin:0 0!important;padding:10px;}




/*  Google Maps */
    #anfahrt-karte {overflow:hidden;}
    #karte {overflow:hidden;}
    #map_canvas {width:35.375em;height:17.625em;margin:-1.5625em}


    /**
    * CoreXt
    *
    * Copyright (C) 2005-2012 Enisseo
    *
    * @package   Contao\CoreXt
    * @author    Enisseo <enisseo@gmail.com>
    * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL
    * @copyright Enisseo 2012
    */

    .ce_block.col { float: left; margin: 0 0 0 0.125em;; }
    .ce_block.first_col { clear: both; margin-left: 0; }
    .ce_block.last_col { clear: right; float: right; }
    .ce_block.cols_2 { width: 49.5%; }
    .ce_block.cols_3 {width:17.625em }
    .ce_block.cols_3 .inside {padding-right:1.5625em;}
    .ce_block.col_0_1.cols_3,
    .ce_block.col_1_2.cols_3 { width:35.375em }

    .ce_block .inside {padding-bottom:2.5em;}






/*  **************************************************************************
    FOOTER
*/


footer {
    width:53.125em;
    margin:0 auto;
    background-color:#494948;
    height:13.5em;
    -moz-box-shadow:2px 2px 5px rgba(104,104,89,0.89);
    -webkit-box-shadow:2px 2px 5px rgba(104,104,89,0.89);
    box-shadow:2px 2px 5px rgba(104,104,89,0.89);
}
footer .inside {width:50em;padding:.9em 0;margin:0 auto;color:#BABABA;}

footer h3 {font-family:'allerregular', Arial, sans-serif;font-size:1.125em;line-height:1.666666666666667em;color:#BABABA;margin-bottom:.7em}
footer p {font-size:0.875em;margin: 0.625em 0 0;line-height:1.25em;}
footer a {color:#FFFFFF;text-decoration:none;}
footer a:hover {text-decoration: underline;}
footer a[target=_blank]:after {
    content: " »";
}
.cols {margin-left:-1.5625em}
.c-1-3 {float:left;width:15.625em;margin-left:1.5625em;}
.c-2-3 {float:left;width:32.8125em;margin-left:1.5625em;}
.c-3-3 {float:left;width:15.625em;margin-left:1.5625em;}



/*  **************************************************************************
    ColorBox Core Style:
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/*
    OMI Style:
*/
#cboxOverlay{background:#2B2B2B;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px;}
#cboxTopRight{width:21px; height:21px; ;}
#cboxBottomLeft{width:21px; height:21px;}
#cboxBottomRight{width:21px; height:21px;}
#cboxMiddleLeft{width:21px;}
#cboxMiddleRight{width:21px; }
#cboxTopCenter{height:21px; /*background:url("../../files/themes/theme_nikolauskloster/img/colorbox/border.png") 0 0 repeat-x;*/}
#cboxBottomCenter{height:21px; /*background:url("../../files/themes/theme_nikolauskloster/img/colorbox/border.png") 0 -29px repeat-x;*/}
#cboxContent{background:#fff; overflow:hidden;font-family:'allerregular', Arial, sans-serif;font-size:1.125em;color:#494948}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:43px;}
#cboxTitle{position:absolute; bottom:11px; left:25px; text-align:left; width:100%; color:#555;}
#cboxCurrent{    background-color:#FFFFFF;color:#555555; padding:8px; position:absolute;right:120px;bottom:3px;}
#cboxSlideshow{position:absolute; bottom:9px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; font-size:1.1em;bottom:11px; right:192px; line-height:25px;}
#cboxPrevious:hover{color:#BB0000}
#cboxNext{position:absolute; font-size:1.1em;bottom:11px; right:100px;line-height:25px;}
#cboxNext:hover{color:#BB0000}
#cboxLoadingOverlay{background:url("../../files/themes/theme_nikolauskloster/img/colorbox/loading_background.png") no-repeat center center;}
#cboxLoadingGraphic{background:url("../../files/themes/theme_nikolauskloster/img/colorbox/loading.gif") no-repeat center center;}
#cboxClose{position:absolute; bottom:11px; right:25px;  }
#cboxClose:hover{color:#BB0000}




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    display:inline;
    height:0;
    left:-1000px;
    overflow:hidden;
    position:absolute;
    top:-1000px;
    width:0;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.cf {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}