@font-face { 
	font-family: 'Gill Sans Std'; 
	src: url(GillSansStd-Light.eot);
	src: local('Gill Sans Std'), url(GillSansStd-Light.ttf) format("truetype"); 
}
html, head {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	background-attachment: fixed;
}

body{
	text-align: center;
	font-family: Verdana, "sans serif";
	font-size: 11px;
	color: #000;
	padding: 1px 0px 60px 0px;
	clear: both;
}

fieldset{
	border:0;
	margin:0;
	padding:0;
}

a{ 
	color: #9FB13B; 
	text-decoration: none;
}
a:hover{ 
	color: #9FB13B; 
	text-decoration: underline;
}
a:active{ 
	color: #9FB13B; 
	text-decoration: none;
}
a:visited{ 
	color: #9FB13B; 
	text-decoration: none;
}

td, th{	padding: 3px; }

ul, ol, li{
	font-size: 11px;
	color: #000;
}

.clearFloat{ clear: both; }

div.gridSidebarColumn{
	width: 230px;
	margin: 0px 0px 0px 0px;
	float: left;
	position: relative;
	overflow: hidden;
	right: 230px;
	padding: 0px;
}

div.gridColumn{
	width: 223px;
	margin: 0px 0px 10px 0px;
	float: left;
	padding: 0px;
}

div.grid2Column{
	width: 440px;
	margin: 0px 0px 10px 0px;
	float: left;
	padding: 0px;
}

div.grid112Column{
	width: 350px;
	margin: 0px 0px 10px 0px;
	float: left;
	padding: 0px;
}

div.grid3Column{
	width: 700px;
	margin: 0px 0px 10px 0px;
	float: left;
	padding: 0px;
	overflow: hidden;
}

div.grid4Column{
	width: 958px;
	margin: 0px;
	float: left;
	padding: 0px;
}

.grid3Column .grid2Column{ margin:0px; }
.grid3Column .grid3Column{ margin:0px; }

div#content{
	background-color: #fff;
	width: 958px;		
	margin:	15px auto 50px auto;
	padding: 0px;
	overflow: hidden;
	text-align: left;
	font-size: 11px;
	color: #000;
	border: 1px #ccc solid;
}

div.pageContainer{
	float:left;
	width:100%;
	position:relative;
	left: 230px;
	border-left: 1px #ddd solid;
	background-color: #fff;
}

div.upperPageContainer{
	clear:left;
	float:left;
	width:100%;
	position: relative;
	overflow: hidden;
	background:#eee; /* column 2 background colour */
}

div#pageHeader{
	font-family: 			arial, verdana, helveica, "sans serif";
	padding:				0px;
}
div#siteLogo{
	float:					left;
	margin:					0px 0px 0px 0px;
	padding:				0px;
	z-index: 10;
}
div#crumbtrail{
	float:					left;
	width:					300px;
	text-align:				left;
	height:					50px;
	font-size:				11px;
	color: 					#777;
}
div#sitePersonal{
	float:					right;
	padding:				10px 20px 10px 20px;
	width:					280px;
	text-align:				right;
	font-size: 				11px;
	clear: 					right;
	color:					#777;
}

div#siteSearch{
	float:					right;
	padding:				0px 20px 15px 20px;
	margin:					0px 0px 4px 0px;
	width:					280px;
	text-align:				center;
	font-size: 				11px;
	text-align: 			right;
	clear: 					right;
	background-color: 		#fff;
	text-decoration: none;
	font-family: Century Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform:lowercase;
	font-size: 13px;
	color: #777;
}
#siteSearch #topSearch{
	font-size:12px;
	padding:4px;
	margin:0px 5px;
	width:180px;
	display:inline-block;
	border: 1px #ddd solid;
	color: #777;
}
#siteSearch #searchBtn{
	height:18px;
	vertical-align: -4px;
}

div#navbar{
	float:					right;
	clear: 					right;
	padding:0px;
	background-color: #fff;
	width: 780px;
}
div#navbarMain{
	float: left;
}
div#navbarExtra{
	float: right;
}

div#navbar div.tab{
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	font-family: arial, sans-serif;
	cursor: pointer;
	height: 17px;
	overflow: hidden;
	border-left: 1px #222 solid;
}
div#navbar div.tab div{
	display: block;
	float: left;
	font-size: 13px;
	font-family: arial, sans-serif;
	padding: 0px;
}
div#navbar div.tab div.main{
	padding: 0px 15px 0px 15px;
	margin-top: 0px;
	color: #222; 
}
	
