#body
		{
        background-color:#DDDDDD;			
		}
			
    html, body, table {
        margin: 0;
        padding: 0;
        font-family:arial, helvetiva, sans serif;
        font-size:12px;
        }
        
    .ControlPanel, .PagingTable {
		width:905px;
		margin-left:auto;
		margin-right:auto;
		}

/*login link*/

	.login{
		position:absolute;
		top:590px;
	}
	
	.login a, .login a:link, .login a:visited{
		color:#DDDDDD;
		font-size:11px;
		text-decoration:none;
	}
		
	.login a:hover{
		color:#FFFFFF;
		}

	             
    #maincontent {
        text-align: center;            
    }
        
    #outerborder {
        text-align: left;
        position:relative;
        margin-top:20px;
        margin-left:auto;
        margin-right:auto;            
        width:905px;
        height:590px;
    }
            
	#innerborder {
        position:absolute;
        width:841px;
        height:526px;
        top:32px;
        left:32px;
        background-color:#FFFFFF;
    }
            
	#menu{
		text-align: left;
        position:absolute;
		top:0px;
		left:0px;
	}            
            
            
    #content {
        position:absolute;
        left:287px;
        top:0px;
        width:554px;
        height:526px;        
        }
		
/* Breadcrumb****/			
	#topbreadcrumb a, #topbreadcrumb {	
		font-family: arial, helvetica, sans serif;
		font-size: 16px;
		line-height:32px;
		font-weight:bold;
		color:#FFFFFF;	
		}

	#topbreadcrumb span a {
		padding-right:8px;
		padding-left:8px;		
		}
		
	#topbreadcrumb .BreadStart {
		padding-left:0px;
		padding-right:8px;	
		text-transform:uppercase;	
		}	
			
	#topbreadcrumb {
		position:absolute;
		left:340px;
		}	
		
/* Color of the Contentpane for the StartPage */			
	.Hoofdmenu0 #dnn_Contentpane
		{
		background-color:#F8CFBE;
		} 
		
	.Hoofdmenu0 #mainmenu{
		z-index:100;
	}		



   
/*Colors of the outer border and the submenu------------------------------*/

	.MainDiv
	{background-color:#888888;}
	.MainDiv #HouseMenuNav a, .MainDiv #HouseMenuNav a {background-color:#888888;}
	
	.Hoofdmenu0 {background-color:#FFFFFF;}
	.Hoofdmenu0 #Title span{color:#FFFFFF;}	
		
/*----------*/	
/*this part is only for this skinpack*/
		
	.Nieuws0, .Nieuws0 #HouseMenuNav a, .Nieuws0 #HouseMenuNav a {background-color:#004400;}
	.Nieuws0 #Title span{color:#004400;}
		
	.Onderwijs_begeleiding0, .Onderwijs_begeleiding0 #HouseMenuNav a, .Onderwijs_begeleiding0 #houseMenuNav2 a{background-color:#007700;}
	.Onderwijs_begeleiding0 #Title span{color:#007700;}	
	
	.Ouders0, .Ouders0 #HouseMenuNav a, .Ouders0 #houseMenuNav2 a {background-color:#00CC00;}
	.Ouders0 #Title span{color:#00CC00;}	
	
	.Organisatie0, .Organisatie0 #HouseMenuNav a, .Organisatie0 #houseMenuNav2 a	{background-color:#66FF00;}
	.Organisatie0 #Title span{color:#66FF00;}	
	
	.Havo_Vwo0, .Havo_Vwo0 #HouseMenuNav a, .Havo_Vwo0 #houseMenuNav2 a {background-color:#FFCC00;}
	.Havo_Vwo0 #Title span{color:#FFCC00;}	
	
	.Vmbo0, .Vmbo0 #HouseMenuNav a, .Vmbo0 #houseMenuNav2 a {background-color:#FF7700;}
	.Vmbo0 #Title span{color:#FF7700;}	
	
	.Vacatures0, .Vacatures0 #HouseMenuNav a, .Vacatures0 #houseMenuNav2 a {background-color:#FF0000;}
	.Vacatures0 #Title span{color:#FF0000;}	
		
	.Foto_s0, .Foto_s0 #HouseMenuNav a, .Foto_s0 #houseMenuNav2 a {background-color:#FF3399;}
	.Foto_s0 #Title span{color:#FF3399;}	
		
	.Contact0, .Contact0 #HouseMenuNav a, .Contact0 #houseMenuNav2 a	{background-color:#990066;}	
	.Contact0 #Title span{color:#990066;}
	
	.Oud_Leerlingen0, .Oud_Leerlingen0 #HouseMenuNav a, .Oud_Leerlingen0 #houseMenuNav2 a {background-color:#000066;}	
	.Oud_Leerlingen0 #Title span{color:#000066;}	
		
	.Intranet0, .Intranet0 #HouseMenuNav a, .Intranet0 #houseMenuNav2 a {background-color:#3366FF;}
	.Intranet0 #Title span{color:#3366FF;}	
	
	.IJsselstein0, .IJsselstein0 #HouseMenuNav a, .IJsselstein0 #houseMenuNav2 a {background-color:#99CCFF;}	
	.IJsselstein0#Title span{color:#99CCFF;}	
	
	.English0, .English0 #HouseMenuNav a, .English0 #houseMenuNav2 a {background-color:#CC99FF;}	
	.English0#Title span{color:#CC99FF;}		
	
/*----------*/	
	
	.Admin0, .Admin0 #HouseMenuNav a, .Admin0 #houseMenuNav2 a {background-color:#444444;}
	.Admin0 #Title span{color:#444444;}	
	
	.Host0, .Host0 #HouseMenuNav a, .Host0 #houseMenuNav2 a {background-color:#FF7722;}
	.Host0 #Title span{color:#FF7722;}				
		

/* menu component****/
    #mainmenu {
		position:absolute;            
        left:0px;
        top:0px;
        width:267px;
        overflow:hidden;
        }       
			
/* set the mainmenu before the submenu if hovered*/
		#mainmenu.sfhover
			{
			z-index:100;
			}	
			
			
/* exception for hoofdmenu ---*/			
		#mainmenu #NavTabs00 ul
			{
			margin:0px;
			padding:0px;
			}
						
		#mainmenu li
			{
			position:relative;
        	width:267px;
			height:32px;
			overflow:hidden;
			font-weight:bold;
			background-color:#EEEEEE;
			text-align:center;	
			list-style-type:none;
			}

		#mainmenu a img
			{
			position:relative;
			display:block;
			border-style:none;
			}

		#mainmenu li.sfhover img
			{
			position:absolute;
			left:0px;
			margin-top:-32px;
			}	

			
		#submenu
			{
			position:absolute;
			left:0px;
			top:32px;
			}
			
	#submenu .menuimage, #submenu .menuimage{
		position:relative;
		width:267px;
		height:494px;
		overflow:hidden;
		background-color:#FFFFFF;
	}
			
    .menuimage #imgtop, .menuimage #imgbot  
		{position:absolute; left:0px; top:0px;}
    .menuimage #imgbot {z-index:1;} 
    .menuimage #imgtop {z-index:2;}			
			
