body
{
	background-color:		#AEAEAE;
	margin:					0 auto;
}

img 
{
	border:					0;
}

div, 
td, 
select 
{
	font:					   normal 12px arial;
}

span.kop 
{
	font:					   900 18px arial;
}


/*-----------------------------------------------tekstgrootte---*/
a.false 
{
	color:					#000;
	text-decoration:		none;
	font:						normal 11px arial;
}
a.false_opleidingen
{
	color:					#000;
	text-decoration:		none;
	font:						normal 11px arial;
}

a.true 
{
	color:					#C00;
	text-decoration:		none;
	font:						normal 11px arial;
}
a.true_opleidingen
{
	color:					#C00;
	text-decoration:		none;
	font:						normal 11px arial;
}

a.a1 
{
	font-size:				10px;
}

a.a2 
{
	font-size:				11px;
}

a.a3 
{
	font-size:				12px;
}

div#tgwrapper 
{
	top:					   0px;
	width:					984px;
	position:				absolute;
}

div.tekstgrootte 
{
	float:					right;
	text-align:				left;
	padding:				   5px;
	width:					110px;
	height:					80px;
	background-color:		#D1D1DB;
	font:					   normal 11px arial;
	color:					#000;
}

div.tekstgrootte span.header 
{
	font-size:				11px;
	font-weight:			bold;
	color:					#000;
	display:				   block;
	padding:				   3px;
	text-align:				left;
}

.nav li a, 
.nav li span.active
{
	font-size:           11px;
}

/*-----------------------------------------------tekstgrootte---*/


div#wrapper 
{
	background-color:		#AEAEAE;
	text-align:				center;
	display:				   block;
	margin:					0 auto;
	height:					400px;
}

div#container 
{
	background-color:		#E8E9F1;
	top:					   95px;
	width:					986px;
	border-left:			solid 1px #000;
	border-right:			solid 1px #000;
	border-bottom:			solid 1px #000;
	display:				   block;
	margin:					0 auto;
}

/*div#content 
{
	background-color:		#FFF;
	border:					solid 1px #C70066;
	margin:					0 30px 30px 30px;
	text-align:				left;
	display:				   block;
	padding:				   20px;
}*/

div#content {
	background-color:	#FFF;
	border:				solid 1px #9293A5;
	margin:				0 30px 30px 30px;
	text-align:			left;
	display:			block;
	padding:			20px;
	width:				924px;
	overflow:			visible;
	height:				auto !important;  /*voor moderne browsers */
	min-height:auto;
	height:410px;
}

/*non-IE hack:*/
 html>body div#content
{
	width: auto;

	min-height:410px; 
	min-width: 884px;
}

div#header 
{
	background-color:		#004288;
	width:					100%;
	height:					80px;
	text-align:				left;
	line-height:			1px;
	display:				   block;
}

div#logo 
{
	position:				absolute;
}

div.balk 
{
	background:				#D0D1DB url(../images/bg_line.gif) repeat-x 0 0;
	margin:					0;
	padding:				   0;
	line-height:			1px;
	height:					8px;
}

/*------------------tabjes----------------------------------------------------*/
div.nav 
{
	border:              solid 1px #9293A5;
	background:				#D0D1DB url(../images/bg_menu.gif) repeat-x;
	margin:					30px 30px 8px 30px;
	top: 					   0;
	left: 					0;
	width: 					924px;
	height:					49px;
	padding-top: 			.2em; /* for Safari */
	position:            relative;
}

div.nav ul 
{
	margin: 				   0 0 0 .2em;
	padding: 				0;
}

.nav li.item1
{
	background:				transparent url(../images/menu_divider.gif) no-repeat right 7px;
	float: 					left;
	list-style: 			none;
	margin: 				   0;
	padding-right:			6px;
	color: 					#000;
}

.nav li.item2
{
	float: 					left;
	list-style: 			none;
	margin: 				   0;
	padding-right:			6px;
	color: 					#000;
}

/* clear float for WinIE \*/
* html .nav ul 
{
	height: 				   1%;
} /* end WinIE hacks */

.nav a 
{
	padding: 				18px 10px 10px 12px; /* clear images */
	display: 				block;
	text-decoration: 		none;
	color: 					#000;

}
.nav a:hover, .nav a:focus, .nav a:active 
{
	color: 					#000;
}

/*------------------rollover----------------------------------------------------*/
div.rollover 
{
	width:					154px;
	height:					30px;
	border:					solid 0px;
   position:            absolute;
   left:                0;
   top:                 50;
   text-align:          left;
   visibility:          hidden;
   display:             none;
   z-index:             0;
}

div.false 
{
	background:				#FFF url(../images/bg_rollover_false.gif) no-repeat;
	height:					30px;	
}
div.false_opleidingen
{
	background:				#FFF url(../images/bg_rollover_false.gif) no-repeat;
	height:					30px;	
}

div.true 
{
	background:				#FFF url(../images/bg_rollover_true.gif) no-repeat;
	height:					30px;
}
div.true_opleidingen
{
	background:				#FFF url(../images/bg_rollover_true.gif) no-repeat;
	height:					30px;
}

.false a 
{
	padding: 				8px 0px 0px 8px; /* clear images */
	display: 				block;
	width:					154px;
	height:					30px;	
	text-decoration: 		none;
	color: 					#000;

}
.false_opleidingen a 
{
	padding: 				8px 0px 0px 8px; /* clear images */
	display: 				block;
	width:					154px;
	height:					30px;	
	text-decoration: 		none;
	color: 					#AF0056;

}

.false a:hover
{
	background:				#FFF url(../images/bg_rollover_true.gif) no-repeat;
	color:               #FFF;
}
.false_opleidingen a:hover
{
	background:				#FFF url(../images/bg_rollover_true.gif) no-repeat;
	color:               #FFF;
}

.true a 
{
	padding: 				8px 0px 0px 8px; /* clear images */
	display: 				block;
	width:					154px;
	height:					30px;	
	text-decoration: 		none;
	color: 					#FFF;
}
.true_opleidingen a 
{
	padding: 				8px 0px 0px 8px; /* clear images */
	display: 				block;
	width:					154px;
	height:					30px;	
	text-decoration: 		none;
	color: 					#FFF;
}

.true a:hover
{
   color:               #FFF;
}
.true_opleidingen a:hover
{
   color:               #FFF;
}

.contenthome .nonmargenta {
   border:              solid 0px #000000;
   border-collapse:     collapse;
}

.contenthome .nonmargenta td {
   border:              solid 0px #000000;
}

.contenthome .margenta td {   
   border:              solid 1px #C70066;
}

.contenthome .margenta {   
   border:              solid 1px #C70066;
   border-collapse:     collapse;
}