/* --> Includes CSS
****************************************************/

@import url(content.css);



/* --> General 
****************************************************/

html {
	height: 100%;
	padding-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: url(../../img/bg_site.gif) repeat-x 0 0;
}






/* --> Page layout 
******************************************************************************/

#master-table {
	width: 100%;
	height: 100%;
}

#master-table .cell-content {
	width: 1000px;
	height: 100%;
	vertical-align: top;
}

#master-table .cell-left {
	width: 50%;
	background: url(../../img/bg_leftcell.gif) repeat-x 0 0;
}

#master-table .cell-right {
	width: 50%;
}

#master-container {
	width: 1000px;
	height: 100%;
	position: relative;
	background: url(../../img/bg_container.jpg) no-repeat 232px 0;
}

#master-container .box-phototop {
	position: absolute;
	top: 0;
	left: 30px;
	z-index: 10;
}

#master-container .box-home {
	position: absolute;
	top: 135px;
	left: 60px;
	z-index: 20;
}

#master-container .box-logo {
	position: absolute;
	top: 22px;
	left: 760px;
}

#master-container .box-breadcrumb {
	font: 9px Arial, Helvetica, sans-serif;
	position: absolute;
	top: 84px;
	left: 310px;
	z-index: 30;
}

#master-container .box-breadcrumb a {
	color: #00635f;
}

#master-container .footer {
	margin: 25px 0 0 5px;
}




/* --> Nav box
******************************************************************************/

#box-nav {
	width: 232px;
	height: 100%;
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	float: left;
	background: url(../../img/bg_navtop.gif) no-repeat 0 0;
}

#box-nav-container {
	margin: 0 0 0 50px;
	width: 182px;
	height: 100%;
	background: #00A9A2 url(../../img/bg_navbar.gif) repeat-x 0 0;
}

#box-nav #mainmenu {
	padding: 160px 0 0 0;
	width: 182px;
	height: 119px;
	background-color: #E4F4F4;
}

html>body #box-nav #mainmenu {
	min-height: 119px;
	height: auto;
}

#box-nav #menu-bottom {
	margin: 10px 0 0 0;
}

#box-nav #menu-bottom a {
	margin: 2px;
	padding: 4px 4px 4px 20px;
	color: #fff;
	display: block;
	background: #33BAB5 url(../../img/b_bottommenu_item.gif) no-repeat 8px 9px;
	text-decoration: none;
}

#box-nav #menu-bottom a:hover {
	margin: 2px;
	padding: 4px 4px 4px 20px;
	color: #fff;
	display: block;
	background-color: #82CDCC;
	text-decoration: none;
}

#box-nav #menu-bottom span {
	margin: 2px;
	padding: 4px 4px 4px 20px;
	color: #fff;
	display: block;
	background: #82CDCC url(../../img/b_bottommenu_item.gif) no-repeat 8px 9px;
	text-decoration: none;
}




/* Zoeken
***********************************************************/

#box-zoeken {
	margin: 2px;
	padding: 4px 4px 8px 20px;
	color: #006864;
	background-color: #33BAB5;
}
	
#box-zoeken span {
	margin: 0 0 4px 0;
	color: #fff;
	display: block;
	text-decoration: none;
}

#content-container .searchkop {
	font-weight: bold;
	color: #008B85;
}



/* Nieuwsbrief
***********************************************************/

#box-nieuwsbrief {
	margin: 2px;
}

#box-nieuwsbrief  #nieuwsbrief-container {
	padding: 4px 10px 8px 20px;
	background-color: #33BAB5;
	font: 11px arial, helvetica, sans-serif;
	color: #006864;
}

#box-nieuwsbrief #nieuwsbrief-container td {
	font: 11px arial, helvetica, sans-serif;
	color: #006864;
}

#box-nieuwsbrief #nieuwsbrief-container span {
	margin: 0 0 4px 0;
	color: #fff;
	display: block;
	text-decoration: none;
}

#box-nieuwsbrief #nieuwsbrief-container a {
	color: #fff;
	text-decoration: underline;
	font: 11px arial, helvetica, sans-serif;
}

#box-nieuwsbrief #nieuwsbrief-container a:hover {
	color: #fff;
	text-decoration: none;
}





/* --> Content
******************************************************************************/

#box-content {
	float: left;
}

#box-content-left {
	margin: 160px 0 0 0;
	width: 475px;
	float: left;
}

#box-content-left .content, #box-content-left .content td {
	padding: 0 0 0 25px;
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #454545;
}

#box-content-right .content td {
	margin: 0 0 0 25px;
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #454545;
}

#box-content-right {
	margin: 160px 0 0 30px;
	width: 230px;
	float: left;
}

#box-content #pageheader h1 {
	margin: 0 0 0 24px;
	height: 44px;
	font:	19px Trebuchet Ms, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #454545;
	display: block;
}

#box-content #caseheader h1 {
	height: 44px;
	font:	19px Trebuchet Ms, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #454545;
	display: block;
}


/* content cases
***********************************************************/

.case-table {
	margin: 0 0 10px 0;
}

.case-table td {
	vertical-align: top;
}

.case-table .case-text {
	width: 151px;
	height: 40px;
	padding: 0 0 0 0;
}

.case-table .case-text {
	min-height: 40px;
	height: auto;
}

.case-table .case-bottom {
	height: 16px;
	background: url(../../img/bg_case_bl.gif) no-repeat bottom left;
}

.case-table .case-text .text {
	padding: 0 10px;
	height: 100%;
	background: #fff url(../../img/bg_case_left.gif) repeat-y 0 0;
}

td.case-title {
	padding: 8px 10px 0 10px;
	font-weight: bold;
	background: url(../../img/bg_case_tl.gif) no-repeat 0 0;
}

span.case-title {
	font-weight: bold;
}

.case-table .case-photo {
	background-color: #05B5AE;
}

.case-table .case-photo img {
	border: 4px solid #05B5AE;
}

.case-table a {
	border: 0;
	color: #454545;
	text-decoration: none;
}

.case-table a:hover {
	border: 0;
	color: #009791;
	text-decoration: underline;
}

.case-photo-big {
	border: 5px solid #fff;
	margin: 0 15px 5px 0;
	display: block;
	float: left;
}


/* headlines
***********************************************************/

.headline-container {
	width: 400px;
}

.headline-container a {
	font-weight: normal;
}

.headline-container-omo a:hover {
	font-weight: normal;
}

.headline-container strong {
	color: #008B85;
	font-weight: bold;
}

.headline-container-omo strong {
	color: #008B85;
	font-weight: bold;
}



/* vacatures
***********************************************************/

.vacature-info {
	margin: 20px 0 0 0;
	padding: 6px;
	width: 273px;
	background: #fff;
	border: 1px solid #A2DAD9;
}