/* Start of CMSMS style sheet 'kse_opmaak_nieuw' */
/* ----------- lay out ------------------*/

{
	margin: 0;
	padding: 0;
}

body {
	background: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: url('images/body2.gif');}

div#pagina {
	border: 6px solid white;
	border-top: 6px solid white;
	border-bottom: 6px solid #c5c5c5;
	border-right: 4px solid white;
	margin: 0 auto;
	padding: 0;
	min-width: 790px;
	max-width: 1000px;
	background: #FFFFFF;
}

div#header {
	position: relative;
	z-index: 3;
	border-top: 1px solid white;
	height: 247px;
	background: white url('images/header_back.png') bottom left no-repeat;
	}

#kib {
	/* container */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-right: 150px;
	z-index: 2;
	}

#kib #object {
	margin-right: 158px;
	height: 550px;
	/*background: url('images/kib_back.png') transparent;*/}
div#logo a {
	/* KSE letters */
	position: absolute;
	top:140px;
	left: 35px;
	display:block;
	width: 125px;
	height: 80px;
	background: url(images/kse_letters.png) top left;}

div#logo h1 {
	visibility: hidden;}
	
div#subtitel {
	color: white;
	position: absolute;
	top: 2px;
	font-size: 11px;
	font-weight: bold;
	left: 0px; 
	color: #c7c7c7;}

div#subtitel span {
	margin-left: 110px;}


div#informatie {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 35px;
	width: 130px;
	height: 19px;
	background: transparent url('images/informatie_back.png') top left no-repeat;}

div#informatie h2 {
	margin: 5px 11px;
	letter-spacing: 0.03em;
	font-size: 11px;
	color: black;}

div#informatie h2 a{
	color: black;
	text-decoration: none;
border-bottom: 1px dotted silver;
}

div#informatie h2 a:hover {
	color: #6f6f6f;}

	
div#informatie ul {
	display: none;
	margin: 0;
	margin-top: -5px;
	padding: 0;
	list-style: none;
	border: 1px solid #AEAEAE;
	border-top: none;
	width: 125px;
	background: white;}


div#informatie ul a {
	display: block;
	padding:2px;
	padding-left: 10px;
	text-decoration: none;
	border-bottom: #e1e1e1 1px solid;
	color: #6f6f6f;
	letter-spacing: 0.03em;
	font-size: 12px;}

div#informatie ul li a:hover {
	color: black;
	background: #e1e1e1;
	}
	
	
	
div#kse_in_beeld {
	z-index: 1;
	position: absolute;
	bottom: 0px;
	left: 150px;
	height: 19px;
	width: 130px;
	background: transparent url('images/kse_in_beeld_back.png') top left no-repeat;}
	
div#kse_in_beeld h2 {
	margin: 3px 20px;
	font-size: 11px;
	letter-spacing: 0.03em;
	color: #AEAEAE;}

div#kse_in_beeld a {
	text-decoration: none;
	color: white;}

div#kse_in_beeld a:hover {
	color: black;}
	
/* ---------- menu wokkel ------------*/		
div#menu {
	font-size: 10px;}

div#menu ul {
	position:relative;
	height: 247px;
	width: 790px;
	float:right;
	list-style:none;
	padding: 0;
	margin: 0;}
	
div#menu ul a, a:visited {
	text-decoration: none;
	color: white;}
	
div#menu ul li {
	/* hoofmenu items */
	position:absolute;}
	
div#menu ul li ul {
	/* sublijsten */
 	display: none;
	position: relative;
	float: left;
	width: auto;
	height: auto;
	overflow: hidden;
	height: 0;
	}
	
div#menu ul li ul li {
	position: relative;
	}
	
div#menu ul li ul li a {
	/* background: url('images/test_trans.png');*/
	background: none transparent;
	overflow: hidden;
                text-transform: lowercase;
	height: 16px;
	font-size: 11px;
	padding: 0;
	padding-left: 5px;
	border-bottom: 1px dotted #AAA;
	}
	
