html body {
  font-family : Arial;
  font-size : 11px;
  color : Red;
  padding: 0;
  margin: 0;
/*  position: relative;
    top: 0;
    left: 0;*/
}

#logo {
  z-index: 3;
  position: absolute;
  top: 10;
  left: 10px;
  width: 234px;
  height: 72px;
}

#top-back {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  height: 96px;
  background-repeat: repeat-x;
}

#top-tekst {
  z-index: 5;
  position: absolute;
    top: 75;
    left: 334;
  font-family: Arial;
  font-weight: bold;
  font-size: 11px;
  color: #000000;
  width:600px;
}

#top-customersection {
  z-index: 5;
  position: absolute;
    top: 12;
    left: 700;
  font-family: Arial;
  font-weight: bold;
  font-size: 11px;
  color: #E0001C;
  width:300px;
}

#top-customersection table th {
  font-family: Arial;
  font-weight: bold;
  font-size: 11px;
  color: #919aab;
  padding-right: 5px;
  text-align: left;
  vertical-align:top;
}

#top-customersection table td {
  font-family: Arial;
  font-weight: bold;
  font-size: 11px;
  color: #E0001C;
}

#top-authentication {
  z-index: 6;
  position: absolute;
  top: 103;
  left: 575;
  font-family: Arial;
  font-weight: bold;
  font-size: 11px;
  color: #E0001C;
  width:400px;
  text-align:right;
  padding-right: 4px;
}
#top-authentication a {
  text-decoration:none;
  color: #000000;
}
#top-authentication a:hover {
  text-decoration:underline;
  color: #000000;
}



#variable_screen {
  z-index: 6;
  position: absolute;
    top: 110;
    left: 194;
}

#bottom-info {
  z-index: 7;
/*  position: relative;
    top: 40;
    left: 0;*/
  font-family: Arial;
  font-weight: bold;
  font-size: 11px;
  color: #E0001C;
  width:790px;
  text-align:left;
  vertical-align:bottom;
}


/* -------------------------- */
/* menu stuff */
.menu {
  z-index: 99;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  width: 150px;
  border-right: 1px solid #E0001C;
  padding: 0;
  margin-bottom: 1em;
  background-color: #00E02F;
  color: #333;
}
.Xmenu {
  position: absolute;
  top: 140px;
  left: 10px;
}
.menu#ff {
  position: absolute;
    top: 140px;
    left: 10;
}
.menu#ie6 {
  position: absolute;
    top: 20px;
    left: -184;
}
.menu#ie7 {
  position: absolute;
    top: 20px;
    left: -180;
}

.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu ul li {
  margin: 0;
  border-top: 1px solid #EC6677;
}

.menu ul li a, .menu ul li span {
  display: block;
  padding: 5px 2px 5px 0.5em;
  border-left: 10px solid #E0001C;
  border-right: 1px solid #E0001C;
  border-bottom: 1px solid #E0001C;
  background-color: #F18895;
  color: #000000;
  text-decoration : none;
  width: 100%;
}

.menu-new {
	margin-top: -19px;
}
.menu-updated {
	margin-top: -12px;
}

html>body .menu ul li a {
  width: auto;
}
html>body .menu ul li span {
  width: auto;
}

.menu ul li a:hover {
  border-left: 10px solid #E0001C;
  border-right: 1px solid #E0001C;
  border-bottom: 1px solid #E0001C;
  background-color: #EC6677;
  color: #000000;
}



/* ------------------------------------- */
/* CONTENT                               */

#content {
	z-index : 20;
/*	position : absolute;
	left : 200px;
	top : 140px;
	width: 790px;
	height: 100%; */
	color: black;
}

h1 {
  font-family : Arial;
  font-size : 14px;
  color : Black;
}
h1#errormessage {
  font-style: italic;
  text-decoration: underline overline;
  color : Red;
}
h2 {
  font-family : Arial;
  font-size : 11px;
  color : Black;
  font-weight:bold;
}

h4, p, li, td, option, select {
  font-family : Arial;
  font-size : 11px;
  color : Black;
}

p.error {
	font-family: Arial;
	font-size: 12px;
	color: Red;
	font-weight: bold;
}
.error {
	font-family: Arial;
	font-size: 11px;
	color: Red;
	font-weight: bold;
}

#content a {
  font-family : Arial;
  font-size : 11px;
  color : Blue;
  text-decoration:none;
}
#content a:hover {
  font-family : Arial;
  font-size : 11px;
  color : Blue;
  text-decoration:underline;
}

