/*===============================================================================================*/
/*
	body, td, a, p, h1..6, hr, div, input, textarea, button
*/
/*-----------------------------------------------------------------------------------------------*/
/*
	CSS classes voor standaard objecten. Moeten altijd in dit bestand voorkomen, maar mogen 
	natuurlijk wel	worden aangepast of uitgebreidt.
*/
/*===============================================================================================*/
*
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #606060;
}

body
{
	margin: 0px;
 	color: #606060;
	text-align: center;
	font-size: 62.5%;
	background: url("../img/01/bgBody.gif");
}

td
{
	margin: 0px;
}

p
{
	margin: 0px;
}

a
{
	text-decoration: underline;
	color: #FF9900;
	font-weight: bold;
}

a:hover
{
	text-decoration: none;
	color: #FF9900;
}

h1
{
	font-size: 16px;
	font-weight: bold;
}

h2
{
	font-size: 15px;
	font-weight: bold;
}

h3
{
	font-size: 14px;
	font-weight: bold;
}

h4
{
	font-size: 13px;
	font-weight: bold;
}

h5
{
	font-size: 12px;
	font-weight: bold;
}

h6
{
	font-weight: bold;
}

hr
{
	color: #D9E4E6;
	width: 100%;
	clear: both;
	height: 1px;
}

ul
{
	margin: 0px 0px 0px 20px;
} 

ol
{
	margin: 0px 0px 0px 20px;
} 

blockquote
{
	margin: 0px 0px 0px 20px;
}

div 
{
	text-align: left; 
}

form
{
	margin: 0px;
	padding: 0px;
}

button 
{
	border: 1px solid #848484;
	margin-right: 5px;
	background: #3EBD00 url("../img/01/bgButton.gif") repeat-x 0 0;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.0em;
	float: left;
}
/*===============================================================================================*/
/* EDITOR class */
/*===============================================================================================*/
.editor
{
	background-color: #FFFFFF;
	text-align: left;
}
/*===============================================================================================*/
/* Kalender CSS classes */
/*===============================================================================================*/
/*	De weekdagen (m, d, w, d, v, z, z) */
td.calDayHeader 
{
	text-align:	right;
	width: 18px;
	border-bottom: 1px solid #B8B8B8;
	color: #333366;
}

/* De weeknummers */
td.calWeekNo 
{
	text-align:	right;
	width: 18px;
	border-right: 1px solid #B8B8B8;
	cursor: pointer;
	color: #333366;
}

/* onMouseOver van de weeknummers */
td.calSel
{
	background-color: #CCCCCC;
}

