/* 
global stylesheet, common for all websites
*/

/* defaults */
html {
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
}
body {
    color: black; 
    background-color: #f0f0f0;
    margin: 0; padding: 0;
    line-height: normal;
}

p {
    color: black; 
    margin-bottom: 1em;
}

* html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}


/* grundsaetzliches fuer Inhaltsseite und Editor */
/* Inhaltsbereich */
div#Inhalt {
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
* html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}

/* Pinwand */
.postit {
    background-color: #ff9;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
}
.postit > .contacts{
    background-color: #ffe27f;
    margin-bottom: 0;
    text-align: center;
}

/* Kalender */
.calendarDetailBox  {
    float: right; 
    margin-left: 10px;
    margin-bottom: 10px;
    font-size:small;
    padding: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
    max-width: 50%;
}
.calendarDetailBox dl {margin-top: 0;}
.calendarDetailBox a {text-decoration: none;}
.calendarDetailBox li {list-style: none;}


/* generell nuetzliches */
.articledate {
    font-size: 0.7em;
}

.form-actions {
    background:none;
}
/* Bootstrap - 50% transparent weiss statt grauem Hintergrund */
.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th, .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: rgba(255, 255, 255, 0.1);
}

/* innerhalb bestimmter Elemente keinen Seitenwechsel */
.well, img {
    page-break-inside:avoid;
}

/* Clearfix auch ohne Bootstrap */
.clearfix:before,
.clearfix:after {
    content:" ";
    display:table;
}
.clearfix:after {
    clear: both;
}

/* Schatten */
.shadow {
    -moz-box-shadow:    3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow:         3px 3px 5px 6px #ccc;
}


/* Fu�zeile auf jeder Druckseite */
@media print {
    html, body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    .pagefooter {
        display: block;
        position: fixed;
        bottom: 0;
        padding-top: 5px;
        margin-top: 5px;
        text-align: center;
        width: 100%;
    }
}

@media print{
    .printlinks a:after{content:" [" attr(href) "] ";font-size:0.8em;font-weight:normal;}
}

/* noprint / noscreen */
@media screen, handheld {
    .noscreen { display: none; }

    p#Fehlermeldung {
        font-size: 1.2em;
        margin: 0; padding: 0.1em;
        text-align: center;
        background-color: #fcc; border: 1px solid red;
        font-weight: bold;
        color: #400;
    }
}
@media print {
    .noprint { display: none; }
    p#Fehlermeldung { display: none; }
    #noncontent #Navigation { display: none; }
    div#Inhalt { margin: 0; }
}

/* Bootstrap navbar on mobile fix */
.dropdown-backdrop{
    position: static;
    z-index:0;
}

.input-group-btn select {
    border-color: #ccc;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.tab-content {
    border-left:   1px solid #ddd; 
    border-right:  1px solid #ddd; 
    border-bottom: 1px solid #ddd; 
    padding: 5px;
    background-color: white;
}

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.tab-content {
    border-left:   1px solid #ddd; 
    border-right:  1px solid #ddd; 
    border-bottom: 1px solid #ddd; 
    padding: 5px;
    background-color: white;
}

.img-thumbnail {
    height: 140px;
}
img {
    max-width: 100%;
    height: auto;
}