/*	--------------------------------------------------------------
	Standaard HTML elementen
	-------------------------------------------------------------- */
	body {
	margin: 0px; 
	padding: 0px; 
	background-color: #EBEFF8; 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	line-height: 14px;
	}
	
	p,td {
	margin: 0px; 
	padding: 0px; 
	background-color: #EBEFF8; 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	text-align:left;	
	vertical-align:top;
	line-height: 14px;
	}
		
	hr { height:1px; color: #6D85CD; border-style:dotted ;}		
	a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4866C0;
	line-height: 14px;
	}

	a:visited   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	line-height: 14px;
	}

	a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	line-height: 14px;
	}

	a:active  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4866C0;
	line-height: 14px;
	}
	
	.kop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000066;
	font-weight: normal;	
	padding: 0 0 0 10px;
	}
	
	.paginakop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000066;
	font-weight: normal;	
	background: transparent url(../images/main-paginakop-pijl.gif) no-repeat;
	background-position: 0px;
	padding: 0 0 0 10px
	}
	
	

	.tekst, txt			{ }
	.cssSpacer			{ height:10px; width:100%;}

/*	--------------------------------------------------------------
	Layout Home.aspx elementen
	-------------------------------------------------------------- */
	
	#pagewidth{ 
	width:745px; 
	background: transparent url(../images/left-background.gif) repeat left top;
	background-repeat:repeat-y;
	background-position: -66px 0px;			
	} 
	 
	#leftcol{
	width:234px; 
	float:left; 
	position:relative; 
	margin-left:-234px; 
	margin-right:0px; 
	padding:0px;
	}
	 
	#outer{ 
	margin-left: 234px ;  
	width: auto; 
	} 
	 
	#footer	{
	height:10px; 
	width:100%; 
	background: #000066 url(../images/footer-background.gif) repeat;
	background-repeat:repeat-y;	
	background-position: -2px;

	} 
	 
	#inner{padding:0; margin:0; width:100%}
	 
	#maincol{ 
	float: left; 
	width: 487px; 
	position: relative; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 
	border:1px;
	background: #EBEFF8 transparent url(../images/main-background.gif) no-repeat;
	background-position: 500px 50px
	}
	 
	#outer>#inner { border-bottom: 1px solid #EBEFF8 ;}
	 
	#menu{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 
	float:right;
	}
	
	#logo{
	margin: 9px 0px 10px 10px	
	}
	
	#contentHeader{
	width:100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 	
	}
	
	.content{padding: 19px 10px 10px 20px;} /*padding for content */ 

	#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
	 
	.clr{ clear:both;
	}
	 
	#ftrAnim {margin: 0px 5px 10px 10px;}
	 
	 
	@media print { 
	#leftcol{display:none;} 
	#outer{border-left:0;} 
	}
	
	
	/*------------------------------------------------------------
	Menu elementen
	------------------------------------------------------------ */

	#divNav {
	width: 195px;
	margin:  48px 4px 0 0;
	padding:  5px 0 5px 4px;
	background:  transparent url(../images/nav-div-background.gif) repeat left top;
	background-position: -81px 0px;
	}

	#divNav a:active, a:hover, a:visited, a:link {
	font-size: 10px;
	color: #000066;	
	}

	.aD2Groep, .aD2GroepOpen, .aD2GroepClosed, .aContact, .aContactOpen,.aContactClosed, .aVacatures, .aVacaturesOpen, .aVacaturesClosed, .aMedewerkers, .aMedewerkersOpen,	.aMedewerkersClosed 
	{
		display: block; 
		width: 195px;
		height: 17px;
		} 

	.aD2Groep {	background: transparent url(../images/nav-d2-on.gif) no-repeat left top } 
	.aD2Groep:hover	{ background: transparent url(../images/nav-d2-over.gif) no-repeat left top } 		
	.aD2GroepOpen {	background: transparent url(../images/nav-d2-open-on.gif) no-repeat left top } 
	.aD2GroepOpen:hover { background: transparent url(../images/nav-d2-open-over.gif) no-repeat left top }
	.aD2GroepClosed { background: transparent url(../images/nav-d2-close-on.gif) no-repeat left top } 		
	.aD2GroepClosed:hover { background: transparent url(../images/nav-d2-close-over.gif) no-repeat left top } 
	.aContact { background: transparent url(../images/nav-contact-on.gif) no-repeat left top } 
	.aContact:hover { background: transparent url(../images/nav-contact-over.gif) no-repeat left top } 
	.aContactOpen { background: transparent url(../images/nav-contact-open-on.gif) no-repeat left top } 
	.aContactOpen:hover { background: transparent url(../images/nav-contact-open-over.gif) no-repeat left top } 
	.aContactClosed { background: transparent url(../images/nav-contact-close-on.gif) no-repeat left top } 
	.aContactClosed:hover { background: transparent url(../images/nav-contact-close-over.gif) no-repeat left top } 
	.aVacatures { background: transparent url(../images/nav-vacatures-on.gif) no-repeat left top } 
	.aVacatures:hover { background: transparent url(../images/nav-vacatures-over.gif) no-repeat left top } 
	.aVacaturesOpen { background: transparent url(../images/nav-vacatures-open-on.gif) no-repeat left top } 
	.aVacaturesOpen:hover { BACKGROUND: transparent url(../images/nav-vacatures-open-over.gif) no-repeat left top } 
	.aVacaturesClosed { background: transparent url(../images/nav-vacatures-close-on.gif) no-repeat left top } 
	.aVacaturesClosed:hover { background: transparent url(../images/nav-vacatures-close-over.gif) no-repeat left top } 
	.aMedewerkers { background: transparent url(../images/nav-medewerkers-on.gif) no-repeat left top } 
	.aMedewerkers:hover { background: transparent url(../images/nav-medewerkers-over.gif) no-repeat left top } 
	.aMedewerkersOpen { background: transparent url(../images/nav-medewerkers-open-on.gif) no-repeat left top } 
	.aMedewerkersOpen:hover { background: transparent url(../images/nav-medewerkers-open-over.gif) no-repeat left top } 
	.aMedewerkersClosed { background: transparent url(../images/nav-medewerkers-close-on.gif) no-repeat left top } 
	.aMedewerkersClosed:hover { background: transparent url(../images/nav-medewerkers-close-over.gif) no-repeat left top } 

	.aMenuTop, .aMenuTopSelected, .aMenuTopSelectedOpen, .aMenuTopClosed,  .aMenuItem { 
	display: block; 
	width: 189px;
	height: 17px;
	margin: 0px;
	text-decoration: none;
	border-bottom: solid 1px;
	}
	
	.aMenuTop, .aMenuTopClosed {
	background: #DCE1F2;
	padding: 2px 0px 2px 0px;	
	}
	
	.aMenuTop:hover {
	background: #A9B6E1;
	padding: 2px 0px 2px 0px;	
	}
	
	.aMenuTopSelected, .aMenuTopSelectedOpen {
	background: #6D85CD;
	padding: 2px 0px 2px 0px;	
	}

	.aMenuTopSelectedOpen	{
	background: #6D85CD url(../images/nav-minus-open.gif) no-repeat right top ;
	background-position: 168px 2px;		
	}

	.aMenuTopClosed	{
	background: #DCE1F2 url(../images/nav-plus-closed.gif) no-repeat right top ;
	background-position:168px 2px;	
	}
	
	.aMenuTopClosed:hover {
	background: #A9B6E1 url(../images/nav-plus-closed.gif) no-repeat right top ;
	background-position:168px 2px;
	}	
	
	.aMenuItem {
	background: #AEBBE3;
	padding: 2px 0px 2px 0px;
	}	
	
	.aMenuItem:hover {
	background: #A4B2DF;
	padding: 2px 0px 2px 0px;
	}	
	

/*	--------------------------------------------------------------
	Template elementen
	-------------------------------------------------------------- */

	.ipFoto {
		float:right; 
		clear:both; 
		margin: 0px 5px 10px 5px; 
		padding:1px 1px 1px 1px;
	}
	
	.ipTerug {}
	
	.medewerkersButton 	{
	font: 9pt Arial; 
	font-weight:bold;	
	border: 1px	solid #6D85CC;
	background-color: #000066;
	color:White;
	}
	
	.medewerkersTextbox	{
	font: 9pt Arial; 
	border: 1px	solid #6D85CC;
	}
	
	#ipItemMenu {}
	.ipItemMenuItem {display:block;width:100%;}
	.ipItemMenuItem:hover { background-color:#AEBBE3}