/* general */
* {
	outline: none;
	margin: 0;
	padding: 0;
}

body {
	background: #51aec9 url(../images/body.png) top center repeat-x;
	font: 12px Verdana, Arial, sans-serif;
}

body a {
	color: #333;
}

body #container {
	width: 950px;
	margin: 7px auto;
}

body #container ol {
	margin-left: 20px;
}

body #container #header {
	background: #fff;
	height: 64px;
	background: url(../images/headerBackground.png) center left repeat-x;
}

body #container #header h1 {
	float: left;
	background: url(../images/logo.png) center center no-repeat;
	width: 303px;
	height: 54px;
	text-indent: -9999px;
	margin-top: 5px;
}

body #container #header h2 {
	display: none;
}

body #container #header #navigation {
	float: right;
	height: 54px;
	line-height: 74px;
	width: 525px;
	background: url(../images/navigationGradient.png) top right no-repeat;
}

body #container #header #navigation li {
	float: left;
	list-style: none none;
}

body #container #header #navigation li a {
	background: url(../images/navigationDivider.png) center right no-repeat;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	padding: 4px 10px 4px 7px;
}
body #container #header #navigation li a:hover {
	text-decoration: underline;
}

body #container #header #navigation p {
	float: left;
}

body #container #header #navigation li a.sitemap {
	font-weight: normal;
	background: 0;
}

body #container #header #navigation input {
	line-height: 20px;
	height: 20px;
	border: 1px solid #cecece;
	margin-top: 24px;
}

body #container #header #navigation input.text {
	background: url(../images/inputGradient.png) center center repeat-x;
	color: #333;
	width: 140px;
	height: 20px;
	margin-left: 10px;
	float: left;
}

body #container #header #navigation input.button {
	color: #fff;
	padding: 0 5px;
	background: #b2bcc0;
	height: 22px;
	margin-top: 25px;
	border: 0;
	margin-right: -2px;
	float: left;
}
body #container #header #navigation input.button:hover, body #container #header #navigation input.button:focus {
	background: #666;
	cursor: pointer;
}

#for {
	border-top: 1px solid #cecece;
	height: 41px;
	background: #fff url(images/for-border.gif) bottom left repeat-x;
}

#for .leerkrachten,
#for .basisscholen,
#for .ouders {
	float: left;
	width: 33.3%;
	height: 40px;
	line-height: 40px;
	list-style: none none;
	text-indent: 7px;
	font-size: 16px;
	font-family: Arial, sans-serif;
	border-bottom: 1px solid #cecece;
}

#for li span {
	font-weight: bold;
	font-size: 18px;
}
#for li li {
	display: inline;
}

#for li a {
	text-decoration: none;
	display: block;
}

#for li a:hover {
	text-decoration: underline;
}

#for li.ouders,
#for li.ouders a {
	color: #aa1054;
}

#for li.leerkrachten,
#for li.leerkrachten a {
	color: #006685;
}

#for li.basisscholen,
#for li.basisscholen a {
	color: #4a479f;
}

#for li.leerkrachten.active {
	background: url(../images/backgrounds/leerkrachten-active.gif) bottom left repeat-x;
}
#for li.basisscholen.active {
	background: url(../images/backgrounds/basisscholen-active.gif) bottom left repeat-x;
}
#for li.ouders.active {
	background: url(../images/backgrounds/ouders-active.gif) bottom left repeat-x;
}

/* Submenu items */
#for ul ul { 
	display: none;
	position: absolute;
	background-color: white;
	z-index: 100;
	width: 305px !important;
	list-style-type: none;
	margin: 0;
	padding: 5px !important;
	font-size: 12px;
	height: auto;
	border: 1px solid #cecece;
}
#for ul ul li,
body #container #for ul li.ouders ul li {
	height: auto; !important
	display: block;
}
#for ul ul a {
	display: block;
	float: left;
	clear: left;
}
#for ul ul ul {
	position: static;
	padding: 0 0 0 10px !important;
	width: auto !important;
	border: none;
}
#for li:hover ul,
#for li.hovered ul {
	display: block;
}

