@charset "UTF-8";

/* ****************************************************
Title: top.css
Created date: 2009
Last Modified: 2009
Created by: xhtml Team
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 primary

----------------------------------------*/


/* #01 primary
---------------------------------------------------------------------------- */

@import "reset.css";
@import "base.css";

div.content {
	width: 285px;
	padding: 0 8px 0 23px;
}

div.content p {
	padding-bottom: 0.6em!important;
	margin-bottom: 0!important;
}

div.style01 {
	color: #231F20;
	/*text-decoration: blink;*/	
	
}

div.content a {
	color: #231F20;
}

div.content p {
	margin-bottom: 20px;
	color: #A9218E
}

div.contentSpecial p{
	padding-bottom: 0.6em;
	color: #A9218E;
	padding-left: 9px;
}

dl.photoBlock01 {
	margin: -45px 0 0 0;
	padding-right: 76px;
	position: relative;
	z-index: 1000;
	clear: both;
	float: right;
	width: 270px;
}
div.contentBlock a {
	color: #231F20;

}
dl.photoBlock01 dd {
	padding: 10px 0 0 0;
	color: #A9218E;
	line-height: 1;
	font-size: 180%;	
	font-weight: normal;
}

dl.photoBlock02 {
	left:-180px;
	padding-right:76px;
	position:absolute;
	top:150px;
	width:185px;
	z-index:0;
}

dl.photoBlock02 dd {
	padding: 10px 0 0 0;
	color: #A9218E;
	line-height: 1;
	font-size: 180%;
}

dl.vacatures {
	float: left;
	margin: 30px 0 -74px 0;
	position: relative;
	padding:0;
	width: auto;
}

dl.vacatures dt {
	float: left;
}

dl.vacatures dd {
	float: left;
	width: 210px;
	margin-left: 15px;
	padding: 0;
}

dl.contact {
	float: left;
	margin: -40px 0 -74px 0;
	position: relative;
	padding:0;
	width: auto;
}

dl.contact dt {
	float: left;
}

dl.contact dd {
	float: left;
	width: 210px;
	margin-left: 15px;
	padding: 0;
}

p.btnMarket {
	padding-top:50px;
	*padding-top: 25px;
	clear: both;
	text-align: right;
/*	padding: 53px 0 0 0;*/
}

p.btnMarket a {
	float: right;	
}

p.contact {
	clear: both;
	text-align: right;
	padding: 10px 0 0 0;
}

div.blockStyle01 {
	background: url(../images/index/bg_content.gif) no-repeat 0 0;
	height: 384px;
	margin: -18px 0 -48px 0;
	float: left;
	clear: both;
	position: relative;
	z-index: 11000;
	width: 825px;
}

div.blockStyle01 div ul {
	color: #FFF;
}

div.blockStyle01 div ul li a {
	color: #FFF!important;
	text-decoration: underline;
}

div.blockStyle01 div ul li a:hover {
	text-decoration: none;
}

img.left {
	float: left;
	margin: 0 5px 5px 0;
}

img.right {
	float: right;
	margin: 0 0 5px 5px;
}


* html div.blockStyle01 {	
	margin: -18px 0 -24px 0;
}

div.blockStyle01 div {
	color: #FFF;
	font-size: 150%;
	margin: 40px 30px 30px 38px;
	line-height: 1.3;
}

div.blockStyle01 p.image {
	float: right;
	padding: 40px 40px 0 35px;
}

dl.content {
	clear: both;
	padding: 0 0 0 20px;
	margin-bottom: 0!important;
}
dl.result{
	clear: both;
	color: #231F20;
	margin-bottom: 10px;
	/*border-bottom: 2px solid #A4A2A2;*/
	width:600px;
	padding-left:32px;
}
dl.content dd  a {
	color: #231F20;
}
dl.content dt {
	font-size: 110%;
	padding-left:14px;
	padding-bottom: 0.6em;
}

dl.content dd {
	color: #A9218E;
	padding: 0 0 5px 14px!important;
	margin-bottom: 1.5em!important;
	border-bottom: 2px solid #A4A2A2;
	width:590px;
	margin-left:14px;
}

dl.content dd.last {
	border: none;
}

