/*CoolMenus 4 Stylen; clLevel0_0 t/m clLevel0_5 worden gebruikt om de kleuren van de hoofdmenu items te bepalen. */
/* Stylen */

/* Deze stylesheet is voor Commujon */
/* Grijs: in elke Internetsite Background Linkerkolom: #8899C1; */
/* Donkerblauw: In elke Internetsite - Background LeftArticle en navigatie over: #051D56; */
/* Lichtblauw - In elke Internetsite - BodyBackground Main #17469e; */
/* Blauwgrijs: gelijk per Internetsite - layout a:hover en main a:hover: #ced5e5; */
/* Groen/ Oranje/ Paars: wisselt per Internetsite - Background, navigatie en Articlebottom voor Nieuw Veldzicht: #8dd010 ; voor Commujon #f3830b ; voor Valkenheide #f3830b;Bredervoort:#cdab0d; */
/* Donkergroen/ Bruin/ Donkerpaars: wisselt per Internetsite - ArticleRight en Background teaser2 (in rechterkolom)voor Nieuw Veldzicht: #6fa40b; voor Commujon #a15a0d ; voor Valkenheide #a15a0d; Bredervoort:#9a8008; */



	/*Style for the background-bar*/
	.clBar
	{
	position:absolute; 
	width:20; 
	height:20; 
	background-color:#FFFFFF;
	layer-background-color:#f3830b; 
	visibility:hidden; 
	border: 1`px solid #FFFFFF;
	}
	
	/*Styles for level 0*/
	.clLevel0,.clLevel0over
	{
	position:absolute;
	padding:2px; 
	padding-top:6px;
	font-family:tahoma,arial,helvetica;
	font-size:12px; 
	text-align:center; 
	}

	.clLevel0
	{
	background-color:#f3830b; 
	layer-background-color:#f3830b;
	color:#FFFFFF;
	}
	
	.clLevel0over
	{
	background-color:#051D56; 
	layer-background-color:#051D56;
	color:#FFFFFF; 
	cursor:pointer; 
	cursor:hand; 
	}
	
	.clLevel0border
	{
	position:absolute; 
	visibility:hidden; 
	background-color:#FFFFFF; 	
	layer-background-color:#FFFFFF; 
	}

	/*Styles for hoofdmenu items */	
	.clLevel0_0 
	{
	background-color:#f3830b; 
	layer-background-color:#f3830b; 	
	color:white; 
	position:absolute; 
	padding:2px; 
	padding-top:6px; 	
	font-family:tahoma,arial,helvetica; 
	font-size:12px; 
	text-align:center;
	}
	
	.clLevel0_1 
	{
	background-color:#f3830b; 
	layer-background-color:#f3830b; 	
	color:white; 
	position:absolute; 
	padding:2px; 
	padding-top:6px; 	
	font-family:tahoma,arial,helvetica; 
	font-size:12px; 
	text-align:center
	}
	
	.clLevel0_2 
	{
	background-color:#f3830b; 
	layer-background-color:#f3830b; 	
	color:white; 
	position:absolute; 
	padding:2px; 
	padding-top:6px;
	font-family:tahoma,arial,helvetica; 
	font-size:12px; 
	text-align:center
	}
	
	.clLevel0_3 
	{
	background-color:#f3830b; 
	layer-background-color:#f3830b; 	
	color:white; 
	position:absolute; 
	padding:2px; 
	padding-top:6px; 	
	font-family:tahoma,arial,helvetica; 
	font-size:12px; 
	text-align:center
	}
	
	.clLevel0_4 {background-color:#f3830b; 
	layer-background-color:#f3830b; 
	color:white; 
	position:absolute; 
	padding:2px; 
	padding-top:6px; 	
	font-family:tahoma,arial,helvetica; 
	font-size:12px; 
	text-align:center
	}
	
	.clLevel0_5 
	{
	background-color:#f3830b; 
	layer-background-color:#f3830b; 	
	color:white; 
	position:absolute; 
	padding:2px; 
	padding-top:6px; 	
	font-family:tahoma,arial,helvetica; 
	font-size:12px; 
	text-align:center
	}
	
	.clLevel0_selected_0 
	{
	background-color:#364061; 
	layer-background-color:#364061; 
	color:white; 
	position:absolute; 
	padding:2px; 
	padding-top:6px; 	
	font-family:tahoma,arial,helvetica; 
	font-size:12px; 
	text-align:center;
	}
	
	.clLevel0_selected_1 
	{
	background-color:#364061; 
	layer-background-color:#364061; 	
	color:white; position:absolute; 
	padding:2px; 
	padding-top:6px; 	
	font-family:tahoma,arial,helvetica; 
	font-size:12px; 
	text-align:center
	}
	
	.clLevel0_selected_2 
	{
	background-color:#364061; 
	layer-background-color:#364061; 
	color:white; 
	position:absolute; 
	padding:2px; 
	padding-top:6px; 	
	font-family:tahoma,arial,helvetica; 
	font-size:12px; 
	text-align:center
	}
	
	.clLevel0_selected_3 
	{
	background-color:#364061; 
	layer-background-color:#364061; 	
	color:white; position:absolute; 
	padding:2px; 
	padding-top:6px; 	
	font-family:tahoma,arial,helvetica; 
	font-size:12px; 
	text-align:center
	}
	
	.clLevel0_selected_4 
	{
	background-color:#364061; 
	layer-background-color:#364061; 	
	color:white; position:absolute; 
	padding:2px; 
	padding-top:6px; 
	font-family:tahoma,arial,helvetica; 
	font-size:12px; 
	text-align:center
	}
	
	.clLevel0_selected_5 
	{
	background-color:#364061; 
	layer-background-color:#364061; 	
	color:white; 
	position:absolute; 
	padding:2px; 
	padding-top:6px; 	
	font-family:tahoma,arial,helvetica; 
	font-size:12px; 
	text-align:center
	}
	
	/*Styles for level 1*/
	.clLevel1, .clLevel1over
	{
	position:absolute; 
	padding:2px; 
	font-family:tahoma,arial,helvetica; 
	font-size:11px; 
	font-weight:bold
	}
	
	.clLevel1
	{
	background-color:#051D56; 
	layer-background-color:#051D56; 
	color:white;
	}
	
	.clLevel1over
	{
	background-color:#051D56; 
	layer-background-color:#051D56; 	
	color:ced5e5; 
	cursor:pointer; 
	cursor:hand; 
	}
	
	.clLevel1border
	{
	position:absolute; 
	visibility:hidden; 
	background-color:#FFFFFF; 	
	layer-background-color:#FFFFFF;
	}
	
	/*Styles for level 2*/
	.clLevel2, .clLevel2over
	{
	position:absolute; 
	padding:2px; 	
	font-family:tahoma,arial,helvetica; 
	font-size:10px; 
	font-weight:bold
	}
	
	.clLevel2
	{
	background-color:Navy; 
	layer-background-color:Navy; 
	color:white;
	}
	.clLevel2over
	{
	background-color:#0099cc; 
	layer-background-color:#0099cc; 	
	color:ced5e5; 
	cursor:pointer; 
	cursor:hand; 
	}
	
	.clLevel2border
	{
	position:absolute; 
	visibility:hidden; 
	background-color:#006699; 	
	layer-background-color:#006699
	}

	/* CoolMenus 4 - default styles - do not edit */
	.clCMAbs{position:absolute; 
	visibility:hidden; 
	left:0; top:0
	}
	
	/* CoolMenus 4 - default styles - end */


/* Overige Stijlen - specifiek voor deze publicatie */
			body {
				background-color: #f3830b;
			}

			.home{
				position:absolute; 
				top:0px;
				left:0px;
				width:166px;
				height:2127px;	
				border-right: 1px solid #FFFFFF;
				border-left: 0px solid #FFFFFF;
				border-bottom: 0px solid #FFFFFF;
				border-top: 0px solid #FFFFFF;				
				background-image: url(../images/home_internet.jpg);
				background-position: top right;
				background-repeat:no-repeat;	
				background-color:#8899C1;
				layer-background-color:#8899C1;
				} 
			
			.logo{
				position:absolute; 
				top:0px; 
				left: 166px;  
				width:601px; 
				height:100px; 
				border-right: 1px solid #FFFFFF;
				border-left: 0px solid #FFFFFF;		
				background-color:#364061;
				layer-background-color:#364061;
				background-image: url(../images/header_commujon.jpg);
				background-position: top right;
				background-repeat:no-repeat;				
				}
			
			.main {
				position:absolute; 
				top:127px;
				left:166px;
				width:600px;
				height:2000px;
				border-right: 0px solid #FFFFFF;
				border-left: 0px solid #FFFFFF;
				background-color:#364061;
				layer-background-color:#17469e;
				color:#FFFFFF;
				font-family:tahoma,arial,helvetica;
				font-size:12px; 						
			}

			.main a{
				color:#FFFFFF;
			}

			 .main a:hover{
				color:ced5e5;
			}


					li {
						font-size: 12px;
					}
	
					TABLE{
					color:#FFFFFF;
					font-size: 12px;
					}							

					table.tf_default {
					  	  width: 95%;
					  	}
					table.tf_default tr td {
					  vertical-align: top;
						font-family:Arial;
						font-size: 12px;
						}


					table.tf_fixed {
					  	  width: 95%;
						border-collapse : collapse;
							border:0px;
					  	}

					table.tf_fixed tbody tr td {
						border: 1px solid grey;
						padding-left:6px;
						padding-right:6px;
						padding-top:4px;
						padding-bottom:4px;
						margin: 0px;
						vertical-align: top;
						font-family:Arial;
						font-size: 12px;
					 	}

					table.tf_fixed tbody tr td p{
						font-family:Arial;
						font-size: 12px;
						margin: 0px 6px 9px 0px;
					 	}

			 .main a:hover{
				color:ced5e5;
			}

			.book_home .main{
				background-color:#364061;
				layer-background-color:#364061;
				color:#17469E;
			}

			.book_home .mainContent{
				color:#FFFFFF;		
				padding:10px; 
			}

			.book_home .main a{
				color:#FFFFFF;
				font-weight:bold;
			}

.			.bookhome table, .book2 table.tf_fixed{
				border-color:#FFFFFF;
				color:#FFFFFF;
			}


			.book0 .main{
				background-color:#364061;
				layer-background-color:#364061;
				color:#17469E;
			}

			.book0 .mainContent{
				color:#FFFFFF;		
				padding:10px; 
			}

			.book0 .main a{
				color:#FFFFFF;
				font-weight:bold;
			}

			.book0 table, .book2 table.tf_fixed{
				border-color:#FFFFFF;
				color:#FFFFFF;
			}


			.book1 .main{
				background-color:#364061;
				layer-background-color:#364061;
				color:#ffffff;
			}

			.book1 table, .book1 table.tf_fixed  {
				border-color:#FFFFFF;
				color:#ffffff;
			}
			
			.book2 .main{
				background-color:#364061;
				layer-background-color:#364061;
				color:#ffffff;
			}
			
			.book2 table, .book2 table.tf_fixed{
				border-color:#FFFFFF;
				color:#ffffff;
			}
			

			.book3 .main{
				background-color:#364061;
				layer-background-color:#364061;
				color:#ffffff;
			}

			.book3 table, .book3 table.tf_fixed{
				border-color:#FFFFFF;
				color:#ffffff;
			}
			
			.book4 .main{
				background-color:#364061;
				layer-background-color:#364061;
				color:#ffffff;
			}

			.book4 table, .book4 table.tf_fixed{
				border-color:#FFFFFF;
				color:#ffffff;
			}
			
			.book5 .main{
				background-color:#364061;
				layer-background-color:#364061;
				color:#ffffff;
			}

			.book5 table, .book5 table.tf_fixed{
				border-color:#FFFFFF;
				color:#ffffff;
			}
			.book6 .main{
				background-color:#364061;
				layer-background-color:#364061;
				color:#ffffff;
			}
			.book6 table, .book6 table.tf_fixed{
				border-color:#FFFFFF;
				color:#ffffff;
			}
			
			.mainContent{
				color:#FFFFFF;		
				padding:10px; 
			}
			
			.main h1 {
				font-size:16px; 
			}

			.main h2 {
				font-size:14px;
				color:#ffffff; 
			}

			.menuLeft{
				position:absolute; 
				top:125px;
				left:15px;
			}
			
			.menuLeft {
				font-family:tahoma,arial,helvetica; font-size:12px;
			}



			.menuLeft ul.menuActive{
				list-style-image : url(../images/nav_pointer.gif);
				font-weight:bold;
				margin-left:11px;
				color:#051D56;
			}
			
			.menuLeft ul.menuActive li{
				padding-left:6px;
				line-height:10px;
			}


			.menuLeft ul.menuNormal{
				list-style-type: none;
				margin-left:18px;
			}

			.menuLeft ul.menuNormal a{
				list-style-type: none;
				text-decoration:none;
				color:#051D56;
			}
			.menuLeft ul.menuNormal a:hover{
				font-weight:bold;
			}

			.teaser{
				position:absolute; 
				top:427px;
				left:0px;
				width:165px;
				height:158px;
				border-top: 1px solid #FFFFFF;
				border-bottom: 1px solid #FFFFFF;
				background-image: url(../images/HomePage_links.jpg);
			}

			.teaser2{
				position:absolute; 
				top:380px;
				left:765px;
				width:207px;
				height:1747px;
				border-top: 1px solid #FFFFFF;
				border-right: 1px solid #FFFFFF;
				border-left: 1px solid #FFFFFF;
				border-bottom: 1px solid #FFFFFF;
				background-image: url(../images/HomePage_rechts.jpg);
				background-repeat:no-repeat;
				background-color:#a15a0d;
				layer-background-color:#a15a0d;
			}

	
			.search{
				position:absolute; 
				background-image: url(../images/beeldmerk_commujon.jpg);
				background-repeat:no-repeat;	
				top:0px;
				left:765px;
				width:207px;
				height:380px;
				border-right: 1px solid #FFFFFF;
				background-color:#FFFFFF;
				layer-background-color:#FFFFFF;
			}



			.searchLabel {
				margin-left:30px;
				margin-top:300px;
	     			font-family:tahoma,arial,helvetica; 
				font-size:12px;
				font-weight:bold;
				color:#17469e;
			}

			.searchTable {
				margin-left:30px;
				margin-top:5px;

			}

			.underline{
				text-decoration:underline;
			}


			.breadcrums {
				color:f3830b;
			}

			/* list styles */	

			ul.leesverderblack {
				list-style-image : url(../images/pijl.jpg);
				margin-left:15px;
			}

			ul.leesverderblack a {
				text-decoration:none;
				font-weight:bold;
				margin-left:0px;
				color:#000000;
			}

/* zoekresultaten */
	#result a{
		color:#f3830b;
		text-decoration:underline;
		font-weight:bold;	
	}

	#result a:hover{
		color:ced5e5;
		text-decoration:none;
		font-weight:bold;	
	}


/* Indelingen voor de Portal Pagina's */
/* layout */
			#layout{
				width:100%;
				height:100%;
				padding:0px;
				color:#FFFFFF;

			}

			#layout ul{
				font-weight:bold;
				margin-left:11px;
				color:#ffffff;
			}

			#layout ul li{
				padding-left:6px;
				line-height:4px;
			}

			#layout a {
				color:#ffffff;	
			}
			
			#layout a:hover{
				color:ced5e5;
			}		
						
			#layout #articleLeft ul{
						list-style-image : url(../images/darkblue_pointer.gif);
			}


			#layout #articleRight ul{
						list-style-image : url(../images/darkblue_pointer.gif);
			}

			#layout #articleBottom ul{
						list-style-image : url(../images/darkblue_pointer.gif);
			}

			#layout #lead{
				position:absolute;
				top:0px;
				left:0px;
				border-right: 1px solid #FFFFFF;
				border-left: 0px solid #FFFFFF;
				border-bottom: 1px solid #FFFFFF;
				border-top: 0px solid #FFFFFF;
				background-color:#7f929f;
				width:600px;
				height:62px;	 
			}
					
			#layout #articleLeft{
				position:absolute;
				top:62px;
				left:0px;
				border-top: 1px solid #FFFFFF;
				border-right: 0px solid #FFFFFF;
				border-left: 0px solid #FFFFFF;
				border-bottom: 1px solid #FFFFFF;
				background-color:#051D56;
				layer-background-color:#051D56;
				width:220px;
				height:396px;
				padding:10px;
				overflow:auto;
				scrollbar-3dlight-color:#364061;
				scrollbar-base-color:#364061;
				scrollbar-arrow-color:#FFFFFF;									 
			}



			#layout #teaser{
				position:absolute;
				top:62px;
				left:220px;
				border-right: 0px solid #FFFFFF;
				border-left: 1px solid #FFFFFF;
				border-bottom: 1px solid #FFFFFF;
				border-top: 1px solid #FFFFFF;
				background-color:#000000;
				layer-background-color:#000000;
				width:190px;
				height:190px;
			}

			#layout #articleRight{
				position:absolute;
				top:62px;
				left:412px;
				border-right: 1px solid #FFFFFF;
				border-left: 1px solid #FFFFFF;
				border-bottom: 0px solid #FFFFFF;
				border-top: 1px solid #FFFFFF;
				background-color:#a15a0d;
				layer-background-color:#a15a0d;
				width:189px;
				height:190px;
				padding:10px;
				overflow:auto;
				scrollbar-3dlight-color:#17469e;
				scrollbar-base-color:#17469e;
				scrollbar-arrow-color:#FFFFFF;	 
			}



			#layout #articleBottom{
				position:absolute;
				top:252px;
				left:220px;
				border-right: 1px solid #FFFFFF;
				border-left: 1px solid #FFFFFF;
				border-bottom: 1px solid #FFFFFF;
				border-top: 1px solid #FFFFFF;
				background-color:#f3830b;
				layer-background-color:#f3830b;
				width:381px;
				height:206px;
				padding:10px;	
				overflow:auto; 
				scrollbar-3dlight-color:#051D56;
				scrollbar-base-color:#051D56;
				scrollbar-arrow-color:#FFFFFF;
			}
