/*============================ main ============================*/
body
{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #003046;
	background: #E7EDEF; 
}

.error
{
	font-weight: bold;
	color: red;
}

.editor
{
	background: #FFFFFF;
	color: #4C82BE;
}

.cmsTd, .CMSlabel, .txt
{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #003046;
}

.txt, .cmsTd
{
	font-size: 90%;
}

label
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003046;
}

div 
{
	border: 0px solid red; 
}

.main
{
	width: 955px;
	float: none;
}

.mainFooter
{
	width: 955px;
	float: none;
}
/*============================ main ============================*/
.mainAanmelden
{
	width: 178px;
	height: 134px;
	/*background: url("../../img/03/aanmelden.png") repeat-y 0 0;*/
	float: left;
}

.aanmelden
{
	width: 178px;
	float: left;
}

/*============================ header ============================*/
.mainHeader
{
	width: 955px;
	float: left;
}

.headerTop, .headerTopExtra
{
	width: 955px;
	float: left;
}

.logo
{
	width: 371px;
	float: left;
}

.logoExtra
{
	width: 371px;
	float: left;
}

.face
{
	width: 139px;
	float: left;
}

.faceExtra
{
	width: 273px;
	float: left;
}

.categorie
{
	width: 131px;
	float: left;
}

.leerlingSelect
{
	width: 131px;
	height: 103px;
	background: #fff url("../../img/01/leerlingen.png") no-repeat 0 0;
	float: left;
}

.oudersSelect
{
	width: 131px;
	height: 103px;
	background: #fff url("../../img/01/ouders.png") no-repeat 0 0;
	float: left;
}

.docentenSelect
{
	width: 131px;
	height: 103px;
	background: #fff url("../../img/01/docent.png") no-repeat 0 0;
	float: left;
}

.mainThumbs
{
	width: 314px;
	height: 103px;
	background: #fff url("../../img/01/bgThumbs.gif") no-repeat 0 0;
	float: left;
}

.mainThumbsExtra
{
	width: 311px;
	height: 76px;
	background: #fff url("../../img/01/bgThumbsExtra.gif") no-repeat 0 0;
	float: left;
}

.mainLeerlingenSelect
{
	width: 311px;
	height: 68px;
	float: left;
	background: #fff url("../../img/01/bgLeerlingenSelect2.png") no-repeat 0 0;
}

.mainLeerlingenSelectPortal
{
	width: 187px;
	height: 68px;
	float: left;
	background: #fff url("../../img/01/bgLeerlingenSelect.png") no-repeat 0 0;
}

.mainOudersSelect
{
	width: 187px;
	height: 68px;
	float: left;
	background: #fff url("../../img/01/bgOudersSelect.png") no-repeat 0 0;
}

.mainDocentenSelect
{
	width: 187px;
	height: 68px;
	float: left;
	background: #fff url("../../img/01/bgDocentenSelect.png") no-repeat 0 0;
}

