/***********************************************************

	Gooise Scholen Federatie
	Core stylesheet
	Filename	: screen.css
	Version		: 1.00
	Created		: 23-9-2009
	Changed		: 2-2-2010
	Author		: Ordina Internet Solutions, B. Wortel

/***********************************************************


/**************************************************/
/*              General settings                  */
/**************************************************/
body {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	position: relative;
}

div#container {
	width:965px;
	margin:0 auto;
	text-align:left;
	font-size:90%;
	position:relative;
}

img.alignLeft {
	float:left;
	margin-right:5px;
}

img.alignRight {
	float:right;
	margin-left:5px;
}

h2 {
	font-family: "Trebuchet MS";
	font-size: 153.9%;
	font-weight: bold;
	height:30px;
	padding: 5px 0 0 15px;
}

h2 a {
	text-decoration: none;
}

div#pageFooter h2 {
	color:#fff;
}

.pagingLeft {
	float: left;
}

/**************************************************/
/*              Content components                */
/**************************************************/
div#contentFrame {
	float: left;
	margin: 0;
}

div#leftColumn {
	background: #fff; /* background wel verwijderen */
	width: 650px;
	overflow: hidden;
}

div#staticColumn {
	background: #fff; /* background wel verwijderen */
	float: left;
	width: 310px;
}

.clearFix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearFix {
    display: inline-block;
}

html[xmlns] .clearFix {
    display: block;
}

* html .clearFix {
    height: 1%;
}
.box {
	float: left;
	width: 310px;
	/*height: 300px;
	outline: 1px solid chocolate;*/
}



/**************************************************/
/*              Sharepoints Controls              */
/**************************************************/
#sharepointControls {
	float: left;
}


/**************************************************/
/*              Header components                 */
/**************************************************/
div#pageHeader {
	margin-bottom:10px;
}

div#topLogo {
	float: left;
	margin-top: 80px;
}

div#topRight {
	float: right;
	margin: 0 5px 0 0;
}

div#gsfLogo {
	margin: 0 0 30px;
}

/* font change buttons */

div#fontChange {
	height:1.9em;
	float: left;
	margin: 0 15px 0 5px;
}

div#fontChange ul {
	margin-top:0.3em;
}

div#fontChange ul li {
	float:left;
	display:inline;
}

div#fontChange ul li a {
	background:#fff url(../gfx/fontsizes.gif) top left no-repeat;
	text-decoration:none;
}

div#fontChange ul li a {
	display:block;
	float:left;
	font-size:0;
	text-indent:-2200px;
	height:14px;
	margin-right:5px;
}

div#fontChange ul li.small a {
 	background-position: 0 bottom;
 	width:9px;
}

div#fontChange ul li.normal a {
	background-position: -15px bottom;
 	width:12px;
}

div#fontChange ul li.large a {
 	background-position: -32px bottom;
 	width:14px;
}

/* search bar */

div#topSearch {
	margin: 0 0 10px;
	
}

div#topSearch div.sitemap {
	font-size:11px;
	margin-left: 208px;
	padding-top:5px;
}

div#topSearch div.sitemap a {
	color: #000;
}

div#bottomSearch div.searchField,
div#topSearch div.searchField,
input#ctl00_SearchBoxBottom_SCBB98C18_InputKeywords {
	float: left;
}

input#ctl00_SearchBox_S83C543AE_InputKeywords,
input#ctl00_SearchBoxBottom_SCBB98C18_InputKeywords {
	background: #fff;
	border: 1px solid #033151;
	height: 18px;
	font-family:inherit;
	font-size:inherit;
	padding: 5px 0 0 5px;
	width: 170px !important;
}


/* zoek button */
#ctl00_SearchBox_S83C543AE_go,
#ctl00_SearchBoxBottom_SCBB98C18_go {
	margin: 0 0 0 10px;
}

input#ctl00_SearchBox_S83C543AE_InputKeywords,
div#topSearch fieldset div {
	float:left;
}

div#topMenu {
	background: #a0a2a6;
	float: left;
	/*margin:5px 0 10px 0;*/
	position:relative; /* fix for IE*/
	width: 960px;
	z-index:0; /* fix for IE*/
}

