/*

#####################################################################
#	Algemeen														#
#####################################################################
*/
/* Margin- en padding-reset
-------------------------------------------------------------------*/
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, object, input, select { margin: 0; padding: 0; }

/* Html & body
-------------------------------------------------------------------*/
html { font: 62.5%/200% Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
body { background: #ffffff url(/img/2011/body.png) repeat-y 50% 0; font-size: 1.2em; }

/* Algemene classnames
-------------------------------------------------------------------*/
.nomargin, .nom { margin: 0; }
.nopadding .nop { padding: 0; }
.nomp { margin: 0; padding: 0; }

.block { display: block; }
.inline { display: inline; }

.center { display: block; margin: auto; }

.hide, .hidden { position: absolute; left: -9999px; }

.fleft { float: left; }
.fright { float: right; }

.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }

.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }

.vbottom { vertical-align: bottom; }
.vmiddle { vertical-align: middle; }
.vtop { vertical-align: top; }

.absolute { position: absolute; }
.relative { position: relative; }

.bold, .b, .strong { font-weight: bold; }
.em, .italic, .i { font-style: italic; }
.normal { font-weight: normal; }
.u, .underline { text-decoration: underline; }
.small { font-size: 11px; }
.lower { text-transform: lowercase; }
.upper { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }

.wide { width: 100%; }

.default { cursor: default; }
.pointer { cursor: pointer; }

/* Afbeeldingen
-------------------------------------------------------------------*/
img { border: none; display: block; vertical-align: middle; }

/* Flash
-------------------------------------------------------------------*/
object { display: block; }

/* Alinea's en paragafen
-------------------------------------------------------------------*/
p, div.alinea { margin-bottom: 1.2em; }

/* Overflow en clearfix
-------------------------------------------------------------------*/
.overflow { overflow: hidden; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* Headings
-------------------------------------------------------------------*/
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; color: #fff; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

/* Hyperlinks
-------------------------------------------------------------------*/
a {  }
a:hover, a:focus, a.none { text-decoration: none; }
a.none:hover, a.none:focus { text-decoration: underline; }
a span { cursor: pointer; }

div#bredeBanner {
	background: #1ff8f1 url(/img/2011/blok.png) repeat-x 0 bottom;
	padding: 10px 4px 0;
	margin-bottom: 17px;
}
div#bredeBanner h1 {color:#fff; font-size: 37px; line-height: 120%; }

div#socialMedia div.blok {
	background: #1ff8f1 url(/img/2011/blok.gif) repeat-x bottom;
	float: left;
	margin-right: 19px;
	width: 150px;
	padding: 20px 12px;
	height: 170px;
}
div#socialMedia h3 {color:#fff;font-size:25px;line-height:120%;}
div#socialMedia div.twitter strong a {display:block; color: #000;}
div#socialMedia div.blokLast{margin-right:0;}

div#content div.sponsoren {margin: 2em 0 0 0; background: #1ff8f1 url(/img/2011/blok.png) repeat-x 0 bottom; padding: 10px 10px 0;}
div#content div.sponsoren ul { margin-left: 0; }
div#content div.sponsoren li {
	float: left;
	margin: 0 10px 10px 0;
	list-style:none;
}
div#content div.wit { background: #fff; padding: 3px; font-size: 10px; }
div#content div.wit p { margin-bottom: 0; }
div#content div.center {text-align:center;margin-bottom:10px;font-size:13px;}

ul#socialmedia { float: right; }
ul#socialmedia li { float: left; list-style: none; margin-left: 10px; padding-bottom: 10px; }
ul#socialmedia a.twitter,
ul#socialmedia a.facebook {
	background: url(/img/2011/twitter.png) no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	text-indent: -99999px;
}
ul#socialmedia a.facebook{background: url(/img/2011/facebook.png) no-repeat;}

ul#socialmedia a.twitter:hover,
ul#socialmedia a.facebook:hover,
ul#socialmedia a.twitter:focus,
ul#socialmedia a.facebook:focus{opacity:0.8;}

/* Lijsten
-------------------------------------------------------------------*/
ul, form ol { list-style: none; }

/* Formulieren
-------------------------------------------------------------------*/
label { display: block; vertical-align: middle; }
.keuze label { display: inline; }
input { vertical-align: middle; }
input.text, textarea { padding: 2px 3px; vertical-align: middle; width: 60%; }
textarea { font-size: 12px; overflow: auto; }
select { vertical-align: middle; width: 62%; }
select.auto, li.form-input-date select { width: auto; }
textarea { height: 80px; }
input, select, textarea { font-family: Arial, Verdana, Tahoma, sans-serif; }
input.radio, input.checkbox { margin: 0; margin-right: 6px; }
input.button, input.submit { cursor: pointer; overflow: visible; }

fieldset.none { border: none; margin: 0; padding: 0; }
fieldset.none legend { display: none; }
form li { padding: .2em 0; margin-bottom: 5px; }
form .keuze li { margin-bottom: 0; padding: 0; }
form em.verplicht { margin-left: 4px; }
form img.unitip { display: inline; }

li.checkbox { position: relative; }
li.checkbox input.checkbox { left: 0; position: absolute; top: 3px; }
li.checkbox label { margin-left: 20px; }

/* Tabellen
-------------------------------------------------------------------*/
th, td { padding: 3px; }
th { text-align: left; }

