html, body
{
	margin				: 0px;
	padding				: 0px;
	height				: 100%;
}
body, table
{
	font				: normal 13px corbel, 'trebuchet ms';
	color				: #666;
}
html
{
	background			: #fff url('../img/bg/html.jpg') left top;
}

/* CONTAINER */
#contwrapper
{
	position			: relative;
	width				: 946px;
	padding				: 0px;
	margin				: 0 auto;
	min-height			: 100%;
	background			: url('../img/bg/body.png') center center repeat-y;
}
#container
{
	margin				: 0px auto;
	padding				: 23px 0 10px 4px;
}

a
{
	color				: #2699bc;
	text-decoration		: none;
}
a:visited
{
	text-decoration		: none;
}
a:hover
{
	text-decoration		: underline;
}
a img
{
	border				: none;
}
#content a
{
	color				: #165665;
}

/* padding en margins van lijsten en formulieren */
#navigation, #header ul, #footer ul, #slider, #breadcrumbs, #cloud, .nieuws *, form, form ul, 
	dl.stuurdoor, dl.stuurdoor dd, dl.archief, dl.archief dd, .meerwetenover ul, #fontzoom
{
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
}

#slider
{
	position			: absolute;
	top					: 22px;
	height				: 149px;
	margin-left			: -1px;
	overflow			: hidden;
	width				: 872px;
	border				: 1px solid #fff;
}
#slider li
{
	
	width				: 872px;
	position			: absolute;
	z-index				: 0;
}

/* volgende regels aanpassen om breadcrumbs te verwijderen */
#main
{
	padding-top			: 22px;
}
#home #main
{
	padding-top			: 0px;
}
#breadcrumbs
{
	position			: absolute;
	top					: 200px;
	font-weight			: bold;
}
#breadcrumbs li
{
	float				: left;
}
#breadcrumbs a, #breadcrumbs a:visited
{
	text-decoration		: none;
	color				: #6e6e6e;
	margin				: 0 14px 0 4px;
}
#main #breadcrumbs a:hover
{
	text-decoration		: underline;
}
#home #breadcrumbs
{
	margin-left			: -9999px;
}

/* headers */
h1, h2, h3, h4, h5, h6
{
	font-weight			: bold;
	margin				: 0px;
	padding				: 0px;
	font-size			: 12px;
}
hr.clear	
{
	clear				: both;
	margin				: 0px;
	padding				: 0px;
	height				: 1px;
	visibility			: hidden;
}

#header
{
	height				: 177px;
	background			: url('../img/bg/header.png') no-repeat left top;
}
ul#fontzoom
{
	position			: absolute;
	z-index				: 89999;
	margin-left			: 855px;
}
#fontzoom li
{
	float				: left;
	margin-right		: 5px;
}
#fontzoom a
{
	text-decoration		: none;
	background			: url('../img/ico/zoom.png') no-repeat -22px 0;
	display				: block;
	width				: 18px;
	height				: 18px;
}
#fontzoom a.smaller
{
	background-position	: -22px -72px;
}
#fontzoom a.larger
{
	background-position	: -22px -36px;
}
#fontzoom span
{
	font-size			: 1px;
	visibility			: hidden;
}
#index
{
	position			: absolute;
	z-index				: 89998;
	top					: 29px;
	margin-left			: 490px;
}
#home #content p.first
{
	padding				: 0px 0 8px 0;
	margin				: 0px;
	font-size			: 14px;
}