div#topMenu ul li {
	float:left;
	height:30px;
	padding:0 10px 0 10px;
}

div#topMenu ul li.alignRight {
	background: #707379;
	float:right;
	position:relative;
}

div#topMenu ul li a{
	display:block;
	padding: 7px 0 0 0;
	text-decoration:none;
}

#topMenu li ul {
	background: #a0a2a6;
	height: auto;
	left: -999em;
	position: absolute;
	top: 30px;
	width: 15em;
}

div#topMenu li.alignRight li ul {
	background: #707379;
}

#topMenu li:hover ul, 
#topMenu li.sfhover ul {
	left: auto;
}

#topMenu ul li ul li {
	background: #0098BE;
	height: auto;
	padding: 5px 0 5px 10px;
}

#topMenu li ul li a {
	display: block;
	padding: 2px 0 2px;
	width: 15em;
}

#topMenu ul#navGSF li#GSF_navitem2,
#topMenu ul#navGSF li#GSF_navitem3,
#topMenu ul#navGSF li#GSF_navitem4 {
	padding: 0 23px;
}

/**************************************************/
/*              Sifr headers                      */
/**************************************************/
.sIFR-replaced h2 {
	font-size: 20px;
	color:#CC0000;
}

.sIFR-active h2 {
	color:#CC0000;
}

/**************************************************/
/*              Layout component                  */
/**************************************************/
div.image {
	float: left;
}


/**************************************************/
/*         Praktische links component             */
/**************************************************/
div.praktischeLinks a {
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}

div.praktischeLinks ul li {
	width: 285px;
}

div.praktischeLinks ul li.odd {
	background: #f5f5f5;
}


/**************************************************/
/*         		youtube component	              */
/**************************************************/
div#youtube  {
	background: #000;
}

div#youtube embed {
	margin: 5px;
	width:300px;
}


/**************************************************/
/*               Nieuws component                 */
/**************************************************/
div#nieuws {
	background: #fff;
	float: left;
	padding: 0 0 20px;
}

div#nieuws ul.newsList {
	margin: 0 0 0 10px;
}

ul.newsList h3 {
	font-size: 100%;
	font-weight: bold;
}


div#nieuws ul {
	margin: 0;
}

div#nieuws ul li {
	margin: 10px 0;
}

div#nieuws h3 a {
	text-decoration: none;
}

div#nieuws span.stats {
	font-style:italic;
	font-size: 78%;
}

div#nieuws span.readmore {
	font-weight: bold;
}
/**************************************************/
/*            Accordion component                 */
/**************************************************/
.accordion {
	background: #fff;
	width: 310px;
}

.accordion dt {
	background: #000;
	color: #fff;
	font-weight: bold;
	padding: 3px 8px;
}

.accordion dt:hover, .accordion dt.over {
	background: #333;
	cursor: pointer;
	cursor: hand;
}

.accordion dd {
	display: none;
	border: 1px solid #aaa;
	padding: 4px;
	overflow: hidden;
}

.accordion dd.open {
	display: block;
}

.accordion dd.getHeight {
	display: block;
}

/**************************************************/
/*             Slideshow component                */
/**************************************************/
#slideshowModule {
	float:left;
	height: 370px; /* was: 400px */;
	background: #66CCFF;
	margin: 15px 0;
	position: relative;
	width:635px;
}

#slideshowNavigation {
	background: #66CCFF;
	overflow: hidden;
	padding: 20px 0 0;
	position: absolute;
	top: 300px;
	width: 635px;
	z-index: 100;
}

#slideshowNavigation li a img {
	width: 30px;
}

#slideshowNavigation li {
	float: left;
	margin: 10px 0 10px 10px;
}

#slideshowNavigation li a {
	display: block;
	padding: 2px;
}

#slideshowNavigation li.navPrev,
#slideshowNavigation li.navNext {
	margin: 0;
}


#slideshowNavigation li.navPrev a,
#slideshowNavigation li.navNext a{
	font-size: 300%;
	font-weight: bold;
	margin: 0 5px;
	text-decoration: none;

}

#slideshowNavigation li.isActive a {
	background: #fff;
	padding: 2px;
}

#slideshowFrameContainer {
	position: relative;
}

