body {background:#ffffff;color:#111111;font-family:Trebuchet MS, arial;font-size:12px;margin:0;text-align:left}

/***** ALGEMENE STYLES *****/
p {margin-bottom:15px;margin-top:0}
hr {border:none;border-bottom:1px solid #29b2ff;width:820px;text-align:left;display:block;margin:20px 0}
h1 {font-size:1.4em;font-weight:bold;margin-top:10px;margin-bottom:4px}
h2 {font-size:1.2em;font-weight:bold;margin:12px 0 8px 0}
a {color:#29b2ff;text-decoration:none}
a:active, a:hover {text-decoration:underline}
img {border:0}
#printkop {display:none}
#clearfloat{height:1px;overflow:hidden;line-height:1px}

/***** HEADER STYLES *****/
#header {background:#29b2ff url('../img/template/bg_header.png') 0 0 repeat-x;position:absolute;top:0;left:0;width:100%;height:142px;_height:147px}
#header .name {float:left;margin:35px 0 0 50px;font-size:2.3em;text-transform:uppercase}
#header img {margin:5px 0 0 80px;float:left}

/***** MENU STYLES *****/
#menu {position:absolute;top:116px;left:30px;z-index:120}
#menu a {font-weight:bold;margin:0 50px 0 0;color:#ffffff;float:left}
#menu .active {color:#222222}
#menu .logout {float:left;margin-right:170px}
#submenu {position:absolute;top:142px;left:243px;z-index:120;height:20px;padding:5px 10px;border-bottom:1px solid #29b2ff;border-left:1px solid #29b2ff}
#submenu a {font-weight:bold;margin:0 50px 0 0;color:#29b2ff}
#submenu .active {color:#222222}

/***** CONTENT STYLES *****/
#content {margin:180px 80px}
#melding, .melding, .meldinggoed {color:#e30000;font-style:italic;margin:10px 0 0 0}

#overzicht {border: 1px solid #ccc;width: 860px;float:left;position:relative}
/* #overzicht img {border: 0;margin-left: 5px;float: right;} */
#overzicht .item, #overzicht .itema {background: #eee;padding: 3px;overflow: hidden;clear: both;}
#overzicht .itema {background: #e3e3e3;}
#overzicht .titel, #overzicht .merk, #overzicht .klein {float: left;width: 250px;}
#overzicht .merk {width: 150px;}
#overzicht .klein {width: 100px;}
#itemTitel {height: 18px;padding: 3px;color: #fff;background: #666;font-weight: bold;border-bottom:1px solid #fff}
#itemTitel a {color: #fff;}
#itemTitel .bewerk {float: right;}
#overzicht .checkbox, form .checkbox { width:12px;margin-top:1px;_margin-top:-2px;float:left}

.edit, .delete, .info, .orderup {display: block;width: 15px;height: 15px;float: right;margin-left: 5px;text-decoration: none;}
.edit {background: url("img/icons/edit.gif") 0 0 no-repeat;}
.delete {background: url("img/icons/del.gif") 0 0 no-repeat;margin-left: 2px;}
.info {background: url("img/icons/opmerkingen.gif") 0 0 no-repeat;}



/**** TABEL STYLES ****/
table {border:1px solid #555555}
td {padding:2px 5px}
.even {background:#e3e3e3}
.oneven {}
.tabeltitel {background:#000000;color:#ffffff;font-weight:bold;height:20px}
.tabeltitel a {background:#000000;color:#ffffff;font-weight:bold;height:20px}
.tabeltitel a:hover {text-decoration:underline}
.tabeltussenrij {background:#353535;color:#ffffff;font-weight:bold;height:20px}

table img {border:0}
table .img {width:70px}
table a {color:#232323;text-decoration:none}
table a:hover {text-decoration:underline}
.totaalkolom {background-color:#ccc;border-right:1px solid #444}
.totaalkolom2 {background-color:#29b2ff}
.totaalrij {font-weight:bold;background:#444;color:#fff}

/**** STYLES FORMS ****/
form {clear:both}
label {float:left;width:150px;}
input, textarea, select {border:1px solid #29b2ff;width:250px;margin-bottom:5px;background-color:#ffffff;margin-right:10px}
textarea {height:100px;font-family:arial}
select {border:1px solid #29b2ff;width:255px}
.shortinput {width:100px}
.shortselect {width:140px}
.radio {height:12px;width:12px;margin:0 2px 2px 10px;border:0}
.checkbox {width:15px;border:0;margin:0;padding:0}
.labelcheck {display:inline;margin:0 5px 0 10px;padding-bottom:2px;vertical-align:top}
.button {width:100px;background-color:#29b2ff;color:#ffffff;cursor:pointer;margin-left:140px}
.inputdisabled {border:0}
#payedForm {clear:none}
#payedForm .buttonPayed {background-color:#29b2ff;color:#ffffff;cursor:hand;width:70px}

/**** AFWIJKENDE FORMS ****/
#insertForm label, #updateForm label {float:none;margin-right:3px}
#insertForm input, #insertForm select, #updateForm input, #updateForm select {margin-right:10px}
#insertForm select, #updateForm select {width:200px}
#insertForm .shortselect, #updateForm .shortselect {width:140px}
#insertForm .extrashortselect, #updateForm .extrashortselect {width:70px}
#insertForm .button, #updateForm .button {margin:10px 0}
#insertForm .labeldag, #insertForm .labeldatum, #updateForm .labeldag, #updateForm .labeldatum {width:70px;float:left;font-weight:bold;font-size:1.1em}
#insertForm .labeldatum {width:100px}
#insertForm .insertRule {margin-left:0}
#insertForm .even, #insertForm .oneven {border:1px solid #ccc;width:1000px;padding:10px}
#insertForm .even {background:#e3e3e3}

#employeeForm, .medewerkerurenform {float:left;width:500px}
.medewerkerurenform {clear:none}
.medewerkerurenform input {width:100px}


.gekleurd{background:#e7eef2;padding-right:10px}
.even .gekleurd{background:#d1d8dc}
/***** overzichten formulier *****/
#overviewForm {border-bottom:1px solid #29b2ff}
#overviewForm label {float:none}
#overviewForm select {width:200px}
#overviewForm .shortselect {width:100px}
#overviewForm .button {margin-left:0;width:140px}
#overviewForm .checkbox, #employeeForm .checkbox{float:none}

#overviewemployee, #overviewhours, #overviewverlof {float:left;margin-bottom:25px}
#overviewemployee {width:350px}
#overviewhours {width:250px}
#overviewverlof {width:300px}


#employeeOverviewTable {clear:both}
.print {height:40px;padding-bottom:10px;clear:both}
.print img {margin-bottom:-20px}

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