body {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			9pt;
	background-color: 	#fff;
	margin:				0;
	
	background-image:	url(../../img/background.jpg); 	
	background-position: center;
	background-repeat: no-repeat;
}

img,form {
	padding: 			0;
	margin: 			0;
	border: 			0;
}

textarea {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			9pt;
}

.left {
	float: 				left;
}
.right {
	float: 				right;
}

table {
	font-size: 			10pt;
	width: 				100%;
}

a {
	text-decoration: 	none;
	color: 				#596F9F;
}

a:hover {
	text-decoration: 	underline;
}

.floated {
	width: 				200px;
	float: 				left;	
}

/* PORTAL ZELF */
#wrapper {
	width: 				100%;
	height: 			100%;	
}

div#mods {
	position:			static;
	overflow: 			hidden;
	width:				auto;
	float:				none;
}

div#header {
	background: 		#C2CEE8;
	border-bottom:		3px solid #c00;
	height: 			80px;
}

div#header .left { 
	margin-right: 	10px;	
	width: 			180px;
	height: 		80px;
}

div#header .midden {
	height: 		70px;	
	width: 			350px;
	padding: 		5px;
	float: 			left;
	text-align: 	center;
}

.midden .user {
	display: 		inline-block;
	font-style:		italic;
	margin-bottom: 	5px;
}

#timerClock {	
	font-size: 		13pt;	
}

.midden .datum {
	font-size: 		15pt;
	display: 		inline-block;
	margin-top: 	5px;	
	color:			#02012B;
}

div#header .rechts {
	float: 			right;
	height: 		40px;
	padding: 		20px;
}	

div.kleinBlok {
	float: 				left;
	height: 			100%;
	width: 				240px;
	display:			block;
	min-height:			300px;
}
div#grootBlok {
	float: 				left;
	height: 			100%;
	width: 				50%;
	display:			block;
}

.ui-state-highlight {
	background: 		#fff;
	border: 			3px dashed #ccc;
	margin: 			10px;
}


/* Onderaan in elke float, om er voor te zorgen het niet niks wordt */
.niks {
	margin: 			0;
	padding: 			0;
	overflow: 			hidden;
	height: 			1px;
}

.page {
	border: 			1px solid #003399;
	background: 		#ecf2ff;
	z-index: 			1;
	position: 			absolute;
	top: 				100px;
	left: 				100px;
	display: 			none;
}

.page .heading {
	background:			#003399;	
	padding: 5px;
	height: 15px;
}
.page .heading h2 {
	color:				#fff;
	padding:			0px;
	margin:				0px;
	font-size: 			10pt;
	font-weight: 		normal;	
	cursor: 			move;
	float: 				left;
	width: 				90%;
}
.page .heading img {
	float:			 	right;	
	cursor: 			pointer;
}

/* LOGIN */
#login {
	width: 			330px;
	margin: 		0 auto;	
	border:			1px solid #cc0000;
	padding:		10px;
	margin-top:		100px;
	height:			auto;
	background:		#C3CFE9;
}
#login input {
	width: 			200px;	
}
#login .login {
	margin-right:	23px;	
	width: 208px;
}

.login_tekst {
	width: 			330px;
	margin: 		0 auto;	
}

#login label {
	float: 			left;
	width: 			100px;	
	cursor: 		pointer;
}

div.module {
	background: 		#f8ffe2;
	margin:				10px;
	margin-right:		0px;
	border: 			1px solid #99CC00;
}
div.module div.head {
	background:			#99CC00;
	padding:			5px;
}

div.module div.head h2 {
	margin: 			0;	
	color: 				#fff;
	/*cursor:				move;*/
	font-size:			10pt;
	font-weight:		normal;
}

div.module div.main {
	padding:			5px;
}
div.module div.main p {
	margin: 			2px;	
}

tr.head td {
	font-weight:		bold;
}
tr td:first-child {
	font-style:	italic;
}