/* Highlighted
-------------------------------------------------------------------*/
.highlighted { background-color: #ff7200; color: #fff; }

/* Overig
-------------------------------------------------------------------*/
address { font-style: normal; }

/*
#####################################################################
#	Standaard-elementen												#
#####################################################################
*/
h1.none {position:absolute;left:-9999px;}
div#content h1 {color: #fff;}
div#content ul { margin-left: 20px; list-style: square; }
div.nieuwsitemA {
	background: #1ff8f1 url(/img/2011/blok.png) repeat-x 0 bottom;
	padding: 10px;
	margin-bottom: 20px;
}
div#content a {color:#000;font-weight:bold;}

div#content a#naar-nieuwsarchief { font-weight: bold; font-size: 20px; color: #00FFFF; }

/* Illustraties
-------------------------------------------------------------------*/
p.illustratie img { margin: 0 auto; }
p.illustratie span {
	display: block;
	font-size: .9em;
	font-style: italic;
	text-align: center;
}
img.illustratie {
	float: right;
	margin-right: 0; margin-left: 8px;
}
img.illustratie-links {
	float: left;
	margin: .5em 8px .3em 0;
}
div.zijkolom img.illustratie {
	display: block;
	float: none;
	margin: 0 auto 2em;
}

/* Preview
-------------------------------------------------------------------*/
div.preview { margin-bottom: 2em; }
div.preview h2 { font-size: 1.3em; }
div.preview p { margin-bottom: 0; }

/* Zoekresultaten
-------------------------------------------------------------------*/
div.zoekresultaat { margin-bottom: 1.2em; }

/* Optie-menu (mail & stuur door)
-------------------------------------------------------------------*/
ul#opties { float: right; padding: 10px; }
ul#opties li { float: left; margin-left: 14px; }
ul#opties a {
	background: url(/img/opties.gif) no-repeat 0 .5em;
	color: #808080;
	display: block;
	padding-left: 18px;
}
ul#opties a.mail { background-position: -289px .4em; }

/* Error-menu
-------------------------------------------------------------------*/
ul.errors, ol.errors, li.input-error, div.form-error {
	background: #ffd6d5;
	border: 1px solid #f7403a;
	color: #f7403a;
	margin: 1em 0;
	padding: .2em 0;
}
ul.errors li, ol.errors li { 
	list-style: disc;
	margin: 0 0 0 20px;
	padding: .2em 0; 
}

li.input-error,
div.form-error { padding: 5px; }

li div.input-error,
div.form-error { font-weight: bold; }

/* FCK-editor-lijst
-------------------------------------------------------------------*/
div.alinea ul { list-style: disc; }
div.alinea ul, div.alinea ol { margin: 1em 0 1em 16px; }
div.alinea ol { margin-left: 24px; }

/* Sitemap
-------------------------------------------------------------------*/
ul.sitemap { list-style: disc; margin: 0 0 1em 24px; }

/* Webbeheer formulier
-------------------------------------------------------------------*/
div.webbeheer-formulier-thanks {
	background: none repeat scroll 0 0 #E1FFCD;
	border: 2px solid #56A721;
	line-height: 140%;
	padding: 8px;
}
div.webbeheer-formulier-thanks p { margin-bottom: 0; }

form.webbeheer-formulier {
	background: #1ff8f1 url(/img/2011/blok.png) repeat-x 0 bottom;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 20px 0;
}
form.webbeheer-formulier li {list-style: none;}

/* Zoekformulier
-------------------------------------------------------------------*/
form#zoeken, form.zoekformulier fieldset { float: right; }
form#zoeken input { float: left; }
form#zoeken input.text { margin-right: 8px; width: 160px; }

/* FCK-editor-tabel
-------------------------------------------------------------------*/
div.alinea table,
table.webapp-table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	color: #545454;
	width: 100%;
}

div.alinea table caption,
table.webapp-table caption {
	font-style: italic;
	margin: 1em 6px 3px;
	text-align: left;
}

div.alinea table td,
div.alinea table th,
table.webapp-table td,
table.webapp-table th {
	border: 1px solid #d8d8d8;
	padding: .2em 4px;
}

/*
#####################################################################
#	Layout															#
#####################################################################
*/

/* Container
-------------------------------------------------------------------*/
div#container {
	margin: 0 auto;
	width: 684px;
}

/* Logo
-------------------------------------------------------------------*/
img#logo {
	margin: 36px 0 20px;
}

/* Hoofdmenu
-------------------------------------------------------------------*/
ul#hoofdmenu {
	float: left;
	margin-top: 37px;
	width: 110px;
}
ul#hoofdmenu a {
	color: #000;
	display: block;
	line-height: 120%;
	padding: 3px 0;
	text-align: right;
	text-decoration: none;
	font-weight: bold;
}
ul#hoofdmenu a:hover,
ul#hoofdmenu a:focus,
ul#hoofdmenu a.active { color: #3BD4CE; }

ul#hoofdmenu ul { padding-right: 10px; }
ul#hoofdmenu ul a { color: #3BD4CE; font-weight: normal; }
ul#hoofdmenu ul a:hover,
ul#hoofdmenu ul a:focus,
ul#hoofdmenu ul a.active { color: #3BD4CE; font-weight: bold; }
ul#hoofdmenu ul ul a { color: #000; font-weight: normal; font-size: 10px; padding-right: 5px; }

/* Content
-------------------------------------------------------------------*/
div#content {
	float: right;
	width: 557px;
}

/* Inhoud kolom-midden
-------------------------------------------------------------------*/
div.kolom-midden h1 { margin-bottom: 1em; }
div.kolom-midden h2 { margin-bottom: .3em; }

/* Footer
-------------------------------------------------------------------*/
div#footer {  }
div#footer p { margin-bottom: 0; }