div#navbar div.tab div.main a{
	text-decoration: none;
	font-family: Century Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform:lowercase;
	font-size: 13px;
	color: #222;
}
div#navbar div.tab.selected,div#navbar div.tab.selected div.main a{ 
	color: #9FB13B; 
	text-decoration: none;
}
div#navbar div.tab div.main.hover,div#navbar div.tab div.main.hover a{ 
	color: #9FB13B; 
	text-decoration: none;
}

div#navbar div.tab.selected div.main{ 
	color: #9FB13B; 
	text-decoration: none;
}

#menu{
	font-family:			verdana,arial,helvetica,"sans serif";
	font-size:				11px;
	color:					#222;
	text-align: 			left;
	font-weight: 			normal;
	padding: 				10px 20px 10px 10px;
}
#menu p{
	font-family:			verdana,arial,helvetica,"sans serif";
	font-size:				18px;
	color:					#222;
	text-align: 			left;
	padding: 				0px 0px 5px 0px;
}
#menu ul, #menu .linkList{
	margin:					0px;
	padding:				0px;
	list-style:				none;
	border-bottom:			1px #ddd solid;
	display:				block;
	width: 100%;
}
#menu .sub ul, #menu .sub .linkList{
	margin:					0px;
	list-style:				none;
	border-bottom:			0px #ddd solid;
	display:				block;
	width: 100%;
}
#menu .sub .sub{
	margin-left: 20px;
	border-left:3px #eee solid;
}
#menu .sub .sub a, #menu .sub .sub li{
	padding-left: 8px;
}
#menu li, #menu a{
	font-size:				11px;
	font-weight:			normal;
	display:				block;
	margin: 				0px 0px 5px 0px;
	padding:				5px 5px 0px 20px;
	text-align:				left;
	cursor:					pointer;
	border-top:				1px #ddd solid;
	color:					#222;
	background:				url(img/bullet.png) no-repeat 0px 3px;
	text-decoration:		none;
}
#menu .sub li, #menu .sub a{ 
	color: #222;
	text-decoration: none;
	border:0px;
	background: none;
}
#menu li.selected, #menu a.selected{
	color: #9FB13B;
}
#menu .sub li.selected, #menu .sub a.selected{
	color:					#9FB13B;
	background: none;
}
#menu li:hover, #menu li.hover, #menu a:hover{ 
	color:					#9FB13B;
}
#menu .sub li:hover, #menu .sub li.hover, #menu .sub a:hover{ 
	background: none;
}
div#pageTitle{
	color:					#fff;
	background-color: 		#9FB13B;
	font-weight: 			normal;
	padding:				8px;
	margin: 10px 0px 0px 0px;
	font-family: Century Gothic, arial, sans serif;
	font-size: 28px;
	padding-left: 240px;
}
#pageText{ 
	padding: 0px 0px 0px 0px;
	float: left;
	position:relative;
	right: 230px;
}
#pageText.grid3Column{ 
	margin: 0px; 
	width: 726px; 
}

#innerPageText{
	border-top:				0;
	padding:				12px;
	font-size:				11px;
	font-family: Verdana, Arial, sans-serif;
	margin-bottom: 10px;
}
#innerPageText h1{
	margin:					10px 0px;
	padding:				0px;
	font-family: century Gothic, arial, sans serif;
	font-size: 14px;
}
#innerPageText h2{
	margin:					10px 0px;
	padding:				0px;
	font-family: century Gothic, arial, sans serif;
	font-size: 14px;
}
#innerPageText h3{
	margin:					10px 0px;
	padding:				0px;
	font-family: century Gothic, arial, sans serif;
	font-size: 14px;
	
}
.tabDiv{
	display:				none;
}

#footer{ 
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 10px 0px;
	background-color: #fff;
	border-top: 1px #ddd solid;
}
#footer div.scrollToTopBox{
	width:300px;
	float:left;
	padding:0px 10px;
}
#footerLogos{
	text-align:right;
	vertical-align:top;
	width:300px;
	float:right;
	padding:0px 10px;
}
#footerLogos img{
	border:0;
	text-align:right;
	height:30px;
}

.pButton{
	color: 				#9FB13B;
	font-weight: 		bold;
	border: 			1px #9FB13B solid;
	background-color: 	#fff;
	margin: 			2px 2px 2px 0px;
	padding: 			3px;
	cursor: 			pointer;
	font-size:			11px;
	display:			inline-block;
	font-family:		verdana, "sans serif";
}

a.pButton{	
	text-decoration: 	none;
	color: 				#9FB13B;
}