#slideshowFrameContainer img {
	position: absolute;
	left: 0;
	top: 0;
	float: left;
}

#slideshowFrameContainer img.slide2 {
	opacity:0;
	filter: alpha(opacity=0);
}

/**************************************************/
/*          Testimonial component                 */
/**************************************************/
div.testimonial {
	background: #0098be;
	margin: 0 0 10px;
}

.description,
.description p,
div.testimonial p {
	color: #fff;
	margin: 5px 5px 0 15px;
}

div.testimonial img.alignLeft {
	margin: 0;
}

.readMore a {
	margin: 0 0 0 15px;
}

.testimonial .picture {
	float: left;
	margin: 0 0 5px;
}

.box div.column {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 0 20px;
}


/**************************************************/
/*              YUI Calendar                      */
/**************************************************/
div#actueel {
	margin: 10px 0;
	padding: 0 0 0 10px;
	width: 290px;
}

div#actueel ul li {
	margin: 10px 0;
}

div#cal1Container {
	margin: 10px;

}

div.calheader {
	color:#000;
	font-size:108%;
}

/* CALENDAR BOUNDING BOX */
.yui-calcontainer {
	position:relative;
	float:left;
	_overflow:hidden; /* IE6 only, to clip iframe shim */
}

/* IFRAME SHIM */
.yui-calcontainer iframe {
	position:absolute;
	border:none;
	margin:0;padding:0;
	z-index:0;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}

/* IFRAME SHIM IE6 only */
.yui-calcontainer iframe.fixedsize {
	width:50em;
	height:50em;
	top:-1px;
	left:-1px;
}

/* BOUNDING BOX FOR EACH CALENDAR GROUP PAGE */
.yui-calcontainer.multi .groupcal {
	z-index:1;
	float:left;
	position:relative;
}

/* TITLE BAR */
.yui-calcontainer .title {
	position:relative;
	z-index:1;
}

/* CLOSE ICON CONTAINER */
.yui-calcontainer .close-icon {
	position:absolute;
	z-index:1;
}

/* CALENDAR TABLE */
.yui-calendar {
	width: 240px;
	position:relative;
	margin: 0 auto;
}

/* NAVBAR LEFT ARROW CONTAINER */
.yui-calendar .calnavleft {
	position:absolute;
	z-index:1;
}

/* NAVBAR RIGHT ARROW CONTAINER */
.yui-calendar .calnavright {
	position:absolute;
	z-index:1;
}

/* lelijk streepje onder pijltje */
.yui-calendar a.calnavright,
.yui-calendar a.calnavleft {
	text-decoration: none;
}

/* NAVBAR TEXT CONTAINER */
.yui-calendar .calheader {
	position:relative;
	width:100%;
	text-align:center;
}

/* CalendarNavigator */
.yui-calcontainer .yui-cal-nav-mask {
	position:absolute;
	z-index:2;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	_width:0;    /* IE6, IE7 quirks - width/height set programmatically to match container */
	_height:0;
	left:0;
	top:0;
	display:none;
}

/* NAVIGATOR BOUNDING BOX */
.yui-calcontainer .yui-cal-nav {
	position:absolute;
	z-index:3;
	top:0;
	display:none;
}

/* NAVIGATOR BUTTONS (based on button-core.css) */
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn  {
	display: -moz-inline-box; /* Gecko */
	display: inline-block; /* IE, Opera and Safari */
}

.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {
	display: block;
	*display: inline-block; /* IE */
	*overflow: visible; /* Remove superfluous padding for IE */
	border: none;
	background-color: transparent;
	cursor: pointer;
}

/* Specific changes for calendar running under fonts/reset */
.yui-calendar .calbody a:hover {background:inherit;}
p#clear {clear:left; padding-top:10px;}

/**************************************************/
/*              Page Footer                       */
/**************************************************/
div#pageFooter {
	color:#000;
	margin: 10px 0;
	width: 960px;
}

div.inner {
	background:#f8f8f8;
}

div.inner li.readMore {
	margin: 10px 0;
}

div.inner a.readMore {
	margin: 10px 0 0 0;
}

div.inner li.readMore,
div.inner a.readMore {
	font-weight: bold;
	list-style-type: none;
}