div#menu ul li ul li a:hover {
	background: black;
	color: white;
	}

/* lijst over ons */	
li.Over_ons ul {
	/* sublijst van overons */
	float: right;
	 background: transparent url('images/list_overons.png') top left no-repeat;}
	 
li.Over_ons ul a {
	text-align: left;
	width: 150px;}
		
li.Over_ons ul li.Identiteit_en_missie {
	padding-left: 23px;}
	
li.Over_ons ul li.Leshuizen {
	padding-left: 28px;}
	
li.Over_ons ul li.Organisatie {
	padding-left: 33px;}
	
li.Over_ons ul li.Overlegorganen {
	padding-left: 39px;}
	
li.Over_ons ul li.Veilige_school {
	padding-left: 48px;}
	
li.Over_ons ul li.KSE_venster {
	padding-left: 61px;}
	
li.Over_ons ul li.Beleidsplan {
	padding-left: 73px;}
	
li.Over_ons ul li.Schoolgids {
	padding-left: 88px;}
	
/*  lijst onderwijs */

li.Onderwijs ul {
	/* sublijst van onderwijs */
	position: absolute;
	left: 15px;
	background: transparent url('images/black_back.png');
}

li.Onderwijs ul a {
	margin: 0;
	width: 148px;
}

/* lijst begeleiding */

li.Begeleiding ul {
	background: transparent url('images/list_begeleiding.png') top right no-repeat;
	/* sublijst van onderwijs */
}

li.Begeleiding ul li {
	float: right;
	}

li.Begeleiding ul li a{
	text-align: center;
	margin: 0;
}

li.Begeleiding ul li a:hover {
	background-color: white;
}

li.Begeleiding ul li.Mentoren {
	margin-right: 20px;
	width: 123px;}
	
li.Begeleiding ul li.Decanen {
	margin-right: 21px;
	width: 122px;}
	
li.Begeleiding ul li.Zorg {
	margin-right: 23px;
	width: 120px;}

/* --- */

.Werken_bij_de_KSE {
	width: 153px;
	height: 174px;
	background: transparent url('images/wokkel_werk.png') top left no-repeat;
	right: 12px;
	bottom: 0;}
	
.Werken_bij_de_KSE a {
	margin-top: 157px;
	padding-top: 3px;
	padding-right: 5px;
	display: block;
	height:17px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	background: transparent url('images/wokkel_button_overlay_werk.png') top right no-repeat;
	text-transform: uppercase;}
	
.Werken_bij_de_KSE a:hover {
	background: transparent url('images/wokkel_button_overlay_werk_on.png') top right no-repeat;}
	
.Werken_bij_de_KSE a.actief {
	background: transparent url('images/wokkel_button_overlay_werk_on.png') top right no-repeat;}

	
.Begeleiding {
	width: 145px;
	height: 160px;
	background: transparent url('images/wokkel_begeleiding.png') top right no-repeat;
	left: 635px;
	top: 1;
	overflow: hidden;}
	
.Begeleiding a {
	padding-top: 2px;
	padding-right: 10px;
	display: block;
	height:17px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background: transparent url('images/button_begeleiding.png') top right no-repeat;
	text-transform: uppercase;}
	
.Begeleiding a:hover {
	background: transparent url('images/button_begeleiding_on.png') top right no-repeat;}
	

.Onderwijs {
	top: 0;
	right: 142px;
	width: 167px;
	height: 247px;
	font-size: 12px;
	z-index: 3;
	background: transparent url('images/wokkel_onderwijs.png') top center no-repeat;}
	
.Onderwijs a {
	display: block;
	text-align: center;
	height: 17px;
	margin-right:10px;
	padding-left: 10px;
	padding-top: 2px;
	font-weight: bold;
	background: transparent url('images/wokkel_button_overlay_mid.png') top left no-repeat;
	text-transform: uppercase;
	}
	
.Onderwijs a:hover {
	background: transparent url('images/wokkel_button_overlay_mid_on.png') top left no-repeat;
}