body #container #content {
	background: #fff;
	padding: 10px 7px 0 7px;
	min-height: 450px;
}

body #container #content #title {
	position: relative;
	width: 100%;
	height: 94px;
	overflow: hidden;
	background: url(../images/backgrounds/default.jpg) top left no-repeat;
}

body #container #content #title h2 {
	position: absolute;
	left: 17px;
	bottom: 17px;
	font: 32px Arial, sans-serif;
	color: #fff;
	font-weight: normal;
}

body #container #title {
	border-bottom: 5px solid #333;
}

body #container .ouders #title {
	border-bottom: 5px solid #8f0d47;
}

body #container .leerkrachten #title {
	border-bottom: 5px solid #006685;
}

body #container .basisscholen #title {
	border-bottom: 5px solid #4a479f;
}

body #container .leerkrachten.over #title {
	border-bottom: 5px solid #333333;
}

body #container .leerkrachten.over.begrippen h3 {
	margin-bottom: 20px; 
} 

body #container .leerkrachten.over.begrippen #pageContent {
	min-height: 300px;
}

body #container #content #top {
	height: 200px;
}

body #container #content #top #flashObject {
	height: 200px;
	width: 622px;
	background: #000;
	float: left;
}

body #container #content #top #news {
	width: 302px;
	height: 200px;
	background: #f4f4f4 url(../images/newsBackground.png) left top repeat-y;
	float: right;
	position: relative;
	color: #666;
	padding-left: 12px;
	font-size: 11px;
}

body #container #content #top #news a {
	color: #666;
	text-decoration: none;
}
body #container #content #top #news a:hover {
	text-decoration: underline;
} 

body #container #content #top #news li {
	list-style: outside url(../images/newsArrow.gif);
	padding: -20px 10px 12px 0;
	margin: 10px 0 0 12px;
	line-height: 22px;
}

body #container #content #top #news .date {
	font-style: italic;
	font-size: 11px;
	color: #999;
}

body #container #content #top #news a.completenw {
	background: url(../images/completeNews.png) center center no-repeat;
	line-height: 25px;
	display: block;
	width: 220px;
	text-indent: 22px;
	color: #676767;
	text-decoration: none;
	position: absolute;
	bottom: -10px;
	left: 47px;
}
body #container #content #top #news a.completenw:hover {
	color: #000;
}

body #container #content #top #news h2 {
	margin-top: 7px;
	font-size: 16px;
	font-weight: normal;
}

/* newsitems */

body #container #content #pageContent.news .news-row {
	padding: 10px;
	border-bottom: 1px solid #eee;
	display: relative;
}

body #container #content #pageContent.news h3 {
	padding-bottom: 0;
}


body #container #content #pageContent.news .newsimage {
	float: right;
	left: 590px;
	position: absolute;
	margin-top: 20px;
}

body #container #content #pageContent .datum {
	font-style: italic;
	font-size: 11px;
	color: #999;
}

body #container #content #pageContent.news p {
	padding: 5px 0;
	width: 550px;
} 

body #container #content #columns {
	margin-top: 20px;
}

body #container #content #columns .column {
	width: 300px;
	float: left;
	position: relative;
	height: 368px;
	margin-bottom: 15px;
}

body #container #content #columns .left {
	border-top: 4px solid #aa1054;
	margin-right: 14px;
}

body #container #content #columns .center {
	border-top: 4px solid #006685;
}

body #container #content #columns .right {
	border-top: 4px solid #4a479f;
	margin-left: 14px;
}

body #container #content #search {
	width: 276px;
	height: 116px;
	margin: 10px 10px -50px 10px;
	position: absolute;
}
body #container #content.ouders #search {
	top: 28px;
	left: 380px;
}

body #container #content #search .searchLeft {
	height: 96px;
	width: 96px;
	background: url(../images/searchCorner.png) top left no-repeat #8f0d47;
	font-size: 16px;
	color: #fff;
	padding: 10px;
	font-family: Arial, sans-serif;
	line-height: 22px;
	float: left;
}

