
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }
html { overflow-y: scroll; }


html	{ padding: 0;
	  margin: 0;
	  min-width:1000px;
	
	}

	

body
{
    background-color:#f6f6f7;
	background-image:url('../images/site/body_background.jpg');
	background-repeat:repeat-y;
	background-position:center;

	
	color:#0f0f0f;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:8pt;
	padding:0;
	margin:0;
	text-align:center;
	
	
}


H1,H2,H3,H4,H5
{
    margin:0px;
	color:#000000;
    padding:0px;
}

H1	{	
		font-family:arial;
		font-size:16pt;
		border-bottom:#dae3ed 1px solid;
		width:100%;
		height:28px;
	}

H2	{	
		font-family:arial;
		font-size:9pt;
		width:100%;
		color:#777777;
		height:14px;
	}

	
a
{
    color:#0f0f0f;
    font-weight:bold;
	text-decoration:none;
}
a:hover
{
	color:#AA0000;
}
	
fieldset
{
	border-width:0;
	margin:0;
	padding:0;
}
form
{
	margin:0;
}
inputx, textareax
{
	background-color:#fdf5ed;
	border:#f5dac1 1px solid;
	font-family:  Arial, Sans-Serif;
	font-size:8pt;
	font-weight:bold;
	margin:0;
	padding-left:0px;
	padding:0px;
	text-indent:4px;
	height:19px;
	line-height:19px;
	width:215px;
}
inputx:focus, textarea:focus
{
    background-color:#FFFFFF;
}
inputx[disabled], textarea[disabled]
{
	color:#a0a0a0;
}

legend
{
	display:none;
}


div#Wrapper	{ 	margin:0 auto;
				width  : 978px;
				height : 100%;
				float  : middle;
				text-align : center;
			}
div#Container
{

	position:relative;	
	width:978px;
    min-width:978px;
	top:0px;
	left:0px;
	float:middle;
	text-align:left;
	height:100%;
	background-color:transparent;
}

div#Container div#Header
{
	background-image:url('../images/site/header.jpg');
    background-repeat:no-repeat;	
	background-position:top;
	background-color:transparent;
	float:left;
	width:978px;
	min-width:978px;
    height:144px;
}
	
div#Container div#Header div#search
{
	background-image:url('../images/site/search.jpg');
    background-repeat:no-repeat;	
	background-position:top;
	background-color:transparent;
	float:right;
	width:209px;
	min-width:209px;
    height:28px;
	margin-right:6px;
	margin-top:6px;
}

div#Container div#Header div#sitemap
{
	background-image:url('../images/site/sitemap75gray.png');
    background-repeat:no-repeat;	
	background-position:top;
	background-color:transparent;
	cursor:pointer;
	position:absolute;
	top:85px;
	left:880px;
	width:91px;
    height:52px;
}
div#Container div#Header div#sitemap:hover
{
	background-image:url('../images/site/sitemap75.png');
    background-repeat:no-repeat;	
	background-position:top;
	background-color:transparent;
	cursor:pointer;
	position:absolute;
	top:85px;
	left:880px;
	width:91x;
    height:52px;
}


div#Container div#Header div#search p
{
	float:top;
	margin-top:6px;
	margin-left:7px;
	padding:0px;
}

div#Container div#Header div#search .searchbox
{
	border:0px;
	background-color:#5377b0;
	color:#FFFFFF;
	font-weight:bold;
	font-family:arial;
	font-size:9pt;
	width:168px;
}





div#Container div#Content
{
    float:left;
	margin-left:15px;
    margin-top:0px;
	font-family:verdana;
	width:710px;
	min-height:649px;
}

div#Container div#Content p
{
	line-height:17px;
}


div#Container div#Banner
{
    float:left;
	margin-left:8px;
    margin-top:5px;
	font-family:verdana;
	width:230px;
    min-height:462px;
}

div#Container div#Banner div#Box
{

	background-image:url('../images/site/box_background.jpg');
	background-repeat:repeat-y;
	background-position:left;
	height : 475px;
	width  : 246px;
	margin : 0;
	
}

div#Container div#Banner div#Box div#Box_Header
{

	background-image:url('../images/site/box_header.jpg');
	background-repeat:no-repeat;
	background-position:top;
	height : 16px;
	width  : 246px;
	
}

