body{font-family:verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size:12px; line-height:140%; }

h1, h2, h3, h4 {font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; color: #333;  margin: 0 0 0.3em 0;}
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}

input[type=text], input[type=password], select, textarea {padding: 4px; border: 1px solid #000;}
input.nok, select.nok, textarea.nok { border: 1px solid red;}

.error { color: red;}
.validationSummary { display:none;}
.clear {clear:both;}
.growingTextarea {overflow:hidden; }

strong { font-weight:bold;}
a {color: #333; text-decoration: underline; }
a:hover {text-decoration:none; }

/* Stijl voor tabellen */
.tableStyle1 {width: 100%; margin-bottom: 10px;}
.tableStyle1 tr th{padding: 5px 5px; text-align:left; color:#fff; background-color:#828282; font-weight:bold; }
.tableStyle1 tr td {padding: 5px 5px; border-bottom: 1px solid #828282;}

.tableStyle1 .center {text-align: center;}
.tableStyle1 .right {text-align: right;}
.tableStyle1 .left {text-align: left;}
.tableStyle1 .strong {font-weight: bold;}
.tableStyle1 .nowrap {white-space: nowrap;}

/* Buttons voor grids die rechts moeten staan */
.gridAddButton {float:right; }

#container { width: 1200px; margin: 0 auto;border-top: none; border-bottom:none; }
#container header {position:relative; height: 70px; border-bottom: 1px solid #000; }
#container header #logo {position:absolute; left: 20px; top: 10px; }
#container header #welcome {position:absolute; right: 20px; top: 10px; }
#container header nav ul {position:absolute; bottom: 0px; height: 35px; left: 200px; }
#container header nav ul li {float:left; border: 1px solid #000; border-bottom:none; margin-right: 5px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
#container header nav ul li a {display:block; padding: 0px 20px; line-height: 35px; color: #000; text-decoration:none;}
#container header nav ul li:hover a {text-decoration: underline;}
#container header nav ul li.active a {color: blue;}

#container #content {min-height: 100%; border: 1px solid #000; border-top: none; border-bottom: none; padding: 10px; background-image: url(/Resources/Images/contentBG.png?); background-position:top; background-repeat: repeat-x; }

.defaultForm .field { clear: left; margin: 0 auto 5px auto; overflow:hidden; }
.defaultForm .field .label { display:block; width: 160px; float:left; padding-top: 5px; }
.defaultForm .field .value { float:left; margin: 0px; vertical-align:top; padding-top: 0px; width: 350px;}
.defaultForm .field .value input, .defaultForm .field .value select, .defaultForm .field .value textarea { width: 300px; margin-right: 5px; }
.defaultForm .field .value textarea { height:100px; width:500px;}
.defaultForm .field .radio input, .defaultForm .field .chk input {width: auto !important;}
.defaultForm .field input.date { width: 85px;}

#orderlines td {vertical-align:top; }
#orderlines .description textarea{width: 830px; resize:none; height: 16px; margin-top: 2px; }
#orderlines .unitPrice input{width: 60px; }
#orderlines .quantity input{width: 60px;  }
#orderlines .vat input{width: 60px;  }

#timesheet .hours input {width: 60px; text-align:center;}
#timesheet .remarks input {width: 830px;}
#timesheet .holiday {background-color: #C9C9F5; }

#expenses .description input {width: 350px;}
#expenses input.date {width: 85px;}
#expenses input.numeric {width: 60px; text-align:right;}

tr.overdue, tr.overdue a  { color: red;font-weight: bold;}