div.footerItem {
	float: left;
	width: 240px;
}

div.lastItem,
div.informatie {
	width: 240px !important;
}

div.lastItem a.readMore {
	margin: 10px 0 0 30px;
}

div.footerItem h4 {
	margin-bottom: 4px;
}

div.footerItem ul {
	margin: 10px 10px 0 30px;
}

div.footerItem ul li {
	color: #000;
	list-style-type:disc;
}

div.footerItem ul li.readmore {
	font-weight: bold;
	list-style-type: none;
	margin: 10px 0;
}

div.vcard {
	margin: 10px 0 10px 30px;
}

div#bottomSearch {
	background: #e1f3f8;
	float: left;
	height: 50px;
	margin: 10px 0 0;
	width: 960px;	
}

div#rechten {
	float: left;
	font-size: 90%;
	margin: 15px 0 0 15px;
}

div#searchBottom {
	float: right;
	margin: 15px 10px 0 0;
}

div#pageFooter h2 {
	background:#c9ebf3;
	padding-left: 30px;
}

/**************************************************/
/*              Artikel pagina                    */
/**************************************************/
div.artikelPagina,
div.artikelPagina h1 a,
div.artikelPagina h2 a,
div.artikelPagina h3 a,
div.artikelPagina h4 a,
div.artikelPagina h5 a {
	color:#000;
}


div.artikelPagina .box {
	width: 310px;
}

div.artikelPagina div#leftColumn {
	margin: 10px 0 0;
}

div.artikelPagina p {
	color: #000;
	margin: 0 10px 10px 0;
}

div.artikelPagina div.readMore a,
div.artikelPagina a {
	color:#000;
}

div.artikelPagina div.readMore,
div.artikelPagina div.readMore a,
div.artikelPagina ul#newsList{
	margin: 0;
}

div.artikelPagina ul#newsList span.date {
	color: #999;
	display: inline;
	font-size:inherit;
}

div.artikelPagina ul#newsList li {
	list-style: none;
	margin: 0 0 10px;
}

div.artikelPagina ul#newsList li h4 {
	display: inline;

}

div.artikelPagina ol,
div.artikelPagina ul {
	margin: 0 0 10px 25px
}

div.artikelPagina ul li {
	list-style:disc;
}

div.artikelPagina ol li {
	list-style:decimal;
}

div.artikelPagina div#leftColumn h2 {
	height: 25px;
	float: left;
	padding: 0;
	width: 100%;
}

div.artikelPagina div.breadCrumbs {
	border-bottom: 1px solid black;
	float: left;
	margin: 0 0 10px;
	padding: 0 0 5px;
	width: 100%;
}

div.artikelPagina div.breadCrumbs span#ctl00_PlaceHolderMain_siteMapPath {
	float: left;
}

div.artikelPagina div.breadCrumbs span.back {
	float: right;
}

span.date {
	color:#888;
	clear: both;
	font-size: 85%;
}

div.artikelPagina div.articleContent {
	float: left;
	margin: 10px 10px 15px 0;
	width: 100%;
}

.artikelPagina #leftColumn .plainArticleContent ul.reactieNav,
.artikelPagina #leftColumn .articleContent ul.reactieNav
div.artikelPagina ul.reactieNav {
	float: right;
	margin: 0 5px;
}

div.artikelPagina ul.reactieNav li {
	display: inline;
	list-style: none;
	margin: 0 5px 0;
}

div#staticColumn.artikelPagina .box{
	margin: 30px 0 0;
}

div#staticColumn.artikelPagina h2 {
	height: 25px;
	padding: 0;
}

div#staticColumn.artikelPagina ul {
	margin: 10px 0;
}

div#staticColumn.artikelPagina ul li{
	list-style: none;
	margin: 0 0 5px;
}

/**************************************************/
/*       	Zoekresultaten pagina                 */
/**************************************************/
div.artikelPagina div.plainArticleContent table {
	font-family: inherit;
	font-size: inherit;
	width: 625px;
}

div.artikelPagina div.plainArticleContent div#SRP {
	margin: 10px 0;
}

span.srch-Title {
	color: inherit;
	font-family: inherit;
	font-size: 123.1%;
}

span.srch-Title a {
	color:#0082c5;
}