div#Container div#Banner div#Box div#Box_Content
{
	margin-top:0px;
	margin-left:0px;
	height:100%;
	width:246px;
}

div#Container div#Banner div#Box div#Box_Content div#box_form_content
{
	clear:both;
	position:relative;
	top:0px;
	left:0px;
	width:226px;
	height:100%;
	margin:0px;
	padding:0px;
	
	margin-left:10px;
	margin-top:0px;
	
}

div#Container div#Banner div#Box div#Box_Content div#box_form_content p
{

	margin-left:10px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-top:2px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	
	width:100%;
	font-family:Arial;
	font-size:8pt;
	font-weight:bold;
	color : #777777;
	float:top;

}


div#Container div#Banner div#Box div#Box_Content div#box_form_content p span
{

    color:#b26c44;
	height:28px;
	line-height:28px;
    vertical-align:middle;
	font-family:arial;
	font-size:12pt;
    margin-left:0px;

}


div#Container div#Banner div#Box div#Box_Content div#box_form_content .Row

{
	float:left;
	width:100%;
	margin:0px;
	margin-left:10px;

}
.zoek_button
			{	color	: #000000;
				background-color:#CCCCCC;
				font-weight:bold;
				font-family:arial;
				font-size:8pt;
				border : #CCCCCC 2px solid;
				width  : 17px;
				float:left;
				height : 19px;
				margin :0px;
				margin-left:5px;
				padding-left:4px;
				line-height : 17px;
				background-image:url('../images/dropdown.gif');
				background-repeat:no-repeat;
				background-position:center;
	
			}


.btn_zoeken
{
	float:right;
	margin-top:5px;
	width:117px;
	height:44px;
	line-height:44px;
	background-image:url('../images/site/btn_zoeken.jpg');
	background-repeat:no-repeat;
	background-position:left;
	border:0px;
	cursor:pointer;
	color:#FFFFFF;
	text-align:center;
	margin-left:0px;
	font-weight:bold;
	font-family:Verdana, Arial;
	font-size:8pt;
	
}

.btn_zoeken:hover
{
	float:right;
	margin-top:5px;
	width:117px;
	border:0px;
	height:44px;
	line-height:44px;
	color:#FFFFFF;
	background-image:url('../images/site/btn_zoeken_hover.jpg');
	background-repeat:no-repeat;
	background-position:left;
	cursor:pointer;
	text-align:center;
	margin-left:0px;
	font-weight:bold;
	font-family:Verdana, Arial;
	font-size:8pt;

	
}



div#Container div#Banner div#Box div#Box_Content div#box_form_content div.btn_zoeken
{
	float:right;
	margin-top:5px;
	width:117px;
	height:44px;
	line-height:44px;
	background-image:url('../images/site/btn_zoeken.jpg');
	background-repeat:no-repeat;
	background-position:left;
	cursor:pointer;
	color:#FFFFFF;
	text-align:center;
	margin-left:0px;
	
}


div#Container div#Banner div#Box div#Box_Content div#box_form_content div.btn_zoeken:hover
{
	float:right;
	margin-top:5px;
	width:117px;
	height:44px;
	line-height:44px;
	color:#FFFFFF;
	background-image:url('../images/site/btn_zoeken_hover.jpg');
	background-repeat:no-repeat;
	background-position:left;
	cursor:pointer;
	text-align:center;
	margin-left:0px;
	
}


div#Container div#Banner div#Box div#Box_Content div#box_form_content div.btn_zoeken span
{

	font-weight:bold;
	font-family:Verdana, Arial;
	font-size:8pt;
	
}



.textdrop
{
	position:absolute;
	margin-top:1px;
	margin-left:-9px;
	height:20px;
	width:30px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	background-color:transparent;
}
.textbox
{
	background-color:transparent;
	margin-top:0px;
	margin-left:10px;
	border:#fff 0px solid;
	font-family:  Arial, Sans-Serif;
	font-size:8pt;
	font-weight:bold;
	text-indent:0px;
	width:204px;
	height:21px;
	line-height:21px;

}






