@charset "utf-8";
/*
	Kanwel!
	Navigatie stylesheet
	26-05-2008 i-Aspect B.V.
	door: Rutger Laurman
*/


/*
	Hoofd navigatie
*/
	#navigatie{
		float:right;
		position:absolute;
		top:7em; /* 70px */
		width:828px;  /* 958 */
		padding-left:130px;
	}
		#navigatie h2{
			display:none;
		}
		#navigatie ul,
		#navigatie li{
			list-style:none;
			margin:0;
			padding:0;
		}
		#navigatie ul{
			float:right;
			font-size:1.3em;

		}

		#navigatie li{
			float:left;
			border-right:4px solid #fff;
			/*background:url(../img/menustreep.jpg) no-repeat right center #d7effa;*/



			padding-right:1px;
		}
			#navigatie li.laatste, #navigatie li.actief {
				background-image:none;
				padding-right:0;
			}

			#navigatie a{
				display:block;
				float:left;
				padding:10px 12px;
				text-transform:uppercase;
				color:#202020;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:0.9em;
				text-decoration:none;
            background:url(../img/menu.gif) repeat-x bottom #d7effa;
            padding-bottom:18px;
			}
				#navigatie a:hover{ text-decoration:underline; }

				#navigatie li span{
					float:left;
               background:url(../img/menu-top.gif) repeat-x top;
               padding-top:5px;
				}

				#navigatie li.actief{
					margin-left:-1px;
				}
				#navigatie li.actief a{
					background:url(../img/menu-actief.gif) repeat-x bottom #47365a;
					color:#fff;
					font-weight:bold;
				}
				#navigatie li.actief span{
					background-image:url(../img/menu-top-actief.gif);
				}

/*
	Secundaire navigatie
*/

	#navigatiesecundair{
		/*float:left;*/
		position:absolute;
		top:4em;
		width:958px;
	}
		#navigatiesecundair ul,
		#navigatiesecundair li{
			list-style:none;
			margin:0;
			padding:0;
		}
			#navigatiesecundair ul{
				float:right;
			}
			#navigatiesecundair li{
/*				display:inline;*/
				float:left;
				margin:0 0.2em;
				color:#9d9d9d;
			}
			#navigatiesecundair a{
				text-transform:uppercase;
				color:#9d9d9d;
				font-size:0.85em;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				text-decoration:none;
				background-color:#fff;
				padding:0.2em 0.4em;
				display:block;
				float:left;
			}
				#navigatiesecundair a:hover{
				   text-decoration:underline;
				   background-color:#d7effa;
               color:#202020;
            }


/*
	Navigatie pad

*/
	#pad{
		padding:0.5em 0 0.5em 15px;
		clear:both;
		position:absolute;
		top:12em; /* 70px */
		width:728px;  /* 958 */
		padding-left:220px;
	}
		#pad p{
			display:inline;
			font-weight:bold;
			padding-right:5px;
		}
		#pad ol,
		#pad li{
			display:inline;
			list-style:none;
			margin:0;
			padding:0;
		}
		#pad li{

		}

		.groteLetter #pad{
         top:11em;
         padding-left:0;
         margin-left:360px;
         width:548px;
         z-index:200;
/*         border:1px solid #ff00ff;*/

		}

/*
	Navigatie voor subpagina's

*/

	#subnavigatie{
		background:url(../img/streepverticaal.jpg) repeat-x top;
		float:right;
		width:275px;
		/*margin-top:-40px;*/
	}

	#subnavigatie ol,
	#subnavigatie li{
		list-style:none;
		margin:0;
		padding:0;
	}
		#subnavigatie li{
			background:url(../img/submenu-item.gif) repeat-x bottom #d7effa;
		}

	#subnavigatie a{
		display:block;
		background:url(../img/submenu-ster2.gif) no-repeat 2% center;
		padding:0.8em;
		padding-left:35px;
		color:#0c0c0c;

		text-decoration:underline;
		font-size:1.25em;
	}

		#subnavigatie a:hover{
			text-decoration:none;
   		background-image:url(../img/submenu-ster.gif);
		}

   #subnavigatie a.actief{
      background-color:#fff;
		background-image:url(../img/submenu-ster.gif);


   }

/*
   Navigatie voor project detail pagina's

*/

   #projectPaginas{
      /*border:1px solid #ff00ff;*/

      width:595px;
      margin-top:25px;
      padding-left:2px;
      overflow:hidden;
      background:url(../img/streepverticaal.jpg) repeat-x bottom;
      padding-bottom:2px;
      /*float:left;*/
   }

      #projectPaginas ul,
      #projectPaginas li{
         margin:0;
         padding:0;
         display:inline;
         list-style:none;

      }
      #projectPaginas li{
         margin-right:3px;
         float:left;
         background:url(../img/tab.gif) no-repeat top left;
         padding-left:4px;
      }


			#projectPaginas  a{
				display:block;
				float:left;
				padding:1em 1.2em;
				margin-right:0;
				color:#202020;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:0.9em;

			   background:url(../img/tab-rechts.gif) no-repeat top right #e3f6fd;
			}

			#projectPaginas li.huidige{
			   background-image:url(../img/tab-actief.gif);

			}
			#projectPaginas li.huidige a{
			   background-image:url(../img/tab-actief-rechts.gif);
			   background-color:#7cc5e2;
			   color:#fff;
			   font-weight:bold;
			   text-decoration:none;

			}

#projectPaginas a.huidige{
   background-image:url(../img/menu-actief.png);
   font-weight:bold;
}

/*
   Pagina nummers
*/

#paginaNummers{
   float:left;
   padding:5px;
   width:600px;
}
   #paginaNummers span.resultaten,
   #paginaNummers span.paginas{
      text-align:center;
      font-size:1.2em;
      display:block;
      font-family:"Trebuchet MS",sans-serif;
   }
   #paginaNummers span.resultaten{
      border-top:1px solid #ccc;
      font-size:1.4em;
      margin-bottom:10px;
      background-color:#c3e389;
      padding:0.5em;
   }
   #paginaNummers span.paginas{
      overflow:hidden;
   }

   #paginaNummers span.pagina,
   #paginaNummers span.knop{
      float:left;
      margin-right:5px;
   }

   #paginaNummers span.pagina a,
   #paginaNummers span.knop a{
      padding:0.2em 0.6em;
      display:block;
      font-size:1.2em;
      font-family:"Trebuchet MS",sans-serif;
      color:#000;
      background-color:#e3f6fd;
      border:1px solid #7cc5e2;
   }

   #paginaNummers span a.active{
      font-weight:bold;
      color: #FFF;
      background-color:#7cc5e2;
      text-decoration:none;
   }