html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background: white url(graphics/background_wave.jpg) fixed no-repeat right bottom;
}

/* various classes */

.skip,
.noScreen {
	display: none;
}

a.tel {
	text-decoration: none;
	color: black;
	cursor: default;
}

.image {
	clear: both;
	margin-bottom: 1em;
}

.left {
	float: left;
	margin: 0 1em 1em 0;
}

.right {
	float: right;
	margin: 0 0 1em 1em;
}

.center {
	text-align: center;
}

/* horizontal rules */

hr {
	display: none;
}

#content hr {
	display: block;
}

/* #wrapper */


#wrapper {
	position: relative;
	min-height: 100%;
	background: url(graphics/column_back.png) repeat-y left bottom;
}

#page_diensten_financiele_dienstverlening #wrapper {
	background: url(graphics/column_back_admin.png) repeat-y left bottom;
}

#page_diensten_zorgmanagement #wrapper {
	background: url(graphics/column_back_zorg.png) repeat-y left bottom;
}

#page_diensten_sociale_dienstverlening #wrapper {
	background: url(graphics/column_back_sociaal.png) repeat-y left bottom;
}

#page_diensten_persoonsgebonden_budget #wrapper {
	background: url(graphics/column_back_budget.png) repeat-y left bottom;
}

* html #wrapper {
	height: 100%;
}

#header {
	height: 157px;
	background: url(graphics/background_header.png) repeat-x left top;
}

#headerPhoto {
	height: 127px;
	background: url(graphics/background_photo.jpg) no-repeat right top;
}

#breadcrumbs {
	height: 30px;
	background: url(graphics/background_breadcrumbbar.png) repeat-x left top;
}

#breadcrumbs {
	padding: 4px 0 0 8px;
	color: white;
	font-size: 0.85em;
}
#breadcrumbs ol .lastCrumb{
	padding: 4px 0 0 8px;
	color: black;
	font-size: 0.85em;
	position: relative;
	left: 20px;
}
#breadcrumbs ol .firstCrumb{
	padding: 4px 0 0 8px;
	color: black;
	font-size: 0.85em;
	position: relative;

}

#wrapper #header a:link,
#wrapper #header a:visited,
#wrapper #header a:active {
	color: white;
}
#wrapper #header a:hover {
	color: black;
}

#addressbar {
	position: absolute;
	right: 0;
	top: 127px;
	height: 30px;
	width: 728px;
	text-align: right;
	background: url(graphics/background_addressbar.png) no-repeat right top;
}

#addressbar address {
	padding: 4px 210px 0 0;
	font-style: normal;
	font-size: 0.85em;
	color: white;
}

/* #logo */

#logo {
	position: absolute;
	top: 28px;
	left: 15px;
	width: 192px;
	height: 71px;
}


/* #content */

#content {
	padding: 10px 230px 20px 270px;
	min-height: 320px;
}
* html #content {
	height: 320px;
}

#content:after {
	/* clear float for superior browsers */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


h1 {
	font-size: 1.5em;
	color: #363A8F;
	margin-bottom: 0.5em;
	padding: 0 0 3px 18px;
	border-bottom: 1px solid #298B5D;
	background: url(graphics/title_bullet.png) no-repeat 0px 4px;
}


/* #helpdesk */

#helpdesk {
	position: absolute;
	top: 110px;
	right: 10px;
	width: 190px;
}

#helpdesk h2 {
	width: 190px;
	height: 38px;
	background: url(graphics/helpdesk_header.png) no-repeat left top;
	text-indent: -999em;
	margin: 0;
}

#helpdesk .wrapper {
	padding: 10px;
	background: url(graphics/helpdesk_background.png) no-repeat left bottom;
}

#helpdesk .wrapper form input,
#helpdesk .wrapper form textarea {
	width: 165px;
	border: 1px solid #959595;
}

#helpdesk .wrapper form input.submit {
	border: 1px solid #BA6F00;
}