.Onderwijs a.actief {
	background: transparent url('images/wokkel_button_overlay_mid_on.png') top left no-repeat;
}

	
.onderwijs_wrapper {
	position: relative;
	height: 231px;}
	
.wokkel_onderwijs_balkr {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 21px;
	height: 247px;
	z-index: 3;
	background: transparent url('images/wokkel_balk_vert_right.png') top left no-repeat;}
	
.wokkel_onderwijs_balkl {
	position: absolute;
	left: 0;
	width: 21px;
	height: 237px;
	background: transparent url('images/wokkel_balk_vert.png') top left no-repeat;}
	
.Over_ons {
	top: 0;
	right: 297px;
	width: 156px;
	height: 228px;
	z-index: 3;
	background: transparent url('images/wokkel_overons.png') top left no-repeat;}
	
.Over_ons a {
	display: block;
	text-align: center;
	height: 17px;
	padding-left: 15px;
	padding-top: 2px;
	font-size: 12px;
	font-weight: bold;
	background: transparent url('images/button_overons.png') top left no-repeat;
	text-transform: uppercase;
	}
	
.Over_ons a:hover {
	background: transparent url('images/button_overons_on.png') top left no-repeat;
	}

.Over_ons a.actief {
               background: transparent url('images/button_overons_on.png') top left no-repeat;}      


.Contact {
	bottom: 0;
	right: 300px;
	width: 138px;
	height: 115px;
	background: transparent url('images/wokkel_contact.png') top left no-repeat;}
	
.Contact a {
	display: block;
	text-align: center;
	height: 20px;
	margin-top: 98px;
	padding-left: 15px;
	padding-top: 2px;
	font-size: 10px;
	font-weight: bold;
	background: transparent url('images/button_contact.png') top left no-repeat;
	text-transform: uppercase;
	}
	
.Contact a:hover {
	background: transparent url('images/button_contact_on.png') top left no-repeat;
	}

.Contact a.actief {
               background: transparent url('images/button_contact_on.png') top left no-repeat;}    
	
.menu_cultuurprofiel {
	position: relative;
	font-size: 10px;
	margin-top: 211px;}
	
.menu_cultuurprofiel a:link, .menu_cultuurprofiel a:visited{
	background-image: url('images/button_cultuurprofiel.png');
	}
	
.menu_cultuurprofiel a:hover {
	background-image: url('images/button_cultuurprofiel_on.png');
	}

.menu_cultuurprofiel a.actief {
background-image: url('images/button_cultuurprofiel_on.png');
	}


	
	
/* ---------- einde menu wokkel -------*/
	
div#inhoud {
	z-index: 1;
	position: relative;
	clear: both;
	margin-top: 12px;	
	border-bottom: 1px solid white;
min-height: 550px;
	background: transparent url('images/inhoud_back_grad.gif') top right no-repeat;}
	
div#kolom_links {
	display: block;
	margin-right: 320px;
	padding-bottom: 20px;}
	
div#kolom_midden {
	position: absolute;
	top: 0;
	right: 157px;
	width: 135px;}
	
div#kolom_rechts {
	position: absolute;
	top: 0;
	right: 0px;
	width: 148px;
z-index: 3;}
	
div#footer {
	clear: both;
	color: white;
	padding: 5px;
	font-size: 11px;
	text-align: right;
	background: #d7d7d7;}
	
div#footer a {
                margin: 0;
	margin-right: 15px;
	text-decoration: none;
	color: white;}
	
div#footer a:hover {
	color: #960000;}

div#footer p {
	margin: 0;
	padding: 0;}
	
div#breadcrumbs {
	margin: 5px;
	margin-left: 34px;
	color: #a6a6a6;
	font-size:13px;}

div#breadcrumbs a, div#breadcrumbs a:visited {
color: #960000;}

div#breadcrumbs a:hover {
color: black;
font-weight: bold;}



	
/* normale pagina */