div.artikelPagina div.plainArticleContent div.srch-Description b {
	background: #0082c5;
	color:#fff;
}

div.artikelPagina div.plainArticleContent div.srch-results p.srch-Metadata {
	color:#858585;
	font-size: 85%;
}

div.artikelPagina div.plainArticleContent div.srch-results p.srch-Metadata span.srch-URL, 
div.artikelPagina div.plainArticleContent div.srch-results p.srch-Metadata a {
	border:medium none;
	color:#0082C5;
	font-style:italic;
	margin:0 0 10px;
}

/**************************************************/
/*              Contact / content form            */
/**************************************************/
div.plainArticleContent div#BottomZone {
	margin: 10px 0;
}

.artikelPagina #leftColumn .plainArticleContent {
	float: left;
	margin:10px 10px 15px 0;
	width: 100%;
}

div.artikelPagina div.plainArticleContent div.contactFormLeft,
div.artikelPagina div.plainArticleContent div.contactFormRight {
	color: red;
	float: left;
	width: 305px
}

div.artikelPagina div.plainArticleContent .contactFormRight {
	margin: 25px 0 0 25px;
}

div.artikelPagina div.plainArticleContent .leftForm {
	float: left;
	margin: 0 0 5px;
	width: 305px;
}

div.artikelPagina div.plainArticleContent label {
	color:#000;
	float: left;
	margin: 0 10px 0 0;
	width: 100px;
}

div.artikelPagina div.plainArticleContent .contactFormLeft input,
div.artikelPagina div.plainArticleContent .contactFormRight input {
	color: #999999;
	padding: 1px 3px;
	width: 180px;
}

div.artikelPagina div.plainArticleContent .contactFormLeft .leftForm span.error {
	display: block;
	padding: 5px 0 5px 110px;
}

div.artikelPagina div.plainArticleContent .leftForm span.smallItem input {
	display: inline;
	width: 60px
}

div.artikelPagina div.plainArticleContent .leftForm.choice input {
	display: inline;
	margin: 0 5px 0 0;
	width: auto;
}

div.artikelPagina div.plainArticleContent .leftForm.choice span label{
	float: none;
}

div.artikelPagina div.plainArticleContent .leftForm select {
	width: 190px;
}

div.artikelPagina div.plainArticleContent span.smallItem input {
	margin:0 5px 0 0;
}

div.artikelPagina div.plainArticleContent div.bottomForm  {
	color: #999999;
	float: left;
	width: 100%;
}

div.artikelPagina div.plainArticleContent div.bottomForm textarea {
	width: 516px;
} 

div.artikelPagina div.plainArticleContent div.buttons {
	float:right;
	margin:10px 0;
	width:190px;
}

div.artikelPagina div.plainArticleContent div.buttons div.sendButton {
	float: right;
	margin: 0 15px 0 0;
}

/*  
div#contentFrame div#leftColumn br,
.artikelPagina #leftColumn br {
	display: none;
}
*/

/* fix: to wide editor bar */
.ms-rtetoolbarmenu table, 
.ms-rtetoolbarmenu td, 
.ms-rtetoolbarmenu tr, 
.ms-rtetoolbarmenu tbody, 
.artikelPagina #leftColumn .plainArticleContent .ms-rtetoolbarmenu table,
.artikelPagina #leftColumn .plainArticleContent .ms-rtetoolbarmenu td,
.artikelPagina #leftColumn .plainArticleContent .ms-rtetoolbarmenu tr,
.artikelPagina #leftColumn .plainArticleContent .ms-rtetoolbarmenu tbody,
.artikelPagina #leftColumn .plainArticleContent .ms-rtetoolbarmenu img {
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* fix: unable to select text in edit field in IE */
.ms-formfieldcontainer {
	/* no solution yet */	
}

/*

div.contentForm {
color:#000;
}
div.contentForm label{
width:150px;
display:block;
float:left;
}
div.contentForm input, div.contentForm textarea{
border:1px solid #033151;
}
div.contentForm input.ms-long {
width:250px;
}
div.contentForm select {
width:252px;
border:1px solid #033151;
}
div.contentForm li.leftForm {
margin-bottom:8px;
}
div.sendForm {
margin-top:20px;
}
div.sendForm input {
float:left;
}
div.sendForm table{
width:12em;
float:left;
}

*/