body #container #content #search .searchRight {
	height: 93px;
	float: left;
	padding: 10px 5px 10px 10px;
	width: 145px;
	border-bottom: 3px solid #8f0d47;
	font: 12px Arial, sans-serif;
	color: #333;
	line-height: 20px;
	background: url(../images/searchGradient.png) center left repeat-y #fff;
}

body #container #content #search .searchRight input {
	border: 1px solid #8f0d47;
	line-height: 18px;
	float: left;
	margin-top: 10px;
}

body #container #content #search .searchRight input.text {
	width: 78px;
	height: 18px;
}

body #container #content #search .searchRight input.button {
	width: 59px;
	font: 13px/20px Verdana, Arial, sans-serif;
	color: #fff;
	background: #8f0d47;
	height: 20px;
	border: 0;
}
body #container #content #search .searchRight input.button:hover, body #container #content #search .searchRight input.button:focus {
	cursor: pointer;
	background: #460221;
}

body #container #content .left #map {
	margin: 40px 0 40px 0;
}

body #container #content .left a.bottomLink {
	display: block;
	background: url(../images/parentsBottomLink.png) center center no-repeat;
	width: 300px;
	line-height: 25px;
	color: #8f0d47;
	text-decoration: none;
	text-indent: 56px;
	position: absolute;
	bottom: 0px;
	font-weight: bold;
}
body #container #content .left a.bottomLink:hover {
	color: #460221;
} 

body #container #content .center h3 {
	font: bold 16px Arial, sans-serif;
	color: #006685;
	padding: 15px 0 12px 0;
}

body #container #content .center p,
body #container #content .right p {
	color: #333;
	line-height: 22px;
}

body #container #content .right ul {
	padding: 1em 0 1em 1em;
}

body #container #content .right li {
	line-height: 22px;
}

body #container #content .center p a {
	color: #333;
}

body #container #content .center a.moreLink {
	display: block;
	background: url(../images/teachersMoreLink.png) center center no-repeat;
	width: 300px;
	line-height: 25px;
	color: #006685;
	text-decoration: none;
	text-indent: 56px;
	margin-top: 11px;
	font-weight: bold;
}
body #container #content .center a.moreLink:hover {
	color: #012e3c;
} 

body #container #content .center .bottom {
	position: absolute;
	bottom: 0px;
}

body #container #content .right h3 {
	font: bold 16px Arial, sans-serif;
	color: #4a479f;
	padding: 15px 0 12px 0;
}

/*
body #container #content .right p {
	background: url(../images/quotesOpen.png) 5px 5px no-repeat;
	padding: 10px 0 0 22px;
	color: #333;
	font: italic 16px Arial, sans-serif;
	margin: 8px 0 15px 0;
	line-height: 24px;
	width: 250px;
}

body #container #content .right span {
	background: url(../images/quotesClose.png) right top no-repeat;
	height: 25px;
	width: 30px;
	display: inline-block;
	line-height: 25px;
}
*/

body #container #content .right a.moreLink {
	display: block;
	background: url(../images/schoolsMoreLink.png) center center no-repeat;
	width: 300px;
	line-height: 25px;
	color: #4a479f;
	text-decoration: none;
	text-indent: 56px;
	position: absolute;
	bottom: 0px;
	font-weight: bold;
}
body #container #content .right a.moreLink:hover {
	color: #050256;
}

body #container #footer {
	background-color: none;
	text-align: center;
	position: relative;
	padding-top: 10px;
	height: 20px;
}

body #container #footer p,
body #container #footer a {
	font-size: 11px;
	color: #fff;
}

body #container #footer .webdesign{
	position: absolute;
	top: 10px;
	right: 10px;
}

/* Begrippenlijst */

body #container #content #alph {
	padding: 5px 115px;
	border-bottom: 1px solid #eaeaea;
	float: left;
}

body #container #content #alph li {
	list-style: none none;
	float: left;
	padding: 7px 5px;
}

body #container #content #alph li a {
	color: #333;
	text-decoration: none;
	float: left;
}

body #container #content #alph li.active a {
	color: #333;
	font-weight: bold;
}

body #container #content #alph li a:hover {
	text-decoration: underline;
}