dl.content dd p.content {
	/*padding: 2px 0 0 86px;*/
}
dd p.image{
	padding: 2px 0 0 86px;
}
p.box1 {
	position: absolute;
	right: 310px;
	top: 43px;
	background: #C8D3D9;
	color: #FFF;
	padding: 10px;
	width: 114px;
	height: 41px;
	font-size: 110%;
	line-height: 1;
}

p.box2 {
	position: absolute;
	right: 57px;
	top: 10px;
	background: #C8D3D9;
	color: #FFF;
	padding: 10px;
	width: 163px;
	height: 65px;
	font-size: 110%;
	line-height: 1;	
}

p.box3 {
	position: absolute;
	right: 228px;
	top: 114px;
	background: #A9218E;
	color: #FFF;
	padding: 10px;
	width: 148px;
	line-height: 1;
	height: 45px;
	font-size: 110%;
	line-height: 1;
}

p.box4 {
	line-height: 1;
	position: absolute;
	left: 236px;
	top: 190px;
	background: #C8D3D9;
	color: #FFF;
	padding: 10px;
	width: 163px;
	height: 62px;
	font-size: 110%;
}

p.box5 {
	position: absolute;
	right: 15px;
	top: 202px;
	background: #C8D3D9;
	color: #FFF;
	padding: 10px;
	width: 285px;
	height: 117px;
	font-size: 110%;
}

div.contentBlock {
	color: #FFFFF;
	float: left;
	/*margin-bottom: -48px;*/
	padding: 0 0 0 31px;
	position: relative;
	z-index: 100;
	line-height: 1.5;
	width: 357px;
}

p.image{
	backgroud-color:transparent;
	border:0 none;
	vertical-align:bottom;
	padding-left:71px;
}

div.contentBlock dl dt {
	color: #231F20;
}

div.contentBlock dl dd,
div.contentBlock p {
	padding-bottom: 1.2em!important;
	color: #A9218E;
}

.primary h1 {
	padding-bottom: 0.6em!important;
}

.primary h2 {
	padding-bottom: 0.8em;
}

p.image {
	/*float: left;*/
	padding-left: 450px;
}

p.image span {
	display: block;
	color:#A9218E;
	font-size:180%;
	font-weight:normal;
	line-height:1;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:10px;
	width: 250px;
}

p.callUs {
	position: absolute;
	right: 50px;
	bottom: 40px;
}

ul.pageNavi {
	clear: both;
	padding-left: 31px;
	padding-bottom:9px;
	text-align: right;
	width: 593px;
}

ul.pageNavi li {
	display: inline;
}

ul.pageNavi li a {
	text-decoration: none;
	margin: 0 0 0 7px;
}

ul.pageNavi li.current, ul.pageNavi li.current a,
ul.pageNavi li a:hover {
	color: #A9218E;
}

div.contactBlock {
	float: left;
	height: 400px;
}

div.contactBlock fieldset {
	float: left;	
}

ul.contact {
	padding-left: 15px;
}

ul.contact li {
	padding-bottom: 5px;
}

ul.contact li input {
	background: url(../images/contact/bg_input.gif) no-repeat 0 0;
	width: 255px;
	height: 20px;
	padding: 1px 0 0 7px;
	font-family: Arial;
	border: none;
}

ul.contact li textarea {
	background: url(../images/contact/bg_texarea.gif) no-repeat 0 0;
	border: none;
	width: 254px;
	padding: 1px 0 0 7px;
	font-size: 100%;
	font-family: Arial;
	height: 75px;
	overflow: hidden;
}

ul.button {
	clear: both;
	padding: 0 0 0 15px;
}

ul.button li {
	float: left;
	padding: 0 5px 0 0;
}

ul.button input.reset {
	background: url(../images/contact/bu_reset.gif) no-repeat 0 0;
	width: 55px;
	height: 21px;
	border: none;
}

div.map {
	float: right;
	width: 251px;
	position: relative;
	margin: 0 0 0 0;
}

div.map p {}

div.map dl {
	padding: 10px 0 0 0;
}

div.map dd.last {
	padding: 10px 0 0 0;
} 

