html {
	width: 100%;
}

html, body {
	background-color: #FFFFFF;
	background-image: url(/Content/files/background.gif);
	background-position: center;
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 0px;
	margin: 0px;
	height: 100%;
}

td {
	font-size: 11px;
}

a {
	color: #A61F4A;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

form {
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}

h1 {
	font-size:16px;
	color:#004677;
	font-weight: bold;
	margin-bottom: 10px;
}

textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

p {
	margin: 0px;
	padding: 0px;
}

#bodyContainer {
	margin: auto;
	width:	970px;
	height: 100%;
}

#maincontainer {
	height: 100%;
}

/*---------------------------------
 menu 
 --------------------------------*/
.menuitem {
	float: left;
	height: 23px;
	margin-right: 5px;
	background-color: #396E9A;
	width:190px;
	color: #FFF;
	text-align: center;
	line-height: 23px;
}

.menuitem:hover {
	background-color:#004677;
}

/*.menuitem .menuleft {
	width: 7px;
	height: 21px;
	float: left;
	background-image:	url("/Content/files/menu/menuleft.gif");
	background-repeat: no-repeat;
}

.menuitem .menuright {
	width: 7px;
	height: 21px;
	float: left;
	background-image:	url("/Content/files/menu/menuright.gif");
	background-repeat: no-repeat;
}*/

.menuitem a {
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.menuitem .menucenter span a {
	float: left;
	width: 190px;
	text-align: center;
	color:white;
	text-decoration:none;
	font-size:14px;
}

.menuitem .menucenter span a:hover {
	height: 23px;
	float: left;
	width: 190px;
	text-align: center;
	background-color:#004677;
	color:white;
}

.sIFR-active .menuitem {
	visibility: hidden;
	font-family: Arial;
	line-height: 1em;
	font-size: 14px;
	letter-spacing: 2px;
}

.sIFR-active .menuitemopen  {
	visibility: hidden;
	font-size: 14px;
	line-height: 1em;
	height:23px;
	background-color:#004677;
}

.menuitemopen {
	float: left;	
	height: 23px;
	margin-left: 0px;
	font-size: 14px;
	width:190px;
	margin-right: 5px;
	line-height: 23px;
	color: #FFF;
	text-align: center;
	background-color:#004677;
}

.menuitemopen a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

/*.menuitemopen .menuleft {
	width: 14px;
	height: 36px;
	float: left;
	background-image:	url("/Content/files/menu/menuopenleft.gif");
	background-repeat: no-repeat;
}

.menuitemopen .menuright {
	width: 14px;
	height: 36px;
	float: left;
	background-image:	url("/Content/files/menu/menuopenright.gif");
	background-repeat: no-repeat;
}*/

.menuitemopen .menucenter {
	background-color: #396E9A;
	color: #000000;
	height: 36px;
	float: left;
	line-height: 36px;
	width:190px;
	font-size: 12px;
  	background-color:#004677;
}

.sIFR-active .menuitemopen .menucenter {
	margin-top: 5px;
	float: left;
	height: 21px;
	margin-left: 2px;
	background-color:#396E9A;
	font-size: 12px;
}

.menuitemopen .menucenter a {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 12px;
  color: #FFF;
}

.submenufloat, .subsubmenufloat {
	position: 			absolute;
	margin-top:			2px;
	z-index:			300;
	width:				190px;
	background-color:	#C5D0E0;
}

.submenufloat a, .subsubmenufloat a {
	color: #396E9A;
}

.menuleft {
	width: 5px;
	height: 200px;
	float: left;
	background-color: #004677;
	position: absolute;
	margin-left: -5px;
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;
}

.menuright {
	position: absolute;
	height: 200px;
	width: 5px;
	background-color: #004677;
	margin-left: 190px;
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;
}

.closediv {
	background-color: #004677;
	width: 190px;
	height: 5px;
	margin-top: -3px;
}

.subdriehoek {
	background-image:	url("/Content/files/menu/driehoek.gif");
	background-repeat: no-repeat;
	height: 9px;
	background-position: center top;
	width: 190px;
	margin-bottom: 4px;	
}

/*---------------------------------
 submenu left
 --------------------------------*/
.submenuitem, .subsubmenuitem, .submenuitemfloat, .subsubmenuitemfloat {
	border:1px solid white;
	border-width:1px 0px;
	height:19px;
	padding:4px 0px 0px 10px;
	margin:0px 0px 3px 0px;
	font-size: 12px;
}

.subsubmenuitem {
	padding-left: 20px;
}

.subsubdriehoek {
	background-image:	url("/Content/files/menu/driehoek.gif");
	background-repeat: no-repeat;
	height: 9px;
	background-position: center top;
	width: 190px;
	margin-top: -4px;
	margin-bottom: 4px;
}

.sIFR-active .submenuitem, .sIFR-active .subsubmenuitem {
	visibility: hidden;
	font-size: 12px;
	line-height: 1em;
}
.submenuitemopen, .subsubmenuitemopen {
	border:1px solid white;
	border-width:1px 0px;
	height:19px;
	padding:4px 0px 0px 10px;
	margin:0px 0px 3px 0px;
	background-color: #004677;
	color: #FFFFFF;
	font-size: 12px;
}

.subsubmenuitemopen {
	padding-left: 20px;
	background-color:#E2E7EF;
}

.sIFR-active .submenuitemopen, .sIFR-active .subsubmenuitemopen {
	visibility: hidden;
	font-size: 12px;
	line-height: 1em;
}
.submenuitem:hover, .subsubmenuitem:hover {
	border:1px solid white;
	border-width:1px 0px;
	background-color:#E2E7EF;
	color: #004677;
}
a.submenu, a.subsubmenu {
	font-size:12px;
	color:#396E9A;
	font-weight:bold;
	text-decoration:none;
}
.submenuitemopen a.submenu {
	color:#FFF;
}



/* submenu als dropdown van mainmenu 
div#mainsubmenuitem {
	visibility:hidden;
	position:absolute;
	width:190px;
	height:400px;
	background-color:red;
	margin-left:-195px;
}
	
/*------------------------
items
------------------------*/
/*header image*/
#item10000228 {
	position: relative;
	float: right;
	right: 0px;
	height: 130px;
	padding-right: 189px;
}
/*logo*/
#item10000146 {
	position:absolute;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height: 130px;
}

