/*
 * @CSS3 Tabstrip
 * @author Martin Ivanov
 * @website http://wemakesites.net
 * @blog http://acidmartin.wordpress.com/
 * @twitter https://twitter.com/wemakesitesnet
 **/
 
/*
 * Width should be set to the outermost element
 * if you have multiple tabstrips on a single page
 * you can set dimensions using for example additional class names
 * or IDs. In this case, I am applying width and height to the 
 * base CSS class.
 **/


span.feiertage
{
    font-family: monospace;
    font-size: 14pt;   
    color: red;
}
label
{
    font-family: Arial; 
    font-size: 10pt;        
    color: #404040;   
}
label.currTime
{
    font-family: Arial; 
    font-size: 14pt;        
    color: #404040;       
}

table {
    border-collapse: collapse;
    width: 100%;
}
table.edit
{
    border-collapse: collapse;
    width: 100%;
    padding: 1px;
}
table.small
{    
    border-collapse: collapse;
    width: 100%;    
}


 td {
    padding: 8px;    
    text-align: left;
    font-family: Arial; font-size: 11pt;
    border-bottom: 1px solid #ddd;
}
td.edit {
    padding: 2px;    
    text-align: center;
    font-family: Arial; font-size: 11pt;
    border-bottom: 1px solid #ddd;
}

td.small {
    padding: 2px;    
    text-align: center;
    font-family: Arial; 
    font-size: 11pt;    
    //font-weight: bold;
    color: dodgerblue;
    background-color:#f1f1f1;
    border-bottom: 1px solid #ddd;
}
td.smallLeft {
    padding: 2px;    
    text-align: left;
    font-family: Arial; 
    font-size: 12pt;    
    font-weight: bold;
    color: #00557F;
    background-color:#f1f1f1;
    border-bottom: 1px solid #ddd;
    background: #E1EEf4; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#E1EEf4, lightblue); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#E1EEf4, lightblue); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#E1EEf4, lightblue); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#E1EEf4, lightblue ); /* Standard syntax */
    
}
span.smallDate {        
    font-family: Arial; 
    font-size: 11pt;    
    font-weight:normal;
    color: #00557F;
}
td.smallHeader {
    padding: 7px;    
    text-align: center;
    font-family: Arial; 
    font-size: 14pt;    
    font-weight: bold;
    color: white;
    //background-color: mediumblue;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #006699; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#006699,#5CA3FF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#006699,#5CA3FF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#006699,#5CA3FF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#006699,#5CA3FF); /* Standard syntax */
}
td.smallTime {
    padding: 2px;    
    padding-right: 6px;    
    text-align: right;
    font-family: Arial; 
    font-size: 11pt;    
    color: #00557F;
    border-bottom: 1px solid #ddd;
    border-right:  1px solid #ddd;
}
td.smallWorkTime {
    padding: 2px;    
    padding-right: 6px;    
    text-align: right;
    font-family: Arial; 
    font-size: 11pt;    
    color: blue;
    border-bottom: 1px solid #ddd;
    border-right:  1px solid #ddd;
}


td.number {
  text-align: right;
}
   
.css3-tabstrip
{
    width: 100%;
    height: 600px;
}    
 
.css3-tabstrip ul,
.css3-tabstrip li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
 
.css3-tabstrip,
.css3-tabstrip input[type="radio"]:checked + label
{
    position: relative;
}
 
.css3-tabstrip li,
.css3-tabstrip input[type="radio"] + label
{
    display: inline-block;
}
 
.css3-tabstrip li > div,
.css3-tabstrip input[type="radio"]
{
    position: absolute;
}
 
.css3-tabstrip li > div,
.css3-tabstrip input[type="radio"] + label
{
    border: solid 1px #ccc;
}

.css3-tabstrip
{
    font: normal 18px Arial, Sans-serif;
    color: #404040;
}
 
.css3-tabstrip li
{
    vertical-align: top;
}
 
.css3-tabstrip li:first-child
{
    margin-left: 8px;
}
 
.css3-tabstrip li > div
{
    top: 33px;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 4px;
    overflow: auto;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
 
.css3-tabstrip input[type="radio"] + label
{
    margin: 0 2px 0 0;
    padding: 0 18px;
    line-height: 32px;
    background: #f1f1f1;
    text-align: center;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
 
.css3-tabstrip input[type="radio"]:checked + label
{
    z-index: 1;
    background: #fff;
    border-bottom-color: #fff;
    cursor: default;
}
 
.css3-tabstrip input[type="radio"]
{
    opacity: 0;
}
 
.css3-tabstrip input[type="radio"] ~ div
{
    display: none;
}
 
.css3-tabstrip input[type="radio"]:checked:not(:disabled) ~ div
{
    display: block;
}
 
.css3-tabstrip input[type="radio"]:disabled + label
{
    opacity: .5;
    cursor: no-drop;
}