/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

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

body {
    font-size   : 1em;
    line-height : 1.4;
    background  : #cfcfcf;
    background  : url(../images/white_wall2.png);
}

.clear {
    clear   : both;
    padding : 0;
    margin  : 0;
}

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

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

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

img {
    vertical-align : middle;
}

fieldset {
    border  : 0;
    margin  : 0;
    padding : 0;
}

textarea {
    resize : vertical;
}

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

/* *******************************************************
		Termine (noch in Modul auslagern
   *******************************************************/
div.termin_wrapper {
    width         : 95%;
    min-height    : 100px;
    margin-bottom : 5px;
    padding       : 0 0 5px 5px;
    border        : 1px solid #ccc;
    overflow      : hidden;
}

.termin_datum {
    float      : left;
    width      : 18%;
    margin     : 0 1% 0 0;
    text-align : left;
}

.termin_beschreibung {
    float      : left;
    width      : 58%;
    margin     : 0 1% 0 0;
    text-align : left;
}

.termin_beschreibung h4 {
    margin  : 0 0 5px 0;
    padding : 0;
}

.termin_logo {
    float      : left;
    width      : 19%;
    text-align : left;
}

.termin_logo img {
    max-height : 100px;
}

/* *******************************************************
		Links
   *******************************************************/
a[href^="http:"] {
    text-decoration : none;
    /*background      : url(../images/link.png) right center no-repeat #fcfcfc;*/
    color           : #006;
    /*padding-right   : 15px !important;*/
}

/* a[href^="http:"]:link,a[href^="http:"]:visited {color: #006;text-decoration: none;}*/
a[href^="http:"]:active, a[href^="http:"]:hover {
    color           : #006;
    text-decoration : none;
}

a:link, a:visited, a:active {
    color           : #666;
    text-decoration : none;
}

a:hover {
    color           : #333;
    text-decoration : underline;
}

/* *******************************************************
		Suche Tag Cloud
   *******************************************************/
div#suche_tag_cloud a[href^="http:"] {
    display          : inline-block;

    padding          : 3px;
    margin           : 3px;

    text-decoration  : none;
    color            : #333;
    background-color : #fff;
    border           : 1px solid #ccc;
    border-radius    : 3px;

}

div#suche_tag_cloud a[href^="http:"]:active,
div#suche_tag_cloud a[href^="http:"]:hover {
    box-shadow : #999 2px 2px 1px;
}

/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font : 16px/26px Helvetica, Helvetica Neue, Arial;
}

.wrapper {
    width  : 90%;
    margin : 0 5%;
}

/* ===================
    ALL: Orange Theme
   =================== */

.header-container {
    /*border-bottom: 2px solid #e44d26;*/
    border-bottom : 1px solid #fff;
}

.footer-container,
.main aside {
    border-top : 2px solid #e44d26;
}

.header-container,
.footer-container,
.main aside {
    background : #f16529;
}

.title {
    color       : white;
    text-shadow : 3px 3px 3px rgba(150, 150, 150, 0.75);
}

header h1.title {
    margin-top : 75px;
}

/* ==============
    MOBILE: Menu
   ============== */

nav ul {
    margin  : 0;
    padding : 0;
}

nav a {
    display         : block;
    margin-bottom   : 10px;
    padding         : 15px 0;

    text-align      : center;
    text-decoration : none;
    font-weight     : bold;

    color           : white;
    background      : #e44d26;
}

nav a:link,
nav a:active,
nav a:hover,
nav a:visited {
    color : white;
}

nav a:hover {
    text-decoration : underline;
}

.sub_nav ul {
    list-style : none;
    margin     : 0;
    padding    : 0;
}

.sub_nav ul li {
    list-style : none;
    margin     : 0;
    padding    : 0;
}

/*noinspection ALL*/
.sub_nav ul li a {
    display              : block;
    width                : 100%;
    height               : 20px;
    text-align           : center;
    font-family          : Arial, Helvetica, sans-serif;
    font-size            : 13px;
    font-weight          : 700;
    line-height          : 20px;
    text-decoration      : none;
    border               : 1px solid #fff;
    -moz-border-radius   : 4px;
    -khtml-border-radius : 4px;
}

.sub_nav ul li a:link,
.sub_nav ul li a:visited {
    color            : #fff;
    background-color : #2e384f;
    text-decoration  : none;
}

.sub_nav ul li a:hover,
.sub_nav ul li a:active {
    color            : #fff;
    background-color : #7d9bd9;
    text-decoration  : none;
}

ul.menu2 {
    list-style-type : none;
}

ul.menu2 li {
    list-style-type : none;
}

