﻿/*
	generic layout styles
*/

* {
	margin: 0;
	padding: 0;
}

#printheader {
	display: none;
}

.ms-WPBody {
	font-family: Arial,"Arial Narrow";
}

.ms-WPBody h1, .ms-TPBody h1 {
	font-size: 14px;
}

/* unordered lists */

ul {
	list-style: none;
}

#inhoud ul, #contentblokken ul {
	list-style: disc inside;
	
}

#inhoud ul ul, #contentblokken ul ul {
	list-style: circle inside;
	margin-left: 2em;
}

#inhoud ul ul ul, #contentblokken ul ul {
	list-style: square inside;
}

/* ordered lists */

#inhoud ol, #contentblokken ol {
	list-style: decimal inside;
	counter-reset: item
}

#inhoud ol ol, #contentblokken ol ol {
	list-style: decimal inside;
	margin-left: 2em;
}

#inhoud ol ol ol, #contentblokken ol ol ol {
	list-style: decimal inside;
}


a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	color: #FF7800;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, "Arial Narrow"; /*FKo 20080424-fix for apple*/
}

h2 {
	color: #FF7800;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, "Arial Narrow"; /*FKo 20080424-fix for apple*/
}

h3 {
	color: #FF7800;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, "Arial Narrow"; /*FKo 20080424-fix for apple*/
}

.standaard a {
	color: #008AFF;
	line-height: 1.5em;
	text-indent: 1px;
}

div.left {
	float: left;
}

div.right {
	float: right;
}

#paginator div.right {
	float: none;
}

a span {
	display: none;
}

/* layout styles */

body {
	background-color: #FF7800;
	font-family: Arial, "Arial Narrow";
	font-size: 0.7em;
	margin: 10px;
}

#window {
	margin-left: auto;
	margin-right: auto;
	width: 951px;
}

/* contentheader */
#contentheader {
	background-color: #FFF;
	width: 951px;
	height: 126px;
	clear: both;
}

#contentheader.hoog {
	height: 378px;
}

#contentheader.home {
	height: 365px;	
}

#contentheader .links {
	width: 309px;
	float: left;
	margin-top: 11px;
	margin-right: 11px;
	margin-left: 11px;
}

#contentheader .rechts {
	width: 609px;
	margin-top: 11px;
	float: left;
}

/* content */
#content {
	background: url('/Style%20Library/Images/gedeeld/white_pixel.gif') repeat center top;
	/* padding: 11px 0 11px 0; */
	clear: left;
}

#content_smal {
	background: url('/Style%20Library/Images/lijnen/lijnen_3kolom.gif') repeat-y center top;
}

#content_breed {
	background: url('/Style%20Library/Images/lijnen/lijnen_2kolom.gif') repeat-y center top;
	
}

/* kolommen */
#linkerkolom {
	float: left;
	width: 331px;
	overflow: hidden;
}

#rechterkolom {
	float: right;
	width: 609px;
	margin-right: 11px;
}

#rechterkolom a span {
 display: inline;
}

.afsluiter {
	clear: both !important;
	height: 0 !important;
	font-size: 0 !important;
}

/*
	hoofdmenu
*/

#hoofdmenu {
	float: left;
	margin-bottom: -5px;
	width: 600px;
}

#hoofdmenu ul {
	height: 40px;
}

#hoofdmenu li {
	float: left;
	list-style: none;
	margin-right: 3px;
}

#hoofdmenu span {
	display: none;
}

#hoofdmenu a {
	height: 35px;
	display: block;
}

/* home */

#hoofdmenu .home a.active, #hoofdmenu .home a:hover {
	width: 52px;
	background: url('/Style%20Library/Images/hoofdmenu/home.gif') no-repeat 0 0;
}

#hoofdmenu .home a, #hoofdmenu .home a.active:hover {
	width: 52px;
	background: url('/Style%20Library/Images/hoofdmenu/home.gif') no-repeat -52px 0;
}

/* over regiocollege */

#hoofdmenu .over_regio_college a.active, #hoofdmenu .over_regio_college a:hover {
	width: 125px;
	background: url('/Style%20Library/Images/hoofdmenu/over_regio_college.gif') no-repeat 0 0;
}

#hoofdmenu .over_regio_college a, #hoofdmenu .over_regio_college a.active:hover {
	width: 125px;
	background: url('/Style%20Library/Images/hoofdmenu/over_regio_college.gif') no-repeat -125px 0;
}

/* opleidingen */

#hoofdmenu .opleidingen a.active, #hoofdmenu .opleidingen a:hover {
	width: 86px;
	background: url('/Style%20Library/Images/hoofdmenu/opleidingen.gif') no-repeat 0 0;
}

#hoofdmenu .opleidingen a, #hoofdmenu .opleidingen a.active:hover {
	width: 86px;
	background: url('/Style%20Library/Images/hoofdmenu/opleidingen.gif') no-repeat -86px 0;
}

/* school en bedrijf */

#hoofdmenu .school_en_bedrijf a.active, #hoofdmenu .school_en_bedrijf a:hover {
	width: 106px;
	background: url('/Style%20Library/Images/hoofdmenu/school_en_bedrijf.gif') no-repeat 0 0;
}

#hoofdmenu .school_en_bedrijf a, #hoofdmenu .school_en_bedrijf a.active:hover {
	width: 106px;
	background: url('/Style%20Library/Images/hoofdmenu/school_en_bedrijf.gif') no-repeat -106px 0;
}