/* ----------------------------------- */
/* TR-Hover Classes          */
.tr-hover {
  background-color:#F8F2B8;
  vertical-align:top;
}
.tr-unhover {
  background-color : #F7F4EA;
  vertical-align:top;
}
.tr-unhover .dimmed {
	color: #b3a989;
}
.tr-unhover td input#readonly {
  background-color : #F7F4EA;
  font-family : Arial;
  font-size : 11px;
  color : Black;
}

.tr-projectexecuting-hover {
  background-color:#D5C590;
}
.tr-projectexecuting-unhover {
  background-color : #E6DCBC;
}

.td-remark-no-hover {
  background-color:#F8F2B8;
  text-align: center;
}
.td-remark-no-unhover {
  background-color : #F7F4EA;
  text-align: center;
}
.td-remark-yes-hover {
  background-color:#D5C590;
  text-align: center;
}
.td-remark-yes-unhover {
  background-color : #E6DCBC;
  text-align: center;
}

.tr-todoopen-hover {
  background-color:#D5C590;
}
.tr-todoopen-unhover {
  background-color : #E6DCBC;
}

.tr-ticketopen-hover {
  background-color:#D5C590;
}
.tr-ticketopen-unhover {
  background-color : #E6DCBC;
}

.tr-internalonly-hover {
  background-color:#D5C590;
}
.tr-internalonly-unhover {
  background-color : #E6DCBC;
}

.tr-taskdone-hover {
  background-color:#00BB00;
}
.tr-taskdone-unhover {
  background-color : #00FF00;
}


.link-taskdone {
	text-decoration:none;
	font-weight:bold;
	color:#0000FF;
}
.link-taskdone:hover {
	text-decoration:underline;
}

.tr-linkbuilding-requested-hover {
  background-color:#809FFF;
}
.tr-linkbuilding-requested-unhover {
  /* background-color : #BFCFFF; */
  background-color : #67a7e3;
}
.tr-linkbuilding-accepted-hover {
  background-color:#6BB300;
}
.tr-linkbuilding-accepted-unhover {
  /* background-color : #99FF00; */
  background-color : #81cd44;
}
.tr-linkbuilding-denied-hover {
  background-color:#FFBFBF;
}
.tr-linkbuilding-denied-unhover {
  background-color : #BB0000;
}


/* ----------------------------------- */
/* DATA Table                          */
.datatable {
  border: 0px;
  padding: 0px;
  margin: 0px;
}


.datatable-label {
  background-color : #C5D4EE;
  font-family : Arial;
  font-size : 11px;
  color : Black;
  padding-left : 5px;
  padding-top : 5px;
  padding-bottom : 2px;
  padding-right : 5px;
  vertical-align:top;
}

.datatable-jsfilter {
  background-color : #C5D4EE;
  font-family : Arial;
  font-size : 9px;
  color : Black;
  padding-left : 5px;
  padding-top : 5px;
  padding-bottom : 3px;
  padding-right : 5px;
  vertical-align:top;
  text-align:left;
}

.datatable-jsfilter input {
  background-color : #EDF1F7;
  font-family : Arial;
  font-size : 10px;
  color : Black;
  padding-left : 5px;
  padding-top : 0px;
  padding-bottom : 0px;
  padding-right : 5px;
  vertical-align:middle;
  text-align:left;
}

.datatable-filter {
  background-color : #EDF1F7;
  font-family : Arial;
  font-size : 11px;
  color : Black;
  padding-left : 5px;
  padding-top : 5px;
  padding-bottom : 2px;
  padding-right : 5px;
  vertical-align:top;
}

.datatable-heading {
  background-color : #C5D4EE;
  font-family : Arial;
  font-size : 11px;
  color : Black;
  padding-left : 5px;
  padding-top : 5px;
  padding-bottom : 2px;
  padding-right : 5px;
  vertical-align:top;
  text-align:center;
}

.datatable-value {
  text-align:left;
  vertical-align:top;
  font-family : Arial;
  font-size : 11px;
  color : Black;
  padding-left : 5px;
  padding-top : 2px;
  padding-bottom : 2px;
  padding-right : 5px;
}
.datatable-value#donkerrood {
  color : #E0001C;
}
.datatable-value#lichtrood {
  color : #F399A4;
}
.datatable-value#donkergroen {
  color : #00941F;
}
.datatable-value#lichtgroen {
  color : #00E02F;
}

.datatable-value-readonly {
  text-align:left;
  vertical-align:top;
  font-family : Arial;
  font-size : 11px;
  color : Black;
  padding-left : 5px;
  padding-top : 2px;
  padding-bottom : 2px;
  padding-right : 5px;
}

.datatable-value#readonly {
  /* Waar wordt deze gebuik ??? 20080624 BC */
  color:red;
}
.datatable-value textarea {
  color : #000000;
  background-color:#ffffff;
}
.datatable-value-readonly input,textarea {
  color : #000000;
  background-color:#dddddd;
}

