/**
 * #DC4E00 orange
 * #89CEDE cyan/blue
 * #929487 dark gray
 * #C7C9BE grey
 * #F4F5ED light grey
 */

::selection {
   background: #89CEDE;
   color: #fff;
   }
::-moz-selection {
   background: #89CEDE;
   color: #fff;
}

body {
    font-family: 'Open Sans', sans-serif;
    background:#F4F5ED;
    font-size: 0.9375rem;
    line-height: 1.65rem;    
}
.units-row {
    margin:0 auto;
    max-width:1000px;
}
div#head {
    height:320px;
    background:#C7C9BE url('../bildmaterial/ausbildung2015.jpg') no-repeat top center;
    border:8px solid #C7C9BE;
    margin-bottom:30px;
}
div#foot {
    padding:4px 7px;
    color:#F4F5ED;
    background:#929487;
    margin-top:30px;
}
div#foot p {
    margin-bottom:0;    
}
table td {
    padding:4px 8px 0 8px;
}
tr.monatsBreak td {
    background:#DC4E00!important;
    text-align:center;
    color:white;
    font-size:1.1rem;
}
table.table-hovered tbody tr:hover td{
    background-color:#DC4E00;
}
tr.table-stripped td {
    background: #E5E5DA;
}
tr td.reserve {
    background:#89CEDE;
}
.navbar {
    width:100%;
    background:#929487;
    border-bottom:7px solid #89CEDE;    
}
.navbar:hover {
    border-bottom:7px solid #DC4E00;    
}
.navbar ul {
    margin:0 auto;
    max-width:1000px;
}
.navbar ul li {
    background:#929487;
    margin:0;
}
.navbar ul li a {
    padding:10px 16px;
    color:#F4F5ED;
    background:#929487;
}
.navbar ul li.active a {
    background:#89CEDE;
}
.navbar ul li a[href="verwaltung"] {
    border-left:1px dashed #C7C9BE;
}
.navbar ul li a:hover {
    color:#F4F5ED;
    background:#DC4E00;
    text-decoration:none;
}

/************************************** FORMULARE ****************************************************************/

#dienstForm select {
    width:100%;
    margin:10px 0 0 0;
    padding:0px 0 0px 3px;
    color:#DC4E00; /*F4F5ED,89CEDE,929487 */
    background:#fff;
    border:0px solid #89CEDE;
    font-weight:700;
}
form select option {
    padding:4px 8px 4px 8px
}
#dienstForm select.reserve {
    background:#89CEDE;
    color:#fff;
}

#dienstForm select.fourteen {
    background:#929487;
    color:#fff;
}

#dienstForm select[disabled="disabled"] {
    background:#F4F5ED;
    color:#aaa;
}
.table-stripped > tbody > tr > td > input {
    border:none!important;
    box-shadow:none!important;
    background:transparent!important;
}
form[action="rundmail"] > textarea {
    margin-top:20px;
    min-height:180px;
}
form[action="rundmail"] > input[type="submit"] {
    margin-top:20px;
    background:#89CEDE;
    color:#F4F5ED;
}
/************************************** tags dienstplan **********************************************************/

p.belegt {
    text-align:center;
    padding-top:12px;
    font-weight:400;
    width:100%;
}
/*
p.reserve::after {
    content: " (Reserve)";
}
*/
p.ausgeschlossen {
    text-align:center;
    padding-top:12px;
    font-weight:300;
    width:100%;
    font-style:italic;
    color:#ccc;    
}
a.drucklink {
    color:#fff;
}
a.drucklink:hover {
    color:#444;
}