@import url("menu.css");
/*#7F8992*/
body { margin: 5px 0 20px 0; padding: 0; background: url(/layouts/img/bg-page.jpg) repeat-x top; background-color: #9DB8CD; text-align: center;}
body, div, p, span, u, ul, ol, li, input, textarea, form, select { 
font: 12px/16px Arial, Helvetica, sans-serif; color: #3b3b3b;}
body, p, ul, li, td { font-size: 12px; color: #000;}
div#logoBox{ position:relative;}
div#content ul li { list-style-image: url(/layouts/img/bullet.gif);	list-style-position: outside; padding-bottom: 8px; margin-left: 40px;}
.source { font-family: "Courier New", monospace;}
.subTitle { color: #008000;}
.loginBox { color: #7b7b7b;	background-color: #f3f3f3;	padding: 3px 3px;	border: 1px solid #e2e2e2;	width: 80.0%; overflow: auto; }
.loginBox td{font-size:11px;}
.tipBox1 { color: #7b7b7b;	background-color: #f3f3f3;	padding: 10px 10px;	border: 1px solid #e2e2e2;	width: 92.5%; overflow: auto;}
.tipBox2 { color: #fff; background-color: #7a8fa2;	padding: 5px 10px; width: 92.5%; border: 1px solid #728596;}
.tipBox2 a:link,
.tipBox2 a:visited {color: #fff;font-weight: normal; text-decoration: none; border-bottom: none;}
.tipBox2 a:active,
.tipBox2 a:hover { color: #fff; font-weight: normal; text-decoration: none; border-bottom: 1px dotted #fff;}
.tipBox3 { color: #7b7b7b; border:1px solid #FFD671; background:#F8F6D7; width: 92.5%; padding: 5px 10px;}
.imgBox { border: 1px solid #e2e2e2;}
img {border: none;}
img.submit { cursor: hand;}
.clear { clear: both; margin: 0; padding: 0;}
.leftPadding { padding-left: 50px;}
div#leftColumnFrame { background: no-repeat top right !important; width: 250px; float: left; border-right: solid 1px #dadada !important;}
div#leftColumnFrameContent { overflow: auto !important; overflow: visible; width: 100%; height: 100%; border: 0; padding-bottom: 30px;}
div#rightColumnFrame { background:  no-repeat top left !important; padding: 0; margin: 0; float: left; width: 704px;}
div#rightColumnFrameContent { padding: 10px 30px;}
div#wideColumnFrame { background:  no-repeat top left !important; padding: 0; margin: 0; float: left; width: 954px;}
div#wideColumnFrameContent { padding: 10px 30px;}


/* TEXT 
----------------------------------------------- */		
h1, .spanH1 {font: 24px/26px Arial, Helvetica, sans-serif; font-weight: normal; color: #E3333E; margin: 0; text-align: center;}
.spanH2 {font: 15px Arial, Helvetica, sans-serif; font-weight: normal; color: #E3333E; margin: 0; text-align: center;}
hr {border: none 0; border-top: 1px dashed #7F8992; width: 100%; height: 1px;}

/* TEXT HOOFDPAGINA
----------------------------------------------- */
h2 span{font: 28px/30px Arial, Helvetica, sans-serif; font-weight: normal; color: #E3333E; margin: 0;}
h3 span { font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #666; line-height: 22px;}
h4 span { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #999; line-height: 16px;}
/* PAGE LAYOUT
----------------------------------------------- */	

div#container { width: 959px; margin: 0 auto; text-align: left; background: #fff url(/layouts/img/bg-container.gif) repeat-y center;}
div#top { margin: 0; padding: 0; height: 85px;}
div#header { height: 52px; background-color: #E3333E;}
div#searchArea { float: left; width: 340px; margin-top: 25px;}
div#headerLeft { height: 52px; width: 10px; float: left; background:  url(/layouts/img/header-leftcorner.gif) no-repeat;}
div#headerLeftBio { height: 52px; width: 10px; float: left; background:  url(/layouts/img/bioheader-leftcorner.jpg) no-repeat;}
div#headerMiddle { height: 52px; width: 939px; float: left; background-color: #E3333E; background:  url(/layouts/img/header-bg.gif) repeat-x;}
div#headerMiddleBio { height: 52px; width: 939px; float: left; background-color: #E3333E; background:  url(/layouts/img/bioheader-bg.jpg) repeat-x;}
div#headerRight { height: 52px; width: 10px; float: left; background:  url(/layouts/img/header-rightcorner.gif) no-repeat;}
div#headerRightBio { height: 52px; width: 10px; float: left; background:  url(/layouts/img/bioheader-rightcorner.jpg) no-repeat;}
div .topNavigation { color: #fff; height: 33px; margin: 0; padding: 0 7px 0 10px; background: #4f4f4f url(/layouts/img/bg-topnavigation.gif) no-repeat top;}
div#topNavigationBio { color: #fff; height: 33px; margin: 0; padding: 0 7px 0 10px; background: #4f4f4f url(/layouts/img/biobg-topnavigation.jpg) no-repeat top;}
div .floatleft {color: #fff; float: left; }
div .floatright {color: #fff; float: right; }
div#contentExtranet{background-color: #C0D9FB; height: 15px;}
div#topNavigation img { height: 23px; margin: 6px 0 0 1px;}
div#leftBorder {width: 2px; float: left; background: url(/layouts/img/bg-leftborder.gif) repeat-y;}
div#rightBorder {width: 2px; float: right; background: url(/layouts/img/bg-leftborder.gif) repeat-y;}
div#leftColumn { float: left; width: 170px; background: url(/layouts/img/bg-leftcolumn.jpg) no-repeat center top;}
div#columnSeparator { width: 10px; float: left; background: url(/layouts/img/bg-columnseparator.jpg) no-repeat top;}
div#rightColumn { float: right; width: 750px; padding: 7px 11px 30px 14px; background: url(/layouts/img/bg-rightcolumn.jpg) no-repeat center top;}
div#content { width: 955px; float: left; padding: 0; margin: 0;}
div#contentTop { min-height: 8px; width: 955px; padding: 0; margin: 0; background: url(/layouts/img/bg-contenttop.jpg) no-repeat center top;}
div#contentHeader {}
div#contentHeader .col1 { float: left; width: 60%; margin-top: 0px; margin-bottom: 25px;}

div#contentHeader .col3 { float: right; width: 35%; margin-top: 0px; margin-bottom: 25px; margin-left: 5px;}
div#sideContent { width: 245px; float: right; padding-top: 5px;}
div.interior { height: auto !important; height: 549px; min-height: 549px;}
div#footer { width: 959px; margin: 0 auto; clear: both; height: 68px;}
.noBackground { background: #fff !important;}
.withBackground { background: #fff !important;}
/* TEXT 
----------------------------------------------- */		



h3.title {
	margin-top: 0;
}



p {
	margin-top: 0;
	margin-bottom: 12px;
	padding-top: 0;
}


.hidden {
	display: none;
}

.code {
	font-family: Courier New, Courier, Monaco, monospace;
}

.required {
	color: #E3333E;
}

span.noteRequired {
	float: right;
	color: #E3333E;
}

div.hr {
	height: 1px;
	background: #dad7d7;
	margin: 3px 0;
}

.borderBottom {
	border-bottom: solid 1px #dad7d7;
}


.centerAlign {
	text-align: center;
}

.paddedBlock {
	padding-left: 20px;
}

.contactTitle {
	padding-left: 20px;
	background: transparent url(/layouts/img/arrow-darkGreen.gif) no-repeat center left;
	margin-bottom: 5px;
}

.missing {
	color: #f00 !important;
	font-weight: bold !important;
	font-style: italic !important;
}
.newsdatehome {
	font-size: 10px;	
}
.newsdateoverview {
	font-size: 11px;	
}
.newsitem{
	font-size: 11px;
}
.newstitle{
	font-size: 11px;
	font-weight: bold;
	color: #E3333E;
}
.newsitemsummary {
	font-size: 11px;
}

/* LINKS
----------------------------------------------- */	
a:link,
a:visited {
	color: #5f9ba2;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
}

a:active,
a:hover {
	color: #E3333E;
	font-weight: normal;	
	text-decoration: none;
	/*border-bottom: 1px dotted #689dc7;*/
}

a.noborder,
a.noborder:active,
a.noborder:hover {
	border-bottom: none;
}
a.funcmenu {
	color: #fff;
	font-weight: bold;
}
a.funcmenuselected {
	color: #fff;
	text-decoration:underline;
	font-weight: bold;
}
a.funcmenu:hover {
	color: #fff;
	text-decoration:underline;
	font-weight: bold;
}

.white{
	color: #fff;
}

/* LISTS
----------------------------------------------- */		
ol {
	padding: 0;
	margin: 15px 0 15px 16px;
}

ol li {
	padding: 0;
	margin: 0 0 0 16px;
}

ul {
	margin: 0;
	padding: 0;
}

ul li { /* when modifying change ul.normal li as well (at the end of the section) */
	list-style: none;
	margin: 0;
	padding: 0;
}

ol.upperalpha {
	list-style-type: upper-alpha;
}

ol.alpha {
	list-style-type: lower-alpha;
}

ol.upperroman {
	list-style-type: upper-roman;
}

ol.roman {
	list-style-type: lower-roman;
}


ul.circle li {
	list-style-type: square !important;
	margin-left: 15px;
	padding: 10px 0;
}


ul.siteMap {
	margin: 5px 0 0 20px;
}

ul.siteMap li {
	list-style-image: url(/layouts/img/bullet.gif);
	padding: 0 0 3px 0;
}


/* FORMS
----------------------------------------------- */	
form {
	margin: 0; 
	padding: 0;
}

form.width500 {
	width: 500px;
}

select, textarea, input {
	border: 1px solid #ccc;
}
.check {
	border: none;
}
textarea .shad {
	border-bottom: solid 3px #ECEEF3;
	border-right: solid 3px #ECEEF3;
	border-top: solid 2px #999;
	border-left: solid 2px #999;	
}
input.search {
	width: 127px; 
	border: 1px solid #ccc;
}

input.button, input.checkbox, input.radio {
	width: 20px !important;
	height: 20px;
	margin: 1px 0 2px 0;
	border: none;
	vertical-align: middle;
}

input.formField, select.formField {
	width: 200px;
	height: 20px;
}

textarea.formField {
	width: 200px;
}

textarea.formFieldComment {
	width: 300px;
}


label.wide {
	width: 100% !important;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.field {
	clear: both;
	padding: 5px 0;
}
/*
.formField {
}
*/
div.formTitle {
	clear: both;
	padding: 3px 0;
	margin: 10px 1px;
	color: #5f9ba3;
}

div.spacer {
	clear: both;
	height: 3px;
	line-height: 1px;
}

div.buttons {
	text-align: left;
	padding-left: 230px;
	margin: 10px;
}

form p {
	margin: 3px 5px;
}

.formSeparator {
	font-size: 14px;
	background: url(/layouts/img/bg-rightcol-menu.gif) repeat-x left bottom;
}

.fieldRequired {
	font-size: 20px;
	font-weight: bold;
	color: #E3333E;
	vertical-align: top;
}

.fieldNotRequired {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	vertical-align: bottom;
}

div.row {
	clear: both;
	padding: 3px 0;
}



/* FOOTER
----------------------------------------------- */	

.leftFooterLinks {
	float: left;
	text-align: left;
	width: 550px; 
	
}

.rightFooterLinks {
	float: right;
	text-align: right;
	width: 400px; 
}

.footerLinks {
	color: #b4d5f4;
	height: 37px;
	background-color: #fff;
	background: url(/layouts/img/bg-footer.jpg) no-repeat;
}

.footerLinks ul {
	margin: 9px 20px;
	padding: 0;
}

.footerLinks li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 3px;
	color: #5b5b5b;
	background: none;
	font-size: 11px;
}

.footerlinks ul li.separator {
	color: #5b5b5b;
}

.footerLinks a:link,
.footerLinks li a:visited {
	font-size: 11px;
	color: #5b5b5b;
	font-weight: normal;
	text-decoration: none;
}

.footerLinks li a:hover,
.footerLinks li a:active {
	font-size: 11px;
	color: #9d9d9d;
	font-weight: normal;	
	text-decoration: none;
	border-bottom: none;
}

.bottomlinks {
	color: #7b7b7b;
	height: 34px;
}

.bottomlinks ul {
	margin: 2px 0 0 0;
	padding: 0;
}

.bottomlinks ul li {
	display: inline;
	list-style-type: none;
	color: #7b7b7b;
	margin: 0;
	padding: 0 3px;
	background: none;
	font-size: 11px;
}

.bottomlinks ul li.separator {
	color: #aaa;
}

.bottomlinks a:link,
.bottomlinks li a:visited {
	font-size: 11px;
	color: #7b7b7b;
	font-weight: normal;
	text-decoration: none;
}

.bottomlinks li a:hover,
.bottomlinks li a:active {
	font-size: 11px;
	color: #9d9d9d;
	font-weight: normal;	
	text-decoration: none;
	border-bottom: none;
}


.divider {
	color: #545454;
	font-size: 8px;
	margin: 0 10px;
}

#mainNav {
	float: left;
	font-size: 10px;
	padding-left: 3px;
	padding-top: 2px;
	color: #fff;
}

#mainNav a:active, #mainNav a:link, #mainNav a:visited {
	font-size: 10px;
	color: #7b7b7b;
	text-decoration: none;	
}

#mainNav a:hover, #mainNav a.over {
	font-size: 10px;
	color: #9d9d9d;
}


/* SEARCH
----------------------------------------------- */	

::root div#searchWindow {background: none;}

div#searchWindow {
	background: url(/layouts/img/search-pane.gif) no-repeat 0 3px;
	width: 300px;
	height: 31px;
	float: right;
	text-align: left;
	margin: 0;
	padding: 0;
}

span#magnifyingGlass {
	float: right;
	margin-right: 8px;
	margin-top: 1px;
}

div#searchWindow .searchField {
	border: 0;
	background: transparent;
	width: 230px;
	font-size: 12px;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #666;
	height: 16px;
	margin-left: 5px;
	margin-top: 6px;
}

input.searchField {
	background: transparent;
}
table.forum tr td{
	color: #666666;
}
#forumtext{
	color: #000066;
}
.rowheader{
	background-color: #e9f1f9;
}
.rowheader td{
	border: 1px solid  #606999;		
}

.rowheader td a{
	font-weight: bold;
	color:#606999;
}

.rowheader td a:hover{
	font-weight: bold;
	color:#ff0000;
}

.altrow1 {
	background-color: #f9f9f9;
}
.altrow1 td a{
	font-weight: bold;
	
}

.altrow2 {
	background-color: #f1f1f1;		
}
.altrow1 td{
	border: 1px solid  #e9e9e9;		
}
.altrow2 td{
	border: 1px solid  #e1e1e1;		
}
.altrow2 td a{
	font-weight: bold;
	
}
#subjecttitle{
	font-size: 16px;
	color: #6AAEDD;
	font-weight: bold;
}
#subjecttitle a{
	font-size: 16px;
	color: #6AAEDD;
	font-weight: bold;
}

.smaller {
	font-size: 10px;
}
#cForm{
	background-color: #DEEBEC;
	margin-left: 5px;
	margin-top: 5px;
}
.wpoverview{
	color: #666666;
	background-color: #f3f3f3;
	border: 1px solid #e9e9e9;
}
.wpoverview td .lined{
	color: #666666;
	background-color: #f3f3f3;
	border-bottom: 1px solid #e9e9e9;
}
.small {
	font-size: 10px;
	padding-left: 15px;
	padding-right: 15px;
	
}
.indented {
	padding-left: 15px;
	padding-right: 15px;
}
.indented li{
	padding-left: 15px;
	padding-right: 15px;
}
div.hrsolid hr {border: none 0; border-top: 10px solid #9DB8CD; width: 100%; height: 3px;}
.trlight {position:relative; top:5px; left:0px;}
#trlight {position:relative; top:5px; left:0px;}
.deltable{
	background-color: #fff;
	border: dotted 1px #333;
}
.deldetail{
	background-color: #f6f6f6;
	border-bottom: solid 2px #ECEEF3;
	border-right: solid 2px #ECEEF3;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
}
.shaded{
	background-color: #EDF0F3;
}
.shaded2{
	background-color: #EDF0D1;
}
.shaded3{
	background-color: #c1c1c1;
}
.greyandborder{
	border-top: solid 1px #333;
	border-left: solid 1px #333;	
	border-bottom: solid 1px #333;
	border-right: solid 1px #333;
	background-color: #ECEEF3;
	text-align: center;
}
.bottomborder{
	border-bottom: solid 1px #333;
}
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #F7F7AF;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font-size: 11px;
font-family: Verdana;
line-height:14px;
z-index:100;
border-right: 1px solid black;
border-bottom: 1px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
}
.headred{
	font-size:14px;
	color:#FF0000;
}