.datatable a {
	text-decoration:none;
	color: #000000;
}
.datatable a:hover {
	text-decoration:none;
	color: #000000;
}


.datatable-textvalue {
  text-align:left;
  vertical-align:top;
  font-family : Arial;
  font-size : 13px;
  color : Black;
}

/* --------------------------------------------- */


a.labelsorter, a.labelsorter:visited  {
  font-family : Arial;
  font-size : 11px;
  color : Black;
  text-decoration:none;
}

a.labelsorter:hover {
  font-family : Arial;
  font-size : 11px;
  color : Black;
  text-decoration:underline;
}


.verplichtveld {
  font-family : Arial;
  font-size : 11px;
  color : Red;
  padding-left : 5px;
}


/* ----------  FORM Elements ----------------- */
.input-small {
}
.input-small#readonly {
  border-style: none;
  color:656565;
  background-color:#ffffff;
}

.input-large {
}
.input-large#readonly,
.input-large-readonly {
  border-style: none;
  background-color : #F7F4EA;
  font-family : Arial;
  font-size : 11px;
  color : Black;
}

.select-small {
}
.select-small-readonly {
}

.select-large {
  font-family : Arial;
  font-size : 11px;
  color : Black;
}
.select-large#readonly {
  border-style: none;
  color:656565;
  background-color:#ffffff;
}

.option-small {
}
.option-small-readonly {
}

.option-large {
}
.option-large-readonly {
}

.textarea-small {
}
.textarea-small-readonly {
}

.textarea-large {
  text-align:left;
  vertical-align:top;
  font-family : Arial;
  font-size : 13px;
  color : Black;
}
.textarea-large#readonly {
  border-style: none;
  background-color : #F7F4EA;
  font-family : Arial;
  font-size : 11px;
  color : Black;
}

.img-calendar {
	position: relative;
		top: 4px;
		left: 6px;
}

.input-submit {
	font-weight: bold;
	background-color: #EDF1F7;
	color: #656565;
	cursor: pointer;
	/* Old IE5.0 shit. cursor: hand; */
	border-color: #EDF1F7;
	border-style: outset;
}
.input-submit:hover {
	color: red;
}
.kc_input_button {
	display: inline;
	width: 116px;
	height: 28px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #656565;
	cursor: pointer;
	/* cursor: hand; */
	border: none;
}
input.kc_input_button:hover {
	display: inline;
	width: 116px;
	height: 28px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #E0001C;
	cursor: pointer;
	/* cursor: hand; */
	border: none;
}

#il_menu_short {
	display: none;
}
#il_menu_long {
	display: none;
}
#i_menu {
	display: none;
}
.tr_il_menu {
	height: 1px;
	display: none;
}
.td_il_menu {
}
.div_il_menu {
}

.tr-invoiceline-selected {
  background-color: green;
}

.th-invoice-unhover {
  background-color : #C5D4EE;
  font-family : Arial;
  font-size : 11px;
  color: black;
}
.th-invoice-hover {
  background-color:#F8F2B8;
  font-family : Arial;
  font-size : 11px;
  color: black;
}

.download-line {
  background-color:#F8F2B8;
  text-align:center;
/*  padding-left:48px;  */
}
.download-link {
  text-decoration:none;
  font-family : Arial;
  font-weight:bold;
  font-size : 11px;
  color: #656565;
}
.download-link:hover {
  text-decoration:underline;
}
.download-link-red {
  text-decoration:none;
  font-family : Arial;
  font-weight:bold;
  font-size : 11px;
  color: #FF0000;
}
.download-link-red:hover {
  text-decoration:underline;
}

.select-link {
  text-decoration:none;
  font-family : Arial;
  font-weight:bold;
  font-size : 11px;
  color: #656565;
}
.select-link:hover {
  text-decoration:underline;
}

.contact-link {
  text-decoration:none;
  font-family : Arial;
  font-weight:bold;
  font-size : 11px;
  color: #656565;
}
.contact-link:hover {
  text-decoration:underline;
}

.forgotten-link {
  text-decoration:none;
  font-family : Arial;
  font-weight:bold;
  font-size : 11px;
  color: #656565;
}
.forgotten-link:hover {
  text-decoration:underline;
}

.button_disconnect_submit {
	display:block;
}
.button_disconnect_hidden {
	display:none;
}

/* ------------------------------------ */
/*  Scriptaculous TableKit classes      */
.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-image: url(../images/tablekit_up.gif);
}
.sortdesc {
	background-image: url(../images/tablekit_down.gif);
}
.nosort {
	cursor: default;
}