body {
	background-color: white;
	font-size: 11px;
	font-family: arial, verdana, sans-serif;
	color: #244876;
	margin: 0px;
	padding: 0px;
}

a img { border: 0px none; }
a, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

ul {  list-style: square outside; }

h1 { font-family: garamond, georgia, 'times new roman', serif; color: #cc8f13; font-size: 22px; margin: 0px; padding: 0px; }
h2 { font-size: 1.3em; margin: 0 0; color: #cc8f13; }
h3 { font-size: 1em; }
h6 { margin: 0px; padding: 0px; font-size: 11px; font-weight: bold; }


.clear { clear: both; }

#siteContainer { width: 970px; padding: 7px 10px; margin: 0px auto; }
#leftColumn { float: left; margin-top: 16px; }
#mainColumn { margin-left: 10px; float: left; width: 761px;}

.box { width: 199px; margin-bottom: 10px; }
.boxHeader { color: white; font-weight: bold; font-size: 12px; padding: 4px; }
.subTitle { font-size: 10px; }

.red .boxHeader { background-color: #c92323; }
.green .boxHeader { background-color: #59b859; }
.blue .boxHeader { background-color: #265888; }
.orange .boxHeader { background-color: #cc8f13; }
.orange .boxContent { text-align: center; font-weight: bold; background-color: #e2bf79; color: white; padding: 6px; }

#thema .boxHeader { background-color: #cc8f13; }
#thema .boxContent { padding: 6px; }
#thema ul { margin: 0px 0px 0px 12px; padding: 0px; }
#thema li { margin: 13px 0px; padding: 0px; }
#thema a, #thema a:visited { font-weight: bold; font-size: 12px; }

#thema li ul { margin: 0px; display: none; }
#thema li li { margin: 0px; }
#thema li li a, #thema li li a:visited { color: #4175c9; font-weight: normal; font-size: 10px; }
#thema0, #thema0 a, #thema1 li { color: #551A8B }
#thema1, #thema1 a, #thema1 li { color: #c94040 }
#thema2, #thema2 a, #thema2 li { color: #c98540 }
#thema3, #thema3 a, #thema3 li { color: #c9c940 }
#thema4, #thema4 a, #thema4 li { color: #85c940 }
#thema5, #thema5 a, #thema5 li { color: #40c940 }
#thema6, #thema6 a, #thema6 li { color: #40c985 }
#thema7, #thema7 a, #thema7 li { color: #40c9c9 }
#thema8, #thema8 a, #thema8 li { color: #4085c9 }

#regioMap .boxHeader { background-color: #4085c9; }
#regioMap ul {
	width: 199px;
	height: 225px;
	background: url('/download/?id=5627769');
	padding: 0px;
	margin: 0px;
	position: relative;
}

#regioMap li { margin: 0px;  padding: 0px; position: absolute; display: block; }
#regioMap a { display: block; }
#regioMap a:hover { background-image: url('/download/?id=5627769'); }

#noordHolland 			{ top: 32px; left: 63px; }
#noordHolland a 		{ width: 40px; height: 76px; }
#noordHolland a:hover 	{ background-position: -262px -32px; background-repeat: no-repeat; }
#zuidHolland			{ top: 96px; left: 39px; }
#zuidHolland a 			{ width: 55px; height: 48px; }
#zuidHolland a:hover 	{ background-position: -437px -96px; }
#zeeland				{ top: 134px; left: 7px; }
#zeeland a 				{ width: 49px; height: 50px; }
#zeeland a:hover 		{ background-position: -206px -134px; }
#friesland				{ top: 9px; left: 104px; }
#friesland a 			{ width: 52px; height: 47px; }
#friesland a:hover 		{ background-position: -900px -9px; }
#utrecht				{ top: 98px; left: 77px; }
#utrecht a 				{ width: 42px; height: 28px; }
#utrecht a:hover 		{ background-position: -872px -98px; }
#brabant				{ top: 135px; left: 49px; }
#brabant a 				{ width: 93px; height: 46px; }
#brabant a:hover 		{ background-position: -645px -135px; }
#groningen				{ top: 3px; left: 142px; }
#groningen a 			{ width: 51px; height: 48px; }
#groningen a:hover 		{ background-position: -341px -3px; }
#drenthe				{ top: 24px; left: 143px; }
#drenthe a 				{ width: 46px; height: 47px; }
#drenthe a:hover 		{ background-position: -540px -24px; }
#overijsel				{ top: 54px; left: 116px; }
#overijsel a 			{ width: 73px; height: 55px; }
#overijsel a:hover 		{ background-position: -713px -54px; }
#gelderland				{ top: 81px; left: 88px; }
#gelderland a 			{ width: 90px; height: 62px; }
#gelderland a:hover 	{ background-position: -1083px -81px; }
#limburg				{ top: 137px; left: 120px; }
#limburg a 				{ width: 30px; height: 82px; }
#limburg a:hover 		{ background-position: -318px -137px; }
#flevoland				{ top: 72px; left: 94px; }
#flevoland a 			{ width: 36px; height: 29px; }
#flevoland a:hover 		{ background-position: -492px -72px; }

#header { position: relative; z-index: 1; margin-bottom: 30px; }

#shortcuts { margin: 0px 0px 2px 0px; padding: 0px; float: right; }
#shortcuts li { display: inline; margin: 0px; padding: 0px; list-style: none outside; }
#shortcuts a, #shortcuts a:visited {
	display: block;
	float: left;
	color: #cc8f13;
	border-right: 1px solid #cc8f13;
	padding: 0px 5px;
	font-weight: bold;
}

#menu {
	z-index: 100;
	margin: 0px;
	padding: 4px 8px;
	float: left;
	background-color: #cc8f13;
	color: white;
	height: 15px;
	width: 745px;
}
#menu li { float: left; margin: 0px; padding: 0px; list-style: none outside; position: relative; }
#menu a, #menu a:visited {
	color: white;
	font-weight: bold;
	font-size: 12px;
	display: block;
	padding: 0px 10px;
	border-left: 1px solid white;
}
#menu li.top a, #menu li.top a:visited { border-left: 0px none; }
#menu li ul {
	display: none;
	margin: 0px;
	padding: 7px;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	background-color: white;
	position: absolute;
	top: 19px;
	left: 0px;
	width: 176px;
	z-index: 110;
}
#menu li ul li { display: block; float: none; }
#menu li ul li a, #menu li ul li a:visited {
	color: #cc8f13;
	float: none;
	font-weight: normal;
	border-top: 1px solid #ffe6b3;
	padding: 0px;
}
#menu li ul li a:hover { color: #457ed0; text-decoration: none; font-weight: bold; }
#menu li ul li a.active { color: #457ed0; text-decoration: none; font-weight: bold; }
#menu li ul li.top a, #menu li ul li.top a:visited { border-top: 0px none; }
#menu li ul li ul { top: -5px; left: 184px; }

#logo { background-image: url('/download/?id=5627763'); height: 229px; z-index: 10; }
#homeLink { position: absolute; top: 80px; left: 25px; width: 240px; height: 145px; text-decoration: none; }

#quickSearch { position: absolute; bottom: 6px; right: 6px; color: #cc8f13; font-weight: bold; }
#quickSearch #searchLabel { position: absolute; top: 4px; left: -72px; }
#quickSearch #searchHint { position: absolute; top: 4px; left: 4px; color: silver; }
#quickSearch #submit { background-color: #cc8f13; color: white; border: 0px none; font-weight: bold; font-size: 11px; padding: 3px; }

#crumbPath { padding: 2px 2px 0; font-weight: bold; color: #265888; position: absolute; bottom: 6px; left: 6px; background: white; }
#crumbPath #homeButton { margin-right: 5px; }
#crumbPath a, #crumbPath a:visited { color: #265888; }

.narrow { width: 199px; }
.medium { width: 270px; }
.wide { width: 520px; }

#middleColumn { width: 551px; }

#leftContentColumn { float: left; margin-bottom: 35px; }

.commentCount { margin-top: 10px; margin-right: 30px; text-align: right; }
.readMore { margin-top: 10px; font-weight: bold; }

.answer { display: none; margin: 5px 0px 15px 0px; }
#commentForm #pot { display: none; }
.comments .commentTotals { margin-top: 10px; font-weight: bold; }
.comments .commentEntry { margin-top: 10px; border-top: 1px solid #4085C9; padding: 5px; }
.comments .commentDate { font-size: 10px; }
.comments .commentContent { padding: 10px; }
#commentForm { margin-top: 20px; border-top: 1px solid #4085C9; }
#commentForm label { display: block; margin-top: 10px; }
#commentForm input { width: 200px; }
#commentForm textarea { width: 300px; height: 150px; }
#commentForm #submitForm { display: block; margin-top: 10px; }

#overview { width: 550px; margin: 10px 0px; border-spacing: 3px 0px; }
#overview th { border-bottom: 1px solid #4085C9; text-align: left; }
#overview td { height: 24px; padding: 0px 2px; }
#overview .date { width: 70px; }
#overview .title { width: 496px; }
#overview .owner { width: 100px; }
#overview .publicDate { width: 100px; }
#overview .organiser { width: 72px; }
#overview .location { width: 88px; }
#overview .link { width: 72px; }

#overview .even td { background-color: #CFE7FF; }
#overview .center { text-align: center; }
#overview .headerSortDown, #overview .headerSortUp { background-color: #C0C7CC; }
#orgDetails { width: 520px; margin: 10px 0px; border-spacing: 3px 0px; }
#orgDetails .description { text-align: right; width: 95px; }

.eventDetails { font-weight: bold; margin-bottom: 10px; }

#backLink { margin-top: 10px; }

#jobOpeningsTable { width: 550px; margin: 10px 0px; border-spacing: 3px 0px; }
#jobOpeningsTable th { border-bottom: 1px solid #4085C9; text-align: left; }
#jobOpeningsTable td { height: 24px; padding: 0px 2px; }
#jobOpeningsTable .odd td { background-color: #CFE7FF; }
#jobOpeningsTable .date { width: 70px; }
#jobOpeningsTable .jobOpening { width: 300px; }
.addJobOpening { display: block; margin: 1em 0; }

#rightContentColumn { float: left; margin-left: 10px; margin-bottom: 35px; }
#rightContentColumn .itemHeader {
	border-bottom: 3px solid;
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 2px;
	list-style: none outside;
	margin: 0 0 6px;
}
#rightContentColumn li { list-style: none outside; }
.last { margin-top: 10px; }
.last a, #agenda .last a:visited { font-weight: bold; }

#agenda { color: #551A8B; margin: 0px; padding: 0px; }
#agenda .itemHeader { border-bottom-color: #551A8B; }
#agenda a, #agenda a:visited { color: #551A8B; }
#agenda li { width: 270px; overflow: auto; }
#agenda .eventDate { width: 56px; float: left; font-weight: bold; cursor: pointer; }
#agenda .eventTitle { width: 214px; float: left; cursor: pointer; }

#news { color: #c92323; margin: 45px 0px 0px 0px; paddinG: 0px; }
#news .itemHeader { border-bottom-color: #c92323; }
#news a, #news a:visited { color: #c92323; }
#news li { width: 270px; overflow: auto; }
#news .newsDate { width: 56px; float: left; font-weight: bold; cursor: pointer; }
#news .newsTitle { width: 214px; float: left; cursor: pointer; }

#prikbord, #publications, #agenda, #news { min-height: 136px; }
#prikbord h2, #publications h2 { border-bottom: 3px solid; font-weight: bold; font-size: 14px; padding: 0 0 2px; list-style: none outside;  margin: 0 0 6px; }
#prikbord ul, #publications ul { margin: 0 0 10px; padding: 0; list-style: none outside; }
#prikbord li, #publications li { width: 270px; overflow: auto; }
#prikbord .date, #publications .date { width: 56px; float: left; font-weight: bold; }
#prikbord .content, #publications .content { width: 214px; float: left; }

#publications { margin: 45px 0 0; }
#publications .readMore { font-weight: bold; }
#prikbord, #prikbord h2, #prikbord a { color: #C98540; }
#publications, #publications h2, #publications a { color: #59b859; }


#footer { text-align: center; color: #757575; font-size: 10px; clear: both; width: 551px; }
#footer #links { margin-bottom: 25px; padding: 10px; }
#footer #links a, #footer #links a:visited { padding-left: 10px; margin-left: 10px; border-left: 1px solid #cc8f13; color: #cc8f13; }
#footer #links a.first { padding-left: 0px; margin-left: 0px; border-left: 0px none; }

#rightColumn { float: right; width: 199px; overflow: hidden; }
#rightColumn p { margin-top: 0; }

#zoeken label { width: 200px; float: left;}

#jobOpeningDetails dt {
	float: left;
	width: 200px;
	padding-bottom: 2px;
}

#jobOpeningDetails dd {
	margin-left: 200px;
	padding-bottom: 2px;
}

#newJobOpeningForm label {
	width: 200px;
	float: left;
}

#newJobOpeningForm ol {
	list-style: none outside;
}

#jobOpeningsTable th, #jobOpeningsTable td {
	text-align: left;
}

#hp1, #hp2 { display: none; }

#opleidingsinstituten td { vertical-align: top }

.opleidingsTitel { font-weight: bold; }

.inputTextArea { width: 300px; }

#customObjectEdit label { display:inline-block; width:60px; }