body {
    font-family : Verdana, sans-serif;
    font-size : 12px;
    margin : 0;
    padding : 0;
    color : #1a171b;
    }

dl {
    margin : 0;
    padding : 0;
    border-bottom : 1px solid #c0c0c0;
    }

dt {
    display : none;
    }

dd {
    min-height : 1.2em;
    padding : 0.2em 1em;
    margin : 0;
    }
    
dd#logo {
    padding : 16px 0 0 120px;
    height : 57px;
    background : url(logo_freefrogs.png) no-repeat 11px 7px;
    font-weight : bold;
    color : #86b7cd;
    letter-spacing : 1px;
    
    }

dd#hoofdmenu, dd#submenu {
    margin : 0;
    padding : 5px 1em 0 1em;
    border-bottom : 1px solid #1a171b;
    }

dd ul {
    margin : 0; 
    padding : 0;
    list-style : none;
    border-left : 1px solid #1a171b;
    }

dd ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

dd#hoofdmenu ul, dd#submenu ul {
    position : relative;
    top : 1px;
    z-index : 1;
    }

dd ul li {
    float : left;
    }
    
dd ul li a {
    display : block;
    background : #ececed;
    padding : 0.2em 1em;
    border-top : 1px solid #1a171b;
    border-right : 1px solid #1a171b;
    border-bottom : 1px solid #1a171b;
    color : black;
    text-decoration : none;
    }

dd ul li a:hover {
    background : #ceba95;
    }

dd ul li strong {
    font-weight : normal;
    }

dd ul li strong a {
    background : #ffffff;
    border-bottom : 1px solid white;
    }


/* TIMESHEET */
table#timesheet {
    border-spacing : 1px;
    margin : 0 auto;
    }
    
table#timesheet td, table#timesheet th {
    padding : 1px;
    margin : 0;
    }

table#timesheet td.projecten {
    padding : 1px 0.5em 1px 1em ;
    text-align : right;
    }

table#timesheet .dagvdweek {
    font-weight : normal;
    color : #666666;
    }
    
table#timesheet .weekend {
    background : #ececed;
    }

table#timesheet .weekend input {
    background : #ececed;
    color : #666666;
    }

table#timesheet .feestdag {
    background : #ceba95;
    }

table#timesheet .feestdag input {
    background : #ceba95;
    color : #666666;
    }

table#timesheet .totaalh {
    padding : 1px 0.5em;
    font-weight : bold;
    color : #999999;
    }
    
table#timesheet .totaal {
    padding : 1px 0.5em;
    text-align : center;
    }

table#timesheet .totaal input {
    background : #cccccc;
    width : 3.2em;
    }
    
table#timesheet input, table#overzicht input {
    border : 1px solid #999999;
    width : 2em;
    text-align : center;
    }

table#timesheet input:focus, table#overzicht input:focus {
    background : #86b7cd;
    }

table#timesheet .release {
    padding-top : 1em;
    font-style : italic;
    }

#maand, .c {
    padding : 1.5em 0;
    margin : 0 1em;
    text-align : center;
    }

#maand a {
    color : black;
    }

#maand a:hover {
    color : #86b7cd;
    }

.projecten a {
    color : black;
    }

.projecten a:hover {
    color : #86b7cd;
    }


/* MenuInputForm */
#MenuInputForm {
    margin : 1.5em 1em;
    }

#MenuInputForm label {
    width : 14em;
    padding : 0 1em 0 0;
    display : inline-block;
    text-align : right;
    vertical-align : top;
    }
   
#MenuInputForm label.left {
    text-align : left;
    padding : 0 0 0 1em;
    }

#MenuInputForm input:focus, #MenuInputForm textarea:focus  {
    background : #ececed;
    }

#MenuInputForm #uurtarief input {
    width : 2em;
    }

#MenuInputForm textarea {
    width : 20em;
    height : 8em;
    }

#MenuInputForm #submit input {
    margin-left : 16em;
    }

#MenuInputForm .vakantiesaldo input {
    width : 3.5em;
    }


/* Overzichten */
h2 {
    margin : 1.5em 1em 0.5em 1em;
    font-size : 100%;
    font-weight : bold;
    letter-spacing : 1px;
    color : #666666;
    }

table#overzicht {
    border-collapse : collapse;
    margin : 0.5em 1em 1em 1em;
    }

table#overzicht th {
    font-weight : normal;
    text-align : left;
    background-color: #cccccc;
    }
    
table#overzicht th, table#overzicht td {
    border : 1px solid #c0c0c0;
    padding : 0.2em 1em;
    }

table#overzicht .naamtotaal {
    background-color: #ffcc99;
    color : #996600;
    }

table#overzicht .maandtotaal {
    background-color: #cc9900;
    color : #333333;
    font-weight : bold;
    }

table#overzicht .legeregel td {
    border-left : 0;
    border-right : 0;
    }

table#overzicht .totaal {
    background : #cccccc;
    font-weight : bold;
    }

p.jaarselectie {
    margin : 1em;
    }