#glossary {
	padding: 0 0 20px 3px;
}

#glossary h3 {
	font: bold 14px/22px Verdana, Arial, sans-serif;
	color: #333;
	padding: 15px 0 10px 0;
}

#glossary dl.js-enabled dt {
	margin-bottom: 10px;
	padding-left: 15px;
	cursor: pointer;
	background: url(../images/glossaryPlus.png) center left no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

#glossary dl.js-enabled dt.expanded {
	background: url(../images/glossaryMinus.png) center left no-repeat;
}

#glossary dl.js-enabled dd {
	margin-left: 15px;
	margin-bottom: 10px;
	line-height: 1.5em;
	display: none;
	font-size: 0.9em;
	color: #666;
}

#glossary dl.js-enabled dd.on {
	display: block;
}


/* Vakantierooster */

body #container div.intro {
	color: #333;
	font: bold 13px/22px Arial, sans-serif;
	padding: 0 0 0 3px;
	font-weight: bold;
}

body #container .ouders p, body #container .basisscholen p {
	color: #333;
	line-height: 20px;
}

body #container .ouders h3, body #container .basisscholen h3 {
	font: 16px/22px Verdana, Arial, sans-serif;
	color: #333;
	padding: 15px 3px;
}

body #container .ouders ul li {
	clear: both;
	font: 12px/22px Arial, sans-serif;
	color: #333;
	padding-left: 3px;
}
body #container #content ul.tablelist {
	padding-left: 3px;
}

body #container ul.tablelist li {
	list-style: none none; ;
}  

body #container ul li span.what {
	width: 150px;
	display: block;
	float: left;
}

body #container .padding {
	padding-bottom: 20px;
}

/* Mailinglijst */

body #container .leerkrachten p {
	font: 12px/22px Arial, sans-serif;
	color: #333;
	padding: 10px 3px;
	width: 600px;
}

body #container .leerkrachten table p {
	width: auto;
}

body #container .leerkrachten ul, body #container .basisscholen ul {
	font: 12px/22px Arial, sans-serif;
	color: #333;
	padding: 10px 3px 10px 20px;
	width: 600px;
}
body #container #content.leerkrachten h3 {
	padding: 0;
}

body #container .leerkrachten fieldset {
	margin-left: 3px;
	border: 1px solid #ccc;
	width: 580px;
	padding: 15px;
}

body #container .leerkrachten legend {
	background: #fff;
	padding: 0 6px;
	font: bold 12px/22px Arial, sans-serif;
	color: #333;
}

body #container .leerkrachten .mailingRow {
	clear: both;
}

body #container .leerkrachten form fieldset label {
	float: left;
	width: 125px;
	color: #333;
	font: 12px/30px Arial, sans-serif;
}

body #container .leerkrachten form fieldset input[type=radio] {
	margin: 8px 8px 0 0;
}

body #container .leerkrachten form fieldset input[value=man] {
	margin-left: 0px;
}

body #container .leerkrachten form fieldset input[type=text] {
	background: url(../images/inputGradient.png) center center repeat-x;
	color: #333;
	width: 235px;
	height: 20px;
	border: 1px solid #ccc;
}

body #container .leerkrachten form input[type=submit] {
	height: 22px;
	font: 12px/22px Verdana, Arial, sans-serif;
	color: #fff;
	background: #b2bcc0;
	padding: 0 8px 2px 8px;
	border: 0;
	margin: 10px 0 25px 145px;
}
body #container .leerkrachten form input[type=submit]:hover, body #container .leerkrachten form input[type=submit]:focus {
	background: #666;
} 

/* School */

body #container .ouders #pageContent #text {
	float: left;
	width: 427px;
	padding: 0 15px 10px 3px;
	display: block;
	height: 100%;
	margin-top: 15px;
}

body #container .ouders #pageContent #text.main, body #container .basisscholen #pageContent #text.main {
	width: 640px;
	border-right: 0;
}

body #container .ouders #pageContent #text .intro {
	width: 100%;
	font-weight: bold;
	padding: 0;
}

