body { margin:0px; font-family: verdana; text-align: justify; font-size:13px; }
p { text-align: justify; }

img.left { float:left; padding-right: 10px; }
img.right { float:right; padding-left: 10px; }

table { font-family: verdana; font-size: 13px; border: 1px solid #000000; }
.no_border { border:0px solid  }
.lijst { width: auto; padding: 0; margin: 0 auto 1.5em auto; border:0px; border-collapse:collapse; }
.yellowbord { border: 2px solid #BC9600; }

th {
     font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
     color: #866802;
     border-left: 1px solid #E7BA00;
     border-right: 1px solid #E7BA00;
     border-bottom: 1px solid #E7BA00;
     border-top: 1px solid #E7BA00;
     letter-spacing: 1px;
     text-transform: uppercase;
     text-align: left;
     padding: 4px 10px 4px 10px;
     background: #FED444;
     vertical-align:middle;
   }
   
th.orange {
     font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
     color: #7A4E38;
     border: 1px solid #996246;
     letter-spacing: 1px;
     text-transform: uppercase;
     text-align: left;
     padding: 4px 10px 4px 10px;
     background: #FFA375;
     vertical-align:middle;
   }

th.green {
     font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
     color: #004C00;
     border: 1px solid #669900;
     letter-spacing: 1px;
     text-transform: uppercase;
     text-align: left;
     padding: 4px 10px 4px 10px;
     background: #99CC00;
     vertical-align:middle;
   }
   
/* br { clear: left; }    */
th.sortable, th.sortable-text, th.sortable-date, th.sortable-keep, th.sortable-date-dmy, th.sortable-numeric, th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp, th.sortable-sortIPAddress, th.sortable-sortEnglishLonghandDateFormat, th.sortable-sortScientificNotation,
th.sortable-sortImage, th.sortable-sortFileSize, th.sortable-sortAlphaNumeric, th.sortable-sortEnglishDateTime
  {
    background: #FED444;
    padding: 4px;
  }
td.center { text-align:center; }  
td.left   { text-align:left; }  
td.hoofding  {
     font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
     color: #866802;
     border-left: 1px solid #E7BA00;
     border-right: 1px solid #E7BA00;
     border-bottom: 1px solid #E7BA00;
     border-top: 1px solid #E7BA00;
     letter-spacing: 1px;
     text-transform: uppercase;
     text-align: left;
     padding: 4px 10px 4px 10px;
     background: #FED444;
     vertical-align:middle;
   }
td.data { font: normal 12px "Arial", Helvetica, sans-serif;
          border-left: 0px solid #E7BA00;
          border-right: 0px solid #E7BA00;
          border-bottom: 1px solid #E7BA00;
          padding: 3px 6px 3px 6px;
          color: #000000; }  
          
td.alt { background-color: #FFFEE5; }

td.boord { border:1px solid #000000; }

td.admin { font-weight:bold; text-align:center; border:1px solid #c0c0c0; width:154px; font:normal 11px "Arial"; font-weight:bold;}

a:link    { color:#000000; text-decoration:none; font-weight:normal; }
a:visited { color:#000000; text-decoration:none; font-weight:normal; }
a:hover   { color:#000000; text-decoration:none; font-weight:normal; }

a.geel:link    { color:#BC9600; text-decoration:underline; font-weight:bold; }
a.geel:visited { color:#BC9600; text-decoration:underline; font-weight:bold; }
a.geel:hover   { color:#866D00; text-decoration:none; font-weight:bold; }

a.oranje:link    { color:#FF6600; text-decoration:underline; font-weight:bold; }
a.oranje:visited { color:#FF6600; text-decoration:underline; font-weight:bold; }
a.oranje:hover   { color:#FF6600; text-decoration:none; font-weight:bold; }

a.geel_sm:link    { color:#BC9600; text-decoration:underline; font-weight:normal; }
a.geel_sm:visited { color:#BC9600; text-decoration:underline; font-weight:normal; }
a.geel_sm:hover   { color:#866D00; text-decoration:none; font-weight:normal; }


a.amenu:link    { color:#FFFFFF; text-decoration:underline; font-weight:normal; }
a.amenu:visited { color:#FFFFFF; text-decoration:underline; font-weight:normal; }
a.amenu:hover   { color:#FFFFFF; text-decoration:none; font-weight:normal; }

a.red:link    { color:#FF0000; text-decoration:underline; font-weight:normal; }
a.red:visited { color:#FF0000; text-decoration:underline; font-weight:normal; }
a.red:hover   { color:#FF0000; text-decoration:none; font-weight:normal; }

a.black:link    { color:#000000; text-decoration:underline; font:normal 12px "Arial"; }
a.black:visited { color:#000000; text-decoration:underline; font:normal 12px "Arial"; }
a.black:hover   { color:#000000; text-decoration:none;      font:normal 12px "Arial"; }

a.bread:link    { color:#000000; text-decoration:underline; font:normal 9px "Arial"; }
a.bread:visited { color:#000000; text-decoration:underline; font:normal 9px "Arial"; }
a.bread:hover   { color:#000000; text-decoration:none;      font:normal 9px "Arial"; }

a.admin:link    { color:#000000; text-decoration:none; font:normal 11px "Arial"; font-weight:bold; }
a.admin:visited { color:#000000; text-decoration:none; font:normal 11px "Arial"; font-weight:bold; }
a.admin:hover   { color:#000000; text-decoration:underline; font:normal 11px "Arial"; font-weight:bold; }


/* TEKST */
.breadcrum { font-size: 9px }
.geletekst { color:#BC9600; }
.rodetekst { color:#FF0000; }
.zwartetekst { color:#000000; }

/* FORMULIEREN */
input    { border: 1px #7F9DB9 solid; padding:2px;}
fieldset { width: 430px; }
legend   { color: #000000; }
label    { display: block; float: left; color: #000000; text-align: right; margin: 3px 4px 10px 4px; width: 150px;}

/* KALENDER CSS */
/* calendar icon */
img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align: middle;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 158px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
	background-color: #FED444;
	color: #9D6814;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: #FED444;
	color: #9D6814;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	background-color: gray;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #FEE084;
}
div#tcal td.today {
	border: 1px solid red;
}
div#tcal td.selected {
	background-color: #FFB3BE;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
}
/* ******************************************************** */ 

.overlay1 {
  position:absolute; 
  left:150px; 
  top:200px; 
  width:670px; 
  height:200px; 
  visibility:hidden; 
  border:2px solid #c9993b; 
  padding:20px; 
  background: #ffd37e;
}

.overlay_alert {
  position:absolute; 
  left:250px; 
  top:250px; 
  width:300px; 
  height:100px; 
  visibility:hidden; 
  padding:0px; 
}


/* zie http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/ */

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../images/general/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(../images/general/radio.png) no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}