/* Logo in menu*/			
		#logo{
			position:absolute;
			top:418px;
			left:180px;
			width:64px;
			height:64px;
			z-index:10;
			}
			
		#logo img
			{
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
			}
		
/* Search and download*/
		
		#submenu .zoeken, #submenu .download
			{
			position:absolute;
			top:462px;
			height:32px;
			width:130px;
			overflow:hidden;
			background-color:#000000;
			text-align:center;
			z-index:10;
			}		
		
		#submenu .zoeken
			{
			left:0px;
			}
			
		#submenu .download
			{
			left:137px;
			}			
		
		
		#submenu .zoeken a img, #submenu .download a img
			{
			border-style:none;
			}	

	
 /* ==========================
    CSS STYLES FOR HouseMenu
   ==========================
*/
#HouseMenuNav
	{
	font-size:12px;
	position:absolute;
	top:10px;
	left:10px;
	width:200px;
	z-index:10;
	}

#HouseMenuNav ul { 
	list-style: none;
	margin: 0;
	padding: 0;	
}

#HouseMenuNav li	{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:transparent;
	}

#HouseMenuNav ul ul { /* second-level lists */
	position:absolute;
	top:0px;
	left:100%;
	width:100%;
}

#HouseMenuNav ul ul{
	display:none;
	}


/* Show the second level menu on hover*/	
#HouseMenuNav ul li.sfhover ul
	{
	display:block;
	}
	

/* Hack for IE */
#HouseMenuNav ul li	{
	_float:left;
	_width:100%}		


#HouseMenuNav a {
	display: block;
	width: 196px;
	_width:200px;
	height:21px;	
	_height:25px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-top:3px;
	padding-left:4px;
	opacity: .7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

#HouseMenuNav a:hover, .maindiv #HouseMenuNav a.HouseMenuNavCurrentItem
	{
	background-color: #000000;
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	}

/* Applied to the parent item, if displayed, in either vertical or horizontal
   orientation. Must follow other styles. */
   
/* all links under the parent item (li) */   
#houseMenuNavParentItem a{ 
	color: #004400;
	background-color: #666;
	text-decoration: none;
}

/* parent link itself */
a#houseMenuNavParentLink{ 
	color: #eeeeee;
	background-color: #333;
	text-decoration: none;
}

/* current link itself */
.MainDiv #HouseMenuNav a#HouseMenuNavCurrentLink{ 
	color: #ffffff;
	background-color: #000;
	text-decoration: none;
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);	
}

.Head {
color:#333333;
font-family:Verdana;
font-size:12px;
font-weight:bold;
}