.spacerTop
{
	width: 201px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.spacerTopExtra
{
	width: 311px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.spacer
{
	width: 10px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.thumb
{
	width: 50px;
	float: left;
}

.spacerSelectPortal
{
	width: 187px;
	height: 25px;
	overflow: hidden;
	float: left;
}

.spacerSelect
{
	width: 311px;
	height: 25px;
	overflow: hidden;
	float: left;
}

.spacerSelectLeft
{
	width: 135px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.spacerSelectLeftPortal
{
	width: 10px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.selectVeld
{
	width: 150px;
	height: 20px;
	text-align: left;
	float: left;
}

.selectVeldVervolg
{
	width: 110px;
	height: 20px;
	text-align: left;
	float: left;
}

.spacerSelectVervolg
{
	width: 130px;
	height: 35px;
	overflow: hidden;
	float: left;
}

.spacerSelectLeftVervolg
{
	width: 12px;
	height: 10px;
	overflow: hidden;
	float: left;
}
/*============================ header ============================*/


/*============================ inhoud ============================*/
.mainContent
{
	width: 955px;
	float: left;
	background: #4C82BE url("../../img/01/bgBody.gif") repeat-x 0 0;
}

.mainContentPortal
{
	width: 955px;
	float: left;
	background: #4C82BE url("../../img/01/bgBodyPortal.gif") repeat-x 0 0;
}

.mainMenu
{
	width: 197px;
	float: left;
}

.mainBody
{
	width: 518px;
	float: left;
}

.mainBodyPortal
{
	width: 758px;
	float: left;
}

.mainBreadcrumb
{
 width: 518px;
 float: left;
}

.spacer19
{
	width: 10px;
	height: 19px;
	overflow: hidden;
	float: left;
}

.spacer10
{
	width: 10px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.spacerH15
{
	width: 100%;
	height: 15px;
	overflow: hidden;
	float: left;
}

.breadcrumb
{
	width: 518px;
	text-align: left;
	color: #FFFFFF;
	float: left;
}

.breadNav, a.breadNav
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

a.breadNav:hover
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF9900;
	text-decoration: none;
}

.breadNavLoc
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
}

.content, contentTop, contentBottom
{
	width: 730px;
	float: left;
}

.contentPortal
{
	width: 500px;
	float: left;
}

.bgContent
{
	width: 730px;
	/*height: 330px;*/
	float: left;
	background: #fff url("../../img/01/bgInhoud.gif") repeat-y 0 0;
}

.bgContent02
{
	width: 730px;
	float: left;
}

.bgContentPortal
{
	width: 331px;
	float: left;
}
/*============================ inhoud ============================*/


/*============================ menu ============================*/
.extranet
{
	width: 197px;
	float: left;
		overflow: hidden;
}

.vacatures
{
	width: 197px;
	height: 110px;
	float: left;
}

.menuSpacer
{
	width: 197px;
	float: left;
}

.spacer8
{
	width: 8px;
	height: 50px;
	float: left;
}

.menu
{
	width: 187px;
	overflow:hidden;
	float: left;
}

.mainMenuItem
{
	width: 187px;
	height: 22px;
	background: url("../../img/01/bgMenuItem.png") no-repeat 0 0;
}

.menuItem, a.menuItem
{
	width: 170px;
	height: 18px;
	padding-top: 4px;
	background: #fff url("../../img/01/bgMenuItem.png") no-repeat 0 0;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #2D5076;
	float:left;
}

a.menuItem:hover
{
	width: 170px;
	height: 18px;
	background: #fff url("../../img/01/bgMenuItem.png") no-repeat 0 0;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #ff6600;
}

.menuItemLoc, a.menuItemLoc, a.menuItemLoc:hover
{
	width: 170px;
	height: 18px;
	padding-top: 4px;
	background: #fff url("../../img/01/bgMenuItem.png") no-repeat 0 0;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #ff6600;
	float:left;
}

.menuBottom
{
	width: 187px;
	float: left;
}

.menuItemSub
{
	width: 197px;
	height: 22px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	cursor: hand;
	background-image: url('../../img/01/bgSubMenu.png');
}

.menuItemSubHover 
{
	width: 197px;
	height: 22px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #2D5076;
	cursor: hand;
	background-image: url('../../img/01/bgSubMenuHover.png');
}

.menuItemSubLink, a.menuItemSubLink
{
	width: 170px;
	height: 18px;
	padding-top: 4px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-align:left;
	text-decoration: none;
	background-image: url('../../img/01/bgSubMenu.png');
	display:block;
}

a.menuItemSubLink:hover
{
	width: 170px;
	height: 18px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #2D5076;
	text-align: left;
	text-decoration: none;
	background-image: url('../../img/02/bgSubMenuHover.png');
	display:block;
}

.menuItemSubSub, a.menuItemSubSub
{
	width: 170px;
	height: 18px;
	padding-top: 4px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
	text-align: left;
	text-decoration: none;
	background-image: url('../../img/02/bgSubMenu.png');
	display:block;
}

.menuItemSubSubLoc, a.menuItemSubSubLoc, a.menuItemSubSubLoc:hover
{
	width: 170px;
	height: 18px;
	padding-top: 4px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #2D5076;
	text-align: left;
	text-decoration: none;
	background-image: url('../../img/02/bgSubMenuHover.png');
	display:block;
}

a.menuItemSubSub:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

.menuItemSubLinkLoc, a.menuItemSubLinkLoc, a.menuItemSubLinkLoc:hover
{
	width: 170px;
	height: 18px;
	padding-top: 4px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #2D5076;
	text-align:left;
	text-decoration: none;
	background-image: url('../../img/01/bgSubMenuHover.png');
	display:block;
}

.spacer20
{
	width: 195px;
	float: left;
	height: 20px;
}

.slide
{
	background: url("../../img/01/bgSlide.gif") repeat-y 0 0;
}

.whiteTxt
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}
/*============================ menu ============================*/


/*============================ artikel ============================*/
.articleMain
{
	width: 655px;
	float: left;
	text-align: left;
}

.articleMainPortal
{
	width: 450px;
	float: left;
	text-align: left;
}

.spacer38
{
	width: 38px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.article
{
	width: 425px;
	float: left;
}

.articleVervolg
{
	height: 135px;
	width: 425px;
	float: left;
}

.articlePortal
{
	width: 450px;
	float: left;
}

.welkomTitle, a.welkomTitle
{
	width: 425px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF9900;
	float: left;
}

.welkomBody
{
	width: 425px;
	height: 110px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 10px;
	float: left;
}

.welkomBodyPortal
{
	width: 331px;
	height: 110px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 10px;
	float: left;
}

.welkomTitlePortal, a.welkomTitlePortal, a.welkomTitlePortal:hover
{
	width: 450px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
	float: left;
}

.welkomBodyPortal, a.welkomBodyPortal, a.welkomBodyPortal:hover
{
	width: 450px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 10px;
	text-decoration: none;
	float: left;
}

.spacerWelkom
{
	width: 655px;
	height: 38px;
	float: left;
	overflow: hidden;
}

.spacerWelkomPortal
{
	width: 250px;
	height: 38px;
	float: left;
	overflow: hidden;
}

.itemTitle, a.itemTitle, a.itemTitle:hover
{
	width: 655px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #2D5076;
	text-decoration: none;
	float: left;
}

.itemBody
{
	width: 655px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4C82BE;
	float: left;
}

.cmsLink, a.cmsLink, a
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff9900;
	text-decoration: none;
}

a.cmsLink:hover, a:hover
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff9900;
	text-decoration: underline;
}

.thumbArticle
{
	width: 140px;
	height: 100px;
	overflow: hidden;
	float: left;
	text-align: left;
}

.mainNav
{
	width: 655px;
	text-align: right;
	float: left;
}

.navSpacer
{
	width: 555px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.itemNav
{
	width: 90px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px; 
	text-decoration: none;
	font-weight: bold;
	color: #003046;
	text-align: left;
	float: left;
}

.itemNavLink, a.itemNavLink
{
	width: 90px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px; 
	text-decoration: none;
	font-weight: bold;
	color: #2D5076;
	float: left;
}

a.itemNavLink:hover
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	color: #E88B00;
	text-decoration: none;
	float: left;
}

.articleLine
{
	width: 655px;
	height: 25px;
	background: #fff url("../../img/01/articleLijn.gif") repeat-x 0 0;
	float: left;
}

.spacer25
{
	width: 425px;
	height: 25px;
}
/*============================ artikel ============================*/


/*============================ select ============================*/
.selectMain
{
	width: 258px;
	float: left;
}

.select
{
	width: 187px;
	float: right;
}
/*============================ select ============================*/


/*============================ nieuws/afspraken ============================*/
.mainNieuws
{
	width: 409px;
	float: left;
}

.nieuws
{
	width: 197px;
	float: left;
}

.spacer15
{
	width: 15px;
	height: 30px;
	float: left;
	overflow: hidden;
}

.afspraken
{
	width: 197px;
	float: left;
}

.nieuwsImg, afspraakImg
{
	width: 197px;
	float: left;
}

.mainNieuwsContent, .mainAfspraakContent
{
	width: 311px;
	float: left;
	padding-left: 8px;
}

.nieuwsBody, a.nieuwsBody, a.nieuwsBody:hover
{
	width: 409px;
	height: 274px;
	background: #fff url("../../img/01/bgNieuws.gif") repeat 0 0;
	text-decoration: none;
	float: left;
}

.nieuwsTitle, a.nieuwsTitle, a.nieuwsTitle:hover
{
	width: 240px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
	text-align: left;
	text-decoration:none;
	float: left;
}

.nieuwsHeader, a.nieuwsHeader, a.nieuwsHeader:hover
{
	width: 240px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	float: left;
}

.nieuwsSpacer
{
	width: 240px;
	height: 16px;
	overflow: hidden;
	float: left;
}

.spacer10
{
	width: 10px;
	height: 10px;
	float: left;
	overflow: hidden;
}
/*============================ nieuws/afspraken ============================*/


/*============================ nieuw op de site ============================*/
.nieuwOpDeSite
{
	width: 197px;
	float: left;
}

.nieuwImg
{
	width: 197px;
	float: left;
}

.mainNieuwContent
{
	width: 168px;
	float: left;
}

.nieuwBody
{
	width: 197px;
	float: left;
}

.nieuwTitle, a.nieuwTitle, a.nieuwTitle:hover
{
	width: 168px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
	text-align: left;
	text-decoration: none;
	float: left;
}

.nieuwHeader, a.nieuwHeader, a.nieuwHeader:hover
{
	width: 168px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	float: left;
}

.nieuwSpacer
{
	width: 168px;
	height: 16px;
	overflow: hidden;
	float: left;
}

.spacer19
{
	width: 19px;
	height: 10px;
	float: left;
	overflow: hidden;
}
/*============================ nieuw op de site ============================*/


/*============================ footer ============================*/
.footerBlue
{
	width: 955px;
	height: 25px;
	background: #fff url("../../img/01/footerBlue.gif") no-repeat 0 0;
	float: left;
}

.footerTop
{
	width: 955px;
	height: 31px;
	background: url("../../img/01/bgFooterTop.gif") no-repeat 0 0;
	float: left;
}

.footer
{
	width: 955px;
	height: 26px;
	background: #FF9900 url("../../img/01/bgFooter.gif") repeat-x 0 0;
	float: left;
}

.copyright, a.copyright, a.copyright:hover
{
	width: 955px;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	color: #2D5076;
	background: #E7EDEF;
	float: left;
}

.footerLeft
{
	width: 17px;
	float: left;
}

.searchVeld
{
	width: 128px;
	float: left;
	text-align: left;
	padding-top: 2px;
}

.zoek
{
	width: 31px;
	float: left;
	padding-top: 5px;
}

.spacer169
{
	width: 169px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.spacerFooter
{
	width: 160px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.spacer439
{
	width: 439px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.button
{
	float: left;
}

input.cmsInput
{
	width: 210px;
	height: 18px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
}

textarea
{
	width: 210px;
	height: 100px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
}

input.CMSbutton
{
	width: 110px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: 1px solid #4C82BE;
	background: #4C82BE;
	margin-right: 5px;
	float: left;
}
/*============================ footer ============================*/


/*============================ search ============================*/
.search1, a.search1, a.search1:hover
{
	background-color: #4C82BE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.search2
{
	background-color: #FFFFFF;
}

.itemMenu, a.itemMenu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003046;
	text-decoration: none;
}

a.itemMenu:hover
{
	color: #FF9900;
}

.searchTop
{
	border-top: 1px solid #303366;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.searchTitle, a.searchTitle:hover
{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #003046;
}

.searchBody
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003046;
}
/*============================ search ============================*/


/*============================ sitemap ============================*/
.sitemapTitle, a.sitemapTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #003046;
	text-align: left;
	float: left;
}

.sitemap, a.sitemap
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C82BE;
	text-decoration: none;
}

a.sitemap:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C82BE;
	text-decoration: underline;
}
/*============================ sitemap ============================*/


/*===============================================================================================*/
/*
	BEGIN Forum CSS classes
*/
/*===============================================================================================*/
thead.forumHead
{
	background: #D9E4E6;
	font-weight: bold;
}

td.forumHead
{
	color: #FF6600;
}

a.forumTitle, a.forumTitle:hover
{
	color: #003046;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
}

tr.forum
{
	background-color: #D9E4E6;
}

td.forum
{
	color: #003046;
}

td.forumGuestname
{
	font-weight: bold;
	color: #003046;
}

/*===============================================================================================*/
/*
	EINDE Forum CSS classes
*/
/*===============================================================================================*/

/*============================ forum ============================*/


/*============================ button ============================*/
button
{
	width: 90px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: 1px solid #4C82BE;
	background: #4C82BE;
	float: left;
}
/*============================ button ============================*/