/* De dagen in de huidige maand */
td.calDay
{
	text-align: right;
	background-color: #EEEEEE;
	color: #349F00;
	cursor: pointer;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

/* De dagen van een andere maand (Other Month) */
td.calDayOM
{
	text-align: right;
	color: #B8B8B8;
	cursor: pointer;
}

/* Een geselecteerde dag in de huidige maand */
td.calSelected
{
	background-color: #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

/* Een geselecteerde dag in een andere maand */
td.calSelectedOM
{
	background-color: #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: white;
}

/* Vandaag */
td.calToday
{
	border: 1px solid #333366;
}

/* Als er agenda/kalender items zijn op die dag */
td.calFilled
{
	font-weight: bold;
}

/* De TD waar de maand in getoond wordt */
td.calMonth
{
	color: #349F00;
}
/*===============================================================================================*/
/*
	Forum CSS classes
*/
/*===============================================================================================*/
thead.forumHead
{
	background: #EEEEEE;
	font-weight: bold;
}

td.forumHead
{
	color: #349F00;
}

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

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

td.forum
{
	color: #333366;
}

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

/*===============================================================================================*/
/*
	Form CSS classes
*/
/*===============================================================================================*/
.error
{
	color: red;
	font-weight: bold;
}

.formTitle
{
	font-size: 11px;
	font-weight: bold;
}

.formText
{
	font-size: 11px;
	font-weight: normal;
}
/*===============================================================================================*/
/*
	Gallery CSS classes
*/
/*===============================================================================================*/
img.gallery
{
	margin: 3px;
}

a.gallery
{
	border: 1px solid white;
}

a.gallery:hover
{
	border: 1px solid #333366;
}

/*===============================================================================================*/
/*
	Search CSS classes
*/
/*===============================================================================================*/
.search1
{
	background:	#EEEEEE;
}

.search2
{
	background:	white;
}
/*===============================================================================================*/
/*
	MENU CSS classes
*/
/*===============================================================================================*/
/*	HTML menu                                                                                     */
/*-----------------------------------------------------------------------------------------------*/
a.menuItem
{
	width: 190px;
	padding: 5px;
	color: #FFFFFF;
	overflow: hidden;
	text-decoration: none;
	display: block;
}

a.menuItem:hover, a.miLoc
{
	background: #FF6600;
	overflow: hidden;
	display: block;
}

/*-----------------------------------------------------------------------------------------------*/
/*	Dynamic HTML menu                                                                             */
/*-----------------------------------------------------------------------------------------------*/
div.menuItem2
{
	background-color: #303366;
	color: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.Shadow(color:gray, direction=135, strength=5);
}

a.menuItem2
{
	display: block;
	padding: 5px;
	background-color: #303366;
	color: #FFFFFF;
	text-decoration: none;
}

a.menuItem2:hover
{
	background-color: #FF6600;
}
/*===============================================================================================*/
/* BREADCRUMB CSS classes */
/*===============================================================================================*/
a.mnLoc, a.mnLoc:hover
{
	color: #303366;
	background-color: transparent;
	font-weight: bold;
	cursor: default;
}
/*===============================================================================================*/
/* MAIN CSS classes */
/*===============================================================================================*/
div.mainContainer
{
	margin: 0px auto 0px auto;
	width: 940px;
}

.layout
{
	width: 940px;
	float: left;
}

.noCSS
{
	display:none;
}
/*===============================================================================================*/

/*===============================================================================================*/
/* MAIN Spacer classes */
/*===============================================================================================*/
.spacer
{
	width: 100%;
	overflow: hidden;
	float: left;	
}

.h5
{
	height: 5px;
}

.h10
{
	height: 10px;
}
/*===============================================================================================*/

/*===============================================================================================*/
/* MAIN Portal classes */
/*===============================================================================================*/
.backgroundPortal
{
	width: 100%;
	min-height: 650px;
	background: url("../img/01/backgroundPortal.gif") repeat-x 0 0;
}

.headerPortal
{
	width: 900px;
	height: 307px;
	background: url("../img/01/headerPortal.jpg") no-repeat 0 0;
	float: left;
}

.mainTabsPortal
{
	margin-top: 220px;
	width: 100%;
	height: 23px;
	float: left;
}

.shadowHeaderPortalLeft, .shadowHeaderPortalRight
{
	width: 20px;
	height: 307px;
	background: url("../img/01/shadowGreenPortalLeft.gif") no-repeat 0 0;
	float: left;
}

.shadowHeaderPortalRight
{
	background: url("../img/01/shadowGreenPortalRight.gif") no-repeat 0 0;
}

.mainContentPortal
{
	width: 940px;
	background: url("../img/01/bgContentPortal.gif") repeat-y 0 0;
	float: left;	
}

.mainFooterPortal
{
	width: 940px;
	background: url("../img/01/bgFooterPortal.gif") no-repeat 0 0;
	float: left;	
}

.mainNieuws
{
	margin: 15px 0 0 46px;
	width: 380px;
	float: left;	
}

.nieuwsLinks
{
	width: 158px;
	height: 206px;
	background: url("../img/01/bgNieuws.gif") repeat-y 0 right;
	float: left;
}

.nieuwsLinks a
{
	width: 142px;
	padding: 5px 16px 7px 0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 1.1em;
	color: #606060;
	text-decoration: none;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin-right:-3px;
	float: left;
}

.nieuwsLinks a:hover
{
	color: #39B000;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	background: url("../img/01/bgNieuwsLink.gif") repeat-y 0 right;
}

.nieuwsLinks .nLoc
{
	color: #39B000;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	background: url("../img/01/bgNieuwsLink.gif") repeat-y 0 right;
}

.nieuwsContent
{
	width: 222px;
	height: 206px;
	background: url("../img/01/bgNieuwsContent.gif") repeat-y 0 0;
	float: left;
}

.nieuwsText
{
	margin: 15px 0 0 15px;
	width: 200px;
	font-size: 1.1em;
	float: left;	
}

.nieuwsNav
{
	margin: 5px 0 0 0;
	width: 100%;
	float: left;	
}

.nieuwsNav a
{
	font-size: 1.1em;
	font-weight: bold;
	color: #606060;
	text-decoration: none;
	float: right;
}

.nieuwsNav a:hover
{
	color: #3EBD00;
}

.portalTitle
{
	width: 100%;
	height: 25px;
	float: left;	
}

.mainAgenda
{
	margin: 15px 0 0 29px;
	width: 200px;
	float: left;	
}

.agendaPunt
{
	width: 200px;
	float: left;	
}

.agendaPunt a
{
	font-weight: bold;
	font-size: 1.1em;
	color: #39B000;
	text-decoration: none;
}

.agendaPunt a:hover
{
	color: #39B000;
	text-decoration: underline;
}

.agendaDate
{
	margin: 3px 0 3px 0;
	font-weight: normal;
	font-size: 1.1em;
	color: #39B000;
}

.agendaText
{
	font-weight: normal;
	font-size: 1.1em;
}

.mainBroklede
{
	margin: 15px 0 0 33px;
	width: 214px;
	float: left;	
}

.brokledeContent, .brokledeBottom
{
	width: 214px;
	height: 190px;
	background: #EBEBEB;
	overflow: hidden;
	float: left;	
}

.brokledeText
{
	margin: 15px 0 0 17px;
	font-size: 1.05em;
	width: 180px;
	float: left;	
}

.brokledeBottom
{
	height: 16px;	
}
/*===============================================================================================*/

/*===============================================================================================*/
/* MAIN Header classes */
/*===============================================================================================*/
.mainHeader
{
	width: 940px;
	float: left;
}

.headerTop
{
	height: 59px;
	background: transparent;
}

.logo
{
	width: 195px;
	height: 43px;
	margin: 6px 0 0 30px;
	float: left;
}

.headerZoeken
{
	width: 250px;
	float: right;
	margin: 10px 21px 0 0;
}

.zoekLinks
{	
	width: 225px;
	height: 19px;
	float: right;
}

.zoekLinks a
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	color: #606060;
	font-weight: normal;
	font-size: 1.1em;
	text-decoration: none;
}

.zoekLinks a:hover
{
	color: #606060;
	text-decoration: underline;	
}

.headerZoek
{
	width: 219px;
	float: right;
}

.inputVeld
{
	width: 170px;
	float: left;	
}

.buttonVeld
{
	width: 49px;
	text-align: right;
	float: left;	
}

.mainTabs, .mainTabsNoImg
{
	margin-top: 120px;
	width: 100%;
	height: 23px;
	float: left;
}

.mainTabsNoImg
{
	margin-top: 40px;
}

.mainTabs a, .mainTabsNoImg a, .mainTabsPortal a
{
	width: 119px;
	height: 23px;
	margin-left: 6px;
	float: left;	
}

.tabBottom
{
	width: 100%;
	height: 5px;
	overflow: hidden;
	float: left;
}

.algemeen
{
	background: #3EBD00;	
}

.leerlingen
{
	background: #009FD5;
}

.ouders
{
	background: #004FBD;	
}

.personeel
{
	background: #6E00BD;
}

.overig
{
	background: #BD0075;	
}
/*===============================================================================================*/

/*===============================================================================================*/
/* MAIN Content classes */
/*===============================================================================================*/
.mainMenu
{
	margin: 0 0 0 30px;
	width: 236px;
	float: left;
}

.menu
{
	margin: 13px 0 10px 12px;
	width: 210px;
	float: left;
}

.menuSpacer
{
	width: 236px;
	height: 10px;
	overflow: hidden;
	background: #FFFFFF;
	float: left;
}

.menuSubLine
{
	width: 210px;
	height: 1px;
	overflow: hidden;
	background: url("../img/01/menuSubLine.gif") no-repeat 0 0;
	float: left;
}

.mainContent
{
	width: 940px;
	background: url("../img/01/bgContent.gif") repeat-y 0 0;
	float: left;	
}

.mainArticles
{
	width: 590px;
	margin: 9px 0 0 27px;
	float: left;	
}

.mainBread
{
	width: 100%;
	margin: 8px 0 12px 0;
	float: left;	
}

.mainBread a
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 1.1em;
	color: #606060;
	text-decoration: none;
}