body #container .leerkrachten #pageContent .intro p {
	width: 100%;
	font-weight: bold;
	padding: 0;
	padding-bottom: 20px;
}

body #container .ouders #pageContent #text p, body #container .basisscholen #pageContent #text p {
	padding-top: 15px;
	font: 12px/22px Arial, sans-serif;
	color: #333;
}

body #container .ouders #pageContent #text ul {
	padding-top: 15px;
}

body #container .ouders #pageContent #text ul li {
	font: 12px/22px Arial, sans-serif;
	list-style: square outside none;
	margin-left: 40px;
	padding-left: 10px;
	color: #333;
}

body #container .ouders #pageContent #info {
	float: left;
	background: url(../images/barGradient.png) left top repeat-y;
	width: 210px;
	margin: 15px 6px 0 6px;
}

body #container .ouders #pageContent #info strong {
	display: block;
}

body #container .ouders #pageContent #info ul,
body #container .ouders #pageContent #info h3 {
	padding-left: 20px;
}

body #container .ouders #pageContent #info h3 {
	padding: 5px 5px 5px 20px;
}

body #container .ouders #pageContent #info li {
	line-height: 20px;
}

body #container .ouders #pageContent #sidebar {
	float: left;
	background: url(../images/barGradient.png) 8px top repeat-y;
	margin-top: 15px;
	width: 222px;
	border-left: 1px solid #eaeaea;
	padding: 0 0 0 18px;
}

body #container .ouders #pageContent #sidebar h3 {
	padding-top: 0;
}

body #container .ouders #pageContent #sidebar li {
	list-style: none none;
}

body #container .ouders #pageContent #sidebar li span.title {
	font-weight: bold;
	display: block;
	float: left;
	width: 70px;
}

body #container .ouders #pageContent #sidebar li span.info {
	display: block;
	float: left;
	width: 125px;
}
body #container .ouders #pageContent #sidebar li span.newline { /* plaatst .info op nieuwe regel */
	clear: left;
}

body #container .ouders #pageContent #sidebar li a {
	color: #333;
	text-decoration: underline;
}

body #container #pageContent #sidebar a.sidebarLink {
	background: url(../images/sidebarLink.png) center center no-repeat;
	height: 24px;
	width: 225px;
	text-indent: 35px;
	display: block;
	font: 12px/24px Verdana, Arial, sans-serif;
	color: #333;
	text-decoration: none;
	margin: 10px 0 20px -12px;
}
body #container #pageContent #sidebar a.sidebarLink:hover {
	color: #000;
} 


body #container .ouders #pageContent #sidebar p {
	font: 12px/22px Arial, sans-serif;
	color: #333;
}

body #container p.backLink a {
	padding: 3px 10px;
	background: url(../images/arrowBack.gif) left center no-repeat;
	display: block;
	color: #333;
	font-weight: bold;
}

body #container p.backLink {
	padding: 12px 5px 20px 5px;
	border-top: 1px solid #eaeaea;
	margin-top: 8px;
}

/* Vacature */

body #container .ouders #pageContent #vacOmschr,
body #container .ouders #pageContent #nwsOmschr {
	float: left;
	width: 680px;
	position: relative;
	padding-right: 252px;
	margin-bottom: 15px;
}

body #container .ouders #pageContent #vacOmschr .intro {
	width: 600px;
	padding-top: 0;
	font-weight: bold;
}

body #container .ouders #pageContent #vacOmschr .intro span.date {
	color: #999;
	font-style: italic;
}

body #container .ouders #pageContent #vacOmschr p {
	padding: 8px 3px;
	font: 12px/22px Arial, sans-serif;
}

body #container .ouders #sidebar p a {
	color: #333;
}

body #container .ouders #vacOmschr #sidebar {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

/* Voor ouders */

body #container #pageContent {
	position: relative;
}

/* Voor leerkrachten */

body #container .leerkrachten #pageContent, body #container .ouders #pageContent {
	width: 670px;
	position: relative;
	padding-right: 252px;
	padding-top: 10px;
	margin-bottom: 15px;
}

