/* reset
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* general
------------------------------------------------------------------*/
body { background: #93278f; color: #4c4c4c; font: 11px/1.5 Verdana, Arial, sans-serif; }
h1 { margin: 25px 25px 18px 25px; font-size: 18px; font-weight: bold; color: #93278f; }
h2 { font-size: 14px; color: #93278f; font-weight: bold; }
ul, ol { margin: 0 0 18px 16px; }
p, form { margin: 0 0 18px 0; }
a { color: #4c4c4c; }
a:hover { color: #93278f; }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; }
strong { font-weight: bold; }
em { font-style: italic; }
table { margin-bottom: 18px; }
td, th { padding: 5px; border: 1px solid #4c4c4c; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

.clear { clear: both; }

/* homepage
------------------------------------------------------------------*/
#home_footer { position: relative; margin: 0 auto; width: 990px; height: 24px; color: #fff; }
#home_footer a:hover { color: #C0F4FC; text-decoration: none; }
.skip_intro { display: block; position: absolute; margin-left: -40px; width: 100px; left: 50%; top: 0; text-align: center; font-size: 12px; /*font-weight: bold;*/ color: #fff; }
#home_footer #duo { position: absolute; right: 0px; top: 0; }
#home_footer #duo a { text-decoration: none; color: #fff; }

/* page structure
------------------------------------------------------------------*/
#wrapper { position: relative; width: 990px; margin: 0 auto; background: url(/images/bg_wrapper.jpg) no-repeat; }
#header { position: relative; height: 236px; overflow: hidden; }
#navigation { height: 58px; margin: 0 0 14px 0; }
#mainWrapper { position: relative; padding-top: 18px; background: url(/images/bg_mainwrapper.gif) repeat-y; }
#sidebar { float: left; width: 234px; }
#mainContent { overflow: hidden; background: url(/images/bg_maincontent.gif) repeat-y; }
#contentWrapper { float: left; width: 756px; background: url(/images/bg_content.gif) repeat-y; }
#content { float: left; width: 452px; padding: 0 0 25px 25px; }
#images { float: right; width: 231px; }
#footer {	position: relative; clear: both; width: 631px; margin: 0 0 0 234px; padding: 40px 0 5px 25px; background: #f9f4f9; }

/* header
------------------------------------------------------------------*/
#imageRotate { position: absolute; left: 10px; top: 18px; }
#imageRotate img { position: absolute; left: 0; top: 0; }
#words { position: absolute; left: 300px; top: 60px; width: 245px; font-size: 14px; line-height: 20px; color: #fff; font-weight: bold; }

/* navigation
------------------------------------------------------------------*/
#navigation ul { margin: 0 0 0 94px; }
#navigation li { float: left; width: 133px; }
#navigation li a { display: block; width: 127px; height: 38px; padding: 15px 0 5px 6px; text-align: center; color: #fff; text-decoration: none; font-size: 13px; font-weight: bold; }
#navigation li a:hover,
#navigation li.active a { background: url(/images/bg_nav_item.gif) no-repeat 0 40px; }

/* subnav
------------------------------------------------------------------*/
#subNav { width: 140px; margin: 0 0 0 94px; }
#subNav li { height: 30px; }
#subNav li a { display: block; width: 132px; padding-left: 8px; font-size: 13px; color: #fff; text-decoration: none; }
#subNav li a:hover,
#subNav li.active a { border-bottom: 2px solid #fff; }

/* hot newsitem
------------------------------------------------------------------*/
#hotItem { width: 204px; margin: 20px 0 40px 0; padding: 10px; background: #93278f; border: 2px solid #fff; border-left: 0; color: #fff; }
#hotItem h2 { color: #fff; font-size: 18px; }
#hotItem a { color: #fff; }

/* content
------------------------------------------------------------------*/
.nosubnav #contentWrapper { display: inline; margin-left: 234px; }
#content ul { list-style: disc; }
.tabelLink { margin-left: 16px; text-transform: uppercase; text-decoration: none; color: #93278f; }
.backLink { text-transform: uppercase; }
/*
#images img,
#images .swfir { margin-bottom: 45px; }
#images .swfir { display: block; }
*/
.publication { margin-bottom: 18px; }
.publication .pdfLink { position: relative; }
.publication .pdfLink a { padding-left: 20px; }
.publication .pdfLink a img { position: absolute; left: 0; }
#content #linkList { margin: 0; list-style: none; }
#linkList li { margin-bottom: 10px; }
.logoLink { float: left; width: 170px; }
.file { position: relative; }
.file a { padding-left: 20px; }
.file a img { position: absolute; left: 0; }

fieldset legend { display: none; }
fieldset label { display: block; }
fieldset input,
fieldset textarea { width: 350px; }
fieldset div { margin-bottom: 5px; }
fieldset div div { float: left; padding-right: 10px; }
fieldset #straat,
fieldset #gemeente { width: 250px; }
fieldset #nummer,
fieldset #postcode { width: 80px; }

p.error { color:red }

#pageNav { clear: both; margin: 25px 0;  padding-left: 25px; }

.alpha-shadow { float: left; margin: 10px 0 45px 15px; background: url(/images/shadow.png) no-repeat bottom right; }
.alpha-shadow div { padding: 0 5px 5px 0; background: url(/images/shadow2.png) no-repeat left top; text-align: left; }
#images .first div { background-image: url(/images/shadow2_first.png); }


/* footer
------------------------------------------------------------------*/
#footer p { font-size: 10px; color: #333333; }
#logo { position: absolute; bottom: 20px; left: -210px; }



/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }