﻿/* CSS Document */

body 						{margin:0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#6c5735;}
	
img 						{border:none;}

div.topBg 					{background-color:#FFFFFF; width:100%; text-align:center; height:110px; font-size:70%;}

div.topContent 				{position:relative; margin:0 auto; width:950px; height:110px; text-align:left;}

div.ahLogo 					{position:absolute; left:15px; bottom:13px;}
	
div.topInput 				{position:absolute; width:263px; height:60px; right:7px; bottom:20px; color:#b6b7b9;}

div.topInLeft 				{position:relative; width:58px; height:20px; float:left; line-height:155%; text-align:right;}
	
div.topInRight				{position:relative; margin-left:5px; width:200px; height:22px; float:left; line-height:125%;}

input.search 				{height:16px; width:165px; border:1px solid #b6b7b9; font-size:100%; vertical-align:middle}

input.searchImage			{margin-left:3px; vertical-align:middle}

div.bannerBg				{width: 100%; text-align:center; height:127px; font-size:70%;}

/**div.bannerContent 			{background-image:url(../img/bannerTop.jpg); background-repeat:no-repeat; position:relative; margin:0 auto; width:950px; height:127px; text-align:left; margin-top:5px;}**/
div.bannerContent 			{position:relative; margin:0 auto; width:950px; height:127px; text-align:left; margin-top:5px;}

div.bodyBg 					{background-color:#FFFFFF; width:100%; text-align:center; font-size:75%; line-height:150%;}

div.bodyContainer 			{position:relative; margin:0 auto; width:960px; text-align:left; background-color:#FFFFFF; padding-top:10px;}

/* div.nav 					{width:190px; float:left; padding:0 0 0 20px; position:relative; margin:0 0 125px 0; font-size:100%;} */
div.nav 					{width:190px; float:left; padding:0 0 0 20px; position:relative; margin:0 0 5px 0; font-size:100%;}

/** > div.nav 					{width:190px; float:left; padding:0 0 0 15px; position:relative; margin:0 0 125px 5px; font-size:105%;}*/

div.nav a, div.nav a:focus, div.nav a:active {color:#000; text-decoration:none; line-height:2em; width:90%; display:block;}

div.nav ul 					{list-style:none; padding:0; margin:0; position:relative;}

/* ******************************************************** */
/* KJ 12-09-2008 : Grouped common styles together, separate out just the colors */
/* ******************************************************** */
div.nav .navBg1, div.nav .navBg2, div.nav .navBg3, div.nav .navBg4, div.nav .navBg5, div.nav .navBg6, div.nav .navBg7, div.nav .navBg8, div.nav .navBg9, div.nav .navBg10, div.nav .navBg11, div.nav .navBg12,
div.nav li.selectedBg1, div.nav li.selectedBg2, div.nav li.selectedBg3, div.nav li.selectedBg4, div.nav li.selectedBg5, div.nav li.selectedBg6, div.nav li.selectedBg7, div.nav li.selectedBg8, div.nav li.selectedBg9, div.nav li.selectedBg10, div.nav li.selectedBg11, div.nav li.selectedBg12
            				{border-left: 10px solid #006f3a; list-style:none; background-color:#e4ecf8; margin:2px 0px 2px 0px; padding:0px 1px 0px 8px;}

div.navImage1, div.navImage2, div.navImage3, div.navImage4, div.navImage5, div.navImage6, 
div.navImage7, div.navImage8, div.navImage9, div.navImage10, div.navImage11, div.navImage12				
							{width:181px; padding-left:9px; padding-bottom:4px; margin-bottom:8px;}
							
#mainContent h1.head1, #mainContent h1.head2, #mainContent h1.head3, #mainContent h1.head4, #mainContent h1.head5, #mainContent h1.head6,
#mainContent h1.head7, #mainContent h1.head8, #mainContent h1.head9, #mainContent h1.head10, #mainContent h1.head11, #mainContent h1.head12
							{font-size:220%; font-weight:normal; margin:0;}


/* ******************************************************** */
/* KJ 12-09-2008 : Change colors in following 2 sections to set head and img bg colors */
/* ******************************************************** */
/*
//Background MenuImage
//Bleu
div.navImage1				{background-color:#19c1f3;}
div.navImage2				{background-color:#008ed3;}
div.navImage3				{background-color:#0076cc;} 
div.navImage4				{background-color:#0f6bb5;}
div.navImage5				{background-color:#0054a6;}
div.navImage6				{background-color:#003596;}
//Green
div.navImage7				{background-color:#8cc63f;}
div.navImage8				{background-color:#5Dbb46;}
div.navImage9				{background-color:#22b14c;}
div.navImage10				{background-color:#28903a;}
div.navImage11				{background-color:#007e3a;}
div.navImage12				{background-color:#006f3a;}

//Menu Items
//Bleu
div.nav .navBg1,  div.nav li.selectedBg1  {border-left-color: #19c1f3;}
div.nav .navBg2,  div.nav li.selectedBg2  {border-left-color: #008ed3;}
div.nav .navBg3,  div.nav li.selectedBg3  {border-left-color: #0076cc;}
div.nav .navBg4,  div.nav li.selectedBg4  {border-left-color: #0f6bb5;}
div.nav .navBg5,  div.nav li.selectedBg5  {border-left-color: #0054a6;}
div.nav .navBg6,  div.nav li.selectedBg6  {border-left-color: #003596;}
//Green
div.nav .navBg7,  div.nav li.selectedBg7  {border-left-color: #8cc63f;}
div.nav .navBg8,  div.nav li.selectedBg8  {border-left-color: #5Dbb46;}
div.nav .navBg9,  div.nav li.selectedBg9  {border-left-color: #22b14c;}
div.nav .navBg10, div.nav li.selectedBg10 {border-left-color: #28903a;}
div.nav .navBg11, div.nav li.selectedBg11 {border-left-color: #007e3a;}
div.nav .navBg12, div.nav li.selectedBg12 {border-left-color: #006f3a;}

//Content Titels
//Bleu
#mainContent h1.head1		{color:#19c1f3; margin:10px 0 0 0;}
#mainContent h1.head2		{color:#008ed3;}
#mainContent h1.head3		{color:#0076cc;}
#mainContent h1.head4		{color:#0f6bb5;}
#mainContent h1.head5		{color:#0054a6;}
#mainContent h1.head6		{color:#003596;}
//Green
#mainContent h1.head7		{color:#8cc63f;}
#mainContent h1.head8		{color:#5Dbb46;}
#mainContent h1.head9		{color:#22b14c;}
#mainContent h1.head10		{color:#28903a;}
#mainContent h1.head11		{color:#007e3a;}
#mainContent h1.head12		{color:#006f3a;}
*/

/*Background MenuImage*/
/*Bleu*/
div.navImage1				{background-color:#19c1f3;}
div.navImage2				{background-color:#0076cc;} 
div.navImage3				{background-color:#0054a6;}
div.navImage4				{background-color:#003596;}
/*Green*/
div.navImage5				{background-color:#5Dbb46;}
div.navImage6				{background-color:#22b14c;}
div.navImage7				{background-color:#28903a;}
div.navImage8				{background-color:#006f3a;}

/*Menu Items*/
/*Bleu*/
div.nav .navBg1,  div.nav li.selectedBg1  {border-left-color: #19c1f3;}
div.nav .navBg2,  div.nav li.selectedBg2  {border-left-color: #0076cc;}
div.nav .navBg3,  div.nav li.selectedBg3  {border-left-color: #0054a6;}
div.nav .navBg4,  div.nav li.selectedBg4  {border-left-color: #003596;}
/*Green*/
div.nav .navBg5,  div.nav li.selectedBg5  {border-left-color: #5Dbb46;}
div.nav .navBg6,  div.nav li.selectedBg6  {border-left-color: #22b14c;}
div.nav .navBg7,  div.nav li.selectedBg7  {border-left-color: #28903a;}
div.nav .navBg8,  div.nav li.selectedBg8  {border-left-color: #006f3a;}

/*Content Titels*/
/*Bleu*/
#mainContent h1.head1		{color:#19c1f3; margin:10px 0 0 0;}
#mainContent h1.head2		{color:#0076cc;}
#mainContent h1.head3		{color:#0054a6;}
#mainContent h1.head4		{color:#003596;}
/*Green*/
#mainContent h1.head5		{color:#5Dbb46;}
#mainContent h1.head6		{color:#22b14c;}
#mainContent h1.head7		{color:#28903a;}
#mainContent h1.head8		{color:#006f3a;}

/* ******************************************************** */
/* end head and img bg colors */
/* ******************************************************** */

div.nav li.selectedBg1, div.nav li.selectedBg2, div.nav li.selectedBg3, div.nav li.selectedBg4, div.nav li.selectedBg5, div.nav li.selectedBg6, div.nav li.selectedBg7, div.nav li.selectedBg8, div.nav li.selectedBg9, div.nav li.selectedBg10, div.nav li.selectedBg11, div.nav li.selectedBg12
                 		    {background-color:#9dbce3;}

/* KJ 10/09/08 - changed from original: we'll group all these together since they are they same
 * and only overwrite the bgcolor since that is only thing that changes! */
div.nav .navBg1:hover, div.nav .navBg1:active, div.nav .navBg1:focus, div.nav .navBg2:hover, div.nav .navBg2:active, div.nav .navBg2:focus,
div.nav .navBg3:hover, div.nav .navBg3:active, div.nav .navBg3:focus, div.nav .navBg4:hover, div.nav .navBg4:active, div.nav .navBg4:focus,
div.nav .navBg5:hover, div.nav .navBg5:active, div.nav .navBg5:focus, div.nav .navBg6:hover, div.nav .navBg6:active, div.nav .navBg6:focus,
div.nav .navBg7:hover, div.nav .navBg7:active, div.nav .navBg7:focus, div.nav .navBg8:hover, div.nav .navBg8:active, div.nav .navBg8:focus,
div.nav .navBg9:hover, div.nav .navBg9:active, div.nav .navBg9:focus, div.nav .navBg10:hover, div.nav .navBg10:active, div.nav .navBg10:focus,
div.nav .navBg11:hover, div.nav .navBg11:active, div.nav .navBg11:focus, div.nav .navBg12:hover, div.nav .navBg12:active, div.nav .navBg12:focus		
                            {background-color:#9dbce3;}

div.nav li.selected, li.selectedBg1, li.selectedBg2, li.selectedBg3, li.selectedBg4, li.selectedBg5, li.selectedBg6, li.selectedBg7, li.selectedBg8, li.selectedBg9 a 		
							{font-weight:bold; color:#000; margin:2px 0px 2px 0px; padding:0px 1px 0px 0px;}	

div.nav li.selected, li.selectedBg1, li.selectedBg2, li.selectedBg3, li.selectedBg4, li.selectedBg5, li.selectedBg6, li.selectedBg7, li.selectedBg8, li.selectedBg9 span	
							{font-weight:bold; color:#000; line-height:2em;}	

div.nav li.subNav a 		{color:#000; text-decoration:none; line-height:18px; display:block; padding: 0px 0px 0px 19px;}

div.nav li.subNav a:hover, div.nav li.subNav a:active, div.nav li.subNav a:focus	{color:#f26522; text-decoration:underline; line-height:18px; display:block; padding: 0px 0px 0px 19px;}

div.nav li.subNav span 		{color:#000; text-decoration:none; line-height:18px; display:block; font-weight:bold;}

div.nav li.subNavSelected   {color:#f26522; text-decoration:underline; line-height:18px; list-style:none; margin:0px 0px 3px 0px; padding: 0px 0px 0px 19px;}


div.nav li.subSubNav		{list-style:square; margin-left:33px; color:#000; font-size:95%;}

div.nav li.subSubNav a 		{color:#000; line-height:18px; padding:0;}

div.nav li.subSubNav a:hover {text-decoration:underline}

div.nav li.subSubNavSelected {list-style:square; margin-left:33px; color:#f26522; font-size:0.9em; text-decoration:underline; line-height:18px; padding:0;}

/* KJ 10/09/08 - next section adds level 4 nav */
div.nav li.subSubSubNav,
div.nav li.subSubSubNavSelected {list-style:circle; margin-left:42px; color:#000; font-size:95%;}

div.nav li.subSubSubNavSelected {color:#f26522; text-decoration:underline; padding:0;}

div.nav li.subSubSubNav a 	{color:#000; line-height:18px; padding:0;}

div.nav li.subSubSubNav a:hover {text-decoration:underline}
/* KJ 10/09/08 - added next 3 lines for already selected item */
div.nav li.subNavSelected a, 
div.nav li.subSubNavSelected a,
div.nav li.subSubSubNavSelected a {color:#f26522;}

#mainContent				{position:relative; /*width:519px;*/ width:695px; float:left; padding:2px 10px 0 16px;}

/*#mainContent */
p.firstPara	                {color:#6c5735; font-size:100%; font-weight:bold; /*width:480px;*/ width:95%; line-height:1.4em; font-family:Arial, Helvetica, Verdana, sans-serif;}
.index p.firstPara	        {font-size: 145%; font-weight:normal}

/*#mainContent */
.highlight		{color:#008ed3;}

#mainContent a				{color:#008ed3; text-decoration:underline;}

.indexDate					{display:block;	font-style:italic;	font-size:90%;	font-weight:normal;	color:#333;	float:right; width:150px; text-align:right; margin-right:5px;}

#mainContent h2.black 		{font-size:100%; color:#000; margin:0px; padding-bottom:3px;}

h2 							{font-weight:bold; font-size:100%; color:#993333;}

h2.smallBlack 				{font-size:115%; margin:6px 0; padding:0}

div.rightColumnHome			{position:relative; float:left; width:190px; margin:0px 0px 10px 0px; background:url(/img/rightColBg.gif) no-repeat bottom #b5cbea;}

div.rightColumn 			{position:relative; float:left; width:190px; margin:125px 0px 10px 0;}

div.rtColImg				{width:180px; padding:0px;}

div.rtColText 				{color:#000; padding:3px 5px 4px 5px;font-size:90%;line-height:145%;}

ul.blueBullet 				{margin:0; padding:0; list-style:none;}

ul.blueBullet li 			{background: url(/img/blueBullet.gif) no-repeat 0px 6px; padding-left:8px; position:relative}

a.arrowBrown 				{position:relative; background: url(/img/arrowBrown.gif) no-repeat 0px 4px; padding-left:8px; color:#000; text-decoration:underline; margin:5px 0px 2px 0px; display:block; }

hr.dashed					{border-top:1px dashed #000; border-bottom:1px dashed #fff; border-left:none; border-right:none; width:164px;}

hr.dashed80					{border-top:1px dashed #000; border-bottom:1px dashed #fff; border-left:none; border-right:none; width:80%; margin-left:10%;}

div.rightColumn h1			{font-size:110%; color:#000; font-weight:bold;}

div.twoColLeft 				{position:relative; width:220px; float:left; margin-top:20px; margin-bottom:25px; padding-right:15px; background-position:right; background-repeat:repeat-y; line-height:125%;}

div.twoColRight 			{position:relative; left:-2px; width:220px; float:left; margin-top:20px; margin-bottom:25px; padding-left:20px; background-position:left; background-repeat:repeat-y; line-height:125%;}

span.conNum 				{width:170px; line-height:140%;	display:block;}	

span.conNum span.text 		{float:left;}

span.conNum span.num 		{float:right;}

div.conNum 					{width:170px; line-height:140%;}

div.conNum span.text 		{float:left;}

div.conNum span.num 		{float:right;}
	
div.footerContainer			{width:950px; height:40px; border-top:solid 1px; padding-top:18px; clear:both; color:#000; margin-top:18px;font-size:90%;}

div.footerContainer a		{color:#000; text-decoration:none;}

div.footerLeft 				{position:relative; width:50%; float:left;}

div.footerLeft img			{position:relative; top:-10px; float:left; padding-right:6px;} 
	
div.footerRight				{position:relative; width:50%; float:left; text-align:right;}

/* Skip to main content link for accessibility */

.sep 						{font-size:10%; color:#FFF;}
 
a.skip, a.skip:hover, a.skip:visited {font-size:50%; color:#fff; background-color:#fff; cursor:default;}
 
a.skip:focus, a.skip:active {font-size:100%; background-color:#990000; color:#FFFFFF; padding:4px; font-weight:bold}


/** all new for new home page **/

div.bannerBottomBg			{clear:both; width:100%; text-align:center;  font-size:90%; color:#000;}

div.bannerBottomContent 	{position:relative; margin:0 auto; width:950px; height:133px; text-align:left; margin-top:5px; background:url(/img/rightColBg.gif) repeat-x bottom #b5cbea;}
div.bannerBottomContent2 	{position:relative; margin:0 auto; width:950px; height:133px; text-align:left; margin-top:50px; background:url(/img/rightColBg.gif) repeat-x bottom #b5cbea;}

.headerBold			        {font-weight:bold; font-size:110%; color:#219671; text-align:left !important;}

div.bottom1					{position:relative; width:20%; height: 123px; float:left; margin: 5px; padding-right:0px; line-height:125%; text-align: center;}

div.bottom1 img 			{margin: 20px 0px;}

div.bottom2 				{position:relative; left:-2px; width:42%; height:125px; float:left; margin: 5px 0 5px 5px; padding-left:15px; padding-right:15px; line-height:125%; overflow: auto; }

div.bottom3 				{position:relative; left:-2px; width:30%; float:left; margin: 5px 0 5px 5px; padding-left:15px; line-height:125%;}

div.bottom3 img             {float:left; margin: 0px 6px 0px 0px;}

div.bottom4					{width:200px; float:left; margin: 15px; padding-right:0px; text-align: left;}

div.bottom4 img				{vertical-align: bottom}

div.bottom5					{width:680px; height:140px; margin: 0; padding-right:0px; text-align: left; float:right; padding-top:36px;}

div.bottom5 img				{padding-right:5px;}


img.left					{float:left; margin: 6px;}

img.right					{float:right; margin: 6px;}

.normalText           	    {font-size:100%;}
.boldText           	    {font-weight: bold;}
.italicText					{font-style:italic;}
.underlineText				{text-decoration:underline;}

.bottomImg					{ /* centre image vertically */ }

.bottomDate					{font-style:italic}

h2.news						{color:#6c5735 !important; font-size:20px !important; font-weight:bold !important; width:680px; line-height:1.4em; font-family:Arial, Helvetica, Verdana, sans-serif;}

/* added for search result URL display */

#mainContent .pageLocation	{color:#5dbb46;} /* remove top spacing */

.BalkNews					{font-style:normal; font-size:100%; }

.BalkNews a					{
							color:#008ed3; 
							/*background: url(/img/blueBullet.gif) no-repeat 0px 6px; */
							position:relative; 
							font-weight:normal; 
							font-size:110%; 
							}

div.vac						{position:relative; margin:0 auto; width:950px; height:150px; text-align:left; margin-top:0px; background:url(/img/rightColBg.gif) repeat-x bottom #b5cbea;}

div.vacatures				{font-style:normal; font-size:80%; color:#6c5735; }

/* 
Einde CSS
*/
