/*****************************************
*               Reset                    *
*****************************************/
* { 
    margin:0;
    padding:0;
}
ol, ul {
	list-style-type:none;
}

.clearfix {
	width:100%;
	overflow: hidden;
}
/*****************************************
*            Background Colors           *
*****************************************/

/* Light Grey / white */
body, ul#subMenu li a{
	background-color: #f7f7f7;
}
/* Red */
div#header, #quicklinks li a:hover {
	background-color:#bb243b;
}
/* Dark Grey */
#quicklinks li  a {
	background-color:#999999;
}

#quicklinks li.nieuws  a {
	background-color:#BB243B;
}

/* Background-images */

body {
	background:#f7f7f7 url(/images/backgroundImage.gif) repeat-x scroll 0 0;
}
div#header {
	background:#bb243b url(/images/backgroundImage.gif) repeat-x scroll 0 0;
}
ul#mainNav li.active, ul#mainNav li:hover {
	background:#f7f7f7 url(/images/menuActiveBackground.png) repeat-x scroll 0 0;
}
/*****************************************
*               Type Colors              *
*****************************************/

/* Red */
a, h3.related , ul.relatedDocuments li, ul#mainNav li.active a, ul#mainNav li:hover a, ul#subMenu li.act ul li.act a, ul.homePortal{
	color:#bb243b;
}
/* Dark Grey */
body, ul#subMenu li.act ul li a{
	color:#333333;
}
/* Grey */
ol.breadcrumbs li a {
	color:#444444;
}
/* White */
ul#mainNav li a , div#loginBox, div#loginBox input.submit, #header .tip, #header .tip a, #quicklinks li a, #quicklinks li a:hover, ul#quicklinks li.logo  {
	color:#FFFFFF;
}
/* Grey */
ul#subMenu li a {
	color:#585858;
}
/* Grey alternative */
ul#subMenu li a:hover, ul#subMenu li.act ul li a:hover, ul#subMenu li.act a{
	color:#bb243b;
}

/*****************************************
*              Typography                *
*****************************************/

body {
	font-family: Trebuchet MS, sans-serif;
	font-size:0.81em;
	line-height:1.54em;
}
#content span{
	font-family: Trebuchet MS, sans-serif !important;
	/* temporary override for Word induced styles */
}
h1 {
	font-size:1.67em;
}
h2 {
	font-size:1.2em;
}
#content h4 {
	font-size:1em;
}
div#loginBox   input, #header .tip {
	font-size:0.85em;
}
#header .tip h3 {
	font-size:1.2em;
}
ul#quicklinks {
	font-size:0.85em;
}
ul#mainNav li a {
	font-size:1.62em;
}
	ul#mainNav span.smallTitle {
			font-size:0.67em;
		}
#quicklinks li span.subTitle {
	font-size:13px;
	font-weight:bold;
	font-style:normal;
}
#quicklinks li span.title {
	font-size:19px;
	line-height:0.8em;
	font-style:normal;
}
/*****************************************
*              Grid                      *
*          180x180 5 column              *
*****************************************/

div#container, div#mainContent, div#frame, div#header {
	width:900px;
}
div#content.home {
	width:684px;
}
div#content {
	width:504px;
}
ul#subMenu, ul.homePortal{
	width:180px;
}
ul#quicklinks  {
	width:144px;
}
div#loginBox{
	width:179px;
	/* width minus border */
}
ul#mainNav li, #header .tip {
	width:143px;
}
div#header{
	height:108px;
}
ul#mainNav li {
	height:54px;
}

/*****************************************
*            Form styles                 *
*****************************************/

	fieldset {
	border:0;
	}
	div#loginBox input {
		border:none;
		padding:2px;
		border-top:1px solid #841324;
		border-left:1px solid #841324;
		border-bottom:1px solid #d9324c;
		border-right:1px solid #d9324c;
	}
	div#loginBox label {
		display:none;
	}
	div#loginBox input.submit {
		background-color:#c62941;
		border-top:1px solid #d9324c;
		border-left:1px solid #d9324c;
		border-bottom:1px solid #9b1c2f;
		border-right:1px solid #9b1c2f;
		margin-left:2px;
		cursor:pointer;
	}
		div#loginBox input.userName {
			width:138px;
			margin-bottom:12px;
		}
		div#loginBox input.password {
			width:94px;
		}

/*****************************************
*        Specific styles                 *
*****************************************/

/* Common styles */

h1, h2, h3, h4, h5, h6 {
	margin:0 0 0.5em 0;
}
div#content p {
	margin:0 0 1.5em 0;
}
div#mainContent {
	margin-bottom:1em;
}
div#frame{
	margin:0px auto;
}
 ul#quicklinks, div#content, div#loginBox form {
	padding:36px 18px 18px 18px;
}
div#header {
	overflow:hidden;
}
	div#header .tip {
		padding:24px 18px 18px 18px;
	}
div#content.home {
	padding:36px 0 0 0;
}
div#mainContent, div#container, ul#subMenu, ul#quicklinks, div#content, ul#mainNav li, div#loginBox, #header .tip{
	float:left;
}

/* Headerdividers */

div#header  {
	border-left:1px solid #c74e60;
	border-right:1px solid #c74e60;
}
ul#mainNav li, #header .tip{
	border-right:1px solid #c74e60;
}

/* Navigation */