/** Contact */
.contact_footer {
	margin-top: 50px;
}
#Form_Form fieldset input {
	background:url("../images/contact/bg_input.gif") no-repeat scroll 0 0 transparent;
	border:medium none;
	font-family:Arial;
	height:20px;
	padding:1px 0 0 7px;*padding-top: 3px;
	width:255px;
}
#Form_Form textarea {
	background:url("../images/contact/bg_texarea.gif") no-repeat scroll 0 0 transparent;
	border:medium none;
	font-family:Arial;
	font-size:100%;
	height:75px;
	overflow:hidden;
	padding:1px 0 0 7px;
	width:254px;
}
#Form_Form .Actions{
	clear: both;
	/*margin-left: 17px;*/
	padding-left: 31px;
}

* html #Form_Form .Actions{
	padding-top: 10px;	
}

#Form_Form input.action{	
	border:medium none;
	height:21px;
	width:60px;
}
#Form_Form_action_clearForm{	
	background:url("../images/contact/bu_reset.gif") no-repeat scroll 0 0 transparent;
	cursor:pointer;
}
#Form_Form_action_process{	
	background:url("../images/contact/bu_sturen.gif") no-repeat scroll 0 0 transparent;
	cursor:pointer;
}
.mapcontent {
	float: right;
	width: 460px;
}

.mapcontent div#map {
	margin-left: 0!important;
}

.contact_info {
	float: left;
	margin-left:0px;
	padding-top:15px;
	padding-bottom:15px;
	width:400px;
}
.contactBlock p {
	padding-left: 20px;
}
/* Direct Contact */
#direct_contact {
	float:right;
	margin: 26px 0px 5px 0;	
	position: relative;
	width:400px;
	
}
#info {
	float:right;
	margin: 26px 165px 5px 0;	
	position: relative;
	padding:0;
	
}
#direct_contact div {
	padding: 0 0 0 5px;	
}
#direct_contact .dd {
	float: left;
	padding: 0 0 0 5px;	
	width: auto!important;
	color:#231F20;
}
#direct_contact .dd .ddTitle {
	padding: 0px 0px 0px 0px;
	width: auto;
	white-space: nowrap;
	cursor: pointer;
}
#direct_contact .dd .ddChild {	
	margin-top: 20px;
	margin-left: -13px;
}
.dd {
	/*display:inline-block !important;*/
	
	text-align:left;
	/*background-color:#fff;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}
.dd .ddTitle {
/*	background:url("../images/combo.gif") no-repeat 0 0;

	border:1px solid #c3c3c3;
*/
	padding:1px 2px 2px 7px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:20px;
}
.dd .ddTitle span.arrow {
	/*background:url("../images/dd_arrow.gif") no-repeat 0 0;*/
	float:right;
	display:inline-block;
	width:20px;
	height:20px;
	display: none;
	margin-top: -1px;
	cursor:pointer;
}

.dd .ddTitle span.textTitle {
	background:none;padding-left: 0px;text-indent:1px; overflow:hidden; line-height:22px; font-size: 12px;
}
.dd .ddTitle span.textTitle img{
	text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
	padding:0 3px 0 0;
	vertical-align:top;
}
.dd .ddChild {
	position:absolute;
	/*border:1px solid #c3c3c3;
	border-top:none;*/
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;*/
	font-size: 11px;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block;
	padding:3px 0 3px 3px;
	font-size: 12px;
	text-decoration:none;
	color:#231F20;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd .ddChild a:hover {
	background:#e5e5e5;
}
.dd .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd .ddChild a.selected {
	background:#f5f5f5;	
}

.wrapping {
	width: auto;
}
.top_line{
	border-top: 1px solid #A4A2A2;
	border-top-width:2px;
	width: 590px;
	/*position: absolute;*/
	height: 1px;
	float: left;
	margin-left:33px;
	margin-bottom:5px;
}
* html .top_line{
	margin-left:17px;
}
/**Direct contact**/
.hBlock .hRight { }
#direct_contact #website3{
	
}
#website3_msa_0 {
	display: none!important;	
	
}

.display {
	opacity: 1!important;
	filter:alpha(opacity=100)!important;
}

table td { 
	padding: 5px 15px 5px 10px;
}

.contentSubDiensten h2, .contentSubDiensten h1 {
	color:#A9218E;
	padding-bottom:2.1;
}

.contentSubDiensten a {
color:#A9218E;
}

.contentSubDiensten {
	padding:0 0 0 23px;
width:285px;
	color:#231F20 !important;
	margin-bottom:20px !important;
}

#blinkText h2,
#blinkText h1 {
	padding-bottom: 0.6em!important;
}

#blinkText p {
	padding-bottom: 1.2em!important;
}