body #container .leerkrachten #pageContent #sidebar {
	background: url(../images/barGradient.png) 8px top repeat-y;
	margin-top: 15px;
	width: 222px;
	border-left: 1px solid #eaeaea;
	padding: 0 0 0 18px;
	position: absolute;
	right: 10px;
}

body #container #pageContent #sidebar h3 {
	padding-top: 0;
	padding-bottom: 15px;
}

body #container #pageContent #sidebar li span.title {
	font-weight: bold;
	display: block;
	float: left;
	width: 70px;
}

body #container #pageContent #sidebar li span.info {
	display: block;
	float: left;
	width: 125px;
}

body #container #pageContent #sidebar li a {
	color: #333;
	text-decoration: underline;
}

body #container #pageContent #sidebar a.sidebarLink {
	background: url(../images/sidebarLink.png) center center no-repeat;
	height: 24px;
	width: 225px;
	text-indent: 35px;
	display: block;
	font: 12px/24px Verdana, Arial, sans-serif;
	color: #333;
	text-decoration: none;
	margin: 10px 0 5px -12px;
}
body #container #pageContent #sidebar a.sidebarLink:hover {
	color: #000;
}
body #container #pageContent #sidebar .highlight a.sidebarLink {
	background: url(../images/sidebarLink-highlight.png) center center no-repeat;
	color: #AA3665;
}
body #container #pageContent #sidebar .highlight a.sidebarLink:hover {
	color: #460221;
}
#sidebar .block {
	margin-bottom: 20px;
}
body #container #pageContent #sidebar .highlight h3 {
	color: #AA3665;
}

/* submenu */



body #container #pageContent #sidebar ul.submenu {
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	display: block;
	border-bottom: 1px solid #ddd;
	width: auto;
	padding-bottom: 10px;
}
body #container #pageContent #sidebar ul.submenu li {
	list-style: none;
	color: #333;
	margin-left: 0;
	line-height: 22px;
}

body #container #pageContent #sidebar ul.submenu li ul {
	padding: 0;
	margin: 0;
	width: auto;
	margin-left: 40px;
}

body #container #pageContent #sidebar ul.submenu li ul li {
	list-style: square outside none; 
}

body #container .leerkrachten #pageContent {
	position: relative;
	padding-left: 8px;
	margin: 20px;
}

body #container .leerkrachten #sidebar p a {
	color: #333;
}

body #container .leerkrachten #sidebar p {
	color: #333;
	font: 12px/22px Arial, sans-serif;
	width: 200px;
	padding: 0;
}

body #container #sidebar form {
	margin-top: 10px;
}

body #container #pageContent #sidebar {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

body #container #pageContent #sidebar ul li {
	list-style: square outside none;
	color: #333;
	margin-left: 20px;
	line-height: 22px;
}

body #container .leerkrachten h3 {
	font: 16px/22px Verdana, Arial, sans-serif;
	color: #333;
	padding: 15px 3px;
}

body #container .leerkrachten h4 {
	padding: 15px 0 5px 0;
}

body #container .leerkrachten p.backLink {
	margin-top: 26px;
	clear: both;
}

body #container .leerkrachten #pageContent p, body #container .ouders #pageContent p  {
	font: 12px/22px Arial, sans-serif;
	color: #333;
	padding-right: 3px;
}

body #container .leerkrachten #pageContent input[type=text] {
	background: url(../images/inputGradient.png) center center repeat-x;
	color: #333;
	width: 135px;
	height: 20px;
	border: 1px solid #ccc;
	float: left;
	margin-right: 4px;
}

body #container .leerkrachten #pageContent input[type=submit] {
	margin: 0;
	float: left;
}

body #container #pageContent table {
	width: 100%;
	color: #333;
	font-size: 12px;
	line-height: 22px;
	margin: 15px 0;
}

body #container .leerkrachten #pageContent table tr.title {
	font-size: 10px;
	color: #333;
	background: url(../images/tableHeaderGradient.png) bottom left repeat-x;
}

body #container .leerkrachten #pageContent table tr th.func {
	width: 175px;
}

body #container .leerkrachten #pageContent table tr th.school {
	width: 175px;
}

