body {
    font-family: Arial, sans-serif;
    color:#a0a0a1;
    line-height:15pt;
    font-size:10.5pt;
}


#main {

    width:1000px;
    margin-left:auto;
    margin-right:auto;
}

header {
    background-image: url('../images/cc_logo_standard.png');
    background-repeat: no-repeat;
    background-position: right center;
    height: 61px;
    line-height:61px;
    vertical-align:bottom;
}

    header h1 {
        display:inline-block;
        color:#a0a0a1;
        font-weight:normal;
        font-size:20pt;
        letter-spacing:1pt;
        line-height:normal;
    }

menu {
    margin-top:30px;
    
    border-bottom:1px solid gray;
}

footer {
    margin-top:40px;
    margin-bottom:40px;
    border-top:1px solid gray;
    font-size:9pt;
}

#login input {
    font-size:14pt;
    color:#a0a0a1;
    width:200px;
}

#login label {
    width:120px;
    display:inline-block;
}

#login div {
    height:38px;
}

#dialogPasswort label {
    width:220px;
    display:inline-block;
}


h1 {
    font-size:15pt;
    font-weight:normal;
    color:#b1d670;
}

#login input.button {
    width:206px;
    display:inline-block;
    margin:0px;
    margin-left:120px;
    background-color:#69a301;
    border:1px solid #69a301;
    padding:5px;
    color:white;
}

.SystemMessage-Info {
    display: block;
    border: 1px solid #F2F200;
    padding: 8px;
    margin-bottom: 15px;
    background-color: #FFFF97;
    color: #333333;
}

.SystemMessage-Error {
    display: block;
    border: 1px solid #B90000;
    padding: 8px;
    margin-bottom: 15px;
    background-color: #FFB0B0;
    color: #000000;
}

#logininfo {
    font-size:9pt;
    line-height:normal;
}

    #logininfo a {
        display:inline-block;
        margin-left:8px;
        color:#69a301;
    }


.clear {
    clear:both;
    display:block;
}

menu {
    padding-left:0px;
    margin-bottom:25px;
}

menu ul {
    list-style-type:none;
    padding:0px;
    margin-left:15px;
    
}

    menu ul li {
        padding:0px;
        margin:0px;
        float:left;
        margin-right:10px;
        padding:7px;
        
    }

    menu ul li a {
       text-decoration:none;
       color:gray;
    }

    menu ul li a:hover {
       
       color:#69a301;
    }


        menu ul li.selected {
            background-color:#69a301;
            color:white;
        }

        menu ul li.selected a{
            
            color:white;
        }

h2 {
    font-size:12pt;
    font-weight:normal;
    border-bottom:1px solid silver;
    color:gray;
}

#login td input {
    width:300px;
}

.inputform input {
    width:250px;
}

.radio input {
    width:auto;
}

#login td select {
    width:305px;
}

.inputform td select {
    width:256px;
}

.col-left {
    float:left;
    margin-right:20px;
}

.col-right {
    float:left;
}

input.MusterwochenTag {
    width:30px;
}

td.label {
    text-transform:uppercase;
    font-size:9pt;
}

    td.label.optional {
        text-transform:capitalize;
    }

#actionbar {
    
    margin-bottom:45px;
}

    #actionbar a {
        margin-left:20px;
        color:gray;
    }

.datatable {
    width:100%;
    border:1px solid silver;
}

    .datatable th {
        text-align:left;
        font-weight:normal;
    }


    .datatable tr {
        height:35px;
    }

   

        .datatable tr.header, .datatable tr.header:hover {
            background-color:silver;
            color:white;
            
        }

        .datatable tr.alternatingrow {
            background-color: #E5E5E5;
        }

        .datatable tr:hover {
            background-color: #69a301;
            color: white;
        }

        .datatable tr.currentitem {
            background-color: #69a301;
            color: white;
        }

