/* --------------------------------------------------------------------------- */
/* Default stylesheet */
/* --------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- */
/* Used colors */
/* --------------------------------------------------------------------------- */

/* Purple:		#61215f; */
/* Purple(IE):#61215F; */
/* Blue:			#0098c7; */
/* Blue(IE):	#0098C7; */
/* Red:				#d82d3c; */

/* END: Used colors */
/* --------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- */
/* HTML selectors */

html															{ height: 100%; margin: 0; padding: 0; }
body                      				{ margin: 0; padding: 0 0 0 154px; height: 100%; font: normal normal 75%/130% Verdana, Arial, sans-serif; color: #000; background: #7FCCE5 url(../gfx/back.jpg) no-repeat; }
body.go4it                 				{ background: #C9D5E5 url(../gfx/back_go4it.jpg) no-repeat; }
body.go4itnh              				{ background: #C9D5E5 url(../gfx/back_go4itnh.jpg) no-repeat; }
ul,
li, 
form                        			{ margin: 0; padding: 0; }
img                       				{ border: 0; }
fieldset                  				{ margin: 0; border: 0; padding: 0; }
.redDot														{ color: #d82d3c; }
.clr                							{ clear: both; margin: 0 0 -1px 0; width: 100%; height: 1px; line-height: 1px; overflow: hidden; visibility: hidden; }
.plain														{ font-weight: normal; font-size: 90%; }

/* END: HTML selectors */
/* --------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- */
/* Links */

a 																{ text-decoration: none; }
a:link,
a:visited 												{ color: #d82d3c; }
a:hover,
a:active 													{ text-decoration: underline; }

#sidebar a 												{ }
#sidebar a:link,
#sidebar a:visited 								{ color: #fff; }
#sidebar a:hover,
#sidebar a:active 								{ color: #d82d3c; }

/* END: Links */
/* --------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- */
/* Basic page containers */

#site.noSide											{ background: transparent url(../gfx/siteBgNoSide.gif) 0 0 repeat-y; }

#site															{ height: 100%; width: 816px; background: transparent url(../gfx/siteBg.gif) 0 0 repeat-y;}
	.info 													{ background: transparent url(../gfx/siteBgInfo.gif) 0 0 repeat-y !important;}
	.reg .info 											{ background: transparent url(../gfx/reg/siteBgInfo.gif) 0 0 repeat-y !important; }
  .intranet .info 							  { background: transparent url(../gfx/intranet/siteBgInfo.gif) 0 0 repeat-y !important; }
  .go4it .info 							      { background: transparent url(../gfx/go4it/siteBgInfo.gif) 0 0 repeat-y !important; }
#header														{ background: #0098C7; width: 812px; overflow: hidden; }
html>body #header									{ background: #0098c7; }
html>body #header									{ overflow: visible; }

/* END: Basic page containers */
/* --------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- */
/* START: Header */


#header #service									{ width: 812px; position: relative; left: -44px; height: 27px; line-height: 27px; background-color: #0098C7; }
html>body #header #service				{ background-color: #0098c7; }
#header #service a								{ font-size: 90%; color: #fff; }
#header #service ul								{ position: relative; left: -13px; }
html>body #header #service ul			{ left: -10px; }
#header #service li								{ list-style: none; display: inline; margin: 0 13px 0 0; }
#header #service .rLeft						{ float: left; position: relative; left: -10px; }

#header h1												{ display: none; }
#header .title										{ position: relative; left: -79px; height: 53px; width:693px; background: url(../gfx/header.gif) no-repeat left top;}
.info #header .title							{ position: relative; left: -79px; height: 53px; width:873px; background: url(../gfx/headerinfo.gif) no-repeat left top;}
.info #header .title a						{ position: absolute; top: 15px; left: 30px; display: block; height: 40px; width: 120px;}

#header #language										{ position: absolute; left: 492px; top: 4px; z-index: 10; }

#header #globe										{ position: absolute; left: 592px; top: 0px; width: 160px; height: 118px; color: #fff; font-weight: bold; text-align: center; z-index: 10; }
#header #globe .search						{ position: relative; top: -110px;}
#header #globe .search a					{ color: #fff; }

#header #globe .search select 													{ display: block; width: 100px; font-weight: normal !important; }
#header #globe .search select.replaced 									{ display: none; }
#header #globe .search ul.selectReplacement 						{ background: transparent url(../gfx/globeSelect.gif) 0 0 no-repeat; font-weight: normal; margin: 0; padding: 0; height: 20px; width: 129px; position: relative; top: 10px; }
html>body #header #globe .search ul.selectReplacement		{ left: 15px; }
#header #globe .search ul.selectReplacement li 					{ background: #E2626D; color: #fff; cursor: pointer; display: none; font-size: 11px; line-height: 1.7em; list-style: none; margin: 0; padding: 1px 6px; width: 117px; text-align: left; }
#header #globe .search ul.selectOpen li 								{ display: block; width: 180px; }
#header #globe .search ul.selectReplacement li.selected { overflow: hidden; height: 20px; width: 116px; padding-right: 10px; background: transparent; display: block; }
#header #globe .search ul.selectOpen li.selected 				{ background: #D82D3C; display: block; width: 186px; padding-right: 0px; }
#header #globe .search ul.selectOpen li:hover,
#header #globe .search ul.selectOpen li.hover,
#header #globe .search ul.selectOpen li.selected:hover 	{ background: #D82D3C; color: #fff; }
#header #globe .search .button		{ border: none; background: transparent; color: #fff; font-size: 12px; font-weight: bold; position: relative; top:15px; left: 45px; }

#header #search										{ background: #61215F; width: 716px; height: 46px; position: relative; left: -102px;}
#header .payoff										{ color: #fff; font-weight: bold; font-size: 10px; position: absolute; left: 165px; top: 11px; }
html>body #header #search					{  }
	.info #header #search						{ width: 896px; }
#header #search a									{ color: #fff; font-weight: bold; font-size: 11px; }
#header #search .rLeft						{ float: left; position: relative; left: -13px; }
#header #search form							{ float: right; margin: 10px 80px 0 0; padding: 0; width: 200px;; }
html>body #header #search form		{ margin: 10px 160px 0 0; }
	.info #header #search form			{ margin: 10px 170px 0 0; }
	html>body .info #header #search form{ margin: 10px 340px 0 0; }
#header #search fieldset					{ background: transparent url(../gfx/searchBg.gif) 0 0 no-repeat; height: 20px; margin: 0; padding: 0; width: auto; }
#header #search	input							{ background: transparent; border: none; margin: 0 5px; width: 135px; color: #fff; font-weight: bold; font-size: 11px; }

.printHeader											{ display: none; }

/* END: Header  */
/* --------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- */
/* START: navigation menu */
#leftSideContainer                {position: absolute; left: 39px;}
#navigation                       { background: #61215F; width: 177px; list-style: none; }
html>body #navigation							{ background: #61215f; }
#navigation ul										{ margin: 0 0 0 27px; list-style: none; width: 150px; border-top: 1px solid #0098C7; }
html>body #navigation ul					{ border-top: 1px solid #0098c7; }
#navigation li                    { border-bottom: 1px solid #0098C7; }
#navigation li ul									{ margin: 0 0 -1px 0; border-top: 1px solid #0098C7; }
html>body #navigation li ul				{ border-top: 1px solid #0098c7; }
#navigation li a                  { padding: 0 0 0 0.5em; color: #fff; height: 28px; line-height: 28px; display: block; font-weight: bold; font-size: 11px; }
#navigation li a:hover,
#navigation li.active							{ background: #0098C7; text-decoration: none; }
#navigation li li a               { padding: 0 0 0 1.5em; }
#navigation li li a.plus:hover    { background: #0098c7 url(../gfx/redArrowPlus.gif) 0.7em 1.1em no-repeat; }
#navigation li li a.min:hover     { background: #0098c7 url(../gfx/redArrowMin.gif) 0.7em 1.1em no-repeat; }
#navigation li li .plus           { background: transparent url(../gfx/redArrowPlus.gif) 0.7em 1.1em no-repeat; }
#navigation li li .min            { background: transparent url(../gfx/redArrowMin.gif) 0.7em 1.1em no-repeat; }
#navigation li ul,
#navigation li li ul              { position: relative; bottom: -1px; background: #802C8D; }
#navigation li li ul              { background: #974FA1; }
html>body #navigation li ul,
html>body #navigation li li ul    { position: relative; bottom: 0px; }
#navigation li li li a            { padding: 0 0 0 2.5em; }
#navigation li li li a:hover			{ background: #0098c7; }
#navigation .rBottom							{ display: block; position: relative; bottom: -12px; /*float: left; position: absolute; */ }
html>body #navigation .rBottom		{ bottom: -12px; }


/* END: navigation menu */
/* --------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- */
/* Content containers */

#content													{ width: 614px; font-size: 90%; }
	.info #content									{ width: 814px; }
#content h2												{ font-size: 145%; margin: 0 0 10px 0; }
#content .article h3              { font-weight: normal; font-size: 145%; margin-top: -8px;}
#content .contentContainer				{ height: 100%; width: 804px; background: transparent url(../gfx/siteBg.gif) 0 0 repeat-y; }
	.info #content .contentContainer{ width: 814px; background: transparent url(../gfx/siteBgInfo.gif) 0 0 repeat-y; }
	.noSide #content .contentContainer{ background: transparent url(../gfx/siteBgNoSide.gif) 0 0 repeat-y; }
#content .path										{ padding: 5px 0 0 90px; color: #847872; }
#content .path a									{ color: #847872; text-decoration: underline; }
#content .path a:hover						{ color: #d82d3c; }
#content .article									{ float: left; width: 343px; padding: 30px 20px 0 90px; }
	.info #content .article					{ width: 523px; padding: 20px 20px 0 90px; }
	.noSide #content .article				{ width: 510px; }
#content .article	.intro					{ margin: 0 0 20px 0; font-weight: bold; font-size: 120%; line-height: 130%; }
#content .article	.intro ol,
#content .article	.intro ul				{ margin: 5px 0; padding: 0 0 0 20px; }
#content .article .body						{ margin: 0 0 20px 0; }
#content .article .body ol				{ list-style-position: outside; margin: -10px 0 0 20px; }
#content .article .body ul				{ margin: 0 0 0 15px; }
#content .article .body li ul			{ margin: 0 0 0 15px; }
html>body #content .article .body ol	{ list-style-position: outside; margin: -10px 0 0 -20px; }
#content .article .body .p				{ margin: 20px 0 0 0; }
#content .article .body .p img		{ float: left; display: block; margin: 0 10px 10px 0; }
#content .article li a						{ color: #d82d3c; }
#content .article li a:hover			{ text-decoration: underline; }
#content .article .body h3				{ font-weight: bold; margin: 15px 0 5px 0; }
#content .article .body address		{ display: block; background: transparent url(../gfx/redBullit.gif) no-repeat 2px 11px; padding: 5px 0 5px 10px; margin: 0 10px 0 0; font-style: normal; }
#content .article .body address a	{ color: #000; }
#content .article .newsItem				{ margin: 0 0 20px 0; }
#content .article .newsItem	h3		{ margin: 0; font-size: 100%; font-weight: bold; text-transform: uppercase; }
#content .article .newsItem	h3 a  { color: #000; text-decoration: none;}
#content .article .newsItem	h3 a:hover  { color: #d82d3c; text-decoration: underline;}
#content .article .newsItem p				{ margin: 0 0 0px 0; }

#content .article .anchors				{ margin: 0 0 30px 15px; }
#content .article .anchors li			{ margin: 0; color: #d82d3c; }
#content .toTop								    { border-bottom: 1px solid #847872; margin: 10px 0px 30px 0px;}
#content .toTop	a							    { background: url(../gfx/backToTop.gif) no-repeat 0px 0px; height: 15px; width: 21px; display: block; float: right; cursor: hand; margin: -15px -3px 0 0;}
#content .toTop a:hover					  { text-decoration: none; }
#content .footer									{ margin: 20px 0 30px 0; color: #847872; }
#content .footer a								{ color: #847872; text-decoration: underline; }
#content .footer a:hover					{ color: #d82d3c; }
#content .readOn									{ font-weight: bold; color: #d82d3c; display: block; }
html>body #content .readOn				{ color: #d82d3c; }
#content .readOn:hover            { color: #d82d3c;}

#content #sidebar									{ width: 161px; color: #d82d3c; background: #0098C7; float: left; position: relative; }
html>body #content #sidebar				{ background: #0098c7; }
#content #sidebar a								{ text-decoration: underline; }
#content #sidebar a:hover					{ color: #d82d3c !important; }
#content #sidebar h3							{ font-size: 90%; margin: 0; color: #fff; text-transform: uppercase; padding: 0 0 0 10px; height: 27px; line-height: 27px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
#content #sidebar ul							{ margin: 0 0 25px 25px; }
#content #sidebar li							{ padding: 4px 0 4px 0;}

#content #sidebar .poll						{ margin: 0 0 0 10px; color: #fff; }
#content #sidebar .poll	a					{ text-decoration: none; color: #fff; }
#content #sidebar .poll	a:hover		{ text-decoration: underline; color: #d82d3c; }
#content #sidebar .poll	h4				{ margin: 15px 0 10px 0; font-weight: normal; font-style: italic; font-size: 110%; }
#content #sidebar .poll label			{ margin: 0 0 7px 0; display: block; float: left; width: 120px; line-height: 120%; }
#content #sidebar .poll form			{ margin: 0; }
#content #sidebar .poll input			{ margin: 0; width: auto; margin: 0 5px 0 0; }
#content #sidebar .poll fieldset	{ margin: 7px 0 10px 0; }
#content #sidebar .poll .voteBtn	{ float: right; }
#content #sidebar .poll .resultTable { border: 1px solid #fff; width: 100%; }
#content #sidebar .poll .bgResult	{ background: #d82d3c; }
#content #sidebar .poll .pollLabel { display: block; margin: 0 0 5px 0; }

/* END: Content containers */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* additional page elements */

#quickLinks												{ display: none; }

#special													{ background: #fff; color: #d82d3c; width: 179px; position: absolute; top: 65px; left: 778px; }
#special a												{ font-weight: bold; }
#special h3												{ padding: 0 10px 0 10px; line-height: 140%; font-size: 120%; font-weight: bold; }
#special img											{ margin: 0 0 10px 0; }
#special .body										{ padding: 0 10px 0 10px; }
#special .readOn									{ color: #d82d3c !important; margin: -10px 0 0 0; }
#special .rTop										{ position: absolute; top: -11px; }
#special .rRight									{ position: absolute; top: 61px; left: 179px; }
#special .body p									{ margin: 0 0 0px 0; }


#searchResults .searchAgain																		{ position: relative; height: 40px; }
#searchResults .searchAgain label															{ color: #D82D3C; font-weight: bold !important; }
#searchResults .searchAgain select 														{ display: block; width: 200px; font-weight: normal !important; }
#searchResults .searchAgain select.replaced 									{ display: none; }
#searchResults .searchAgain ul.selectReplacement 							{ background: transparent url(../gfx/filterSelect.gif) 0 0 no-repeat; font-weight: normal; margin: 0; padding: 0; height: 20px; width: 254px; position: relative; top: 5px; }
#searchResults .searchAgain ul.selectReplacement li 					{ background: #fff; color: #D82D3C; cursor: pointer; display: none; font-size: 11px; line-height: 1.7em; list-style: none; margin: 0; padding: 1px 6px; width: 240px; text-align: left; }
#searchResults .searchAgain ul.selectOpen											{ border-top: 1px solid #D82D3C; position: absolute; top: 21px; left: 0; }
#searchResults .searchAgain ul.selectOpen li 									{ border: 1px solid #D82D3C; border-top: none; display: block; color: #D82D3C; }
#searchResults .searchAgain ul.selectReplacement li.selected 	{ background: transparent; display: block; }
#searchResults .searchAgain ul.selectOpen li.selected 				{ background: #D82D3C; color: #fff; display: block; }
#searchResults .searchAgain ul.selectOpen li:hover,
#searchResults .searchAgain ul.selectOpen li.hover,
#searchResults .searchAgain ul.selectOpen li.selected:hover 	{ background: #D82D3C; color: #fff; }
#searchResults .searchAgain .button														{ border: none; background: transparent; color: #D82D3C; font-size: 12px; font-weight: bold; position: absolute; top:23px; left: 255px; }

#searchResults .pagination a:link 				{ text-decoration: underline; color: #000; }
#searchResults .pagination a:visited 			{ text-decoration: underline; color: #000; }
#searchResults .pagination a:hover 				{ text-decoration: underline; font-weight: bold; color: #D82D3C; }
#searchResults .pagination a:active 			{ text-decoration: underline; font-weight: bold; color: #D82D3C; }
#searchResults .pagination .active a 			{ text-decoration: none; font-weight: bold; color: #002b3e; }
#searchResults .pagination            		{ margin: 3em 0;  }
#searchResults .pagination p          		{ margin: 0; padding: 0 0 0.1em 0; }
#searchResults .pagination ul         		{ margin: 0; border-top: 1px solid #0098C7; padding: 0.3em 0 0 0; list-style-position: inside; }
#searchResults .pagination ul li      		{ display: inline; margin: 0; padding: 0; font-size: 0.9em; }

#searchResults .results										{ color: #000; font-weight: bold; }
#searchResults .results li span						{ font-weight: normal; }
#searchResults .results li a:hover span		{ color: #D82D3C; }

/* END: additional page elements */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* General form rules  [WARNING! low specificity!] */

form                { width: 100%; }
form fieldset       { }
form a              {font-weight: bold;}

.label              { float: left; width: 35%; }
.required           { background: transparent url(../gfx/required.gif) 0 0 no-repeat; padding: 0 0 0 10px !important; left: -10px; position: relative; }

.text               { float: left; width: 65%; }
.text input         { width: 100%; }

.password           { float: left; width: 65%; }
.password input     { width: 100%; }


/* text type variants */
.zipcode            { float: left; width: 20%; }
.city               { float: left; width: 30%; }
.day                { float: left; width: 15%; }
.month              { float: left; width: 15%; }
.year               { float: left; width: 20%; }
  
.radio              { float: left; width: 65%; }
.radio input        { display: inline; width: auto; } 

.checkbox           { float: left; width: 65%; }
.checkbox input     { display: inline; width: auto; }

.select             { float: left; width: 65%; }
.select option      { width: 100%; }

.textarea           { float: left; width: 65%; }
.textarea textarea  { width: 100%; }

.message            { float: left; width: 100%; font: normal normal 1em sans-serif; }
.submessage         { float: right; width: 65%; font: normal normal 1em sans-serif; }

.failed             { float: left; width: 100%; font: normal bold 1em/1.6 sans-serif; color: #ffba00; }
.submessage         { float: right; width: 65%; font: normal normal 1em/1.6 sans-serif; }
.errormessage       { float: left; display: none; color: #ab011e; }
.error .errormessage{ display: inline; }
.error input        { border: 1px solid #ab011e; }
.error fieldset     { border: 1px solid #ab011e; }
.button             { float: left; }
.button input       { width: auto; text-align: center; }


/* DS: from Oranjewoud HMVT stylesheet */
.labelField 				{ float: left; padding: 0 0 0 10px !important; left: -10px; position: relative; width: 220px; margin: 5px 0 5px 0; }
.fullField 					{ float: left; padding: 0px; width: 224px; background: #fff; margin: 5px 0 5px 0; }
.oneThirdField 			{ float: left;  padding: 0px; margin-right: 5px; width: 70px; background: #fff; }
.twoThirdsField 		{ float: left; padding: 0px; width: 132px; background: #fff; margin-right: 5px; }
.dayField  					{ float: left; padding: 0px; margin-right: 5px; width: 50px; background: #fff; }
.monthField  				{ float: left; padding: 0px; margin-right: 5px; width: 50px; background: #fff; }
.yearField  				{ float: left; width: 90px; background: #fff; }

.generalform input, .basic form select { border: 0px; padding-left: 0.4em; width: 100%; height: 16px; font-size: 100%; }
.generalform textarea 					{ border: none; background: #fff; font: normal 100% Arial, Helvetica, sans-serif; width: 100%; }
.generalform .selectbox 				{ width: 224px; border: 0px; height: 16px; margin: 0px; padding: 0px; }
.generalform select option 			{ padding: 0.1em 0; }
.generalform label 							{ background: transparent; }
.generalform .button 						{ float: left; width: auto; }
.generalform .button input 			{ border: 0px; height: 21px; text-align: center; background: #d82d3c; color: #fff; cursor: pointer; font-weight: bold; }
.generalform .button .attention { border-bottom: 1px solid white; width: 100%; }

.generalform .radio,
.generalform .checkbox,
.generalform .select,
.generalform .textarea					{ float: none; }

.generalform .noStyle 					{ text-align: left; background: transparent; border: 0px; }
.generalform .noStyle input, .generalform .noStyle label { display: inline; width: auto; background: transparent; }
.generalform .datumVeld					{ background-color: #fff !important; }
.generalform input[type=file]		{ border: 0; width: 100%; }
.generalform input[type=radio] 	{  margin: 2px; padding: 0; width: auto; height: auto; line-height: auto; background: White; }
.generalform input[type=checkbox]{ margin: 2px; width: auto; height: auto; line-height: auto; background: transparent; }
.generalform input[type=hidden]	{ display: none; }

.generalform p									{ color: #fff; }
.generalform form 							{ padding: 10px 0px 10px 10px; width: 95%; margin: 0px; color: #fff; background-color: #0098C7; }
	.reg .generalform form 				{ background-color: #FEBD37; color: #000; }
	html>.reg .generalform form 	{ background: #FEC341; }
  .intranet .generalform form 	{ background-color: #A9A19A; }

.generalform fieldset						{ margin: 0; padding:0; border: 0; }
.generalform .submitVersturen		{ width: auto; color: #fff; }
/* /DS: from Oranjewoud HMVT stylesheet */


/* END: General form rules  */
/* --------------------------------------------------------------------------- */


#searchFilterForm                    {margin: 0px 0px 20px 0px; }
#searchFilterForm .fieldRow          {float: left; margin-right: 10px; width: 30%;}
#searchFilterForm .label             {float: none; color: #D82D3C; font-weight: bold; margin-bottom: 3px; width: 150px;}
#searchFilterForm .text              {}
#searchFilterForm .text input        {border: 1px solid #D82D3C; width: 150px;}
#searchFilterForm select             {border: 1px solid #D82D3C; width: 150px;}


/* --------------------------------------------------------------------------- */
/* START: Mark styles  */

.article .previewcell .editbutton,
.article .editContainer						  { margin: 0 0 0 130px; border: 0; display: block; cursor: hand; }
#leftSideContainer .editContainer   {margin: 20px 0px 10px 0px; width: 200px; height: 20px;}

/* END: Mark styles  */
/* --------------------------------------------------------------------------- */




/* EOF */
