@charset "iso-8859-1";
 html,body, #pagina {
	 height:100%; /* height moet 100% zijn anders verslikt IE zich voor de zoveelste keer in iets */
	 margin: 0;
	 padding: 0;
	 border: none;
	 text-align: center;
 }


 body {
	/* gradient background */
	background-image: url(../images/background.png);
	/* herhaal het n keer via de X as */
	background-repeat:repeat-x;
 }


 /***
  * Pagina 
  */
 #pagina{
	margin: 0px auto;
	text-align: left;
	vertical-align: middle;
	width: 800px;
	
	background-color: white;
	
	border-collapse: collapse;
    border-spacing: 0px;
 }
 
 #pagine td{
	 padding: 0px;
 }
 
 /***
  * Header gedeelte 
  */
  #header{
  	height: 153px;
	vertical-align: top;
  }
  
  #header #schaduw_links{ /* schaduw_links die een child is van id header */
	  background-image:url(../images/shadow_left_long.png);
	  background-repeat:no-repeat;
	  width: 10px;
  }
  
  #header #schaduw_rechts{ /* schaduw_rechts die een child is van id header */
	  background-image:url(../images/shadow_right_long.png);
	  background-repeat:no-repeat;
	  background-position: right top;
	  width: 10px;
  }
  
  /* logo */
  #header #logo{
	  background-image:url(../images/logo.png);
	  width: 737px;
	  height: 150px;
	  margin-top: 3px; /*15*/
	  margin-left: 15px;
  }
	/* menu */  
	#menu{
		margin-top: 3px;	  /*15px*/
		margin-left: 19px;
		width: 735px;
		border-collapse: collapse;
	}
	
	#menu td.link{
		text-align: left;
		padding-left: 10px;
		padding-right: 10px;

		/* Mozilla, Opera,... */
		padding-top: 4px !important; /* important flag wordt genegeerd door IE zo kan ik de correcte CSS specs geven aan correcte browsers */
		padding-bottom: 4px !important;
		
		/* IE */
		padding-top: 6px;
		padding-bottom: 6px;

		background-color:#eaeaea;
	}
	
	#menu td.selected{
		background-color:#000033;
		height: 8px;
	}
	
	#menu a{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;	
		text-decoration: none;
		color: #455560;
	}		
  
  
  /***
   * content gedeelte
   */
	#content_holder{
		margin-left: 18px;
		margin-right: 18px;
		margin-top: 10px;
	}

   #content{
	   	height: 70%;
		vertical-align:top;
		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
   }
   
   #content #schaduw_links{
		background-image:url(../images/shadow_left.png);
		background-repeat:repeat-y;
   }
  
   #content #schaduw_rechts{
		background-image:url(../images/shadow_right.png);
		background-repeat:repeat-y;
		background-position: right top;
   }

   .title_1{
	   	position:relative;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px; 
		font-weight: bolder;
		margin-bottom: 10px;
		color:#FF9900; 
   }
   
   .title_2{
	   	position:relative;
	   	margin-left: 25px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px; 
		font-weight: bolder;
		color:#FF9900; 
   }

   .subtitle_1{
	   	position:relative;
	   	margin-left: 15px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px; 
		font-weight: bolder;
		margin-bottom: 10px;
		color:#FF9900; 
   }

   .subtitle_2{
	   	position:relative;
	   	margin-left: 0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bolder;
		margin-bottom: 5px;
		color:#FF9900;
   }

   
   a{
		color:#FF9900;
   }
   
   .content_links a{
  		color: #455560;
		margin-left:15px;

	}
   
   .frame{
			   border: solid #b0b0b0 1px;
			   padding-top: 8px;
			   padding-left: 8px;
			   padding-right: 10px !important;
			   padding-right: 8px; /* IE FIX */
			   
			   padding-bottom: 7px !important;
			   padding-bottom: 8px; /* IE FIX*/
			}
			
	.frame img{
			   position: relative;
			   border: solid #b0b0b0 1px;
			} 
   
   /***
    * footer gedeelte
	*/ 
	#footer{
		 text-align:center;
		 vertical-align:bottom;
		 height: 20px;
	}
   
   #footer #schaduw_links{
		background-image:url(../images/shadow_left.png);
		background-repeat:repeat-y;
   }
  
   #footer #schaduw_rechts{
		background-image:url(../images/shadow_right.png);
		background-repeat:repeat-y;
		background-position: right top;
   }
   
   #footer hr{
		border: 0;
		color:  #eaeaea;
		background-color: #eaeaea;
		height: 8px;
		width: 750px;
   }
   
   #footer div{
   	 	font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align:center;
		padding-bottom: 10px;
   }
   
   #footer a{
		color:#FF9900;
   }
	 
   #footer a:hover{
		text-decoration: none;	 	
   }
	 
   #footer a:visited{
		color:#FF9900;
   }
	
	/***
 	 *	Layouts
	 */
	#layout{}
  
	#layout #menu{
		vertical-align: top;
		width: 110px;
		background-color: #eaeaea;
		border-right: medium solid #ffa300
	}

	#layout #menu #title{
		font-family: Verdana, Arial, Helvetica, sans-serif;	
		font-size: 14px;
		font-weight: bolder;
		color: #FF9900;
	}

	#layout #menu #hyperlinks{
		margin-left:10px;
		margin-top: 5px;
		margin-bottom: 18px !important;
		margin-bottom: 12px;
	}

	
	#layout #menu a{
		color:#465560 ;
		font-size: 12px;
		margin-top: 5px;
		margin-bottom: 5px
		text-decoration: none;
	}

	#layout #menu a:hover{
		text-decoration: underline;
	}


	#layout #menu hr{
		color:#465560;
		background-color: #465560;
		height: 1px;
	}

	#layout #content_1{
        vertical-align: top;
        padding-right: 10px;
	}


	#layout #content_2{
		padding-left: 10px;
	}