@CHARSET "ISO-8859-1";

* {
	margin: 				0;
	padding: 				0;
	border:					0;
}
html,body {
	height: 				100%;
	background: 			#ffffff url('../gfx/back.gif') repeat-y fixed center;
	font-family:			arial, helvetica, sans-serif;
	font-size:				11px;
}

.clear {
	clear: 					both;
}

#container {
	min-height: 			100%;
	width: 					100%;
	margin: 				0 auto;
	position: 				relative;
}

#main_container {
	min-height: 			100%;
	width: 					988px;
	margin: 				0 auto;
}

* html > #container {
	height: 				100%;
}

#header {
	height: 				88px;
	background: 			#fffbd5;
	border-bottom: 			1px solid #008b45;
}

#header_container {
	width: 					988px;
	margin: 				0 auto;
}

#header_login {
	margin-top:				20px;
	float:					right;
}

#header_login a {
	color:					#000000;
}

#rotate {
	padding-top: 			10px;
	height: 				231px;
	background: 			#ffffff;
}

.rotate {
	display:				block;
	position: 				absolute;		
}

#navbar {
	padding-top: 			5px;
	height: 				65px;
	background: 			#ffffff;
}

#navbar a {
	font-weight:			bold;
	text-decoration:		none;
	color:					#000000;
}

#menu {
	width:					988px;
	height:					40px;
	padding-top:			5px;
}

#menu a {	
	font-size:				13px;
	font-weight:			bold;
	color:					#ffffff;
	text-decoration:		none;
}

.menuknop {
	display:				block;
	float:					left;
	height:					40px;
	width:					108px;
	background-image:		url('../gfx/menuknop.gif');
	background-repeat:		no-repeat;
	text-align:				center;
	padding-right:			2px;
	padding-top:			2px;
}

.menuknopright {
	display:				block;
	float:					left;
	height:					40px;
	width:					108px;
	background-image:		url('../gfx/menuknop.gif');
	background-repeat:		no-repeat;
	text-align:				center;
	padding-top:			2px;
}

#main {
	width: 					988px;
	float: 					left;
	height: 				auto;
	margin-bottom: 			30px;
	border-top: 			1px solid #008b45;
}

#maintext {
	width:					730px;
	margin:					10px;
	float:					left;
}

#maintext h1 {
	font-size:				18px;
	color:					#008b45;
	font-weight:			bold;
}

#maintext h2 {
	font-size:				14px;
	font-style:				italic;
	font-weight:			bold;
}

#mainnote {
	margin:					10px;
	width:					199px;
	float:					left;
	padding-bottom:			60px;
}

#notetop {
	width:					199px;
	height:					8px;		
}

#note {
	background-image:		url('../gfx/noteback.gif');
	padding:				0px 10px;
}

#note b {
	color:					#008b45;
}

#notebottom {
	width:					199px;
	height:					8px;
	background-image:		url('../gfx/noteback.gif');
}

#footer {
	position: 				absolute;
	bottom: 				0;
	width: 					988px;
	height: 				25px;
	background: 			#ffffff;
	border-top: 			1px solid #008b45;
	color:					#00793B;
	text-align:				center;
}

#footer a {
	color:					#ffffff;
	text-decoration:		underline;
	font-weight:			bold;
}

#footerblock {
	position:				absolute;
	margin-left:			760px;
	margin-top:				-72px;
	width:					200px;
	height:					76px;
	background-image:		url('../gfx/footerback.gif');
	background-repeat:		no-repeat;
	z-index:				100;
	color:					#ffffff;
}

hr {
	color:					#008b45;
	background-color:		#008b45;
	height:					1px;
	border:					0px;
}

a {
	color: 					#008b45;
}

/*** Menu ***/

#documentatie_menu {
	float:					left;
	width:					200px;
	height:					400px;
	top:					30px;
	padding-right:			20px;
}

a.menulnk {
	text-decoration:		none;
}

a.menulnk_on {
	text-decoration:		none;
	color:					#ffffff;
}

.menu {
	display:				block;
	border-bottom:			1px solid #01793b;
	font-size:				11px;
	padding:				1px;
}

.submenu {
	display:				block;
	border-bottom:			1px solid #01793b;
	font-size:				11px;
	padding:				1px;
	padding-left:			32px;
}

.menu_on {
	display:				block;
	background-color:		#01793b;
	border-bottom:			1px solid #01793b;	
	font-size:				11px;
	padding:				1px;
}

/**
TABLE STYLES
*/

th {
	text-align: 			left;
	font-size:				13px;
	font-style:				italic;
}

td {
	padding:				2px;
}

/**
FORM STYLES
*/

input {
	border:					1px solid #008b45;
	font-size:				11px;
	vertical-align:			middle;
	width:					200px;
}

.radio {
	width:					10px;
	border:					0px;
}

select {
	border:					1px solid #008b45;
	font-size:				11px;
	vertical-align:			middle;
	width:					200px;
}

textarea {
	border:					1px solid #008b45;
	font-size:				11px;
	font-family:			arial, helvetica, sans-serif;
	vertical-align:			middle;
	width:					200px;
}

.checkbox {
	width:					20px;
}

.button {
	border:					0;
	width:					50px;
}

.inlog {
	width:					100px;
}

.dag, .maand {
	width:					20px;
}

.jaar {
	width:					40px;
}

/**
Tooltip
*/

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 200px;
	border: 1px solid green;
	padding: 2px;
	background-color: #EEEEEE;
	color:	black;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}