div#Container div#Banner div#Box div#Box_Footer
{

	background-image:url('../images/site/box_footer.jpg');
	background-repeat:no-repeat;
	background-position:top;
	height : 14px;
	width  : 246px;
	margin-top:-18px;
}




div#Container div#Content div#PageHeader
{
    width:460px;
    height:32px;
}
div#Container div#Content div#PageHeader h2
{
    color:#b26c44;
	height:28px;
	line-height:28px;
    vertical-align:middle;
	font-family:arial;
	font-size:12pt;
    margin-left:0px;
}
div#Container div#Content div#PageView
{
    
	width:460px;
    /* min-height:410px; */
	margin-bottom:10px;
    padding:0px;
}

div#Container div#pagina
{
	width:978px;
	margin:0 0 0 0;
	padding:0px;
	float:left;
	min-height:500px;
}


div#Container div#ColumnLeft
{	width:227px;
    min-height:649px;
    float:left;
	margin-left:2px;
	padding-left:0;
	z-index:5000;
	background-image:url('../images/site/columnLeft.jpg');
	background-repeat:no-repeat;
	background-position:top;

}



div#Container div#ColumnLeft div#Navigation div#contact_msg
{
	background-image:url('../images/site/contact.gif');
    background-repeat:no-repeat;	
	background-position:top;
	background-color:transparent;
	float:left;
	width:219px;
	height:170px;
	min-height:170px;
}

div#Container div#ColumnLeft div#Navigation div#contact_msg  #contact_header
{
	margin-left:15px;
	margin-top:15px;
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
	color:#90a6c9;
	
}

div#Container div#ColumnLeft div#Navigation div#contact_msg  #contact_header div
{
	line-height:22px;	
}


div#Container div#ColumnLeft div#Navigation div#info_msg
{
	background-image:url('../images/site/info.gif');
    background-repeat:no-repeat;	
	background-position:top;
	background-color:transparent;
	float:left;
	width:242px;
	height:190px;
	min-height:190px;
}

div#Container div#ColumnLeft div#Navigation div#info_msg #info_header
{
	margin-left:15px;
	margin-top:15px;
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
	color:#90a6c9;
	
}

div#Container div#ColumnLeft div#Navigation div#info_msg #info_bubble
{
	margin-left:143px;
	margin-top:75px;
	font-family:arial;
	font-size:8pt;
	text-align:center;
	color:#444444;
	width:90px;
	
}

div#Container div#ColumnLeft div#Navigation div#info_msg #info_bubble .bub_amount
{
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
	color:#000000;
	
}

div#Container div#ColumnLeft div#Navigation .menuItms
{
	margin-top:20px;
	cursor:pointer;
}

div#Container div#ColumnLeft div#Navigation .menuItm
{
	font-family:arial;
	font-size:11pt;
	color:#000000;
	height:33px;
	line-height:33px;
	padding-left:20px;
}

div#Container div#ColumnLeft div#Navigation .menuItmActive
{
	font-family:arial;
	font-size:11pt;
	color:#444444;
	height:33px;
	line-height:33px;
	padding-left:20px;
	background-image:url('../images/site/menu_item.jpg');
	background-repeat:no-repeat;
	background-position:top;

}


div#Container div#ColumnLeft div#Navigation p
{
    text-decoration:none;
	width:172px;
    height:24px;
	line-height:24px;
    margin-bottom:0px;
	margin-right: 5px;
	padding-left:0px;
	margin: 0 0 0 0;
	text-indent:0;
	cursor:pointer;
}


div#Container div#ColumnLeft div#Navigation p span
{
    width:188px;
	margin-right:0px;
	margin-left:0px;
    padding-left:0px;
    text-decoration:none;
    display:block;
    height:24px;
	color:#333333;
	font-family:arial;
    line-height:24px;
    text-align:left;
	cursor:default;
	font-weight:bold;
	font-size:8pt;
  
}

div#Container div#ColumnLeft div#Navigation p a
{
    width:171px;
	margin-right:0px;
	margin-left:0px;
    padding-left:0px;
    text-decoration:none;
    display:block;
    height:24px;
	color:#333333;
	font-family:arial;
    line-height:24px;
    text-align:left;
}

div#Container div#ColumnLeft div#Navigation p a:hover
{
	color:#FFFFFF;
}