/* CONTENT */
#main
{
	padding-bottom		: 44px;
}
div.home, div#left
{
	width				: 295px;
}
div.home .pad, div#left .pad
{
	margin-right		: 10px;
}
.pad p
{
	margin: 0px;
	padding				: 6px 0 3px 0;
}
div.home
{
	float				: left;
	margin-right		: 8px;
	display				: inline-block;
	overflow			: auto;
	zoom: 1;
}
div.home div
{
	zoom: 1;
}
#left
{
	color				: #2699bc;
}
.centertext
{
	width				: 192px;
	color				: #666;
}
.centertext ul
{
	margin				: 0px;
	padding				: 5px 0;
	list-style-type		: none;
}
#content
{
	background			: url('../img/bg/right.text.blue.png') right top repeat-y;
	margin-right		: 43px;
}
#home #content, #form #content
{
	background-image	: none;
	margin-right		: 0px;
}
#purple #content
{
	background-image	: url('../img/bg/right.text.purple.png');
}
#grey #content
{
	background-image	: url('../img/bg/right.text.grey.png');
}
#text
{
	width				: 574px;
	float				: right;
	line-height			: 15px;
	background			: url('../img/bg/corner.blue.gif') right top no-repeat;
	padding-right		: 20px;
}
#grey #text
{
	background-image	: url('../img/bg/corner.grey.gif');
}
#purple #text
{
	background-image	: url('../img/bg/corner.purple.gif');
}
#text .right
{
	width				: 374px;
	padding				: 0 0px 45px 0;
	float				: right;
}
#text h1
{
	color				: #165665;
	font-size			: 24px;
	font-weight			: normal;
	line-height			: 30px;
}
#text h3
{
	color				: #165665;
	font-size			: 14px;
}
#text small.datum, #text h2
{
	color				: #58bed3;
	font-size			: 17px;
	display				: block;
	padding				: 5px 0 10px 0;
	font-weight			: normal;
}
#text strong, #text b
{
	color				: #165665;
	font-size			: 13px;
}
#purple h1, #purple #text strong, #purple #text b, #purple h3
{
	color				: #661559;
}
#purple #text small.datum, #purple #text h2
{
	color				: #8b2079;
}
#grey h1, #grey #text strong, #grey #text b, #grey h3
{
	color				: #666;
}
#grey #text small.datum, #grey #text h2
{
	color				: #919396;
}
/* center */
.centertext span
{
	color				: #165665;
}
.centertext .pad
{
	padding				: 12px 0 20px 13px;
}
.centertext .pad p
{
	margin-top			: 0px;
	padding-top			: 0px;
}
dl.stuurdoor dd
{
	float				: left;
	padding				: 3px 12px 15px 0px;
}
dl.stuurdoor dd a
{
	display				: block;
	background			: url('../img/bg/stuurdoor.gif') no-repeat 2px 0;
	text-decoration		: none;
	width				: 30px;
	height				: 29px;
}
dl.stuurdoor a span
{
	visibility			: hidden;
	font-size			: 1px;
}
dl.stuurdoor a.twitter
{
	background-position	: -34px; /*-55px;*/
}
dl.stuurdoor a.linkedin
{
	background-position	: -71px; /*-115px;*/
}

.centertext a.workshopaanmelden
{
	display				: block;
	background			: url('../img/bg/workshop-aanmelden.gif') no-repeat left top;
	height				: 44px;
	width				: 184px;
	text-decoration		: none;
	font-weight			: bold;
	padding				: 4px 0 0 8px;
	line-height			: 18px;
}

#text h4, .centertext a.workshopaanmelden
{
	color				: #165665;
	text-transform		: uppercase;
	font-size			: 13px;
}
.centertext a.workshopaanmelden
{
	font-size			: 12px;
}
#left div, div.purple, div.grey, div.green, div.blue
{
	background			: url('../img/bg/left.blue.png') repeat-y right top;
}
div.purple, #purple #left div
{
	background-image	: url('../img/bg/left.purple.png');
}
div.grey, #grey #left div
{
	background-image	: url('../img/bg/left.grey.png');
}
div.green, #green #left div
{
	background-image	: url('../img/bg/left.green.png');
}
#left div div, div.purple div, div.grey div, div.green div, div.blue div
{
	zoom: 1;
	background			: url('../img/bg/kader.corner.blue.gif') no-repeat 272px 31px;
	border-bottom		: 8px solid #fff;
	padding-bottom		: 6px;
	color				: #3fa5ba;
}
div.purple div, #purple #left div div
{
	background-image	: url('../img/bg/kader.corner.purple.gif');
}
div.purple div, #container div.purple div a, #purple #left div, #purple #left div a
{
	color				: #8b2079;
}
div.grey div, #grey #left div div
{
	background-image	: url('../img/bg/kader.corner.grey.gif');
}
div.grey div, #container div.grey div a, #grey #left div, #grey #left div a
{
	color				: #919396;
}
div.green div, #green #left div div
{
	background-image	: url('../img/bg/kader.corner.green.gif');
}
div.green div, #container div.green div a, #green #left div, #green #left div a
{
	color				: #165665;
}
#container #left div div div, #container .home div div div
{
	padding				: 0px;
	border				: none;
	background-image	: none;
}
#left h3, .home h3
{
	padding-left		: 6px;
	background-color	: #4ac7d8;
	color				: #fff;
	text-transform		: uppercase;
	height				: 28px;
	padding-top			: 3px;
	font-size			: 20px;
	font-weight			: normal;
	margin-bottom		: 7px;
}
.purple h3, #purple #left h3
{
	background-color	: #a7458e;
}
.grey h3, #grey #left div h3
{
	background-color	: #919396;
}
.green h3, #green #left div h3
{
	background-color	: #165665;
}
#left dt, #left dd, .home dt, .home dd
{
	margin				: 0px;
	padding				: 0 0 4px 0;
}
#left dt, .home dt
{
	padding				: 4px 0 0 0;
}
dt.right
{
	text-align			: right;
	padding-right		: 10px;
}
#left dl, .home dl
{
	padding				: 0 0 0 11px;
	margin				: 0px;
}
.meerwetenover p, .testimonial p
{
	padding				: 0px;
	margin				: 0px;
	line-height			: 16px;
}
.testimonial p
{
	padding-left		: 11px;
}

