/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		Dendron College
	Version:		1.0
	Last change:	16/09/09
	Assigned to:	Rien Buitenhuis (wis)
	Primary use:	Web
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Color codes]
*/	
	
/*------------------------------------------------------------------
	[Typography]
-----------------------------------------------------------------*/

	
	


/*------------------------------------------------------------------
	[Table of contents]
	
	1. Body
	2. Wrapper
	
	
-------------------------------------------------------------------*/

	/*----------------------------------------------------------------
		[1. Body]
	-----------------------------------------------------------------*/
	
		 html,body  {						
			min-height: 100%;
			height: 100%;			
			font: normal 12px/16px arial, Helvetica, Tahoma, sans-serif;
			width: 100%;
	
        }
		
		h1 {
			
            		font: normal 18px/34px arial, Helvetica, Tahoma, sans-serif;
		}
		
		h2 {
			 font: normal 16px/26px arial, Helvetica, Tahoma, sans-serif;
		}
        
        p {
        	margin: 10px 0px;
        }
        
        a {
        	text-decoration: none;
			font: normal 12px/16px arial, Helvetica, Tahoma, sans-serif;
			/* color: #000 */
			color: #0099EE;
        }
		a:hover {
        	text-decoration: underline;
			font: normal 12px/16px arial, Helvetica, Tahoma, sans-serif;			
			/* color: #000 */

			color: #0099EE;
        }
		
    
    /*------------------------------------------------------------------
		[2. Wrapper]
	*/
	
    	#wrapper {			
			position:relative; 
			text-align: left;			
			background: #fff9e9 url(/images/background_content.jpg) repeat-y top  center ;
			min-height: 100%;		
			width: 100%;
			margin: 0px auto;
			z-index: 10;			
			
						
        }
        
        
		
	
	/*------------------------------------------------------------------
		[3. Header]
	*/
		#header {
			height: 190px;
			width: 100%;
			border: 0px red solid;
			background:url(/images/background_header.jpg) repeat-y top center ;
			background-color: #d7b44b;
			text-align: center;
		}			
			#header .banner {				
				width: 961px;
				height: 190px;
				margin: 0px auto;
				border: 0px green solid;	
			}
			
				#header .banner .logo {				
					width: 276px;
					float: left;
					height: 190px;
					margin: 0px;
					border: 0px green solid;
				}

					#header .banner .logo img{margin-top: 12px;}
				
							
					

	
	/*------------------------------------------------------------------
		[4. menu]
	*/	
	#level1Menu{
		height: 36px;		
		background:url(/images/background_menulevel1.jpg) repeat-x top left ;
		width: 100%;
		border-top: 1px #FFF solid;
		text-align: center;	
	}
	
	
		#level1Menu .menu {			
			width: 961px;
			height: 36px;
			margin: 0px auto;
			position:relative;
			text-align: left;
			
		} 
		#level1Menu .menu .searchbox {
						position: absolute;
						top: 6px;
						right:698px;
						z-index: 30;
											
						
	}
	
	#level2Menu {
		height: 36px;		
		background-color: #f0f3f7;
		width: 100%;
		
	}
	
		#level2Menu .menu {			
			width: 961px;
			height: 36px;
			margin: 0px auto;
		
			background-color: #f0f3f7;
			
		} 
	
	#level3Menu {	
		margin: 0 8px; 
		padding-left:43px;
		padding-top: 4px;
		padding-bottom: 14px;
		border-bottom: 1px #161a63 solid;
	}
	
	#level3Menu ul {
		width: 200px;	
		list-style-type:none;
	}
		#level3Menu ul li {
			width: 200px;			
						
			background:url(/images/background_menuItemlevel3.jpg) no-repeat bottom right ;
		}
		
		#level3Menu ul li.last {
			width: 200px;		
						
			background:none;
		}
		
   
		
			#level3Menu ul li a {			
				height: 30px;
				width: 192px;
				display: block;				
				text-align: right;
				color: #0a0c30;
				font:  normal 12px/30px arial;
				text-align: right;
				text-decoration: none;	
				padding-right: 8px						
			}
				#level3Menu ul li a:hover {
					background:url(/images/background_menuItemlevel3_o.jpg) no-repeat top right ;
					font:  bold 12px/30px arial;
				}
				
				
				#level3Menu ul A.current {						
					background:url(/images/background_menuItemlevel3_o.jpg) no-repeat top right ;
					font:  bold 12px/30px arial;
				}		
	
	
	ul#level4Menu {
		width: 200px;	
		list-style-type:none;
	}
		
		ul#level4Menu li {
		
		}
		
		ul#level4Menu li a {			
			height: 30px;
			width: 182px;
			display: block;				
			text-align: right;
			background:url(/images/background_menuItemlevel3_o.jpg) no-repeat top right ;
			color: #0a0c30;
			font:  normal 12px/15px arial;
			text-align: right;
			text-decoration: none;	
			padding-right: 18px;						
		}
			
			ul#level4Menu li a:hover {
				background:url(/images/background_menuItemlevel3_o.jpg) no-repeat top right ;
				font:  bold 12px/15px arial;
			}
			
			
			ul#level4Menu li  a.current {						
				background:url(/images/background_menuItemlevel3_o.jpg) no-repeat top right ;
				font:  bold 12px/15px arial;
			}	
	
	
	
	.sf-menu {		
		float: left;
		/*margin-bottom: 18px;*/
		width: 100%;		 
		background:url(/images/background_menulevel1.jpg) repeat-x top left ;
	}	
	
		.sf-menu a, .sf-menu a:hover {
			border-left: 1px solid #fff;
			border-top: 1px solid #CFDEFF;
			padding: 10px 9px;
			text-decoration: none;
			display:		block;
			position:		relative;
			font-size: 14px;
		}
		
		
		
			.sf-menu li a { 	/* visited pseudo selector so IE6 applies text colour*/
				color: #FFF;				
				font-weight: bold;
				border:			none;
			}
			
			.sf-menu li a:hover, .sf-menu li a:active { 	/* visited pseudo selector so IE6 applies text colour*/
				color: #0A0C30;
				display: block;
				height: 14px;				
			}
			
			li.current  a, li.sfHover a.sf-with-ul, li.sfHover a, li.sfHover a:hover, li.current  a:hover{
				color: #0A0C30;
				display: block;
				height: 14px;	
				text-decoration:none;
				
			}
			
			
			li.sfHover ul li, li.sfHover ul li.current, li.sfHover ul li:hover {			
				position:		relative;
				background: url(/images/background_menuItemlevel2.jpg) no-repeat  right ;
				padding: 1px;
			}
			
			li.sfHover ul li.last {
				background: none;			
			}
				
			li.sfHover ul li.current  a, li.sfHover ul li:hover  a{
				font-weight: bold;
				color: #0a0c30;
				font-size: 12px;			
				
			}
			
					
			
				.sf-menu li ul li a  { 	/* visited pseudo selector so IE6 applies text colour*/
					color: #0a0c30;
					font-size: 12px;				
					font-weight: normal;				
				}
				
					.sf-menu li ul li a:hover{			
						color: #0a0c30;
						font-size: 12px;				
						font-weight: bold;							
					}
		
	
	
	/*------------------------------------------------------------------
		[4. Content]
	*/
	#middle {			
		width: 100%;	
		padding-bottom: 92px;
		text-align: center;
	}
	

	#contentposition {
		width: 961px;		
		margin: 0px auto;							
		background:url(/images/background_contentleft.jpg) repeat-y top left;
		position: relative; 
		border: 0px red solid;
		text-align: left;
