/* 
	CSS Document
	Auteur: Dwayne Roberts
	Digimomedia */


@import "reset.css";    /* Eric Meyers global reset document */
@import "global.css";	/* Standaard css klassen die ik veel gebruik */




/* Algemeen */

	html { height:100%; width:100%; }
	body { text-align:center; background:#fff url('../images/body_background.jpg') repeat-x; }
	a {	text-decoration:underline; color:#000; }
	a:hover { text-decoration:underline; color:#f00; }
	
	img#growtree { float:right: width:180px; position:absolute; bottom:0px; right:0px; border:0px; }	
	a img#digimo { position:absolute; bottom:0; right:0; border:0; }
	img.border { background-color:#fff; padding:5px; border:1px solid #ccc; }
	
	cite { display:block; padding:1px 0 10px; color:#c69c6d; }
	
	
	
	
/* Lijsten */

	#page ul, page ol { margin:10px; }
	#page li { padding:0 0 0 15px; font:normal 11px Tahoma, Arial; background:url('../images/bullet.jpg') no-repeat; background-position:0 50%;  color:#333; }
	#page li:hover { color:#f00; }





/* Formulieren en Tabellen */

	form { font:normal 11px/10px Arial; color:#000; }
	form small { display:block; padding:2px 0 8px 0; color:#999;  }
	fieldset { border-top:1px solid #ccc; padding:15px 10px 10px; margin:10px 0px; }
	legend { font:italic bold 12px Trebuchet, "Trebuchet MS", Arial; color:#f00; padding:3px; }	

	label {	float:left; padding:4px 15px 0 0; color:#333; width:150px; margin:5px 0 0; }	
	label.required { font-weight:bold; background:url('../images/icon_required.jpg') no-repeat; background-position:100% 4px; }
	
	input,select, textarea { margin:5px 0 0 10px; padding:1px; width:auto; font-size:11px; text-align:left;} 	
	input[type="checkbox"], input[type="radio"] { margin:0px; padding:0px;  }     
	
	#page form ol { margin:5px 0 0 175px;  }
	#page form .inline li { display:inline; background:none; }	
	#page form li { padding:1px 0; margin:0px; background:none; }	
	#page form li label, form li label { float:none; width:auto; }
	
	button { display:block; float:left; margin:20px 7px 0 0; font:bold 10px Arial, sans-serif; cursor:pointer; padding:5px 10px 6px 7px; }

	button {  background-color:#ddd; border:1px solid #999; color:#333; }
	button.submit:hover {  background-color:#dcf7b5; border:1px solid #7cd300; color:#2c4a02; }
	button.reset:hover {  background-color:#fdc0c2; border:1px solid #ed2024; color:#5d0709; }
	button.save:hover {  background-color:#fce6b0; border:1px solid #f4c34c; color:#775503; }	
		
 	caption { color:#f00; font-style:italic; text-decoration:underline; padding:5px 0; }
	table { width:99%; font:normal 11px/11px Arial; margin:5px 0; border-collapse:collapse; }
	table a { color:#555; text-decoration:none; }
	table a:hover { color:#000; }

	td { color:#555; padding:1px 3px; line-height:16px; border-bottom:1px solid #feaeae; vertical-align:middle; }
	th	{ font:bold 12px Trebuchet, Tahoma, Arial; background:#555; color:#fff; border:1px solid #fff; padding:2px 3px; }	
	th a { font:bold 12px Trebuchet, Tahoma, Arial; background:#555; color:#fff; }	
	th a:hover { color: #ccc; }
	tr { background:#fff; }
	tr:hover { background:#fde6e6; }
	

	
/* Structuur  */

	#maincontainer { margin:auto; width:906px; text-align:left; }
	#header { margin:10px 0px; height:100px; }
	#mainmenu { height:25px;  } 
	#content { position:relative; margin-top:2px; padding-bottom:200px; min-height:500px; height:auto !important; height:500px; background:#fff url('../images/content_background.jpg') repeat-y 0 100%; }
	
	#submenu { width:180px; float:left; }
	
	#page { width:480px; float:left; padding:0px 10px 50px 25px; }
	
	#sidecolumn { width:200px; float:right; padding:40px 0; background:#fff url('../images/sidecolumn_background.jpg') no-repeat top center; }
	.sidecolumn_section { margin:10px 0 40px; }
	
	
	#footercontainer { position:relative; text-align:center; padding:20px 0; background:#252525;  }
	#footer { margin:auto; width:906px; text-align:left; }
	
	.address { width:180px; padding-left:10px; }
	.validation { width:200px; background-color:#f00; }
	

	#saldo { text-align:center; width:120px; height:120px; padding:50px 30px 0; background:#fff url('../images/postit.jpg') no-repeat; }
	


/* Menu en Lijsten */

	#mainmenu ul { }
	#mainmenu li { float:left; padding:0 1px; }
	#mainmenu a { display:block; width:inherit; background:url('../images/mainmenu_background.jpg') no-repeat top center; padding:2px 20px 4px; border:1px solid #636363; border-bottom:0px; }
	#mainmenu a.current { background-color:#f00; }
	
	#submenu ul { padding-top:50px; text-align:left; }
	#submenu li { margin:5px 20px; }
	#submenu li a { background:url('../images/sm_bullet.gif') no-repeat 0 5px; padding-left:10px; }

	
	.sidecolumn_section ol { list-style:decimal inside; margin:10px 1px 0 16px; }
	.sidecolumn_section li { padding:0px; }
	




/* Typography en Pagina opmaak*/

	body { font:normal 12px/16px Trebuchet, "Trebuchet MS", Arial, sans-serif; color:#666; }
	
	p.authorisatie { padding:10px 0; color:#aaa; font:10px Tahoma,Arial,sans-serif; }
	p.authorisatie a { color:#aaa; font-weight:bold; }
	p.authorisatie a:hover { color:#f00; font-weight:bold; }
	
	p { margin:5px 0 20px; }

	h1 { padding:20px 0 1px; color:#f00; font:normal 24px Arial; text-transform:uppercase; margin-left:-16px; }
	h2 { padding:0 0 30px 16px; color:#000; font:bold 13px Arial; text-transform:uppercase; background:url('../images/h2_bullet.jpg') no-repeat 0 1px; margin-left:-16px; }
	h3 { padding:15px 0 1px; font:italic bold 13px/16px Arial; color:#222; }
	h4 { padding:15px 0 1px; font:bold 13px/16px Trebuchet, "Trebuchet MS", Tahoma, sans-serif; color:#000; }
	h5 { padding:5px 0; font:normal 12px Arial; color:#000; text-decoration:underline; }
	
	em { font-weight:bold; }

	#mainmenu a { text-decoration:none; color:#fff; font:bold 12px Trebuchet,"Trebuchet MS", Tahoma, sans-serif; text-transform:uppercase; }
	#mainmenu a:hover { text-decoration:none; background-position:bottom center; }
	
	#submenu li a { color:#333; font:bold 11px/16px Tahoma, Arial, sans-serif; text-decoration:none; }	
	#submenu li a:hover { color:#f00; }
	#submenu li a.current { color:#f00; background:none;  }
	
	#content {  }
	.sidecolumn_section, .sidecolumn_section li, .sidecolumn_section li a { background:none; font:normal 11px/13px Tahoma, sans-serif; color:#999; text-decoration:none; }	
	.sidecolumn_section h2 { font:normal 12px Arial; text-transform:uppercase; display:block; text-align:right; background:transparent url('../images/h2_background.jpg') no-repeat 0 0; color:#fff; padding:0 2px; text-decoration:none; margin:0px; }	
	.sidecolumn_section li a:hover { color:#000; text-decoration:underline; }
	
	#footer { color:#c2c2c2; font:normal 11px/16px Trebuchet,"Trebuchet MS", Arial, sans-serif; }
	#footer span[class="redtext"] { padding-right:5px; font-weight:bold; }	
	#footer h6 { font:bold 14px/20px Arial; color:#fff; }

	.address a, .validation a { color:#fff; font-weight:normal; text-decoration:none; }
	.address a:hover { color:#f00; }
	
	.validation a:hover { color:#000; }	
	.validation { color:#fff; }	

	#saldo big { color:#74c343; font:normal 25px Tahoma; letter-spacing:-2px;  }
	#saldo p { margin:0px; color:#666; font:italic 13px/18px Trebuchet, "Trebuchet MS", sans-serif; }
	
	code { display:block; margin:0 0 15px; color:#999; padding:5px 10px; font-size:11px; border:1px solid #feaeae; background:#fbefef; }
	
	/* Door Aqua-IT toegevoegd */

#toelichting h1 {
	font-size: 12px;
	font-weight: bold;
}

#infoDiv {
  	z-index: 10;
  	position: absolute;
  	height: 450px;
  	width: 400px;
  	background-color: #FF3333;
  	color: #000000;
  	margin: 0px;
  	margin-top: -150px;
  	margin-left: -150px;
  	padding: 2px;
  	visibility: hidden;
  	font-size: 10px;
  	border-top: 1px solid #003366;
  	border-right: 2px solid #003366;
  	border-bottom: 2px solid #003366;
  	border-left: 1px solid #003366;
  }
  
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  height: 150px;
  overflow: auto;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:20px;
  cursor:pointer;
}
.crmtbl { margin: 5px 0px 10px 0px; width: 100% } 
.crmtbl td, th { vertical-align: top; font-family: Verdana; font-size: 9pt } 
.crmtbl thead {  border: 1px solid blue; }
.crmtbl thead td { font-size: 10pt; border: 1px solid #000000; height: 19px;padding:0px 0px 0px 5px; margin: 10px 0px 0px 0px; font-weight: bold; color: #C64707; }

.crmtbl tbody th { vertical-align: middle; text-align: left; font-weight: bold; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding:0px 0px 0px 5px; font-size: 9pt; color: #C64707; height: 15px; }
.crmtbl tbody { border: 1px solid black }
.crmtbl tr { border: 1px solid black }
.crmtbl tbody td { border-bottom: 0px solid #dddddd; padding: 2px 5px 2px 5px; color: #000000; }
.crmtbl .light { background-color: #fafafa; }
.crmtbl .dark { background-color: #f1f1f1; }
.crmtbl tfoot td { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #000000; height: 12px; padding:1px 1px 1px 5px; }
.crmtbl .leftborder, .crmtbl .lb { border-left: 1px solid black }
.crmtbl .rightborder, .crmtbl .rb { border-right: 1px solid black }
.crmtbl .lrb { border-right: 1px solid black; border-left: 1px solid black }
.crmtbl .sp { height: 1px }