ul#mainNav {		
	display:inline;
	float:left;
	margin-left:179px;
	padding:0;
	border-left:1px solid #c74e60;
}
	ul#mainNav li {
	padding:36px 18px 18px 18px;
	overflow:hidden;
	}
		ul#mainNav li a {
		display:block;
		padding-top:1em;
		text-decoration:none;
		}
		ul#mainNav li.noPreTitle a {
		padding-top:1em;
		font-size:1.3em;
		}
			ul#mainNav li a span.smallTitle {
				clear:both;
				margin:0 0 -5px 8px;
				display:block;
			}
ul#subMenu {
	background:url(/images/submenuBackground1.png) no-repeat top;
	margin-top:36px;
	padding:160px 0 0 0;
	overflow:hidden;
}
	ul#subMenu.opdrachtgevers {
		background:url(/images/submenuBackground1.png) no-repeat top;
	}
	ul#subMenu.werknemers {
		background:url(/images/submenuBackground2.png) no-repeat top;
	}
	ul#subMenu.banpd {
		background:url(/images/submenuBackground3.png) no-repeat top;
	}
	ul#subMenu li {
		border-bottom:1px solid #e8e8e8;
	}
	
		ul#subMenu li a{
			font-style:italic;
			text-decoration:none;
			display:block;
			padding:8px 6px 8px 0px;
		}
		ul#subMenu li.act {
			background:#F9F9F9;
		}
		ul#subMenu li a:hover, ul#subMenu li.act a{
			background:#f9f9f9 url(/images/activeMenuItem.gif) no-repeat scroll right 16px;
		}
			ul#subMenu li ul {
				font-size:0.9em;
			}
				ul#subMenu li ul li {
					margin-left:12px;
					border-top:1px solid #EEEEEE;
					border-bottom:none;
					padding:8px 0px;
				}
				
				ul#subMenu li.act ul li a {
					color:#777777;
					background:none;
					display:inline;
				}
				ul#subMenu li.act ul li a:hover {
					background-image:none;
				}
	#quicklinks li {
		border:none;
		margin-bottom:10px;
	}
			 #quicklinks li a{
				padding:14px 14px 10px 14px;
				display:block;
				background-image:none;
				text-decoration:none;
			}
		
ol.breadcrumbs {
	margin-bottom:8px;
}	
	ol.breadcrumbs li {
		background:url(/images/breadcrumbItem.gif) no-repeat scroll right 9px;
		display:block;
		float:left;
		padding-right:7px;
		margin-right:4px;
	}
		ol.breadcrumbs li a{
			font-style:italic;
			font-size:0.92em;
		}
/* Content */
h3.related {
	border-bottom:1px solid #c74e60; 
	margin:12px 0 6px 0;
	}
ul.relatedDocuments {
	padding:0 0 0 8px;
}
	ul.relatedDocuments li {
		margin-left:6px;
		list-style:disc;
	}

ul#quicklinks li.logo {
	height:103px;
	width:144px;
	display:block;
	background:url(/images/logo_BanPD.gif) no-repeat scroll right;
	font-size:0px;
	line-height:0px;
	margin-bottom:20px;
}
div#content ul {
	list-style:disc;
	margin-left:16px;
}
div#content ul  li {
	margin-bottom:10px;
}
div#content ul.homePortal {
	list-style:none;
	margin-left:0;
}
/* Homepage portal */

ul.homePortal {
	float:left;
	padding-top:220px;
}
ul.homePortal1 {
	background:url(/images/homepagePortal1.png) no-repeat top;
}
ul.homePortal2 {
	background:url(/images/homepagePortal2.png) no-repeat top;
}
ul.homePortal3 {
	background:url(/images/homepagePortal3.png) no-repeat top;
}
		ul.homePortal li  a{
			background:url(/images/bullet.gif) no-repeat left 9px;
			padding-left:8px;
			display:block;
		}
	ul.homePortal li.more {
		font-weight:bold;
		margin-top:6px;
	}
		ul.homePortal li.more a {
			background:none;
		}
/* formulieren */
.formulier {margin: 10px;}

.formulier .textfield, .formulier select {
  border: 1px solid #CCC;
  background: #EEE;
}
label {padding-right: 20px;}
legend {display: none;}

fieldset {border: 0;}

.small { width: 60px;  }
.medium { width: 180px; }
.large { width: 240px; }
.formulier .submitbutton {
    border: none;
	background:#BB243B;
    color: #FFF;
    text-transform: uppercase;
}
.submitRow input {  
  background:#BB243B;
  color: #FFF;
  border:none;
  cursor:pointer;
}
p.errors {display: block; color: #BB243B; font-weight: bold;}


table {
width: 100%;
border-collapse: collapse;
margin: 0;
padding: 0;

}

td,th {
  border-bottom: 1px solid #DDD;
  padding: 5px;
  margin: 0;
}

td.label {
  width: 20%;
  font-weight: bold; 
  padding-right: 20px;
	vertical-align: top;
}
label.small {font-size: 11px; padding: 0;}

td td {border: none;}
td table {width: 85%; margin: 0;}
td table td {padding: 0;}

.content legend {display: block; font-weight: bold; font-size: 14px; padding: 10px;}
.content fieldset {border: none; margin: 15px 0 0 0; padding: 10px;}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
fieldset.formulier {
    border: none;
    padding: 10px;
}
fieldset.formulier legend {
    display: none;
}