/**************************************************/
/*              ARTIKEL PAGINA SETTINGS           */
/**************************************************/
/* reset all header styles and paragraphs */
.artikelPagina #leftColumn .articleContent h1,
.artikelPagina #leftColumn .articleContent h2,
.artikelPagina #leftColumn .articleContent h3,
.artikelPagina #leftColumn .articleContent h4,
.artikelPagina #leftColumn .articleContent h5,
.artikelPagina #leftColumn .articleContent h6,
.artikelPagina #leftColumn .articleContent p,
.artikelPagina #leftColumn .articleContent .ms-rteCustom-ArticleTitle,
.artikelPagina #leftColumn .plainArticleContent h1,
.artikelPagina #leftColumn .plainArticleContent h2,
.artikelPagina #leftColumn .plainArticleContent h3,
.artikelPagina #leftColumn .plainArticleContent h4,
.artikelPagina #leftColumn .plainArticleContent h5,
.artikelPagina #leftColumn .plainArticleContent h6,
.artikelPagina #leftColumn .plainArticleContent p,
.artikelPagina #leftColumn .plainArticleContent .ms-rteCustom-ArticleTitle {
	margin: 0 0 15px 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #000;
}

/* specific header styles */
.artikelPagina #leftColumn .articleContent h1 { font-size: 146.5%; font-weight: bold; }
.artikelPagina #leftColumn .articleContent h2 { font-size: 138.5%; font-weight: bold; }
.artikelPagina #leftColumn .articleContent h3 { font-size: 131%; font-weight: bold; }
.artikelPagina #leftColumn .articleContent h4 { font-size: 123.1%; font-weight: bold; }
.artikelPagina #leftColumn .articleContent h5 { font-size: 116%; font-weight: bold; }
.artikelPagina #leftColumn .articleContent h6 { font-size: 108%; font-weight: bold; }
.artikelPagina #leftColumn .plainArticleContent h1 { font-size: 146.5%; font-weight: bold; }
.artikelPagina #leftColumn .plainArticleContent h2 { font-size: 138.5%; font-weight: bold; }
.artikelPagina #leftColumn .plainArticleContent h3 { font-size: 131%; font-weight: bold; }
.artikelPagina #leftColumn .plainArticleContent h4 { font-size: 123.1%; font-weight: bold; }
.artikelPagina #leftColumn .plainArticleContent h5 { font-size: 116%; font-weight: bold; }
.artikelPagina #leftColumn .plainArticleContent h6 { font-size: 108%; font-weight: bold; }


/* content styles */
.artikelPagina #leftColumn .articleContent strong { font-weight: bold; }
.artikelPagina #leftColumn .articleContent em { font-style: italic; }
.artikelPagina #leftColumn .plainArticleContent strong { font-weight: bold; }
.artikelPagina #leftColumn .plainArticleContent em { font-style: italic; }
.artikelPagina #leftColumn .articleContent u { /* voor underline wordt een
 span met een inline style gebruikt door sharepoint */ }
div#staticColumn.artikelPagina .description, div#staticColumn.artikelPagina .description p, div#staticColumn.artikelPagina div.testimonial p {
	color:#000;
}


/* link styles */
.artikelPagina #leftColumn .articleContent a,
.artikelPagina #leftColumn .articleContent a:active,
.artikelPagina #leftColumn .articleContent a:visited,
.artikelPagina #leftColumn .articleContent a:hover { color: inherit; }
.artikelPagina #leftColumn .plainArticleContent a,
.artikelPagina #leftColumn .plainArticleContent a:active,
.artikelPagina #leftColumn .plainArticleContent a:visited,
.artikelPagina #leftColumn .plainArticleContent a:hover { color: inherit; }


/* (un)ordered lists */
.artikelPagina #leftColumn .articleContent ol,
.artikelPagina #leftColumn .articleContent ul,
.artikelPagina #leftColumn .plainArticleContent ol,
.artikelPagina #leftColumn .plainArticleContent ul {
	display: block;
	line-height: 18px;
	margin: 0 0 15px 0;
	padding: 0;
}

