/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    ol,ul {
        list-style:none;
    }
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    html, body {
    	padding:0px;
    	margin:0px;
    }
 
    body, td, input, select, textarea {
    	font-family:verdana, tahoma, arial;
    	color:#1a171b;
    	font-size:11px;
    	line-height:18px;
    }
    
    body {
    	text-align:center;
    	background:#efdea5;
    }
    
    a:link, a:visited, a:hover, a:active {
    	color:#796dab;
    	text-decoration:none;
    }
    
    a:hover {
    }
    h1 {
    	font-size:19px;
    	padding-bottom:10px;
    	font-weight:bold;
    	color:black;
    }

 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
        line-height:1.5;
    }
    
    ul{
		list-style: disc outside;
		padding-left:20px;
    }
    
    li{
    }

    div.adres {
    	color:#796dab;
    	margin-left:20px;
    	margin-top:10px;
    }
    
/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/

 div#container {
 	width:951px;
 	
 	position:relative;
 	margin:0 auto;
 	text-align:left;
 	
 	background:url("../images/bg.jpg") top left repeat-y;
 }

 div#header {
 	background:url("../images/header.jpg") top left no-repeat;
 	width:951px;
 	height:153px;
 }
 
 div#header a {
 	width:114px;
 	height:153px;
 	display:block;
 	display:inline;
 	text-indent:-9000px;
 }
 
 div#header a.onderwijs {
 	background:url("../images/onderwijs.jpg") top left no-repeat;
 	margin-left:288px;
 	float:left;
 }
 
 div#header a.expertise {
 	background:url("../images/expertise.jpg") top left no-repeat;
 	margin-left:168px;
 	float:left;
 }
 
 div#header a.rebound {
 	background:url("../images/rebound.jpg") top left no-repeat;
 	float:right;
 }
 
 div#header a.leerlingen {
 	background:url("../images/leerlingen.jpg") top left no-repeat;
 	margin-left:288px;
 	float:left;
 }
 
 div#header a.ouders {
 	background:url("../images/ouders.jpg") top left no-repeat;
 	margin-left:168px;
 	float:left;
 }
 
 div#header a.organisaties {
 	background:url("../images/organisaties.jpg") top left no-repeat;
 	float:right;
 }
 
 div#overflow {
 	overflow:hidden;
 }
 
 div#columnLeft {
 	float:left;
 	width:289px;
 }

 div#columnRight {
 	float:left;
 	width:589px;
 	padding-bottom:30px;
 	display:inline;
 	margin-left:40px;
 	margin-top:10px;
	font-family:verdana, tahoma, arial;
 }
 
 .zoekTerm {
 	float:right;

 }
 
 div.content {
 	margin-top:30px;
    line-height:1.5;
 }
 
 .zoekTerm a.zoekTermA {
 	background:#796dab;
 	color:white;
 	display:block;
 	width:139px;
 	padding-left:20px;
 	padding-top:2px;
 	padding-bottom:2px;
 }
 
 ul#topVerLeft {
	padding:0px;
	margin:0px;
	list-style:none;
	line-height:30px;
	width:206px;
	
	margin-left:20px;
	margin-top:20px;
}

ul#topVerLeft li a {
	display:block;
	margin-bottom:5px;
	padding-left:20px;
	
	text-decoration:none;
	color:#343434;
	font-size:14px;
	_display:inline;
	_width:206px;
	background:#f0c879;
}	


ul#topVerLeft li {
	_display:block;
	_width:206px;
}


ul#topVerLeft li a:hover {
	background:#eaae43;
	color:white;
}

ul#topVerLeft li ul {
	padding:0px;
	margin:0px;
	list-style:none;
	display:none;
	position:absolute;
	margin-top:-35px;
	_margin-top:0px;
	left:230px;
	width:206px;
	z-index:10;
}


ul#topVerLeft li ul li a {
	display:block;
	padding-left:20px;
	text-transform:none;
	text-decoration:none;
	color:black;
}	

ul#topVerLeft li ul li a:hover {
	background:#eaae43;
	color:white;
	display:block;
}
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

        /*****************************************************
         * PAGINA VOORBEELD 1
         *****************************************************/

        /*****************************************************
         * PAGINA VOORBEELD 2
         *****************************************************/

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
	.searchText
	{
		background:		#796dab;
		color:			white;
		width:			160px;
		height:			21px;
		border:			1px solid #796DAB;
	}
	
	.searchButton
	{
		background:		#796dab;
		color:			white;
		width:			30px;
		height:			21px;
		border:			1px solid #796DAB;
	}
 
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }
    
    .floatLeft {
    	float:left;
    	display:inline;
    }
    
    .floatRight {
    	float:right;
    }