div#Container div#ColumnLeft div#Navigation p a:active
{
	width : 171px;
}

/*Form Stuff*/
div.FormRow
{
	clear:left;
	background-color:#0000FF;
	margin:0px;
	padding:0;
	height:19px;
	min-height:19px;
	width:220px;
	
}

div.FormRowText
{
	clear:left;
	background-color:#FF0000;
	margin:0px;
	padding:0;
	font-family:Arial;
	font-size:8pt;
	color:#777777;
	font-weight:bold;
	height:19px;
	min-height:19px;
	width:220px;
}


div.FormRowNB
{	
	margin-bottom:5px;
	padding-bottom:5px;
}
div.FormColumn1, label.FormColumn1
{
	display:block;
	float:left;
	line-height:18px;
	width:190px;
}
div.FormColumn1 em, label.FormColumn1 em
{
	color:#f00000;
	font-style:normal;
}
div.FormColumn2
{
	line-height:18px;
	margin-left:190px;
}

inputx.BtnSubmit
{
	background-color:#d8d5d0;
	border-bottom:solid 1px #404040;
	border-left:solid 1px #d0d0d0;
	border-right:solid 1px #404040;
	border-top:solid 1px #d0d0d0;
	cursor:pointer;
	margin:0 5px 0 0;
	width:100px;
}
inputx.CommonTextM
{
	width:216px;
}

textarea.CommonTextTxt
{
	height:150px;
	width:250px;
}


/*Foto Albums */

div.Fotos div.Item
{
    background-color:#e0e0e0;
    border:solid 1px #a8a5a0;
    float:left;
    margin:0 10px 10px 0;
    width:160px;
    min-height:210px;
}
div.Fotos div.Item div.Wrapper
{
    margin:5px;
    width:150px;
}
div.Fotos div.Item div.Wrapper p
{
    margin:0;
    margin-top:3px;
    padding:0;
    text-align:center;
}
div.Fotos div.Item div.Wrapper a img 
{
    border-width:0;
        background-position:center;
    background-repeat:no-repeat;
    display:block;
    height:150px;
    width:150px;
}



/*  ===================== DIALOGS ============================================ */

		div#lookup	{	
							width:600px;
							height:500px;
							border:#AAAAAA 1px solid;
							float:left;
							text-align:left;
							
					
					}
	
									
		div#lookup div#footer_div	{	margin-bottom:0px;
									margin-left:10px;
									width:380px;
									height:26px;
									text-align:right;
								}
	
	


		div#lookup div#inner_div	{	margin-top:0px;
									background-color:#FAFAFA;
									border:#d4d0c8 1px solid;
									border-bottom:#FFFFFF 2px solid;
									border-right:#FFFFFF 2px solid;
									margin-left:10px;
									width:380px;
									height:220px;
									overflow-y:scroll;
									overflow-x:hidden;
									}

									
		div#inner_div_items	{	margin:0px;
							}

									
		div#lookup div#inner_div p a

		{
			width:100%;
			float:left;
			height:24px;
			line-height:24px;
			text-decoration:none;
			margin-left:0px;
			color:#000000;
			}
		
		div#lookup div#inner_div p a:hover

		{
			width:100%;
			float:left;
			height:24px;
			line-height:24px;
			text-decoration:none;
			margin-left:0px;
			color:#FFFFFF;
			margin-left:10px;
			}
		
		
		div#inner_div_items p

		{
			background-color:#FFO000;
			height:24px;
			line-height:24px;
			color:#000000;
			width:100%;
			margin:0px;
			margin-left:10px;
		}
		
		div#inner_div_items p:hover
		{
			background-color:#000088;
			color:#FFFFFF;
			height:24px;
			line-height:24px;
			width:100%;
			margin:0px;
		}
		
		div#lookup h2	{	color:#b26c44;
	height:28px;
	line-height:28px;
    vertical-align:middle;
	font-family:arial;
	font-size:12pt;
    margin-left:0px;
		width:100%;
							margin-left:10px;
						
}


.hr		{

			border			 : #FFFFFF 0px solid;
			border-top		 : #CCCCCC 1px solid;
			width 			 :100%;
	
		}
