td, div { font-family: Helvetica, Arial, sans-serif;  }
body { margin: 0; padding: 0; color: #7a6a49; font-size: 12px; text-align: left; background: url(Images/bg.gif);}
form { display: inline; }
table, img, div { border: 0; }

a { color: #7a6a49; text-decoration: underline }
a:hover { color: #7a6a49; text-decoration: underline }

h1 { font-size: 15px; margin: 0 0 10px 0; color: #7A6A49 }
h2 { font-size: 11px; margin: 0; }
h2.newsTitle { margin-bottom: 5px; }
h3 { font-size: 11px; margin: 0; color: #c97f3e; font-weight: normal }

hr { display: none; }
div.hr { clear: both; background: url(Images/bg_dots.gif) repeat-x; height: 2px; }

.clear { clear: both;  }
fieldset { border: none; padding: 0; margin: 0;}


#skeleton { margin: 0 auto; width: 960px;  }
	#Header { height: 99px; padding-top: 8px; }
		#logo { width: 557px; height: 92px; background: url(Images/logo_qotr.gif) no-repeat; }
		.logoPrint { display: none;  }
	#topNavContainer { height: 49px; background: url(Images/bg_nav.gif) repeat-x; padding-left: 38px; }
		#TopNavigation { float: left;  }	
		#siteRadMenu li a { color: #51004f; }		
				#siteRadMenu li:hover, #siteRadMenu li.sfhover, #siteRadMenu li.rmFocused  { background: #c0739d; }		
			
		#siteSubRadMenu { text-align: center; margin-left: 10px;}
			#siteSubRadMenu li a { color: #f6f5e1; }
		#Search { float: right; background: #fff; height: 39px; width: 192px; margin-right: 46px; padding: 10px 0 0 10px; }
		/*\*/ * html #Search { margin-top: -29px; margin-right: 25px; } /**/
		
			#Search label { display: none }
			#Search input.searchText { float: left; width: 139px; border: 1px solid #695835; background: #f3f4d9; margin: 8px 9px 0 0; }
			#Search input.searchSubmit { border: none; cursor: pointer; float: left; background: transparent url(Images/btn_zoek.gif); width: 35px; height: 35px; }
			#Search input.searchSubmit:hover, 
			#Search input.searchSubmit.sfhover { background: transparent url(Images/btn_zoek_on.gif); }
			#Search .searchBox { margin: 0;	padding: 0;	border: 0; }
	#Main { background: #fff; padding: 10px 37px 10px 38px; overflow: hidden; line-height: 16px; }
		#breadcrumb { color: #7a6a49; margin-top: 15px; font-size: 11px;}
			#breadcrumb a { color: #d2be7d; text-decoration: none; font-size: 11px; }
		#Main .colLeft, 
		#Main .colRight { float: left; width: 653px; margin-bottom: -1000px; padding-bottom: 1000px; }
		#Main .colLeft { padding-right: 21px; padding-top: 40px; }			
			#Main .colLeft.noTop { margin-top: 0; padding-top: 0;}
			.flash { margin-bottom: 10px; }			
			#Main .content { background: #fbfcf3; padding: 19px; margin-top: 20px;}
			#Main .contentNoBg { background: none; margin-top: 20px; padding: 0; }
				
			
			#Main .BranchFilter { background: #cfc8be; padding:6x; } 
				#Main .BranchFilter table { width: 100%; }
				#Main .BranchFilter table td { width: 33%}
				#Main .BranchFilter table label { position:absolute; /*text-transform: uppercase;*/ color: #141215; padding-left: 5px; width: 210px;}
				#Main .BranchFilter table input[type="checkbox"] { /*border: 2px solid #650360; outline: 2px solid #650360; width:14px;height:14px;*/ background:#650360; outline: 2px solid #650360; border-right: 1px solid transparent; border-bottom: 1px solid transparent;}
				
				
				
			
				#Main .content p { margin-top: 0;}
				#Main a.arrow { font-size: 12px; line-height: 22px; color: #695835; background: url(Images/bg_arrow.gif) right no-repeat; padding-right: 17px; }			
				#componentsContainer { width: 100%; }
					#componentsContainer td { vertical-align: top; text-align: -moz-center; text-align: center}
						#componentsContainer td .component, 
						#componentsContainer td .componentlist { width: 205px; clear: both; text-align: left; }
						#componentsContainer td .component { clear: both; margin-bottom: 25px;}			
							#componentsContainer td .component h2, 
							#componentsContainer td .componentlist h2 { clear: both; color: #d2be7d; }
							#componentsContainer td .component .bg { height: 205px; padding: 0; cursor: pointer}
							#componentsContainer td .component .bg.list { background: url(Images/bg_list.gif) no-repeat; height: 205px; }
							#componentsContainer td .component a { float: right; position: relative; line-height: 22px; color: #695835; background: url(Images/bg_arrow.gif) right no-repeat; padding-right: 17px; text-decoration: none }			
							#componentsContainer td .component a:hover { background: url(Images/bg_arrow_over.gif) right no-repeat; text-decoration: none }			
							#componentsContainer td .component .txt { position: absolute; height: 205px; margin-top: -205px; text-align: left; font-size: 17px; cursor: pointer}
								#componentsContainer td .component .txt td { vertical-align: bottom; padding-bottom: 11px; text-align: left; font-size: 17px; line-height: 20px;  }								
								#componentsContainer td .component .txt p { display: inline; padding: 2px 7px; font-size: 17px;}
								
								#componentsContainer td .component .txt ul { list-style: none; padding: 0; width: 165px; margin-top: 0; margin-left: 32px; text-transform: lowercase }
									#componentsContainer td .component .txt ul li { clear: both; list-style-image: none; height: 35px; padding: 0; margin: 0; padding-top: 6px; color: #4b2200; font-size: 11px; line-height: normal}		
									
			#Main .colRight { width: 210px; color: #64004a; font-size: 11px;}	
			.colRight #componentsContainer div:first-child { background: none;}
			
				.fixedSpace { height: 70px; background: url(Images/logo.gif) 0 10px no-repeat; }
				.colRight h2 { background: #c95d8e; color: #fff;}
				.colRight strong { background: #c95d8e; color: #fff; font-weight: normal; padding-left: 4px; padding-right: 4px; }
				.colRight .component { clear: both; background: url(Images/bg_dots.gif) repeat-x; padding-top: 2px; }	
				.colRight a { color: #64004a; text-decoration: underline }
				.colRight a:hover { color: #64004a; text-decoration: underline }
				
				/*.colRight #componentsContainer div:first-child { background: none;}*/
				
					.colRight .component .txt { clear: both; float: left; width: 197px; padding-bottom: 12px; margin-top: 6px }	                         		
					.colRight .component .txt.colored { background: #f9ebf4; width: 173px; padding: 0 12px 12px 12px; margin-bottom: 12px; }
					.colRight .component .float  { float: left; width: 40%; }				
					.colRight .component a  { float: right; margin-top: 5px; }
					.colRight .component .txt table a,
					.colRight .component .txt div a { clear: both; float: none }
					
				.colRight #componentsContainer td { text-align: left; }
					
				.colRight .component.login { background: url(Images/bg_login.gif) no-repeat !important; height: 160px; }
					
					
					.colRight input.general { clear: both; float: left; width: 149px; margin: 8px 9px 0 0; border: 1px solid #64004a; background: #f3f4d9; }
					.colRight input.emailSubmit { float: right; margin-bottom: 15px; border: 0; cursor: pointer; background: transparent url(Images/btn_zend.gif); width: 35px; height: 35px; }
					
					.colRight input.emailSubmit:hover, 
					.colRight input.emailSubmit.sfhover { background: transparent url(Images/btn_zend_on.gif); }
					
					.colRight .sf_emailValidation { clear: both; }				
					.colRight .component img.img { float: left; display: block; padding: 4px 6px 10px 0; }
					.colRight .component .txt ul { list-style: none; padding: 0; margin: 0; margin-top: 6px; vertical-align: top }
	#footer { clear: both; padding-top: 10px; }
		#footer .colLeft { float: left; width: 653px; padding-top: 20px; }
		#footer a { text-decoration: none; }
		#footer a:hover { text-decoration: underline}
			#footer .colLeft a { font-size: 10px; color: #999; margin-right: 15px;}
		#footer .colRight { float: left; width: 210px; padding-top: 20px; }
			#footer .colRight a { font-size: 10px; color: #999; margin-right: 15px;}
		


/* uppercase */

#componentsContainer td .component .txt,
.colRight h2, h3 { text-transform: uppercase; }

/* colors components*/

.txt .lbl_white p { background: #fff;}
.txt .lbl_light p { background: #f6f5e1;}
.txt .lbl_mid p { background: #d2be7d;}
.txt .lbl_dark p { background: #7a6a49;}

.txt .txt_white p { color: #fff;}
.txt .txt_light p { color: #f6f5e1;}
.txt .txt_mid p { color: #d2be7d;}
.txt .txt_dark p { color: #7a6a49;}

/* news */

ul.newsList { margin: 0; padding: 0;}
	ul.newsList p { margin: 0; }
	ul.newsList li { list-style-type: none; list-style-image: none; margin: 0; padding: 0 15px 15px 15px; }
	ul.newsList li.bg { background: #fbfcf3;}
		h2.newsTitle a, 
		h2.newsTitle { clear: both; color: #000; font-size: 17px; font-weight: normal; margin: 0; padding: 0; line-height: normal;text-decoration: none }
		ul.newsList h2.newsTitle { margin-bottom: 5px; padding-top: 15px; }
	ul.newsList .hr { clear: both; margin-bottom: 5px; }
	.newsThumbnail { float: left; padding: 3px 10px 10px 0;}
	.newsThumbnailRight { float: right; padding: 3px 0 10px 10px; }
	
	.readMore { text-align: right}
	.readMore a,
	a.back, 
	a.backLeft {font-size: 11px; line-height: 22px; color: #695835; background: url(Images/bg_arrow.gif) right no-repeat; padding-right: 17px;text-decoration: none }	
	a.back { float: right;text-decoration: none }
	a.left { float: left;text-decoration: none }	
	.newsAuthor a,
	.postCategory a,
	.postTags a { clear: both; float: right; font-size: 11px; line-height: 22px; color: #695835; background: url(Images/bg_arrow.gif) right no-repeat; padding-right: 17px; text-decoration: none }
	.readMore a:hover,
	.newsAuthor a:hover,
	.postCategory a:hover,
	.postTags a:hover {color: #695835;  }
	
	.postBookmark { clear: both }

/* FAQ */
ul.expandableList { margin: 0; padding: 0;}
	ul.expandableList li { list-style-type: none; list-style-image: none; margin: 0; padding:10px;  }
	ul.expandableList li.bg { background: #fbfcf3;}
	ul.expandableList h2.newsTitle a, 
	ul.expandableList h2.newsTitleexp a,
	ul.expandableList h2.newsTitle,
	ul.expandableList h2.newsTitleexp { clear: both; color: #000; font-size: 17px; font-weight: normal; margin: 0; padding: 0; line-height: normal }


.faq ul { padding:0; margin: 10px auto 15px 15px; }
	.faq li { list-style-type: none; margin: 0; padding:0; }
ul.expandableList, p.readMore {clear: both; }
	
/* search results */	
	
dd { margin: 0; padding: 0; }
	div.bg { background: #fbfcf3; margin: 0; padding: 15px;}	
	div.noBg { margin: 0; padding: 15px; }
		
		dt h2.newsTitle { margin-bottom: 5px; }
		
/* poll */

.PollBox .pollCommands,
.PollBox .pollCommands p { padding: 0; margin: 0; }
	.PollBox .pollButton input.emailSubmit { clear: both; margin-right: 0; margin-bottom: 0; margin-top: 5px;}
	.PollBox .pollResults { color: #c95d8e; padding: 0; margin: 0; }
	.PollBox fieldset { margin-top: 12px; }
	.pollButton,
	.pollResults a { margin: 0; padding-top:0;text-decoration: none }
	.PollBox ol  { margin: 0; padding:0; }
		.PollBox li { list-style-type: none; margin: 0; padding:0; padding: 6px; }
		.odd { background-color: #f6e0ee !important; }
		.even { background-color: #fcf5f9 !important }
	.PollBox .pollGraph {float: left; height: 15px; width: 90px; background-color: #F6E0EE; border: solid 1px #74195C; }
	.PollBox .pollAnsw {clear: both; float: left; width: 65px;  }
	.PollBox .pollPercentage {float: right;  }
	.pollVoteInfo {clear: both; margin: 0; }
	.PollBox .component .txt .pollCount {height: 100%;}
	
/* Blog */
select.blog, select.blog option {font-size:13px;height:23px;}
select.blog {border:solid 1px #C95D8E;}


/* forms */

.formContainer { padding: 15px; background: url(Images/bg_form.gif) repeat-y; }
	.formContainer label { clear: both; float: left; width: 210px; line-height: 35px; }
	.formContainer div { vertical-align: top; }
	.formContainer input, .formContainer textarea, .formContainer select { border: 1px solid #797538; margin:10px 3px 10px 0; width: 180px; }
	.formContainer select {width: 183px; }
	.formContainer input[type="checkbox"] {	border-style: none;	margin: 10px 0;	width: 20px;}
	.loginErrorMessages { color: #C0739D !important;  }	
	
	
.form { margin-left:15px; margin-bottom: 10px; }
.arrow.form { clear: both; float: right; margin-top: 10px; position: relative; text-decoration: none; }



/* home */

.home .fixedSpace { margin-top: 16px; }
.home * { font-size: 11px }

.watermarked_usn
{
	color: White; 
	font-family: Tahoma;
	font-size: 11px; 
	border: solid 1px #a9a9a9;
	text-indent:2px; 
	vertical-align:middle;
	text-align:right; 
	background-image:url(Images/watermerk_usn.gif);
	background-repeat:no-repeat; 
}

.watermarked_psw
{
	color: White; 
	font-family: Tahoma;
	font-size: 11px; 
	border: solid 1px #a9a9a9;
	text-indent:2px; 
	vertical-align:middle;
	text-align:right; 
	background-image:url(Images/watermerk_pwd.gif);
	background-repeat:no-repeat; 
}