#kolom_links h1,#kolom_links h3  {
	border-left: 33px solid #ececec;
	letter-spacing: 1px;
	font-size: 22px;
	font-weight: bold;
	padding-left: 8px;
}

#kolom_links h2 {
	padding: 0;
	margin: 20px;
	letter-spacing: 1px;
	margin-left: 40px;
	font-weight: bold;
	font-size: 14px;
                color: #666;
}

#kolom_links div.ill {
display: block;
float: left;}

#kolom_links div.ill span {
margin-left: 10px;
display: block;}

#kolom_links div#illustraties {
float: none;
clear: both;
margin: 10px;
margin-left: 30px;}


#kolom_links table {
margin: 20px;
margin-left:40px;}

#kolom_links table ul {
padding: 0;
margin: 0;}

#kolom_links table h2 {
padding:0;
margin:0;}

#kolom_links td {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 5px;
border-bottom: 1px dashed #cecece;}

#kolom_links table.minimum {
padding:0;
margin: 0;}

#kolom_links table.minimum td {
border: 0;
margin: 0;
padding:0;}

padding:0;
margin: 0;}

#kolom_links img {
margin-left: 10px;
border: 2px solid white;}


	
#kolom_links p {
	margin: 0;
	margin-left: 40px;
                margin-top: 10px;
	letter-spacing: 0.5px;
	text-align: justify;
	font-size: 13px;
	padding: 0;}

#kolom_links ul  {
               list-style: square;
               font-size: 13px;
               margin-left:60px;}

#kolom_links ol {
font-size: 13px;
margin-left: 70px;}

#kolom_links a, #kolom_links a:active,#kolom_links a:visited, #kolom_links a:link {
              color: #960000;
              font-weight: bold;
              text-decoration: none;}



#kolom_links a:hover {
color: black;}

div#kolom_links div#roosternav {
background: #f3f3f3;
margin-left: 40px;}

div#kolom_links div#roosternav span {
margin-right: 20px;
margin-left: 20px;
font-size: 12px;}

div#kolom_links div#roosternav input.button {
margin-left: 30px;
border: 1px solid #BBB;
font-family: 'Arial', 'Sans-serif';
font-size: 15px;
font-weight: bold;
color: white;}

div#kolom_links span.lestijden, div#kolom_links span.dagen  {
color: #666;}

div#kolom_links span.lesuren {
display: block;
margin: 0;
width: 60px;
font-size: 13px;
font-weight: bold;}


div#kolom_links span.vakken  {
color: #960000;
font-weight: bold;}
               

#kolom_midden img {
               border: 2px solid white;
margin-top: 20px;}

#kolom_midden img.emblem {
border: 0;
margin: 0;
margin-top: 10px;}




	
/* submenu / gerelateerde items */


div#submenu h1 {
	background: #aaaaaa;
	color: white;
	font-size: 12px;
	margin: 0;
	padding: 2px;
	padding-left: 10px;
	height: 17px;
	border-bottom: 1px solid #bfbfbf;
	}
	
div#submenu ul {
	padding: 0;
	margin: 0;
padding-left: 19px;
	margin-top: 10px;
	font-size: 12px;
	list-style: square;
	color: #c00000;}

div#submenu ul li {
margin-left: 0;}


	
div#submenu ul li a, div#submenu ul li a:visited, div#submenu ul li a:link {
	color: #c00000;
	text-decoration: none;}
	
div#submenu ul li a:hover {
	color: black;
text-decoration: underline;
}

div#submenu li span {
color: black;}
	
/* nieuws items */
	
div#nieuws {
	margin-top: 15px;}
	
#nieuws ul {
	list-style: none;
	margin: 0;
	padding: 0;}

#nieuws ul li {
	position: relative;
	display: block;
	height: 82px;
	padding: 0;
padding-right: 10px;
	margin-bottom: 10px;
	background-color: white;
	border-left: 33px solid #ececec;
	border-bottom: 1px solid #ececec;}
	