/* service en contact */

#hoofdmenu .service_en_contact a.active, #hoofdmenu .service_en_contact a:hover {
	width: 117px;
	background: url('/Style%20Library/Images/hoofdmenu/service_en_contact.gif') no-repeat 0 0;
}

#hoofdmenu .service_en_contact a, #hoofdmenu .service_en_contact a.active:hover {
	width: 117px;
	background: url('/Style%20Library/Images/hoofdmenu/service_en_contact.gif') no-repeat -117px 0;
}

/* 
	submenu 
*/

#submenu {
	
}

#submenu table {
	border-collapse: collapse;
}

#submenu td.firstrow td {
	vertical-align: middle;
	width: 164px;
	height: 33px;
}

#submenu td.secondrow {
	background-color: #FFDE00;
	vertical-align: top;
}

#submenu td.secondrow table {
	width: 155px;
	/* ff only */
	margin-left: 1px;
}

#submenu td.secondrow td {
	vertical-align: middle;
	width: 155px;
	height: 33px;
	border: #FFDE00 solid 1px;
}

#submenu a {
	color: #008AFF;
	padding-left: 11px;
	display: block;
}

/* first level */

#submenu td.firstrow td.actief a {
	color: #000;
}

#submenu td.firstrow td.actief {
	background-color: #FFDE00;
	border:1px solid #FFDE00;
}

/* second level */

#submenu td.secondrow a {
	color: #E2001A;
}

#submenu td.secondrow td.actief a {
	color: #000;
}

#submenu td.secondrow td.actief {
	background-color: #FFFF00;
}

/* breadcrumb */

#breadcrumb {
	height: 73px;
	padding-top: 42px;
}

#breadcrumb a, #breadcrumb {
	color: #008AFF;
}

#breadcrumb span img {

}

#breadcrumb span.huidige_pagina {
	display: block;
	font-size: 1.6em;
	font-weight: bold;
}

/* printknop */

#printknop {
	float: right;
	padding-right: 10px;
	margin-top: 10px;
}

#printknop a {
	display: block;
	background-image: url('/Style%20Library/Images/gedeeld/printknop.gif');
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 2px;
	height: 20px;
	float: right;
}

/* smalle rechterkolom */
#rechterkolom .smal {
	width: 383px;
}

/* contentblokken */

#contentblokken {
	float: left; 
	width: 182px;
	
	padding-right: 11px;
	padding-left: 11px;
	
	/* border-right: 1px solid #FFC999; */
}

/*
	zoeken
*/

#zoeken {
	float: right;
	margin-top: 5px;
	width: 250px;
	text-align: right;
}

#zoeken fieldset {
	border: none;
}

#zoeken .zoekterm {
	border: none;
	background: url('/Style%20Library/Images/zoeken/zoeken_background.gif') no-repeat 0 0;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 25px;
	width: 145px;
	height: 20px;
	font-size: 1em;
}

#zoeken label {
	display: none;
	color: #FFF;
}

#zoeken .zoekknop {
	padding-left: 2px;
	border: none;
	background-color: #FF7800;
	color: #FFF;
	font-size: 1em;
	height: 20px;
	line-height: 20px;
}

#zoeken .zoekknop:hover {
	/* text-decoration: underline; */
	cursor: pointer;
}

/*
	footer
*/

#footer {
	color: #FFF;
	padding-top: 2em;
	height: 20px;
	clear: both;
	background: url('/Style%20Library/Images/footer/footer_background.gif') top repeat-x ; 
}

#footer ul {
	margin-left: 0;
	display: block;
}

#footer li {
	float: left;
	list-style: none;
	margin-right: 1em;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.9em;
}

#footer a {
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.6em;
	display: block;
	height: 16px;	
	width: 40px;
}

#footer a.webmail {
	background: url('/Style%20Library/Images/footer/footer_icon_webmail.gif') no-repeat 0 0;
	padding-left: 25px;
}

#footer a.sitemap {
	background: url('/Style%20Library/Images/footer/footer_icon_sitemap.gif') no-repeat 0 0;
	padding-left: 25px;
}

#footer a.natschool {
	background: url('/Style%20Library/Images/footer/footer_icon_natschool.gif') no-repeat 0 0;
	padding-left: 25px;
	padding-right: 15px;
}

/* topafbeelding */

#topafbeelding {
	margin-bottom: 10px;
	
}

/* inhoud */
#inhoud {
	padding-left: 11px;
	padding-right: 11px;
	width: 585px;
	float: left;
}

#inhoud div.paragraaf {
	margin-bottom: 2em;
}

#inhoud p {
	margin-bottom: 1em;
}

#inhoud h1, #inhoud h2, #inhoud h3 {
	margin-bottom: 0.5em;
}	

#inhoud ul {
	margin-bottom: 1em;
	line-height: 1.5em;
}

#inhoud ul li {
	list-style: disc;
	list-style-position: inside;
}

#inhoud br {
	padding: 0.7em;
}

#inhoud a {
	color: #008AFF;
	text-decoration: underline;
	cursor: pointer;
}

#inhoud td {
	padding-right: 10px;
}

/* patch for editor padding */ 
#inhoud div td {
	padding-right: 2px;
}
/* styles addition for html toolbar extension */
.ms-rteCustom-Vetgedrukt
{
	font-weight:bold;
}
.ms-rteCustom-Onderstreept
{
	text-decoration:underline;
}