.button
		{
		
			border 			 : #AAAAAA 1px solid;
			background-color : #CCCCCC;
			color			 : #000000;
			width			 : 85px;
			height			 : 22px;
			cursor			 : pointer;
			font-weight		 : bold;
			font-family		 : arial,verdana;
			font-size		 : 8pt;
			
		}
.buttonblok
		{
			float:left;
			width:100%;
		}

.item_blok

		{	margin				: 0 0 0 0;
			width 				: 100%;
			float 				: left;
			margin-bottom		 : 10px;
			border-top		:#CCCCCC 1px solid;
			
		}
		
.profiel_standaard

		{	width 				: 20px;
			height				: 32px;
			background-image	: url('../images/geen_profiel.gif');
			background-repeat	: no-repeat;
			background-position : left;
			float:left;
		}
.profiel_uitgebreid

		{	width 				: 20px;
			height				: 32px;
			background-image	: url('../images/profiel.gif');
			background-repeat	: no-repeat;
			background-position : left;
			float:left;
		}

.profiel_data

		{
			
			float:left;
			width:470px;
			overflow:hidden;
		}
		
.profiel_kantoor

		{	margin-left			: 5px;
			margin-top			: 5px;
			font-weight			: bold;
			height				: 18px;
			font-size			: 10pt;
			text-decoration		: none;
			float				: left;
			color				: #0000AA;
		}	
.profiel_kantoor a
			
			{	
				text-decoration : none;
				color			: #0000AA;
			}
.profiel_kantoor a:hover
			
			{	
				text-decoration : none;
				color			: #CC0000;
			}

.profiel_plaats

		{	margin-left			: 5px;
			font-weight			: bold;
			color				: #888888;
			font-size			: 8pt;
			text-decoration		: none;
			width				: 125px;
			float				: left;
		}	
		
.profiel_tabel
		{
			width:100%;
			float:left;
		}
.profiel_soorten

		{	margin-left			: 5px;
			font-weight			: none;
			width				: 200px;
			color				: #888888;
			font-size			: 8pt;
			text-decoration		: none;
			float				: left;
		}	

.profiel_divers

		{	margin-left			: 5px;
			font-weight			: none;
			width				: 125px;
			color				: #888888;
			font-size			: 8pt;
			text-decoration		: none;
			float				: left;
		}	
		
div#goback	{	width:100%;
				text-align:right;
				margin:0;
				color:#0000CC;
			}
			
div#goback a	{ 	margin-right:15px;
				text-decoration:none;
				color:#0000CC;
			}
div#goback a:hover	{ 	margin-right:15px;
				text-decoration:none;
				color:#CC0000;
			}

.aStandaard	{	height : 17px;
			line-height : 17px;
			margin-right : 10px;
			float:left;
		}
			
			
.aText	{	height : 17px;
			line-height : 17px;
			margin-right : 10px;
			float:left;
		}
.aText a { text-decoration:none;
			color:#0000AA;
		}
.aText a:hover { text-decoration:none;
			color:#AA0000;
		}

		
.aLogon	{	height				: 17px;
			line-height			: 17px;
			background-image	: url('../images/logon.gif');
			background-repeat	: no-repeat;
			background-position : left;
			float:left;
		}
.aLogon a {	margin-left :20px;
			text-decoration:none;
			color:#0000AA;
			
		}
.aLogon a:hover {	margin-left :20px;
					text-decoration:none;
					color:#AA0000;
				}
		


		
#datasection	{ width :490px;
			  margin:0px;
			 }
			 
#datasection p	{	margin-top:10px;
					margin-left:10px;
				}			 
.Row
			{
				float:left;
				width:480px;
				margin:5px;
			}
.datatext		
			{
				color	: #999999;
				font-weight:bold;
				font-family:arial;
				font-size:8pt;
				float:left;
				width:100px;
				height:20px;
				line-height:20px;
			}

.databox	{	color	: #555555;
				font-weight:bold;
				font-family:arial;
				font-size:8pt;
				border : #faa96e 1px solid;
				width  : 50px;
				text-align:right;
				margin :0px;
				margin-left:5px;
				height : 20px;
				padding-left:4px;
				line-height : 20px;
			}