/* ==============
    MOBILE: Main
   ============== */

.main {
    padding : 30px 0;
}

.main article h1 {
    font-size : 2em;
}

.main aside {
    color      : white;
    padding    : 0 5px 10px;
    margin     : 10px 0 5px 5px;
    background : lavender;
    border     : 1px solid #dcdcdc;
}

.footer-container footer {
    color   : #333;
    padding : 0 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top : 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.header-container {
    background : url(../images/header_bad_zwischenahner_meer.jpg) top center repeat-x #cfcfcf;
    min-height : 125px;
}

.footer-container {
    position      : fixed;
    z-index       : 99;
    bottom        : 0;
    left          : 0;
    width         : 100%;
    height        : 24px;
    text-align    : center;
    border-top    : 1px solid #2e384f;
    border-bottom : 1px solid #2e384f;
    background    : url(../images/footer_bg.png) repeat-X center left;
}

.footer-container footer {
    height  : 24px;
    margin  : 0 auto;
    padding : 0;
}

.footer-container footer h3 {
    height          : 24px;
    margin          : 0;
    padding         : 0;
    line-height     : 24px;
    text-align      : center;
    color           : #666;
    font-size       : 14px;
    font-weight     : bold;
    text-decoration : none;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width : 480px) {

    /* ====================
        INTERMEDIATE: Menu
       ==================== */
    /*noinspection ALL*/
    nav a {
        float                              : left;
        /* width: 27%; */
        /* Oldschool */
        padding                            : 2px 5px;
        margin                             : 0 3px;
        /* Float 
        margin: 0 1.7%;
        padding: 25px 2%;
        margin-bottom: 0;
        */
        background                         : rgb(228, 77, 38);
        background                         : -moz-linear-gradient(90deg, rgb(228, 77, 38) 30%, rgb(153, 52, 26) 70%);
        background                         : -webkit-linear-gradient(90deg, rgb(228, 77, 38) 30%, rgb(153, 52, 26) 70%);
        background                         : -o-linear-gradient(90deg, rgb(228, 77, 38) 30%, rgb(153, 52, 26) 70%);
        background                         : -ms-linear-gradient(90deg, rgb(228, 77, 38) 30%, rgb(153, 52, 26) 70%);
        background                         : linear-gradient(180deg, rgb(228, 77, 38) 30%, rgb(153, 52, 26) 70%);
        border                             : 1px solid rgb(153, 52, 26);
        -moz-border-radius-topleft         : 0;
        -webkit-border-top-left-radius     : 0;
        border-top-left-radius             : 0;
        -moz-border-radius-topright        : 0;
        -webkit-border-top-right-radius    : 0;
        border-top-right-radius            : 0;
        -moz-border-radius-bottomright     : 10px;
        -webkit-border-bottom-right-radius : 10px;
        border-bottom-right-radius         : 10px;
        -moz-border-radius-bottomleft      : 10px;
        -webkit-border-bottom-left-radius  : 10px;
        border-bottom-left-radius          : 10px;
    }

    nav li:first-child a {
        margin-left : 0;
    }

    nav li:last-child a {
        margin-right : 0;
    }

    /* ========================
        INTERMEDIATE: IE Fixes
       ======================== */
    nav ul li {
        display : inline;
    }

    .oldie nav a {
        margin : 0 0.7%;
    }
}

@media only screen and (min-width : 768px) {

    /* ====================
        WIDE: CSS3 Effects
       ==================== */
,

    .header-container,
    .main aside {
        -webkit-box-shadow : 0 5px 10px #aaa;
        -moz-box-shadow    : 0 5px 10px #aaa;
        box-shadow         : 0 5px 10px #aaa;
    }

    /* ============
        WIDE: Menu
       ============ */
    .title {
        float : left;
    }

    /* Container f�r das Men� */
    nav {
        width : 100%;
        /*        float: right;
                width: 38%; */
    }

    /* ============
        WIDE: Main
       ============ */
    .main article {
        float : left;
        width : 57%;
    }

    .main aside {
        float : right;
        width : 28%;
    }
}

@media only screen and (min-width : 1140px) {

    /* ===============
        Maximal Width
       =============== */
    .wrapper {
        width  : 1026px; /* 1140px - 10% for margins */
        margin : 0 auto;
    }
}

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

.ir {
    background-color : transparent;
    border           : 0;
    overflow         : hidden;
    *text-indent     : -9999px;
}

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

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

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

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

.invisible {
    visibility : hidden;
}

.clearfix:before,
.clearfix:after {
    content : " ";
    display : table;
}

.clearfix:after {
    clear : both;
}

.clearfix {
    *zoom : 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@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;
    }
}