#commands {
    margin-top:20px;
    text-align:right;
}
    #commands a {
        color:gray;
        text-decoration:none;
        margin-right:20px;
    }

    #commands a:hover {
        text-decoration:underline;
    }

    #commands input {
        background-color:gray;
        border:none;
        margin-left:10px;
        padding:10px;
        font-size:11.5pt;
    }

        #commands input:hover {
            cursor:pointer;
            text-decoration:underline;
        }

        #commands input.action {
            background-color:#69a301;
        }

.divUebernahme {
     border-bottom:1px solid gray;
     margin-bottom:40px;
     padding-bottom:20px;
     
}

    .divUebernahme h3 {
        font-weight:normal;
        border-bottom:1px solid silver;
    }

    table.musterwoche {
        margin-right:20px;
        border-spacing:0px;
        border-collapse:collapse;
    }

    table.musterwoche td, table.musterwoche td.label {
        font-size:10pt;
        width:24px;
        text-align:center;
        border:1px solid gray;
    }

    table.musterwoche th {
        text-align:left;
    }

    .divUebernahme #content {
        margin-left:20px;
        display:none;
    }



    .divUebernahme a.OpenCloseSollvorgaben {
        color:#69a301;
    }

.divFilter {
    margin-bottom:20px;
}

#personal_header, #objekt_header {
    margin-bottom:20px;
}

div.col-left {
    float:left;
    margin-right:180px;
}

div.col-right {
    float:left;
}

#kommentar {
    border:1px solid silver;
    margin-bottom:10px;
    margin-top:10px;
    height:90px;
    width:400px;
}

    #kommentar textarea {
        height:88px;
        width:398px;
        border:none;
    }

#zeitaufzeichnung {
    border:1px solid silver;
    border-spacing:0px;
    border-collapse:collapse;
}

    #zeitaufzeichnung td, #zeitaufzeichnung th {
        font-weight:normal;
        border-right:1px solid silver;
        border-bottom:1px solid silver;
        width:20px;
        font-size:10pt;
        text-align:center;
    }

    #zeitaufzeichnung th {
        border-bottom:1px solid silver;
    }

    #zeitaufzeichnung th.betriebsurlaub {
        background-color:yellow;
    }

    #zeitaufzeichnung th.sunday, #zeitaufzeichnung td.sunday {
        background-color:silver;
        color:white;
        
    }

        #zeitaufzeichnung th.saturday, #zeitaufzeichnung td.saturday {
            background-color: #DFDFDF;
        }

        #zeitaufzeichnung th.holiday, #zeitaufzeichnung td.holiday {
            background-color: silver;
            color: white;
        }

#urlaubsliste {
    border:1px solid silver;
    border-spacing:0px;
    border-collapse:collapse;
}

    #urlaubsliste td, #urlaubsliste th {
        font-weight:normal;
        border-right:1px solid silver;
        border-bottom:1px solid silver;
        width:20px;
        font-size:10pt;
        text-align:center;
    }

    #urlaubsliste th {
        border-bottom:1px solid silver;
    }

    #urlaubsliste th.sunday, #urlaubsliste td.sunday {
        background-color:silver;
        color:white;
        
    }

        #urlaubsliste th.saturday, #urlaubsliste td.saturday {
            background-color: #DFDFDF;
        }

        #urlaubsliste th.holiday, #urlaubsliste td.holiday {
            background-color: silver;
            color: white;
        }

.ActionButton {
    background-color: #69a301;
    border: none;
    margin-left: 10px;
    padding: 7px;
    font-size: 9pt;
}

    .ActionButton:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.ActionButtonList {
    background-color: #69a301;
    border: none;
   
    padding: 5px;
    font-size: 9pt;
    color:black !important;
    text-decoration:none;
    display:inline-block;
}

    .ActionButtonList:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.CancelButton {
    background-color: gray;
    border: none;
    margin-left: 10px;
    padding: 7px;
    font-size: 9pt;
}

    .CancelButton:hover {
        cursor: pointer;
        text-decoration: underline;
    }