.databox_verplicht	{	color	: #555555;
				font-weight:bold;
				font-family:arial;
				font-size:8pt;
				border : #FF0000 2px solid;
				background-color:#fdb9bb;
				width  : 170px;
				height : 17px;
				margin :0px;
				padding-left:4px;
				line-height : 16px;
			}

.databox_xl	{	color	: #555555;
				font-weight:bold;
				font-family:arial;
				font-size:8pt;
				border : #faa96e 2px solid;
				width  : 360px;
				height : 17px;
				margin :0px;
				padding-left:4px;
				line-height : 16px;
			}

.databox_xl_verplicht	{	color	: #555555;
				font-weight:bold;
				font-family:arial;
				font-size:8pt;
				border : #FF0000 2px solid;
				background-color:#fdb9bb;
				width  : 360px;
				height : 17px;
				margin :0px;
				padding-left:4px;
				line-height : 16px;
			}
			
.dataarea	{	background-color:#FFFFFF;
				color	: #555555;
				font-weight:bold;
				font-family:arial;
				font-size:8pt;
				border : #faa96e 2px solid;
				margin :0 0 0 0;
				padding-left:4px;
				height:200px;
				width:360px;
				overflow:hidden;
				
			}
.verplicht	{
				color:#FF0000;
				font-size:12pt;
			}
			
.main_item_header
{
	font-family:Arial;
	font-size:12pt;
	margin-left:90px;
	font-weight:bold;
	margin-top:10px;
	color:#389073;
	height:20px;
}
.main_item_header A
{
	color:#389073;
}
.main_item_header A:hover
{
	color:#AA0000;
}

.main_item_text
{
	margin-left:90px;
	line-height:17px;
}
		
.sub_item
{
	width:1000px;
	float:left;
	background-color:#FF0000;
}		
		