.artikelPagina #leftColumn .articleContent ol li, .artikelPagina #leftColumn .plainArticleContent ol li { margin: 0 0 0 30px; }
.artikelPagina #leftColumn .articleContent ul li, .artikelPagina #leftColumn .plainArticleContent ul li { margin: 0 0 0 26px; }
.artikelPagina #leftColumn .articleContent ol ol li,
.artikelPagina #leftColumn .plainArticleContent ul ul li, 
.artikelPagina #leftColumn .plainArticleContent ol ol li,
.artikelPagina #leftColumn .articleContent ul ul li {
	margin-left: 50px;
}

/* address */
.artikelPagina #leftColumn .articleContent address, .artikelPagina #leftColumn .plainArticleContent address { margin-bottom: 15px; }
.artikelPagina #leftColumn .articleContent address br, .artikelPagina #leftColumn .plainArticleContent address br { display: block; }

/* defenition lists */
.artikelPagina #leftColumn .articleContent dl,
.artikelPagina #leftColumn .plainArticleContent dl {
	margin: 0 0 15px 0;
	padding: 8px;
	border: 1px solid #eee;
}
.artikelPagina #leftColumn .articleContent dl dd, .artikelPagina #leftColumn .plainArticleContent dl dd  { font-style: italic; }
.artikelPagina #leftColumn .articleContent dl dt, .artikelPagina #leftColumn .plainArticleContent dl dt { font-style: italic; }

/* directory / menu lists */
.artikelPagina #leftColumn .articleContent dir,
.artikelPagina #leftColumn .articleContent menu,
.artikelPagina #leftColumn .plainArticleContent dir,
.artikelPagina #leftColumn .plainArticleContent menu {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 18px;
	display: block;
}

.artikelPagina #leftColumn .articleContent dir li,
.artikelPagina #leftColumn .articleContent menu li,
.artikelPagina #leftColumn .plainArticleContent dir li,
.artikelPagina #leftColumn .plainArticleContent menu li {
	 list-style-type: disc;
	 margin: 0 0 0 30px;
}
.artikelPagina #leftColumn .articleContent dir dir,
.artikelPagina #leftColumn .articleContent menu menu,
.artikelPagina #leftColumn .plainArticleContent dir dir,
.artikelPagina #leftColumn .plainArticleContent menu menu { margin-bottom: 0; }
.artikelPagina #leftColumn .articleContent dir dir li,
.artikelPagina #leftColumn .articleContent menu menu li{ margin-left: 50px; }

/* table */
.artikelPagina #leftColumn .articleContent table,
.artikelPagina #leftColumn .plainArticleContent table { 
	border-collapse: collapse; 
	margin: 0 0 15px 0; 
	border: 1px solid #eee;
}

.artikelPagina #leftColumn .plainArticleContent table.tabularData {
	float: left;
}

.artikelPagina #leftColumn .articleContent table tbody { /* geen styling */ }
.artikelPagina #leftColumn .articleContent table tbody tr { /* geen styling */ }
.artikelPagina #leftColumn .articleContent table tbody tr th,
.artikelPagina #leftColumn .articleContent table tbody tr td,
.artikelPagina #leftColumn .plainArticleContent table tbody tr th,
.artikelPagina #leftColumn .plainArticleContent table tbody tr td {
	background-image: none;
	border-bottom: 1px solid #eee;
	font-family: inherit;
	font-size: inherit;
	padding: 4px;
	
}

.artikelPagina #leftColumn .articleContent table tbody tr th,
.artikelPagina #leftColumn .plainArticleContent table tbody tr th { 
	color:#343434;
	font-weight: bold; 
}
.artikelPagina #leftColumn .articleContent table tbody tr td { /* geen styling */ }

/* afbeelding */
.artikelPagina #leftColumn .articleContent img,
.artikelPagina #leftColumn .plainArticleContent img {
	margin: 5px;
	padding: 4px;
	background: #fff;
	border: 1px solid #eee;
	/* float: right;   afbeeldingen altijd rechts uitlijnen? */
}