#container div.nieuws li, #container div.meerwetenover li
{
	font-size			: 13px;
	border-bottom		: 1px solid #fefefe;
	overflow			: hidden;
	line-height			: 14px;
	margin-bottom		: 6px;
}
#container div.nieuws li
{
	min-height			: 73px;
}
#container div.meerwetenover li
{
	border-bottom		: 0px solid #fefefe;
	border-top			: 1px solid #fefefe;
	padding				: 6px 0 0 11px;
	margin-bottom		: 3px;
}
#container div.meerwetenover li.firstt
{
	border-top			: 0px solid #fefefe;
}

#container div.nieuws li div, #container div.meerwetenover li div
{
	padding				: 0px 18px 3px 0;
	width				: 277px;
}
#container #left div.nieuws li div.imgwrapper
{
	padding				: 0 0 3px 0;
	width				: 277px;
}
#container .nieuws li span
{
	float				: right;
	color				: #fff;
}
.nieuws li a, .nieuws li span
{
	text-transform		: uppercase;
}
.meerwetenover ul
{
	padding-top			: 20px;
}
.meerwetenover li a
{
	font-size			: 13px;
	text-transform		: uppercase;
	font-weight			: bold;
}
#container div.nieuws li div.img, #container div.meerwetenover li div.img
{
	margin-left			: 72px;
	width				: 205px;
}
#container div.nieuws li img, #container div.meerwetenover li img
{
	margin-top			: 3px;
	width				: 65px;
	position			: absolute;
	clip				: rect(0px,65px,65px,0px);
	*clip				: rect(0px 65px 65px 0px);
}
#container div.meerwetenover li img
{
	margin-left			: -72px;
}
.centertext img
{
	margin-bottom		: 4px;
	width				: 192px;
}
#container .nieuws li#archiefitem
{
	border-bottom		: none;
	margin-bottom		: 0px;
}
#container #left div.nieuws li a, #home #container div.nieuws li a
{
	color				: #661559;
	font-weight			: bold;
}
.nieuws .nav
{
	position			: absolute;
	margin				: 0px 0 0 280px;
	*display				: none;
}
.nieuws .nav a
{
	display				: block;
	margin-bottom		: 5px;
	width				: 10px;
	height				: 6px;
	background			: url('../img/bg/carousel.nav.gif') no-repeat left top;
}
.nieuws .nav a.next
{
	background-position	: left bottom;
}
.nieuws .nav span
{
	visibility			: hidden;
	font-size			: 1px;
}

#cloud a
{
	color: #8dd;
	font-weight: bold;
}
#cloud a.tag5, #cloud a.tag6, #cloud a.tag7, #cloud a.tag8
{
	color: #32a2b0;
}
#cloud a.tag9, #cloud a.tag10
{
	color: #078;
}
#cloud a.tag1 { font-size: 0.7em; }
#cloud a.tag2 { font-size: 0.8em; }
#cloud a.tag3 { font-size: 0.9em; }
#cloud a.tag4 { font-size: 1.0em; }
#cloud a.tag5 { font-size: 1.2em; }
#cloud a.tag6 { font-size: 1.4em; }
#cloud a.tag7 { font-size: 1.6em; }
#cloud a.tag8 { font-size: 1.8em; }
#cloud a.tag9 { font-size: 2.2em; }
#cloud a.tag10 { font-size: 2.5em; }

#cloud { line-height: 2em; text-align: justify; padding-bottom: 10px; }
#cloud li { display: inline; padding: 0 2px; }
#cloud a { padding: 0px; }