.mainBread a:hover
{
	color: #000000;	
}

.mainBread .home
{
	font-weight: bold;
}

.breadLine
{
	width: 100%;
	height: 1px;
	overflow: hidden;
	background: #454545;
	float: left;	
}

.article
{
	width: 585px;
	margin-right: -3px;
	float: left;
}

.articleSpacer
{
	width: 100%;
	height: 10px;
	overflow: hidden;
	float: left;
}

.itemBody
{
	width: 100%;
	font-size: 1.1em;
	line-height: 15px;
	margin-bottom: 10px;
	float: left;
}

.thumbnail
{
	margin: 0 15px 15px 0;
	border: 1px solid #C7C7C7;
	padding: 5px;
	float:left;
}

.mainNav
{
	width: 590px;
	margin: 10px 0 10px 0;
	float: left;
	overflow: hidden;
}

.mainNav .back
{
	margin-right: 29px;
}

.mainNav .print
{
	margin-right: 13px;	
}

.articleLine
{
	width: 100%;
	height: 1px;
	overflow: hidden;
	background: #D7D7D7;
	float: left;
}
/*===============================================================================================*/

/*===============================================================================================*/
/* MAIN Footer classes */
/*===============================================================================================*/
.mainFooter
{
	width: 940px;
	background: url("../img/01/bgFooter.gif") no-repeat 0 0;
	float: left;	
}

.footerLinks, .copyright
{
	margin: 29px 0 0 0;
	width: 940px;
	text-align: center;
	float: left;	
}

.copyright
{
	margin: 5px 0 0 0;	
}

.footerLinks a, .copyright a
{
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
	color: #979797;
}

.footerLinks a:hover, .copyright a:hover
{
	color: #606060;
}
/*===============================================================================================*/

.search 
{
	padding: 0px;
	width: 200px;
	color: #FFFFFF;
}

.sitemapTitle
{
	background-color: #EEEEEE;
	padding: 5px;
	height: 15px;
	text-transform: uppercase;
}

a.sitemapTitle
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	color: #349F00;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.sitemap, a.sitemap
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	color: #606060;
	font-weight: normal;
	font-size: 1.1em;
	text-decoration: none;
}