#templateRow1, #templateRow2 {
    display:none;
}

.hidden {
    display:none;
}

#LeistungsartenListe div {
    clear:both;
}

#LeistungsartenListe label {
    float:left;
    width:190px;
}

#LeistungsartenListe input {
    float:left;
    margin-bottom:5px;
    width:40px;
}

a.IstStundenPerson {
    text-decoration: underline;
    color: gray;
}
a.IstStundenPerson:hover {
    text-decoration:underline;
}

    a.IstStundenPerson.marked {
        background-color:lightblue;
        padding:3px;
        color:gray !important;
    }

th a {
    color:gray;
    text-decoration:underline;
}

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

#zeitaufzeichnung tr.header, #zeitaufzeichnung tr.seperator-bottom {
    border-bottom:3px solid gray;
}

#zeitaufzeichnung tr.seperator-top {
    border-top:3px solid gray;
}

#mehrstundendetails tr.seperator-top {
    border-top:3px solid gray;
}

#mehrstundendetails tr.seperator-bottom {
    border-bottom:3px solid gray;
}

#urlaubsliste tr.header, #urlaubsliste tr.seperator-bottom {
    border-bottom:3px solid gray;
}

#urlaubsliste tr.seperator-top {
    border-top:3px solid gray;
}

#zeitaufzeichnung td.rowheader {
    text-align:left;
}

#urlaubsliste td.rowheader {
    text-align:left;
    white-space:nowrap;
}

#urlaubsliste td a {
    display:block;
    padding:5px;
}

#urlaubsliste td a.urlaub {
    background-color:yellow;
}

#urlaubsliste td.urlaub {
    background-color:yellow;
}

#urlaubsliste td.krankenstand {
    background-color:gray;
}


#zeitaufzeichnung td.sum {
    text-align:right;
}

#zeitaufzeichnung a {
    color:gray;
}

    #zeitaufzeichnung a.gesperrt, #zeitaufzeichnung div.gesperrt {
        background-color:red;
        width:10px;
        height:10px;
        display:inline-block;
    }

    #zeitaufzeichnung a.nichtgesperrt, #zeitaufzeichnung div.nichtgesperrt {
        background-color:green;
        width:10px;
        height:10px;
        display:inline-block;
    }

#zeitaufzeichnung td.noborder {
    border-right:none;
    border-bottom:none;
}

#newPerson input {
    font-size:9pt;
    width:15px;
}

#newPerson input.ActionButton {

    width:auto;
}

#mehrstundendetails {
    margin:0px;
    padding:0px;
    border-collapse:collapse;
}

#mehrstundendetails tr td , #mehrstundendetails tr th{
    border-bottom:1px solid silver;
    padding-right:15px;
    padding-bottom:5px;
    padding-top:5px;
}

#search_container {
    float:right;
    background-color:gray;
    padding:5px;
    color:white;
    padding-left:8px;
    padding-right:0px;
}

#searchbox {
    width:300px;
    margin-left:3px;
    font-size:13pt;
    border:1px solid gray;
    color:#69a301;
    margin-right:5px;
}

#searchresults {
    display:none;
    width:314px;
    height:200px;
    margin-left:45px;
    background-color:gray;
    position:fixed;  
    color:gray;
}

    #searchresults ul {
        height:200px;
        overflow:auto;clear:both;
    }

    #searchresults li a {
        color:white;
    }

    #searchresults li {
       clear:both;
       color:white;
       display:block;
    }

    #searchresults li:hover {
       background-color:silver;
    }

    #searchresults a {
        color:gray;
    }

#dialogLeistungsartenZeitraum label, #dialogLeistungsartenZeitraumPerson label, #dialogLeistungsartenZeitraumObjekt label {
    width:120px;
    display:inline-block;
}

#dialogLeistungsartenZeitraum div, #dialogLeistungsartenZeitraumPerson div, #dialogLeistungsartenZeitraumObjekt div  {
    margin-bottom:3px;
}