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

.repeat {
	display: none;	
}

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

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

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

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

a {
	text-decoration: 	none;
	color: 				#000;
}

a:hover {
	text-decoration: 	underline;
}

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

.line {
	border-bottom:		1px dashed #000;	
}

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

div#mods {
	width:				100%;
	float:				none;
}

div#header {
	height:				99px;
	margin-right:		1px;
	
	width:				1000px;
	
	margin-left:		auto;
	margin-right:		auto;
}

div#header .left {
	float:				left;	
	margin-left:			10px;
}

div#header .right {
	float:				right;	
}

div#header .right .voortekst {
	float:				left;
	margin-top:			63px;
	margin-right:			10px;

}

div#header p.user {
	font-size: 			8pt;
	color:				#000;
	font-weight:			bold;	

}

div#header .right .tekst {
	height:				52px;
	padding-top:			22px;
	color: 				#fff;
	float: 				left;
}

div#header .right .tekst .margin {
	margin-left:		153px;	
}

div#header .right .tekst p {
	margin:				1px;	
}


div#header #timerClock {
	font-size: 			11pt;
	color: 				#1f0a57;
}	

div#header p.datum {
	font-size:			12pt;
}
/* KNOP */
.knop {
	height:				32px;
	margin:				5px;
	background-image:	url(../../img/v2/knop_links.png);
	background-position: top left;
	background-repeat: 	no-repeat;
	float:				left;
	width: 				140px;
	
	opacity:			0.8;
}

.knop div {
	background-image:	url(../../img/v2/knop_rechts.png);
	background-position: top right;
	background-repeat: 	no-repeat;
	height:				32px;	
}

.knop div span {
	display:			block;
	background-image:	url(../../img/v2/knop_mid_rep.png);
	height:				20px;
	margin-right:		11px;
	margin-left:		8px;
	padding: 			6px;

}
.knop div span img {
	display:			inline;
	margin-left:			22px;
	margin-top: 			3px;	
}
/* BLOKKEN */
.blok {
	float:				left;	
	margin:				5px;
	min-height:			80%;
	
}

.bl, .br {
	width: 				18%;
}

.bm {
	width:				60%;	
}

/* MOD */
.mod {
	margin-bottom:		10px;
}	

/* Blokje Top */
.mod .top {
	background-image:	url(../../img/v2/blok_rb.png);
	background-position: top right;
	background-repeat:	no-repeat;
	border-left:		3px solid #fff;
	height:				8px;
}

.mod .top div {
	margin-right:		9px;
	border-top:			3px solid #fff;	
	background-color:	#1f0a57;
	height:				5px;
}

/* Blokje Inhoud, header en content */ 
.mod .inhoud {
	background-image:	url(../../img/v2/blok_r.png);
	background-position: right;
	background-repeat: repeat-y;
	padding-right:		9px;
	border-left:		3px solid #fff;
}

	/* Header */ 
	.mod .header {
		background-color: 	#1f0a57;
		color: 				#fff;
		padding:			3px;
		padding-top:		0px;
		height:				17px;
		
		cursor:				move;
	}
	
	.mod .header h2 {
		font-weight:		normal;
		font-size: 			10pt;	
		margin:				0px;
		padding:			0px;
		float:				left;
		margin-left:		3px;
	}
	
	.mod .header img {
		float:				right;	
		display:			inline-block;
		margin-top:			3px;
		margin-right:		3px;
		cursor:				pointer;
	}

	/* Tekst */
	.mod .content {
		background-color:	#0169b4;
		
		background-image:	url(../../img/v2/bg_grad.png);
		background-repeat:	repeat-x;
		padding:			5px;	
		
		/* test */
		opacity:			0.9;
	}
	.mod .inhoud .content *:first-child {
		margin-top: 		0px;	
	}
	.mod .inhoud .content *:last-child {
		margin-bottom: 		0px;	
	}
	
	.mod .content a {
		text-decoration: 	underline;
	}

/* Blokje onderkant */
.mod .bottom div.o {
	background-image:	url(../../img/v2/blok_lo.png);
	background-position: top left;
	background-repeat:	no-repeat;
	height: 			8px;
}

.mod .bottom div.b {
	background-image:	url(../../img/v2/blok_o.png);
	background-position: 0px -2px;
	background-repeat:	repeat-x;
	height:				8px;
	margin-left:		5px;
	margin-right:		10px;
}

.mod .bottom  {
	background-image:	url(../../img/v2/blok_ro.png);
	background-position: right;
	background-repeat:	no-repeat;
}



/* MOD PART ALG */
.ui-state-highlight {
	border: 			3px dashed #ccc;
	margin: 			10px;
	margin-left:		5px;
}

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

/* Toevoegingen */
.headerstyle {
	font-family: 		Monospace;
	font-weight: 		bolder; 
}
/* LOGIN */
#login {
	margin-top:			200px;	
	width:				350px;
	
	margin-left:		auto;
	margin-right:		auto;
}

#login .content div.formLine {
	font-style: italic;
	font-weight: normal;
	border-bottom: 1px dotted #000;
	margin: 3px;
	font-size: 12pt;	
}

#login .content form p small {
	display: block;
	color: #9F0015;
}

#login input[type="text"],#login input[type="password"] {
	width:				200px;	
}

#error, #respons .fout,#respons .goed {
	border: 			1px solid #9F0015;
	background: 		#FF8F8F;
	padding: 			5px;
	color: 				#fff;
	margin: 			5px;
	margin-bottom: 		10px;
}

#respons .goed {
	background: 		#DAFFD4;
	border: 			1px solid #218F07;
	color: 				#000;
}

#frames {
	position:			absolute;
	top: 				0px;
	left: 				0px;	
}

/* vensters */
#frames .frame {
	width:				830px;
	min-height:			400px;
	position: 			absolute;	
	left:				250px;
	top:				150px;
	
	display:			none;
}

/* help */
.helpbox {
	position: 			absolute;
	border: 			3px solid #fff;
	background: 		#fff;
	background-image:	url(../../img/v2/bg_grad.png);
	padding:			5px;
	
	padding-bottom:		15px;
	
	width:				300px;
	
	/* To be overwritten */
	top:				10%;
	left:				10%;
	
	opacity:			0.9;
}
.helpbox img {
	float:				right;	
	cursor:				pointer;
	margin-left:		10px;
}
.helpbox p {
	margin:				1px;	
	cursor:				move;
}

.helpbox a {
	text-decoration:	underline;
}
/* pref */
#pref_schermen p {
	margin:				1px;	
}