body 
{
	font-family: Verdana;
	font-size: 12px;
	margin: 0px auto;
}

.container
{
	width:1192px;
	margin: 0px auto;
    padding: 0px 0;
    border: 1px solid #96969a;
    background-position:center;
	background-image: url(../images/bg.jpg);
	background-repeat:no-repeat;
}

.container2
{
	width:1192px;
	margin: 0px auto;
    padding: 0px 0;
    border: 1px solid #96969a;
    background-position:center;
	background: url(../images/bg2.jpg) 5px 121px;
	background-repeat:no-repeat;
}

.container3
{
	width:1192px;
	margin: 0px auto;
    padding: 0px 0;
    border: 1px solid #96969a;
    background-position:center;
	background: url(../images/bg-home.jpg) 40px 121px;
	background-repeat:no-repeat;
}

#page-wrap
{
	margin: 0px auto;
	width:1250px;
	height:590px;
}

#logo-top
{
	margin: 0px 0px 0px 30px;
	padding: 20px 0px 20px 0px;
}
	#logo-top img
	{
		text-decoration:none;
		border: 0px;
	}

.menu-top
{
	float:right;
	margin: -100px 50px 0px 0px;
}
.menu-top a
{
	text-decoration:none;
	color:Black;
}
.menu-top a
{
	text-decoration:underline;
}

.menu-top p
{
	margin: 0px 0 auto;
}

/*seacch box*/

#searchbox
{
	float:right;
	width: 168px;
	margin: -70px 30px 0px 0px;
}

	#searchbox .sbox_l  {
		background: white url(../images/srch_l.gif) no-repeat top left;
		float: left;
		width: 30px; height: 31px;
	}

	#searchbox .sbox_r  {
		background: white url(../images/srch_r.gif) no-repeat top left;
		float: left;
		width: 19px; height: 31px;
	}

	#searchbox .sbox input {
		background: white url(../images/srch_bg.gif) repeat-x top left;
		float: left;
		border: 0;
		height: 23px; width: 100px;
		padding: 8px 5px 0px 10px;
		font: 15px/18px arial;
		color: White;
		font-weight:bold;
	}
	#searchbox .button
	{
		float:right;
		margin: -25px 190px 0px 0px;
	}
	.searched a
	{
		text-decoration:none;
		color:Black;
		font-family:Verdana;
	}
	.searched a:hover
	{
		text-decoration:underline;
	}
/*end searchbox*/

/*leftColum*/

#leftColum
{	

	padding: 230px 0px 0px 75px;

}

/*leftColum breadcrumb*/

#leftbreadcrumb
{
	float:left;
	padding: 0px 0px 0px 0px;
	margin:260px 0px 0px -790px;
	width:250px;
	height:300px;
	position:relative;
	overflow:hidden;

}
	#leftbreadcrumb ul
	{
		list-style-type:none;
	}
	
	#leftbreadcrumb ul li a
	{
		list-style-type:none;
		text-decoration:none;
		color:Black;
	}
	
	#contentbreadcrumb
	{
		float:left;
		margin: 110px 0px 0px 330px;
		width:900px;
		position:absolute;
		overflow:hidden;
	}
	
	#contentbreadcrumb h1
	{
		font-size:15px;
		color: #c2d055;
	}
	
		.contentbreadcrumb
	{
		float:left;
		margin: -380px 0px 0px 330px;
		width:900px;
		position:absolute;
		overflow:hidden;
	}
/*eind*/
.breadcrumb a
{
	text-decoration:none;
	color: Black;
	font-size:10px;

}

/*Content*/
#content
{
	float:left;
	margin: -410px 0px 0px 330px;
	width:810px;

}

	#content h1
	{
		font-size:15px;
		color: #c2d055;
	}

.holder {
	float: left;
	margin: 10px;
}

.scroll-pane {
	width: 800px;
	height: 470px;
	overflow: auto;
	float: left;
	padding-right:25px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 19px;
	height: 100%;
	background: white;
	border: 1px solid #863868;
	border-top:0px;
}
.jScrollPaneDrag {
	position: absolute;
	background: #863868;
	cursor: pointer;
	overflow: hidden;
	border: 1px solid white;



}

/**/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 19px;
background-color: white;
border:1px solid #863868;
border-top: 0px;
border-bottom:0px;
}
.vscrollerbar {
width: 17px;
background-color:#863868;
border:1px solid white;

}
.hscrollerbase {
height: 10px;
background-color: white;

}
.hscrollerbar {
height: 10px;

}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}

#mycustomscroll {
/* percentage width without the fix*/
width: 90%;
height: 440px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding:10px;
margin: 15px 0px 0px 0px;

}
/*eind content*/
	
#logo-bottom
{
	margin: 0px 0px 0px 30px;
	padding: 90px 0px 10px 0px;
}
	#logo-bottom img
	{
		text-decoration:none;
		border: 0px;
		width: 161px;
		height: 35px;
	}
	#logo-bottom .footer
	{
		float: right;
		margin: 20px 30px 0px 0px;
	}
	#logo-bottom .footer a
	{
		text-decoration:none;
		color:Black;
	}	
	#logo-bottom .footer a:hover
	{
		text-decoration:underline;
	}

#logo-bottom1
{
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 10px 0px;
}
	#logo-bottom1 img
	{
		text-decoration:none;
		border: 0px;
		width: 161px;
		height: 35px;
	}
	#logo-bottom1 .footer
	{
		float: right;
		margin: 20px 30px 0px 0px;
	}
	#logo-bottom1 .footer a
	{
		text-decoration:none;
		color:Black;
	}	
	#logo-bottom1 .footer a:hover
	{
		text-decoration:underline;
	}