body #container .leerkrachten #pageContent table tr td {
	padding: 5px 0;
	text-indent: 10px;
}

body #container .leerkrachten #pageContent table tr.blue td {
	background: #eaf2f5;
}

body #container .leerkrachten #pageContent table tr td a {
	color: #333;
}

body #container .leerkrachten #pageContent ul.linkbar {
	height: 26px;
	line-height: 26px;
	background: url(../images/linkBar.png) center center repeat-x;
}

body #container .leerkrachten #pageContent ul.linkbar li {
	list-style: none none;
	float: left;
	padding-right: 11px;
	background: url(../images/linkBarRight.png) center right no-repeat;
	height: 26px;
	line-height: 26px;
	margin: 0 10px;
}

body #container .leerkrachten #pageContent ul.linkbar li a {
	display: block;
	background: url(../images/linkBarLeft.png) center left no-repeat;
	padding: 0 5px 0 21px;
	font: bold 12px/26px Verdana, Arial, sans-serif;
	color: #006685;
	text-decoration: none;
}
body #container .leerkrachten #pageContent ul.linkbar li a:hover {
	color: #012e3c;
}

body #container .leerkrachten.over #pageContent ul.linkbar {
	background: url(../images/meerkringlinkBar.png) center center repeat-x;
}

body #container .leerkrachten.over #pageContent ul.linkbar li {
	background: url(../images/meerkringlinkBarRight.png) center right no-repeat;
}

body #container .leerkrachten.over #pageContent ul.linkbar li a {
	background: url(../images/meerkringlinkBarLeft.png) center left no-repeat;
	color: #333333;
}
body #container .leerkrachten.over #pageContent ul.linkbar li a:hover {
	color: #000000;
}

/* Misc */

.clearer {
	clear: both;
}

/* Form */
.validation-advice {
	background: #8f0d47 url(../images/icons/error.gif) 2px 1px no-repeat;
	padding: 2px 2px 2px 20px;
	margin: 0 0 5px 0;
	color: #fff;
	clear: both;
	font-size: .9em;
}

/* Sitemap */

#sitemap {
	overflow: hidden;
	width: 100%;
	padding-bottom: 20px;
}
#sitemap .column {
	float: left;
	width: 33%;
}

#sitemap #wrapper {
	padding-top: 30px;
}

#sitemap h2 {
	font: bold 16px Arial, sans-serif;
	color: #333;
	padding: 0 0 15px 0;
}

#sitemap p {
	color: #333;
}

#sitemap h3 {
	font: bold 16px Arial, sans-serif;
	margin-bottom: 15px;
}
#sitemap ul {
	margin-bottom: 25px;
	padding-left: 15px;
}

#sitemap li {
	list-style: none none;
	line-height: 21px;
}

#sitemap a {
	text-decoration: none;
	color: #333;
}

#sitemap a:hover {
	text-decoration: underline;
}

#sitemap ul ul {
	margin: 0 0 0 16px !important;
}

#sitemap li ul {
	padding: 0;
	
}

#sitemap ul ul li {
	line-height: 25px;
}

#sitemap .column ul.ouders {
	border-left: 1px solid #aa1054;
}

#sitemap .column ul.leerkrachten {
	border-left: 1px solid #006685;
}

#sitemap .column ul.basisscholen {
	border-left: 1px solid #4a479f;
}

#sitemap .column ul.alg {
	border-left: 1px solid #333;
}

#sitemap li * {
	margin: 0 !important;
	padding: 0 !important;
}

#sitemap h3.alg {
	color: #333;
}

#sitemap h3.leerkrachten {
	color: #006685;
}

#sitemap h3.basisscholen {
	color: #4a479f;
}

#sitemap h3.ouders {
	color: #aa1054;
}

.smapspace {
	padding-top: 10px;
}

/* Zoek */

p.intro {
	padding: 20px 0 0 0;
	color: #333;
}


ul.searchresults {
	color: #333;
	padding: 20px 0 30px;
}

ul.searchresults li {
	list-style: inside square;
	line-height: 21px;
}

.main h3 img {
	display: none;
}