.main_item_middelen
{
	background-image:url('../images/items/middelen.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:600px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}


.main_item_facility
{
	background-image:url('../images/items/facility.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:600px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}


.main_item_management
{
	background-image:url('../images/items/management.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:600px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}

.main_item_algemeen
{
	background-image:url('../images/items/algemeen.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:600px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}

.sub_item_voorraadbeheer
{
	background-image:url('../images/items/voorraadbeheer.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}

.sub_item_leerlingadministratie
{
	background-image:url('../images/items/leerlingadministratie.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}

.sub_item_hrm
{
	background-image:url('../images/items/hrm.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}

.sub_item_verzuim
{
	background-image:url('../images/items/verzuim.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}

.sub_item_verlof
{
	background-image:url('../images/items/verlof.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}

.sub_item_agressie
{
	background-image:url('../images/items/agressie.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}

.sub_item_onderhoud
{
	background-image:url('../images/items/middelen.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}

.sub_item_foto
{
	background-image:url('../images/items/foto.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}

.sub_item_website
{
	background-image:url('../images/items/algemeen.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}


.sub_item_bladerboek
{
	background-image:url('../images/items/koerier.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}

.sub_item_sleutelbeheer
{
	background-image:url('../images/items/sleutelbeheer.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}


.sub_item_ruimtebeheer
{
	background-image:url('../images/items/ruimtebeheer.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}

.sub_item_inventaris
{
	background-image:url('../images/items/inventaris.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}



.sub_item_evenementen
{
	background-image:url('../images/items/evenementen.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}


.sub_item_kwaliteitsdashboard
{
	background-image:url('../images/items/kwaliteitsdashboard.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}

.sub_item_projecten
{
	background-image:url('../images/items/projecten.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}

.sub_item_planning
{
	background-image:url('../images/items/planning.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}

.sub_item_kto
{
	background-image:url('../images/items/kto.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}

.sub_item_competenties
{
	background-image:url('../images/items/competenties.jpg');
    background-repeat:no-repeat;	
	background-position:left-top;
	background-color:transparent;
	float:left;
	width:348px;
	margin-right:6px;
	margin-top:6px;
	min-height:100px;
}



.bc
{
	width:700px;
	font-size:7pt;
	float:left;
	position:absolute;
	top:122px;
	left:245px;
}


.demo_aanvragen
{
	background-image:url('../images/site/demo_aanvragen711.jpg');
    background-repeat:no-repeat;	
	background-position:left;
	background-color:transparent;
	float:left;
	width:711px;
	min-height:147px;
	margin-bottom:10px;
}

.demo_aanvragen span
{	float:left;
	margin-left:150px;
	margin-top:15px;
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
	width:100%;
	color:#90a6c9;
	cursor:pointer;
	margin-bottom:14px;
}

.demo_aanvragen p
{	float:left;
	margin-left:150px;
	margin-top:4px;
	width:525px;
	font-weight:normal;
	line-height:14px;
	color:#3a5e76;
	font-family:verdana;
	font-size:8pt;
	cursor:pointer;
}


.demo_show
{
	background-image:url('../images/site/demo_show711.jpg');
    background-repeat:no-repeat;	
	background-position:left;
	background-color:transparent;
	float:left;
	width:711px;
	min-height:187px;
	margin-bottom:10px;
}

.demo_show span
{	float:left;
	margin-left:150px;
	margin-top:15px;
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
	width:100%;
	color:#90a6c9;
}

.demo_show p
{	float:left;
	margin-left:150px;
	margin-top:18px;
	font-weight:normal;
	line-height:14px;
	color:#3a5e76;
	font-family:verdana;
	font-size:8pt;
}



.bc_gray
{
	color:#777777;
	float:left;
}
.bc_active
{
	color:#0000AA;
	float:left;
	margin-left:8px;
}

#image_viewer
{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:10px;
	float:left;
	padding:0px;
	width:100%;
}

#image_viewer p
{
	margin:0px;
	padding:5px;

}

#image_viewer p a
{
	color : #BBBBBB;
	
}

#image_viewer p a:hover
{
	color : #AA0000;
}


#detailfooter
{
	background-image:url('../images/footer_background.jpg');
    background-repeat:no-repeat;	
	background-position:left;
	background-color:transparent;
	float:left;
	width:710px;
	height:38px;
}

#detailfooter_left
{
	float:left;
	margin-left:20px;
	height:28px;
	line-height:38px;
}

#detailfooter_right
{
	float:right;
	margin-right:20px;
	height:28px;
	line-height:38px;
}


#ipd
{
		/*width:600px;
		height:500px;*/
		width:100%;
		border:#AAAAAA 0px solid;
		float:left;
		text-align:left;

}


#ipd div
{
 float:left;
}

#ipd p
{
clear:both;
}


#ipd .check
{
height:19px;
line-height:19px;
width:20px;
float:left;
}

#ipd .checkbox
{
float:left;
cursor:pointer;
line-height:19px;
}

#ipd .row
{
float:left;
height:19px;
line-height:19px;
width:250px;
margin :0px;
margin-left:5px;
				
}


#ipd .cell
{
float:left;
height:19px;
line-height:19px;
width:75px;
margin :0px;
margin-left:5px;
				
}


.input_number_rw {	color	: #555555;
				font-weight:bold;
				font-family:arial;
				font-size:8pt;
				border : #faa96e 1px solid;
				width  : 50px;
				text-align:right;
				margin :0px;
				margin-left:5px;
				height : 17px;
				padding-left:4px;
				line-height : 16px;
				float:left;
			}

.input_number_ro {	color	: #888888;
				font-weight:bold;
				font-family:arial;
				font-size:8pt;
				border : #AAAAAA 1px solid;
				width  : 50px;
				text-align:right;
				margin :0px;
				margin-left:5px;
				height : 17px;
				padding-left:4px;
				line-height : 16px;
				float:left;
			}


			
#contact
{
		/*width:600px;
		height:500px;*/
		width:100%;
		border:#AAAAAA 0px solid;
		float:left;
		text-align:left;

}


#contact div
{
 float:left;
 width:500px;
 height:26px;
}


#contact .row
{
float:left;
height:19px;
line-height:19px;
width:150px;
margin :0px;
margin-left:5px;
				
}


#contact .cell
{
float:left;
height:19px;
line-height:19px;
width:75px;
margin :0px;
margin-left:5px;
				
}


.input_contact {	color	: #555555;
				font-weight:bold;
				font-family:arial;
				font-size:8pt;
				border : #AAAAAA 1px solid;
				width  : 200px;
				text-align:left;
				margin :0px;
				margin-left:5px;
				height : 17px;
				padding-left:4px;
				line-height : 16px;
				float:left;
			}
			