*
{
	margin: 0px;
	padding: 0px;
	/* line-height: 0px; */
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
}

#outercontainer
{

	background-repeat: repeat-y;
	background-position: center top;
}

body
{
	margin: 0px 16px 0px 16px;
	padding: 0px;
	text-align: center;
} 

body table tr td
{
	padding: 0 12px 4px 0;
	vertical-align: top;
}

body table tr td.nowrap
{
	white-space: nowrap;
} 

form
{
	margin: 0px;
	padding: 0px;
}

ul
{
	margin: 0px;
	/* padding: 0px;
	list-style-type: none;
	list-style-position: default; */
}

a
{
	color: #000;
}

a:hover
{
	text-decoration: underline;
}

img
{
	border: none;
	margin: 0px;
	padding: 0px;
}

/* plaatjes geplaatst met UBB */
.fullimage
{
	float: left;
	clear: both;
	margin: 10px 0px 12px 0px;
	line-height: 0px;
}

.hide
{
	display: none;
}

.clear
{
	float: none;
	clear: both;
}

zdiv
{
	border-color: #CF0;
	border-width: 1px;
	border-style: solid;
}

#outer
{
	/*width: 825px;*/
	width: 823px;
	min-height: 575px;
	_height: 575px;
	/*height:expression(575+"px");*/
	margin: 0px auto 0px auto;
	text-align: left;
	background-image: url(gui/backgrounds/bodyback.gif);
	/*background-image: url(gui/img/background_lft_xtralong.jpg);*/
	background-repeat: repeat-y;
	background-position: left top;
	/* background-color: #ccc; */
}