a.pButton:active, a.pButton:visited{ text-decoration:none; color:#9FB13B; }

.pButtonHover, a.pButton:hover{
	text-decoration: 	none;
	background-color: 	#9FB13B;
	color: #fff;
	background-image:	none;
}

.actionErrors{
	padding:6px 10px 6px 80px;
	border: 1px #B34040 solid;
	margin-bottom:10px;
	color: #B34040;
	background-image:url(img/errorBadge.png);
	background-repeat:no-repeat;
	background-position:2px 1px;
	background-color: #EFC9DD;
	cursor: pointer;
}

.actionErrors h1{
	font-family:Century Gothic, Arial, Helvetica, "sans serif";
	color: #B34040;
	font-weight:bold;
	margin:0px;
	background: url(img/icons/cross.png) transparent no-repeat top right;
}

.actionErrors p{
	font-family:Arial, Helvetica, "sans serif";
	font-size: 12px;
	color: #777;
	margin:0px 0px 5px 0px;
	padding: 0px;
}

.actionAlerts{
	padding:6px 10px 6px 80px;
	border: 1px #1F9841 solid;
	color:#fff;
	margin-bottom:10px;
	color: #093;
	background-image:url(img/infoBadge.png);
	background-repeat:no-repeat;
	background-position:2px 1px;
	background-color: #C4EEB7;
	cursor: pointer;
}

.actionAlerts h1{
	font-weight:bold;
	font-family:Century Gothic, Arial, Helvetica, "sans serif";
	color: #1F9841;
	margin:0px;
	background: url(img/icons/cross.png) transparent no-repeat top right;
}

.actionAlerts p{
	font-family:Arial, Helvetica, "sans serif";
	font-size: 12px;
	color: #777;
	margin:0px 0px 5px 0px;
	padding: 0px;
}

/** OWNER IS NOT ME BOX **/
.qOwner{
  font-size: 16px;
  font-weight:bold;
  color: #777;
  font-family: arial, verdana, "sans serif";
  margin-bottom:10px;
  border-bottom: 1px #eee solid;
  padding:5px 0px;
}

.qOwner img{
  margin-top:3px;
  margin-right: 6px;
}

.qOwner span{
  font-size: 11px;
  font-weight:normal;
  font-style:normal;
}

div.box{
	border: 0px;
	background-color: #fff;
	padding: 4px;
	font-family: Verdana, "sans serif";
	font-size: 11px;
}

div.boxHead{
	font-size: 13px;
	color: #222;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 4px 0px;
	font-family: Century Gothic, Verdana, Arial, "sans serif";
}

div.box .innerBox{
	margin: 0px 12px 12px 12px;
	padding: 0px;
	font-family: Verdana, "sans serif";
	font-size: 11px;
}


a.filmLink{
	display: block;
	padding: 4px 5px;
	margin: 0px 0px 5px 0px;
	cursor: pointer;
	text-decoration: none;
}
a.filmLink.unselected{
	color: #777;
}

div.box.special{
	background-color:		#fff;
}

div.box .innerBox p{ padding: 0px 0px 4px 0px; }
div.box .innerBox ul{ padding: 0px 0px 4px 16px; }

div.box .innerBox div.item{
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 5px 0px;
}
span.itemHead{
	font-size: 11px;
	padding:0px;
	margin:0px;
	font-weight: bold;
	display: block;
}

.resultOptions{ 
	padding: 0px; 
	margin:10px 0px;
}

.resultOption{
	color: 				#9FB13B;
	font-weight: 		bold;
	border: 			1px #9FB13B solid;
	background-color: 	#fff;
	margin: 			0px 2px 0px 0px;
	padding: 			4px;
	cursor: 			pointer;
	font-size:			11px;
	display:			inline-block;
	font-family:		verdana, "sans serif";
	height: 20px;
	float:left;
}

a.resultOption{ 
	text-decoration: none; 
}

a.resultOption:active, .resultOption a:active { text-decoration: none; }
a.resultOption:visited, .resultOption a:visited { text-decoration: none; }

.resultOption.optionPrint{ 
	background: url(img/icons/printer.png) no-repeat 6px 6px;
	padding: 8px 5px 1px 25px;
}

.resultOption.optionPDF{ 
	background: url(img/icons/document-pdf.png) no-repeat 6px 6px;
	padding: 8px 5px 1px 25px;
}

.resultOption.optionXLS{ 
	background: url(img/icons/document-excel.png) no-repeat 6px 6px;
	padding: 8px 5px 1px 25px;
}

.resultOption.optionXLS{ 
	background: url(img/icons/document-excel.png) no-repeat 6px 6px;
	padding: 8px 5px 1px 25px;
}

.resultOption.optionMail{ 
	background: url(img/icons/mail.png) no-repeat 6px 6px;
	padding: 4px 5px 4px 25px;
	height: 21px;
}

.resultOption a{ text-decoration: none; }
.resultOption input{ width: 140px; }

a.resultOption:hover{
	background-color: 	#9FB13B;
	color:				#fff;
}

a.block, span.block, div.block{
	font-size:				11px;
	font-weight:			normal;
	display:				inline-block;
	padding:				2px 5px 2px 20px;
	margin:					0px;
	cursor:					pointer;
	color:					#9FB13B;
	background:				url(img/bullet.png) no-repeat 0px 0px;
	text-decoration:		none;
}

a.block:active{ text-decoration:none; }
a.block:visited{ text-decoration:none; }
a.block:hover{ text-decoration:none; }

div#scrollToTop{
	display: none;
}