/* overzichten */
div.listViewItem {}
div.listViewItem h2 {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 131%;
	font-weight: bold;
	color: #000;
}
div.listViewItem .date { margin: 0; }
div.listViewItem div.listViewItemContent { 
	margin: 0 15px 15px 0;
	padding: 0 0 15px 0; 
	border-bottom: 1px solid #eee; 
}
div.listViewItem div.listViewItemContent p {
	margin: 0;
	padding: 0;
}
div.listViewItem div.listViewItemContent span.readMore {}
div.listViewItem div.listViewItemContent span.readMore a {
	margin: 0;
	padding: 0;
}

/* lijst met overige items */
ul.listViewOther {}
ul.listViewOther li {}
ul.listViewOther li a {}

/* reactie navigatie (terug naar boven en print) */
.reactieNav {
	display: block;
	clear: both;
	float: right;

}

div.artikelPagina .reactieNav {
		margin: 10px 0;
}

/* lijst met agenda items in linker kolom */
div#agendaitem.item {
	margin: 0 0 10px;
}

/* lijst met agenda items in rechter kolom */
.agendaListingSmall { 
	width: 305px;
}
.agendaListingSmall h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 131%;
	font-weight: bold;
	margin: 8px 0;
	padding: 0;
}
.agendaListingSmall ul {
	margin-bottom: 15px;
	display: block;
}
.agendaListingSmall ul li { 
	width: 100%; 
	overflow: hidden; 
	margin-bottom: 4px;
}
.agendaListingSmall ul li a {}
.agendaListingSmall ul li a span.date {
	font-size: 85%;
	float: left;
	width: 75px;
	display: block;
	padding: 2px 0 6px 0;
	text-decoration: none;
}
.agendaListingSmall ul li a span.evenement {
	
}
.agendaListingSmall span.readMore {}
.agendaListingSmall span.readMore a,
span.readNieuws {
	display: block;
	margin: 15px 0;
	padding: 0;
	font-weight: bold;
}

/* lijst met paginas in rechter kolom */
.pageListingSmall { 
	width: 305px;
}
.pageListingSmall h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 131%;
	font-weight: bold;
	margin: 8px 0;
	padding: 0;
}
.pageListingSmall ul { 
	margin-bottom: 15px;
	display: block; 
}
.pageListingSmall ul li { 
	width: 100%; 
	overflow: hidden; 
	margin-bottom: 4px;
}
.pageListingSmall ul li a {}
.pageListingSmall ul li a span.date {
	font-size: 85%;
	float: left;
	width: 75px;
	display: block;
	padding: 2px 0 6px 0;
	text-decoration: none;
}
.pageListingSmall ul li a span.evenement {
	
}

.pageListingSmall span.readMore a { 
	margin: 15px 0 0 0;
	padding: 0;
	font-weight: bold;
}

/* Lijst met nieuwsitems in rechter kolom */
div#staticColumn div.linkitem.item {
	margin: 0 0 10px; 
}

div#staticColumn h2#navigationSectionTitle {
	margin: 8px 0;
	padding: 0;
}

div#staticColumn div.linkitem .link-item, 
div#staticColumn div.linkitem .link-item a, 
div#staticColumn div.linkitem .link-item a:link {
	color:#000;
	font-family:inherit;
	font-size:inherit;
	font-weight: bold;
	text-decoration:none;
}

div#staticColumn div.linkitem div.description {
	font-family:inherit;
	font-size:inherit;
	font-weight: normal;
}

div#staticColumn div.linkitem div.description {
	margin: 0;
}


/**************************************************/
/*              SITEMAP PAGINA SETTINGS           */
/**************************************************/

ul#SitemapUl {
	float: left;
}

ul#SitemapUl li {
	font-weight: bold;
	list-style: none;
}

ul#SitemapUl li li {
	font-weight: normal;
}

/**************************************************/
/*       ZOEKRESULTATEN PAGINA SETTINGS           */
/**************************************************/
.srch-WPBody {
	color:#666666;
	font-family: inherit;
	font-size: 93%;
	margin: 0px;
}


.artikelPagina .searchResultRow {
	margin: 0 0 10px;
}

.artikelPagina .searchResultTitle {
	font-size: 114%;
}

.artikelPagina .srch-Page-bg {
	padding: 5px 0;
}

/**************************************************/
/*       VACATURE TABEL                           */
/**************************************************/
table.tabularData td span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}