/* TWEETS */
#tweets
{
	width				: 292px;
	padding-bottom		: 15px;
}
#cloudy
{
	border-bottom: 8px solid #fff;
}
#tweets h3, #cloudy h3
{
	background-color	: #fff;
	text-transform		: none;
	color				: #919396;
}
#tweets h3
{
	padding-left		: 34px;
	background			: url('../img/bg/twitter.medium.gif') left top no-repeat;
}
.tweet 
{
	color				: #000;
	background-color	: #f1f1f1;
	background-image	: url('../img/bg/left.grey.png');
}
.tweet .tweet_list
{
	list-style-type		: none;
	margin				: -6px 0 0 0;
	padding				: 0;
}
.tweet .tweet_list li
{
	padding				: 0 2px 0 9px;
	overflow			: hidden;
	padding				: .5em 0;
	border-top			: 1px solid #fefefe;
	color				: #666;/*#3fa5ba;*/
}
.tweet .tweet_list li.tweet_first
{
	border-top			: none;
}
.tweet .tweet_list li a
{
	color				: #165665;
}
.tweet .tweet_list .tweet_avatar 
{
	padding-right		: .5em;
	float				: left;
}
.tweet .tweet_list .tweet_avatar img 
{
	vertical-align		: middle;
}

/* SEARCH BAR */
#searchbar
{
	background			: #858585 url('../img/bg/searchbar.png') left top;
	height				: 19px;
	padding-top			: 3px;
	position			: absolute;
	display				: block;
	top					: 172px;
	width				: 899px;
	color				: #fff;
	text-align			: right;
	z-index				: 89999;
	font-size			: 12px;
}
#searchbar a
{
	color				: #fff;
}
#searchbar ul
{
	margin-top			: -3px;
	float				: right;
	padding-right		: 3px;
}
#searchbar li
{
	float				: left;
	padding				: 3px 2px 5px 5px;
	margin-left			: 3px;
	background			: url('../img/bg/searchbar.li.png') no-repeat left top;
}
#searchbar input.button
{
	display				: none;
}
#searchbar input.text
{
	background-color	: #fff;
	border				: none;
	font-size			: 9px;
	color				: #000;
	width				: 177px;
}

/* FOOTER */
#footer
{
	clear				: left;
	width				: 942px;
	margin				: -44px auto 0 auto;
	height				: 44px;
	position			: relative;
	font-size			: 10px;
	color				: #888;
	line-height			: 20px;
	padding-left		: 4px;
}
#footer a
{
	color				: #888;
}
#footer a:hover
{
	color				: #000;
}

.niettonen
{
	position			: absolute;
	left				: -10000px;
	overflow			: none;
}
.hfaddon
{
	display				: none;
}

/* contact */
label
{
	cursor				: pointer;
}
form dl
{
	margin				: 0px;
	padding				: 0px;
}
#contact dt, form dt
{
	float				: left;
	width				: 140px;
	line-height			: 2.2em;
}
#contact dd, form dd
{
	margin-left			: 150px;
	line-height			: 2.2em;
}
#contact #bericht
{
	width				: 400px;
	height				: 150px;
}

/* shadowbox */
.shadowtext
{
	position			: absolute;
	margin-left			: -9999px;
}
#sb-content, body #sb-content table, #sb-content a, body #sb-content table a
{
	color				: #000;
}
#sb-content form.table, #sb-content div.sdbox
{
	padding				: 10px;
	margin				: 0px;
}
div.sdbox p
{
	padding				: 10px 0 0 0;
	margin				: 0px;
}
#sb-content form.table input.text
{
	width				: 190px;
}
body #sb-content form.table legend
{
	display				: none;
	height				: 1px;
}
body #sb-content div.sdbox a
{
	text-decoration		: underline;
}
.closepopup
{
	cursor				: pointer;
	color				: #29000e;
	text-decoration		: underline;
	font-size			: 0.9em;
	margin-left			: 10px;
	padding-left		: 17px;
	background			: url('../img/web/ico/kruis.gif') no-repeat left center;
}