div#msgBox{
	background-color: #B9C4D8;	
	color: #000099;
	position: fixed;
	right:0px;
	top: 0px;
	width: 220px;
	padding: 3px 3px 10px 10px;
	display: none;
}
.errormsg{
	color:#D40000;
}

.floatBox{
	float: left;
}

.hijackbar{
	background-color: #EFC9DD;
	color: maroon;
	padding: 5px;
	line-height: 30px;
}

.hijackbar a{
	float: right;
	line-height: 18px;
}






.biggridcontainer{
	height:420px;
}
.biggrid{
	padding-top:40px;
	background-color:#eeeeee;
	background-image:url("http://loopbaanportaal.nl/themes/default/img/achtergrondzon.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	width:380px;
	height:380px;
	display:none;	
}

.smallgrid td{
	width:100px;
	height:50px;
	overflow:hidden;
}
.smallgridcontainer{
	height:280px;
}
.smallgrid{
	padding-top:20px;
	background-color:#eeeeee;
	background-image:url("http://loopbaanportaal.nl/themes/default/img/achtergrondzon.jpg");
	background-position:;
	background-position:center top;
	background-repeat:no-repeat;
	width:340px;
	height:380px;	
}

.biggrid td{
	width:100px;
	height:60px;
	overflow:hidden;
}
.centraal{
	color:#ff0000;
	display:none;
	text-align:center;
	font-weight:bold;
	font-size:36px;	
		width:100%;
}
.centraalsmall{
	color:#ff0000;
	text-align:center;
	font-weight:bold;
	font-size:24px;	
	width:100%;		
}

.site_intro{
	font-size:14px;
	font-weight:bold;
	margin:10px 0px;
}


.cms_widget_type{
	float: right;
	background-color: #eee;
	color:#777;
	border-left: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	border-radius:0px 7px 0px 7px;
	width:120px;
	padding: 4px 10px 6px;
	text-align:right;
}

.cms_widget_tabs{
	float: left;
	display:inline-block;
	padding: 0px;
	border-radius: 7px 0px 7px 0px;
	overflow: hidden;
	border-right: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	font-size:0px;
	margin-left:-1px;
}

a.cms_widget_tab{
	padding: 3px 6px;
	border-left: 1px #eee solid;
	display:inline-block;
	margin:0px;
	font-size: 11px;
}

a.cms_widget_tab:hover{
	background-color:#eee;
	text-decoration:none;
}


a.cms_widget_tab.selected{
	background-color:#154273;
	color: #fff;
}

.cms_widget_tabDiv{ display:none; }
.cms_widget_tabDiv.selected{ display:block; }

.widget{ 
	width: 938px;
	float:left;
	margin:0px 0px 20px 0px;
	clear:both;
	display:inline-block;
	min-height: 250px;
	padding:0px;
	overflow:auto;
} 

.widget.pos_1col{
	float: left;
	width: 208px;
	clear:none;
}

.widget.pos_2col{
	float: left;
	width: 436px;
	clear:none;
}

.widget.pos_3col{
	float: left;
	width: 664px;
	clear:none;
}

.widget.wg_normaal{
	min-height:0px;
}

.widget img.whiteframe{
	padding:10px;
	background-color:#fff;
	border:1px #ddd solid;
	box-shadow: 4px 4px 8px #333;
}
.widget img.blackframe{
	padding:10px;
	background-color:#222;
	border:1px #000 solid;
	box-shadow: 4px 4px 8px #000;
}
.widget img.thinframe{
	padding:0px;
	border:1px #333 solid;
	box-shadow: 4px 4px 8px #333;
}

.clientnotes{
	border-top: 1px #aaa solid;
	border-bottom: 1px #aaa solid;
	background-color: #eee;
	margin-bottom: 10px;
	margin-top: 2px;
	color: #666;
}