#blokken
{
	margin: 0px 0px 0px 0x;
	padding-bottom:0px;
	background-position:center bottom;
	background-image: url(../images/blokken-bottom.gif);
	height:28px;
}

/*blokken nieuws, informatie en contact*/
.nieuws-position
{
	width:240px;
	margin: 80px 0px 0px 520px;
	height:160px;
}
.nieuws
{
	position:relative;
	z-index:500;
}
.nieuws li
{
	padding-bottom:5px;
}
.nieuws li a
{
	color:Black;
	text-decoration:none;
}

.informatie
{
	width:226;
	margin: -155px 0px 0px 600px;	
	z-index:500;
}
.informatie ul li a
{
	display:none;
}
.informatie ul li
{
	list-style-type:none;
}
.informatie li
{
	display:list-item;	
	padding-bottom:5px;	
}
.informatie ul ul li a
{
	text-decoration:none;
	color:Black;
	display:inline;
}
.informatie li ul li
{
	list-style-type:disc;
	margin-left:-40px;	
}

.contact
{
	float:left;
	margin: -145px 0px 0px 380px;
}
.contact p
{
	margin: 0px 0 auto;
}
/*einde blokken-home*/



/*menu met verschillende kleuren*/

.menu {z-index:100; width:106px; height:150px; position:relative; margin:0;  margin:50px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:White; width:104px; height:20px; text-align:center; border:1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:19px; font-size:11px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative; margin-top:10px; }
.menu ul li ul {display: none; margin-left:100px;}
.menu ul li ul li {margin-top:0px;border-left:1px solid white;border-right:1px solid white;}

/* specific to non IE browsers */
.menu ul li:hover a {color:Black; background:#b3ab79;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:112px; width:105px;}
.menu ul li:hover ul li a.hide {background:#dfc184; color:Black;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none; }
.menu ul li:hover ul li a {display:block; background:#b3ab79; color:Black; width:150px;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:Black; border-right: 0px solid white;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:60px; top:0; color:Black;}
.menu ul li:hover ul li:hover ul li a {display:block; width:120px; background:#e5c84a; color:White; }
.menu ul li:hover ul li:hover ul li a:hover {background:#e5c84a; color:Black; border-right: 0px solid white;}


.menu .wereld ul li a
	{
		background: url(../images/wereld.png) no-repeat;
		width:213px;
		border: 0px;
		text-align:left;
		padding: 8px 10px 10px 20px;
		font-weight:bold;
		font-style:italic;
	}
.menu .wereld ul li:hover ul li a {background:#9b356a;  color:White; padding:2px 0px 2px 10px; font-size:10px; font-style:normal; }
.menu .wereld ul li:hover ul li a:hover {color:Black; }

.menu .onderwijs ul li a
	{
		background: url(../images/onderwijs.png) no-repeat;
		width:213px;
		border: 0px;
		text-align:left;
		padding: 8px 10px 10px 20px;
		font-weight:bold;
		font-style:italic;
	}
.menu .onderwijs ul li:hover ul li a {background:#cc305a; color:White; padding:2px 0px 2px 10px; font-size:10px; font-style:normal; }
.menu .onderwijs ul li:hover ul li a:hover {color:Black;}

.menu .overige ul li a
	{
		background: url(../images/overige.png) no-repeat;
		width:213px;
		border: 0px;
		text-align:left;
		padding: 8px 10px 10px 20px;
		font-weight:bold;
		font-style:italic;
	}
.menu .overige ul li:hover ul li a {background:#e5c84a; color:White; padding:2px 0px 2px 10px; font-size:10px; font-style:normal; }
.menu .overige ul li:hover ul li a:hover {color:Black;}

.menu .vragen ul li a
	{
		background: url(../images/vragen.png) no-repeat;
		width:213px;
		border: 0px;
		text-align:left;
		padding: 8px 10px 10px 20px;
		font-weight:bold;
		font-style:italic;
	}
.menu .vragen ul li:hover ul li a {background:#8da5ce; color:White; padding:2px 0px 2px 10px; font-size:10px; font-style:normal; }
.menu .vragen ul li:hover ul li a:hover {color:Black;}

.menu .links ul li a
	{
		background: url(../images/links.png) no-repeat;
		width:213px;
		border: 0px;
		text-align:left;
		padding: 8px 10px 10px 20px;
		font-weight:bold;
		font-style:italic;
	}
.menu .links ul li:hover ul li a {background:#974a94; color:White; padding:2px 0px 2px 10px; font-size:10px; font-style:normal; }
.menu .links ul li:hover ul li a:hover {color:Black;}

.nieuwslink
{
	color:Black;
}

.nieuwsarchief
{
	float:right;
	margin: 2px 55px 0px 0px;
	position:relative;
}

.nieuwsarchief a
{
	text-decoration:none;
	color:Black;
}
.nieuwsarchief a:hover
{
	text-decoration:underline;
}

#zoekhidden
{
	visibility:hidden;
	margin:0px;
}

.test
{
	margin-top:-500px;
}

#logoivio
{
	margin: -90px 0px 0px 530px;
}


.WerelschoolButton
{
    border: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #9b356a;    
    height: 25px;  
    width:230px;
    color:White;
}

.WerelschoolButton:hover
{
    border: solid 1px black;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #9b356a;    
    height: 25px;  
    width:230px;
    color:Black;
}

.WerelschoolButton2
{
    border: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #9b356a;    
    height: 25px;  
    width:100px;
    color:White;
}

.WerelschoolButton2:hover
{
    border: solid 1px black;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #9b356a;    
    height: 25px;  
    width:100px;
    color:Black;
}