/* hoofdmenu */
#item10000148 {
	color: #FFFFFF;
	height: 23px;
	margin:0px;
}

/* footer */
#item10000149 {
	line-height:25px;
	padding-left: 10px;
	float: left;		
}

/* items onder submenu */
#container10000150 {
	font-weight: bold;
	font-size: 10px;
	border-top: solid 8px #396E9A;
	margin-top: -3px;
	line-height: 20px;
}

#container10000150 a {
	color: #000;
}

/*------------------------
area's
------------------------*/

#area1 {
	background-color: #FFF;
	height: 130px;
}

/*mainmenu*/
#area3 {
	float:left;
	width:781px;
	background-color:#E2E7EF;
	
	color:white;
}

.area3item {
	float:left;
}

/*submenu left*/
#area5 {
	width:190px;
	background-color:#C5D0E0;
	background-image:url('/Content/files/bg_left_10000048.jpg');
	background-repeat:no-repeat;
	background-position:bottom center;
	height:485px;
	padding-top:15px;
}

.area5item table {
	clear: both;
}

/* footer */
#area9 {
	float:left;
	width:590px;
	background-color:white;
	font-weight:bold;
	margin-top: 20px;
}

#container10000149 {
	float: left;
	width: 300px;
	margin-left: 12px;
}

.area9item a {
	color: #000;
}

.downloadPdf {
	float: right;
	line-height: 25px;
	margin-right: 12px;
	padding-right: 20px;
	background-image: url('/Content/files/pdf.gif');
	background-position: right center;
	background-repeat: no-repeat;
}

/*info balk right*/
#area10 {
	position:relative;
	margin-top:-154px;
	background-color:#004677;
	width:159px;
	padding:10px 15px 0px 15px;
	color:white;
	font-size:11px;
	line-height: 180%;
	height: 644px;
}