#helpdesk .wrapper form .mandatory {
	text-align: center;
	font-size: 0.85em;
}


/* #menu */

#menu {
	position: absolute;
	top: 157px;
	left: 0;
	width: 250px;
}	

#menu h2 {
	display: none;
}

#menu ul,
#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu ul li {
	width: 250px;
	background: url(graphics/menu_back.png) no-repeat left top;
}

#menu ul li a {
	display: block;
	width: 220px;
	height: 28px;
	padding: 0 0 0 30px;
	text-decoration: none;
	font-weight: bold;
	line-height: 25px;
	color: #333;
}

#menu ul li:hover,
#menu ul li.hover {
	background: url(graphics/menu_back_active.png) no-repeat left top;
}

#menu ul li.active {
	background: url(graphics/menu_back_active.png) no-repeat left top;
}

#menu ul li#mi_diensten.active {
	background: url(graphics/menu_back_down.png) no-repeat left top;
}

/* #menu subs */

#menu ul ul {
	border-bottom: 1px solid #859aa5;
}

#menu ul ul li {
	width: 250px;
	height: 28px;
	background: none;
}

#wrapper #menu ul ul li a {
	display: block;
	width: 210px;
	height: 28px;
	padding: 0 0 0 40px;
	text-decoration: none;
	font-weight: bold;
	line-height: 25px;
	color: #333;
	background: url(graphics/submenu_back.png) no-repeat left top;
}

#wrapper #menu ul ul li:hover,
#wrapper #menu ul ul li.hover,
#wrapper #menu ul ul li.active {
	background: none;
}

#wrapper #menu ul ul li a:hover {
	background: url(graphics/submenu_back_active.png) no-repeat left top;
	color: #064276;
}



/* #menu active */

#menu ul li ul {
	display: none;
}

#menu ul li.active ul {
	/* #menu ul li.hover ul is used by script for IE/WIN found in scripts/menu.js */
	display: block;
}

/* #search */

#search {
	position: absolute;
	top: 20px;
	right: 54px;
}

#search input.submit {
	padding: 0;
}

* html #search input.submit {
	/* IE/WIN displays button slightly different */
	height: 1.75em;
	line-height: 1.125em
}

#search h2 {
	display: none;
}

/* #footer */

#footer {
	padding: 0.25em 0;
	text-indent: 0.5em;
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #96aaa8;
	background: #FFFFFF;
}

#footer #poweredByMaxNl {
	float: right;
	margin-right: 0.5em;
}

/* OTHER TOOLS */

/* Progress Bar */

.modalDialogBox {
	text-align: center;
	position: absolute;
	border: 1px solid #0A72CD;
	top: 50%;
	left: 50%;
	width: 20em;
	margin: -12.5% 0 0 -10em;
	background-color: white;
}

.modalDialogBox h3, .modalDialogBox p {
	margin: 1em 0 1em 0;
	padding: 0;
}

.barContainer {
	text-align: left;
	border: 1px solid #0A72CD;
	margin: 0.5em;
	background-color: #EBF5FE;
}

.bar {
	background-color: #0A72CD;
	height: 1em;
	width: 98%;
}

.caption, .percentage {
	margin: 0.5em;
}

.percentage {
	font-weight: bold;
}

#pgbdossier {
	position: absolute;
	top: 515px;
	left: 21px;
	width: 180px;
	height: 110px;
	border: 1px solid #5E61A5;
	background: #FFFFFF;
	padding: 5px;
}

#bpbiblok {
	position: absolute;
	top: 350px;
	left: 21px;
	width: 180px;
	height: 140px;
	border: 1px solid #5E61A5;
	background: #FFFFFF;
	padding: 5px;
	font-size: 10px;
	text-align: center;
}


/* IE5.x/WIN hacks */

@media tty {
 i{content:"\";/*" "*/}}; @import 'ie50.css'; {;}/*";}
}/* */


/* IE5.5 */

@media tty {
 i{content:"\";/*" "*/}}@m; @import 'ie55.css'; /*";}
}/* */