.sitemap
{
	float				: left;
	display				: block;
	width				: 270px;
	padding-right		: 15px;
}
.sitemap ul
{
	margin-top			: 0px;
	padding-top			: 0px;
}
dl.archief
{
	padding-bottom		: 20px;
}
dl.archief dt
{
	font-size			: 14px;
	font-weight			: bold;
}
#container #text dl.archief dt a
{
	color				: #661559;
}
#blue #container #text dl.archief dt a
{
	color				: #165665;
}
dl.archief span
{
	position			: absolute;
	margin-left			: -80px;
	text-transform		: uppercase;
}
dl.archief dd
{
	padding-left		: 80px;
	padding-bottom		: 12px;
	min-height			: 15px;
}
.vereniging ul p
{
	display				: none;
}
.vereniging ul
{
	margin-top			: 0px;
	padding-top			: 0px;
}

/* formlarge, inschrijfformulieren */
#formlarge
{
	margin-left			: -305px;
	width				: 600px;
	background			: url('../img/bg/kader.corner.blue.gif') no-repeat 577px 31px;
}
#formlarge h1
{
	color				: #fff;
	background-color	: #4AC7D8;
	font-size			: 24px;
	font-weight			: normal;
	height				: 31px;
	margin-bottom		: 7px;
	padding-left		: 3px;
	text-transform		: uppercase;
}
#purple #formlarge h1
{
	background-color	: #A7458E;
}
#purple #formlarge
{
	background-image	: url('../img/bg/kader.corner.purple.gif');
}
#formlarge div
{
	float				: left;
	display				: block;
	width				: 290px;
}
#formlarge div, .styleform
{
	font-weight			: bold;
	color				: #165665;
}
.styleform dl
{
	margin				: 0 0 0 5px;
	padding				: 0px;
}
.button
{
	color				: #165665;	
	border-color		: #165665;
}
#purple dl, #purple .button
{
	color				: #661559;
	border-color		: #661559;
}
.styleform dt
{
	margin				: 0 0 0 22px; /* 82px */
	clear				: left;
	padding				: 0px;
	width				: 195px;
}
.styleform input.text, .styleform textarea, .styleform option, .styleform select
{
	padding				: 3px 2px;
	width				: 246px;
	border				: none;
	color				: #86868a;
	font				: bold 13px corbel, 'trebuchet ms';
	background			: url('../img/bg/textfields.png') no-repeat right top;
	_background-image	: url('../img/bg/textfields.gif');
}
.styleform input.text
{
	padding-top			: 6px;
	height				: 17px;
}
.styleform input.button
{
	background-color	: inherit;
	padding				: 3px 0;
	border				: none;
	border-style		: dotted;
	border-width		: 0 0 1px 0;
	font				: bold 13px corbel, 'trebuchet ms';
	margin-top			: 42px;
}
#sb-container .styleform input.button, #activiteitform input.button
{
	margin-top			: 0px;
}
.styleform p.textarea
{
	background			: url('../img/bg/textfields.png') no-repeat right top;
	_background-image	: url('../img/bg/textfields.gif');
	height				: 136px;
	width				: 250px;
	margin				: 0px;
	padding				: 0px;
	clear				: both;
}
.styleform textarea
{
	height				: 136px;
	padding				: 0 16px 0 2px;
	width				: 248px;
	background-image	: none;
}
#purple .styleform input.text, #purple .styleform .textarea, #purple .styleform select, #purple .styleform option
{
	background-position	: left top;
}
.styleform select
{
	padding-top			: 6px;
}
.styleform option
{
	width				: 220px;
	padding				: 0 0 0 5px;
	color				: #86868a;
	background-image	: none;
}
.styleform dt.checkbox
{
	width				: 62px;
	float				: left;
	clear				: both;
	margin				: 0px;
	height				: 100px;
	padding-top			: 4px;
}
.styleform dd
{
	margin				: 0 0 0 19px;
	padding				: 0px;
}
.styleform dd, .styleform dt
{
	padding-bottom		: 5px;
}
.styleform dd.checkbox
{
	margin-left			: 82px;
	line-height			: 19px;
	height				: 100px;
}
.fakecheck
{
	text-decoration		: none;
	outline				: none;
	background			: url('../img/bg/checkboxes.png') no-repeat 0 -96px;
	height				: 76px;
	width				: 61px;
	margin-left			: 6px;
	display				: block;
}
#purple .fakecheck
{
	background-position	: -68px -96px;
}
.fakecheck span
{
	visibility			: hidden;
	font-size			: 0px;
	text-decoration		: none;
}
/* fake checkbox : checked state */
.fakechecked
{
	background-position: 0 0;
}
#purple .fakechecked
{
	background-position	: -68px 0;
}
.styleform input.right
{
	text-align			: right;
}
.accordion p
{
	margin-top			: 0px;
}
#map
{
	height				: 400px;
}