/* content */
#contentblok {
	width: 561px;
	scroll-x: hidden;
	line-height: 150%;	
	background-color:#E2E7EF;
	padding:15px;
}

#contentblok strong {
	font-weight: bold;
}

.row0 {
	background-color: #F3F3F3;
}

.row0, .row1 {
	line-height: 20px;
}

.row0 .catimage, .row1 .catimage, td.catimage {
	text-align: center;
	width: 40px;
}

.row0 .time, .row1 .time {
	width: 30px;
	padding-left: 3px;
}

.komma {
	background-image: url(/Content/files/komma.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 150px;
	height: 165px;
}

.kommaTekst {
	height: 140px;
	width: 150px;
	text-align: center;
}

.sIFR-active .kommaTekst {
	visibility: hidden;
	font-size: 20px;
	line-height: 1em;
	text-align: center;
}

/*------------------------------------
FAQ
------------------------------------*/

div#faq {
	line-height:180%;
}

div.crums {
	font-size:11px;
}

h1.faq {
	font-size:16px;
	color:#004677;
	margin:20px 0px 0px 0px;
}


h2.faq {
	font-size:14px;
	color:#004677;
	text-indent:10px;
	margin:10px 0px 0px 0px;
}

a.faq {
	text-decoration:underline;
}

a.faq:hover {
	text-decoration:none;	
}


a.subfaq {
	text-decoration:underline;
	padding-left:10px;
}

a.subfaq:hover {
	text-decoration:none;	
}

#content hr {
	background-color: #004677;
	color: #004677;
	height: 1px;
}

.rowHead {
	font-weight: bold;
}

/*------------------------------------
SITEMAP
------------------------------------*/

.sitemap1 {
	font-weight: bold;
}

.sitemap2 {
	margin-left: 10px;
}

.sitemap3 {
	margin-left: 20px;
	font-style: italic;
}

/*------------------------------------
HOMEPAGE
------------------------------------*/

.homepage .bloksmall {
	width: 270px;
	float: left;
	margin-right: 10px;
	height: 225px;
	border-bottom: solid 1px #004677;
	margin-bottom: 5px;
}

*html .homepage .bloksmall {
	width: 265px;
}

.homepage .bloksmall .head {
	background-color: #004677;
	color: #FFF;
	line-height: 20px;
	padding-left: 10px;
	font-weight: bold;
}

.homepage .bloksmall .text {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 180%;
}

.homepage .bloksmall .image {
	width: 270px;
	height: 75px;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

*html .homepage .bloksmall .image {
	width: 265px;
}

.homepage .blok0, .homepage .blok1 {
	clear: both;
	border-bottom: solid 1px #396E9A;
	margin-top: 5px;
	width: 550px;
}

*html .homepage .blok0, *html .homepage .blok1 {
	width: 540px;
}

.homepage .blok0 .head, .homepage .blok1 .head {
	background-color: #396E9A;
	color: #FFF;
	line-height: 20px;
	padding-left: 10px;
	font-weight: bold;
}

.homepage .blok0 .text, .homepage .blok1 .text {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 180%;
}

.homepage .blok0 .image, .homepage .blok1 .image {
	margin-top: 5px;
	margin-bottom: 5px;
	height: 70px;
	width: 140px;
}

.homepage .blok0 .image {
	float: left;
	margin-right: 5px;
}

.homepage .blok1 .image {
	float: right;
	margin-left: 5px;
}


#area10 a {
	color: #FFF;
}

#area10 .head a {
	color: #C5D0E0;
}

#area10 .date {
	width: 35px;
}

#area10 hr {
	color: #FFF;
	height: 1px;
	background-color: #FFF;
	margin-top: 5px;
	border: solid 0px #FFF;
}

#area10 .normal {
	font-weight: normal;
}

#searchblock {
	margin-top: 5px;
}

.searchinputfield {
	border: solid 1px #004677; 
	margin-left: 12px;
	padding-left: 2px;
	width: 145px;
}

.searchbutton {
	background-image: url('/Content/files/search.gif');
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	height: 12px;
	width: 13px;
	border: 0px;
	margin-left: 5px;
}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}