min-height:460px;
		
	}
	#persoon{		
			background:url(/images/veeg.jpg) no-repeat  206px bottom;
			position: absolute;
			width:  475px;
			height: 357px;						
			bottom: -69px; 		
			left: 471px;			
			z-index: 1;
		
		}
		
		
			
	
	#content {		
		position: absolute;  
		z-index: 100;	 
	
	}	
		#content .left {
			width: 275px;			
			float: left;			
		}
		
		#content  .left .nieuwslijst {
			padding: 20px;		
		}
		
        #content .right {				
			width: 614px;				
			float: right;
			padding: 23px  34px 0px;				
			z-index: 100;
			min-height: 400px;		
		}
			
	
		
		
		
		#contentright {
			/* padding-top: 30px; */
		
		}
			#contentright ul {

				margin-left:30px;
			}
		   
    /*------------------------------------------------------------------
		[6. Footer]
	*/
	#footer {	
		position: relative;
		clear: both;
		width: 100%;
		height: 23px;		
		margin-top: -23px;
		background:url(/images/background_footer.jpg) repeat-x top left ;			
		z-index: 98;
		text-align: center;
	}
	
	
	#footer .footer {
		position: relative;		
		width: 961px;
		margin: 0px auto;		
		height: 23px;		
		background:url(/images/background_footer.jpg) repeat-x top left ;
		z-index: 99;
		text-align: left;
		
	
	}
		
	#portalen {
			position: absolute;			
			bottom: 22px;
			margin:0px;
			z-index: 100;				
		}
		
			#portalen  ul {					
				list-style:none;
				margin-bottom: 1px; 
			}
			
				#portalen  li.portaal1{
					background-color: #999dbc;
					height: 29px;	
					text-align: center;
					padding-top: 6px;
					width: 275px;
					margin-bottom: 1px; 
				}
				
				#portalen  li.portaal2{
					background-color: #999dbc;
					height: 29px;	
					text-align: center;
					padding-top: 6px;
					width: 275px;
				}
	   
	
	
	
    /*------------------------------------------------------------------
		[7. Extra]
	*/      
    
		/*------------------------------------------------------------------
			[7.1 nieuwslijst]
		*/  
            #nieuwslijst_left {
				
			
			}
			
				#nieuwslijst_left ul {
					margin-bottom: 15px;
					list-style-type: none;			
				}
					
					#nieuwslijst_left ul li.titel {
						font-size: 12px;
						margin-bottom: 5px;
						color: #0A0C30;
						font-weight: bold;							
					}
					
					#nieuwslijst_left ul .datum {
						display: block;
						font-size: 11px;
						color: #0A0C30;	
						font-style:italic; 	
						font-weight: normal;								
					}
					
					#nieuwslijst_left ul li.kortebeschrijving {
						margin-bottom: 3px;
						font-size: 12px;
						color: #0A0C30;	
							
					}

					#nieuwslijst_left ul li.afbeelding {
						margin-bottom: 3px;
						font-size: 12px;
						color: #0A0C30;		
					}
					
					#nieuwslijst_left ul li.link {
						font-size: 12px;			
						color: #0A0C30;		
					}
					
					#nieuwslijst_left ul li.link a{
						font-size: 12px;
						text-decoration: none;	
						font-weight: normal;
						color: #0A0C30;	
					}
					
					#nieuwslijst_left ul li.link a:hover{
						font-size: 12px;
						text-decoration: underline;		
						font-weight: bold;
						color: #0A0C30;
					}
					
					
			#nieuwslijst_home {
				
			
			}
			
				#nieuwslijst_home ul,
				#contentright #nieuwslijst_home ul {
					margin-bottom: 15px;
					list-style-type: none;
					float: left;
								
				}
					
					#nieuwslijst_home ul li.titel {
						font-size: 12px;
						margin-bottom: 5px;
						color: #0A0C30;
						font-weight: bold;							
					}
					
					#nieuwslijst_home ul .datum {
						margin-left: 15px;
						font-size: 11px;
						color: #0A0C30;	
						 font-style:italic;
						font-weight: normal; 	
					}
					
					#nieuwslijst_home ul li.kortebeschrijving {
						margin-bottom: 3px;
						font-size: 12px;
						color: #0A0C30;		
						float: left;	
						width: 300px;
					}
						#nieuwslijst_home ul li.kortebeschrijving p{
							margin: 5px 0px;		
						}

					#nieuwslijst_home ul li.afbeelding {
						margin-bottom: 3px;
						font-size: 12px;
						color: #0A0C30;		
					}
					
					#nieuwslijst_home ul li.link {
						font-size: 12px;
						color: #0A0C30;		
					}
					
					#nieuwslijst_home ul li.link a{
						font-size: 12px;
						text-decoration: none;	
						font-weight: normal;
						color: #0A0C30;	
					}
					
					#nieuwslijst_home ul li.link a:hover{
						font-size: 12px;
						text-decoration: underline;		
						font-weight: bold;						
						color: #0A0C30;	
					}					
		/*------------------------------------------------------------------
			[7.1 nieuwslijst]
		*/  			
					
		#searchbox {
			float: right;
		}
		
			#searchbox ul.zoeken {
				border:0px solid #E0EB97;
				list-style-type:none;
				margin-left:	6px;
				width:188px;
				
				height:16px;
				padding-bottom:5px;
				width:250px;
				background: #161a61;			
			}
			
			#searchbox ul.zoeken li {float:left;}
				
				#searchbox ul.zoeken li.submit {
					padding-left: 5px;
					color: #FFF;
					text-align: center;
				}
					
				#searchbox ul.zoeken li.submit a{
					padding-left: 5px;
					color: #FFF;
					font:11px/20px Myriad Pro,Arial,Helvetica,Tahoma,sans-serif;					
				}
				
				#searchbox ul.zoeken li.print-page,  #searchbox ul.zoeken li.sitemap{
					margin-left: 5px;
					display:block;
				}
				
				#searchbox ul.zoeken li.print-page{
					padding-top:3px;
				}
				
#portalen ul li.portaal1 a { text-decoration: none; }



.button_txt {
	position:relative;
	
	height:22px;
	color:#545E69;
	text-align:left;
	font-style:italic;
	font-size:11px;
	padding-left:44px;
	padding-top:2px;
	text-decoration:none;
	background:url(/images/portaalbutton.png) no-repeat 22px 0;
}
a:hover.portaallink  {
	text-decoration:none;
	color:#1b2675;
}
.button_txt:hover {
	color:#1b2675;
}

 td.sitemap_level_1:hover,td.sitemap_level_2:hover,td.sitemap_level_3:hover,td.sitemap_level_4:hover{cursor:pointer; text-decoration:underline;}
   section#content div.right table td.sitemap_level_1{background-color: #cde7f4; color:#e00080; font-weight:bold; height: 25px;}
   section#content div.right table td.sitemap_level_2{height: 25px; padding-left: 15px;}
   section#content div.right table td.sitemap_level_3{height: 25px; padding-left: 30px;}
   section#content div.right table td.sitemap_level_4{height: 25px; padding-left: 45px;}