.outer
{
	background-image: url(gui/backgrounds/algemeen.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.outerrood
{
	background-image: url(gui/backgrounds/organisaties.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.outerblauw
{
	background-image: url(gui/backgrounds/diploma.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.outerpaars
{
	background-image: url(gui/backgrounds/educatie.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.outeroranje
{
	background-image: url(gui/backgrounds/promotions.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/******************************************************************************
* Bovenbalk
******************************************************************************/

#hdr
{
	width: 823px;
	/* width: 714px */
}

/* logo */
h1#logo a
{
	color: #fff;
	float: left;
	display: block;
	width: 179px;
	height: 77px;
	margin: 0px 15px 0px 0px;
	background-image: url(gui/img/nrz_logo.gif?2);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

div#payoff
{
	float: left;
	width: 628px;
	height: 77px;	
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	
	/* background met menu */
	background-image: url(gui/menu/nrz_header_met_menu.gif);
}


div#hdr #searchcontainer
{
	position:absolute;
	top:28px;
	left:50%;
	height:16px;
	color: #FFF;
	width:406px;
	z-index:200;
}

div#hdr #search
{
	float:right;
}

div#hdr #search input.text
{
	font-family: Verdana;
	height: 14px;
	padding: 2px 0 0 2px;
	border-color: #F5F5F5;
	border-width: 2px 0 0 2px;
	border-style: solid;
}

div#hdr #search span,
div#hdr #search input.text,
div#hdr #search .formbutton
{
	padding: 0;
	margin: 0;
	border-style: none;
	vertical-align: bottom;
	border-width: 0px;
}

div#hdr #search span
{
	height: 14px;
	vertical-align: bottom;
}

/* ze willen toch een hoofdmenu in de header, dus onderstaand voorlopig uitgezet */
/*
.payoff
{
	background-image: url(gui/img/nrz_header.gif);
	
}

.payoffrood
{
	background-image: url(gui/img/nrz_header_rood.gif);
}

.payoffblauw
{
	background-image: url(gui/img/nrz_header_blauw.gif);
}

.payoffpaars
{
	background-image: url(gui/img/nrz_header_paars.gif);
}

.payofforanje
{
	background-image: url(gui/img/nrz_header_oranje.gif);
}
*/


/******************************************************************************
* 	BOXES menu
******************************************************************************/
#boxescontainer
{
	position: absolute;
	left: 50%;
	margin-left: -412px;
	margin-top:52px;
	width: 823px;
	text-align: right;
	z-index:100;
}

#boxescontainer ul.boxes
{
	float: right;
	background-color: #FFF;
	padding-top:22px;
}

#boxescontainer ul.boxes li
{
	float: left;
	list-style-type: none;
	margin-left:2px;

}



/******************************************************************************
* LINKS
******************************************************************************/

#lft
{
	float: left;
	display: block;
	width: 179px;
	/* height: expression(480+"px"); */
	/* min height hack voor win ie */
	/* min-height: 550px; */
	/* height: 505px; */
	margin: 0px 15px 0px 0px;
	/* background-image: url(gui/img/fake_panels_left.gif);
	background-repeat: no-repeat;
	background-position: center bottom; */
	/*background-color: #00aae8;*/
	}

/* nav menu links */
#navigation
{
	position:relative;
	/* min-height: 480px; */
	margin: 20px 0px 16px 0px;
	background-color: #00aae8;
	margin-bottom: 20px; /* hoogte van de afbeelding in de linker achtergrond */
	z-index:200;
	
}

/* hoofdmenu */
#navigation ul li
{
	list-style-type: none;
	list-style-position: default;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 12px;
}

#navigation ul li.hi,#navigation ul li.hihaskids
{
	background-image: url(gui/menu/arrow_circle2.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}

#navigation ul li a
{
	color: #f0fafe;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#navigation ul li a.hi
{
	color: #fff;
}
#navigation ul li a.hihaskids
{
	color: #fff;
}

/* submenu 1 */
#navigation ul li ul li
{
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 8px;
	background-image: url(gui/menu/arrow_dot.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	
}

#navigation ul li ul li.hi
{
	background-image: url(gui/menu/arrow_dot_hi.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}

#navigation ul li ul li.haskids
{
	background-image: url(gui/menu/arrow_closed.gif);
}

#navigation ul li ul li.hihaskids
{
	background-image: url(gui/menu/arrow_open.gif);
}

#navigation ul li ul li a
{
	color: #003966;
	font-size: 10px;
	font-weight: normal;
}

#navigation ul li ul li a:hover
{
	color: #fff;
}

#navigation ul li ul li a.hi
{
	color: #fff;
}

#navigation ul li ul li a.hihaskids
{
	color: #fff;
}

/* submenu 2 */
#navigation ul li ul li ul li a
{
	color: #003966;
}

/*  */

#actie
{
	margin: 20px 12px 0 12px;
	padding: 0 0 240px 0;
	line-height: 0px;
}

#actie div.fullwidth
{
	margin-left:-12px;
}

#actie a.wide
{
	display:inline-block;
	margin:20px 0 0 -10px;
}

/* plaatjes onder menu */
#images
{
	margin: 20px 12px 12px 12px;
	line-height: 0px;
}

/******************************************************************************
* 
******************************************************************************/

#main
{
	margin: 0px 0px 16px 0px;
}


#content
{
	float: left;
	display: block;
	/*width:438px;*/
	width: 437px;
	margin: 86px 16px 0px 0px;
}

#content h2
{
	color: #e41f1f;
	font-size: 16px;
	margin: 0px 0px 14px 0px;
	
}

#content.rood h2
{
	color: #e41f1f;
}
#content.blauw h2
{
	color: #003f6e;
}
#content.paars h2
{
	color: #9085d2;
}
#content.oranje h2
{
	color: #f07800;
}

#content a
{
	color: #e41f1f;
	text-decoration: none;
}

#content a:hover
{
	text-decoration: underline;	
}

#content.rood a
{
	color: #e41f1f;
}
#content.blauw a { color: #E41F1F; }
#content.paars a
{
	color: #9085d2;
}
#content.oranje a
{
	color: #f07800;
}

#content p,
#content div.lead,
#content div.body
{
	color: #003f6e;
	line-height: 130%;
	margin: 0px 0px 14px 0px;
}
#content div.lead
{
	font-weight: bold;
}
#content p.nospace
{
	margin: 0px 0px 2px 0px;
}

#content p.list
{
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(gui/menu/arrow_dot.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}

#content p.more
{
	clear: both;
}

#content strong
{
	color: #003f6e;
}

#content p i { font-style: italic; }

#content ul.in_content
{
	color: #003f6e;
	line-height: 130%;
	margin: 2px 0px 8px 16px;
}
#content ul.nomargin
{
	margin: 2px 0px 0px 16px;
}
#content div.images
{
	float: right;
	/* width: 160px; */
	margin: 4px 0px 0px 4px;
}

#content div.images div.panel
{
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: center center;
}



#content div.images div.panel img
{
	display: block;
}

#content #main .body table tr td
{
	padding: 1px 6px 2px 3px;
	vertical-align: top;
	border-width: 0 1px 1px 0;
	border-color: #073A6C;
	border-style: solid;
}

#content #main .body table tr td,
#content #main .body table tr td b
{
	font-size: 9px;
}

#content #main .body table tr td b i { font-style: italic; }

/******************************************************************************
* 
******************************************************************************/

#content .searchresult
{
	border-color: #00B0E9;
	border-width: 0 0 0 0;
	border-style: solid;
	padding: 7px 0 7px 0;
}

#content .searchresult h3
{
	font-size: 11px;
	font-weight: normal;
}

#content .searchresult h3 a
{
	font-size: 13px;
	font-weight: bold;
}

.pagination a.active
{
	font-weight: bold;
	color: #00446F;
	text-decoration: underline;
}

/******************************************************************************
* 
******************************************************************************/

form.undefined label,
form.styled label
{
	display: block;
	margin-top: 6px;
	margin-bottom: 2px;
}

form.undefined input.text
{
	width: 300px;
}

form.styled div
{
	width: 300px;
}

form.styled .w30,
form.styled .w50,
form.styled .w70
{
	float:left;
	clear:none;
}

form.styled .w30,
form.styled .w30 input.text
{
	width:100px;
}

form.styled .w50,
form.styled .w50 input.text
{
	width:150px;
}

form.styled .w70,
form.styled .w70 input.text
{
	width:200px;
}

form.styled .w100,
form.styled .w100 input.text
{
	width:300px;
}


#form_error_report
{
	margin-top: 6px;
	margin-bottom: 6px;
	color: #F30;
}

/******************************************************************************
* 
******************************************************************************/

#rgt
{
	float: left;
	display: block;
	width: 174px;
	margin-top:70px;
}

#sidebar
{
	margin: 20px 0px 0px 0px;
}

#sidebar div.panel
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-color: #8aabb3;
}
#sidebar div.panel img
{
	display: block;
}
#sidebar div.panel h2
{
	padding: 1px 8px 5px 8px;
}
#sidebar div.panel h2 a
{
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#sidebar div.panel p
{
	padding: 0px 8px 3px 8px;
	color: #003f6e;
	
	display:block;
	width:157px;
	overflow:hidden;
}

#sidebar div.panel p a
{
	color: #eee;
	/* color: #003f6e; donkerblauw */
	text-decoration: none;
}


/* ##############################################################
						 	FORM																																																							MAIN 
###############################################################*/

#content .form
{
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color:#00a8e7;
	display: block;
	padding:0;
	width: 436px;
}

#content .form h3
{
	padding: 8px 8px 8px 24px;
	color: #FFF;
	background-color: #00a8e7;
	font-size: 14px;
}

#content form.undefined
{
	padding: 14px 24px 14px 24px;
	
}

#content form.undefined div
{
	float: left;
	clear: none;
	width: 99%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#content form.undefined div.w30
{
	width:29%;
}

#content form.undefined div.w50
{
	width:49%;
}

#content form.undefined div.w70
{
	width:69%;
}

#content input,
#content textarea,
#content select
{
	width: 98%;
	padding: 3px 0 2px 2px;
	margin: 0 0 6px 0;
	font-family: Arial,Verdana;
	font-weight: bold;
}

#content input.checkbox {
	width: 10%;
	padding: 3px 0 2px 2px;
	margin: 0 0 6px 0;
	font-family: Arial,Verdana;
	font-weight: bold;
}

.check {
float:left;
width: 10px;}

.red
{
	color: #7d0022;
}

#form_error_report 
{ 
	font-style: italic; 
	padding-bottom:3px;
	color: #7d0022;
	height: 20px;
	display: block;
}

.form_error_report
{
	color: #7d0022;
	font-weight: normal;
	font-style: normal;
}


/******************************************************************************
* 
******************************************************************************/

#ftr
{
	clear: both;
}