#nieuws ul li div {
	/* zorgt voor randje */
	height: 80px;
	float: left;
	border-bottom: 1px solid #d7d7d7;}
	
#nieuws h3 {
border: 0;
	text-transform: uppercase;
	margin: 0;
padding:0;
	margin-left: 130px;
	color: #c00000;
	font-size: 13px;
	letter-spacing: 1px;}
	
#nieuws h4 {
	margin: 0;
	margin-bottom: 5px;
	margin-left: 130px;
	font-size: 10px;
	color: silver;}
	
#nieuws p {
	margin: 0;
	letter-spacing: 0.5px;
	margin-left: 130px;
	font-size: 13px;}
	
#nieuws img {
	position: absolute;
	top: 0;
	left: 0;
margin: 0;
	border: 1px solid white;}
	
#nieuws a, #nieuws a:visited {
	color: #960000;
	font-weight: bold;}
	
#nieuws a:hover {
	color: silver; }

#nieuws p.paginaNav {
margin: 5px;
margin-bottom: 20px;
float:right;
font-size: 11px;
text-transform: lowercase;}

	
/* einde nieuwsitems */

div#rssFeed {
margin-left: 20px;
}

/* zoekbox */

#zoek {
	margin-top: 20px;}

#zoek form {
}
	
#zoek input.zoekbox {
	border: none;
	border-top: 1px solid #bfbfbf;
	margin: 0;
	padding-left: 10px;
	padding-top: 2px;
	font-size: 13px;
	color: #666;
	width: 90px;
	height: 19px;
	}
	
#zoek p input.button {
	background: transparent url('images/zoekpijl_18px.gif') top left no-repeat;
	padding: 0;
	margin: 0;
	border: 0;
	color: #eaebeb;
	padding-left: 40px;
	font-size: 12px;
	width: 30px;
	height: 18px;
	margin-left: 7px;
	overflow: hidden;}
	
#zoek p input.button: hover {
	color: black;}
	
/* einde zoekbox */

/* leshuizen menu */

div#menu_leshuizen {
	margin-top:10px;
	font-size: 11px;
	text-transform: uppercase;
	text-align: right;
	}

div#menu_leshuizen h1 {
	font-size: 12px;
	height: 17px;
	text-align: center;
	color: white;
	margin: 0;
	margin-bottom: 5px;
	background: transparent url('images/menu_leshuizen.gif');}

#menu_leshuizen ul {
	list-style: none;
	margin: 0;
	padding: 0;}
	
#menu_leshuizen a {
	display: block;
	height: 14px;
	text-decoration: none;
	color: white;}
	
#menu_leshuizen li {
	margin-bottom: 1px;}
	
#menu_leshuizen a:hover {
	color: #c00000;}
	
#menu_leshuizen a.leshuis1 {
	padding-right: 40px;
	background: url('images/menu_leshuis1_alt3.gif') center right no-repeat;}
	
#menu_leshuizen a.leshuis2 {
	padding-right: 43px;
	background: url('images/menu_leshuis2_alt3.gif') center right no-repeat;}
	
#menu_leshuizen a.leshuis3 {
	padding-right: 45px;
	background: url('images/menu_leshuis3_alt3.gif') center right no-repeat;}
	
#menu_leshuizen a.leshuis4 {
	padding-right: 49px;
	background: url('images/menu_leshuis4_alt3.gif') center right no-repeat;}
	
#menu_leshuizen a.leshuis5 {
	padding-right: 52px;
	background: url('images/menu_leshuis5_alt3.gif') center right no-repeat;}
	
#menu_leshuizen a.leshuis6 {
	padding-right: 58px;
	background: url('images/menu_leshuis6_alt3.gif') center right no-repeat;}

span.formrow {
border-bottom: 1px solid solid silver;
 display: block;
width: 100px;
float: left;}

span.foutmelding {
color: #960000;
font-size: 11px;
margin-left: 10px;
border-bottom: 1px dotted #960000;}




/* End of 'kse_opmaak_nieuw' */