﻿body { color: #2e2e2e;}

a { color: #898786; text-decoration: underline }
a:hover { color: #898786; text-decoration: underline }

h1 { color: #141215 }
h2 { }
h3 { color: #141215; }

.fixedSpace { background: url(Images/logo_bq.gif) 0 10px no-repeat; }

#topNavContainer { background: url(Images/bg_nav.gif) repeat-x; }
	#siteRadMenu li a { color: #51004f; }		
			#siteRadMenu li:hover, #siteRadMenu li.sfhover, #siteRadMenu li.rmFocused  { background: #c0739d; }
			
			div.bg, 
ul.newsList li.bg,
ul.expandableList li.bg { background: #f2f2f2 }
		#componentsContainer td .component h2, 
		#componentsContainer td .componentlist h2 { color: #2e2e2e; }
		#componentsContainer td .component a { color: #2e2e2e; background: url(Images/bg_arrow.gif) right no-repeat;  }			
		#componentsContainer td .component a:hover { color: #898786; background: url(Images/bg_arrow_over.gif) right no-repeat; }							
		#componentsContainer td .component .bg.list { background: url(Images/bg_list.gif) no-repeat; }
		#componentsContainer td .component .txt ul li { height: 22px; color: #51004f; }	
			#componentsContainer td .component .txt ul li { height: 22px; color: #51004f; }
			#componentsContainer td .component .txt ul li.payoff { padding-top: 10px; position: relative; left: -22px; margin-right: -22px;}
					
		#Main .content { background: #f2f2f2; }			
			#breadcrumb { color: #2e2e2e; margin-top: 15px; }
				#breadcrumb a { color: #898786; text-decoration: none }
		#Main .colRight { width: 210px; color: #64004a; }	
			.colRight h2 { background: #cb5c8f; color: #fff;  }
			.colRight strong { background: #cb5c8f; color: #fff; }			
				.colRight .component .txt.colored { background: #f9ebf4; }
				.colRight .component input.general {  border: 1px solid #64004a; background: #f3f4d9; }	
				.colRight .component .txt ul li { background: #f6e0ee; }
					.colRight .component .txt ul li.alt { background: #fcf5f9 }
				.colRight .component .txt ul.pijltjesLijst { padding-top: 0; margin-top: 0 }
					.colRight .component .txt ul.pijltjesLijst li { background-color: #fff; }
						.colRight .component .txt ul.pijltjesLijst li { background: url(Images/li_arrow.gif) 0 6px no-repeat; float: none; padding-left: 10px; color: #2e2e2e; }
							.colRight .component .txt ul.pijltjesLijst li a { float: none; color: #2e2e2e; text-decoration: none}
							.colRight .component .txt ul.pijltjesLijst li a:hover { color: #2e2e2e; text-decoration: underline}
							.colRight .component .txt ul.pijltjesLijst li a:visited { color: #2e2e2e; }
				
				.colRight .component.login { height: 180px}
					.colRight .component.login .txt { width: 170px; padding-top: 32px; padding-left: 20px;}
						.colRight .component.login .txt input { float: left; width: 150px;  margin-bottom: 3px}
						.colRight .component.login .txt a { clear: both; float: none; text-decoration: none; font-weight: bold; }
							.colRight .component.login .txt a:hover { text-decoration: underline}
						.colRight .component.login .txt .loginForm { text-align:left; }
					.colRight .component.login .txt span { float: left; padding-left: 5px}
												
						.colRight .component.login .txt input.loginSubmit { float: right; margin-bottom: 15px; border: 0; cursor: pointer; background: transparent url(Images/btn_login.gif); width: 35px; height: 35px; }					
						.colRight .component.login .txt input.loginSubmit:hover, 
						.colRight .component.login .txt input.loginSubmit.sfhover { background: transparent url(Images/btn_login_on.gif); }
						
					.colRight .component.login h3 { color: #2e2e2e }
						.colRight .component.login h3.lowercase { text-transform: lowercase; margin-bottom: 10px;}

.home .colRight .component.login { height: 223px; }			

/* forms */

.formContainer { background: url(Images/bg_form.gif) repeat-y; }			
	
#Main a.arrow,
#componentsContainer td .component a,
a.backLeft,
a.back.left,
.postTags a { background-image: url(Images/bg_arrow.gif); color: #2e2e2e; }

	.readMore a,
 	.newsAuthor a,
	.postCategory a,
	.postTags a { color: #2e2e2e; background-image: url(Images/bg_arrow.gif)}
	
	.readMore a:hover,
	.newsAuthor a:hover,
	.postCategory a:hover,
	a.back.left:hover,
	.postTags a:hover {color: #898786 }

.formContainer input, .formContainer textarea { border-color: #2e2e2e;  } 
#componentsContainer td .component a:hover	{ background-image: url(Images/bg_arrow_over.gif); }
	
#Main a.form.arrow {padding-left: 3px; padding-right: 20px; background-image: url(Images/bg_arrow_form.gif);background-color: #C0739D !important; color: #FFFFFF !important;}	

 

.sf_createNewItem input[type="submit"] { background: transparent; border: none; color: #898786; text-decoration: underline; line-height: 12px; position: relative; padding: 5px 0 0 0; cursor: pointer;}

table.sf_libraryGrid {background: #faf9f8}
.sf_libraryGrid .sf_docTitle { border: none; font-size: 12px; color: #141215; text-decoration: none; width: 90%; }
	.sf_libraryGrid .sf_docTitle a { font-size: 15px; color: #141215; text-decoration: none }
	.sf_libraryGrid .sf_docTitle a:hover { text-decoration: underline }
.sf_libraryGrid td.sf_downloadType { border: none; text-align: center !important; }
	.sf_libraryGrid td.sf_downloadType a { font-size: 10px;}
	.sf_libraryGrid td.sf_downloadType img { margin: 0 auto;}
	.sf_libraryGrid td img { display: block }
tr.sf_altDownloadRowBG { background: #fff } 

		
/* colors components*/

.txt .lbl_light p { background: #cfc8be;}
.txt .lbl_mid p { background: #898786;}
.txt .lbl_dark p { background: #5e5e61;}	
.txt .lbl_pink p { background: #C0739D;}


.txt .txt_light p { color: #cfc8be;}
.txt .txt_mid p { color: #898786;}
.txt .txt_dark p { color: #5e5e61;}	
.txt .txt_pink p { color: #C0739D;}	
