html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;

	color: #000000;
	background-color: #ffffff;
	text-align: left;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;

}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

#container {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	background: transparent;
	background-repeat: repeat-x;
	background-position: center;
}

#horizontal{
	position: absolute;
	left: 50%;
	height: 100%;
}

#main { 
	position: absolute;
	top: 0px;
	left: -490px;
	width: 980px;
	height: 560px;
	z-index: 1;
	background: transparent;
	border: 0px solid #000000;

}

#logo {
	position: absolute;
	top: 25px;
	left: 25px;
	background: transparant;
	border: 0px solid #000000;
	z-index: 3;
	}

#balklinks {
	position: absolute;
	top: 90px;
	left: 0px;
	width: 730px;
	height: 50px;
	z-index: 1;
	background: #999999;
	border: 0px solid #000000;
	}

#gen_nav {
	position: absolute;
	color: #f1f1f1;
	top: 17px;
	left: 300px;
	width: 400px;
	height: 25px;
	z-index: 12;
	background: transparent;
	border: 0px solid #000000;
}

#gen_nav a:link, #gen_nav a:hover, #gen_nav a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	color: #E5E5E5;
	line-height: 180%;
	text-decoration: none;
}
	
#vragen {
	position: absolute;
	top: 0px;
	left: 735px;
	width: 200px;
	height: 140px;
	z-index: 1;
	background: #666666;
	border: 0px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	}
	
#blokrechts {
	position: absolute;
	top: 90px;
	left: 940px;
	width: 40px;
	height: 50px;
	z-index: 1;
	background: #999999;
	border: 0px solid #000000;
	}		
	
#txt_vragen {
	position: absolute;
	top: 0px;
	left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 180%;
	height: 25px;
	clear: left;
}

#icn_phone {
	position: absolute;
	top: 40px;
	left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	color: #FFFFFF;
	line-height: 180%;
}

#txt_phone {
	position: absolute;
	top: 41px;
	left: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	color: #E5E5E5;
	line-height: 180%;
}

#icn_mail {
	position: absolute;
	top: 70px;
	left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	color: #FFFFFF;
	line-height: 180%;
}

#txt_mail {
	position: absolute;
	top: 73px;
	left: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	color: #E5E5E5;
	line-height: 180%;
}

#txt_mail a:link, #txt_mail a:hover, #txt_mail a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	color: #E5E5E5;
	line-height: 180%;
	text-decoration: none;
}

#txt_appoint a:link, #txt_appoint a:hover, #txt_appoint a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	color: #E5E5E5;
	line-height: 180%;
	text-decoration: none;
} 

#icn_appoint {
	position: absolute;
	top: 100px;
	left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	color: #FFFFFF;
	line-height: 180%;
}

#txt_appoint {
	position: absolute;
	top: 105px;
	left: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	color: #E5E5E5;
	line-height: 180%;
}
	
#breadcrumholder {
	position: absolute;
	top: 145px;
	left: 0px;
	padding-top: 0px;
	padding-left: 4px;	
	color: #808080;
	width: 976px;
	height: 20px;
	z-index: 1;
	background: #E5E5E5;
	border: 0px solid #000000;
	}	

#menu {
	position: absolute;
	top: 211px;
	left: 0px;
	background: transparant;
	border: 0px solid #000000;
	z-index: 3;
	}

#content {
	position: absolute;
	border: 0px solid black;
	top: 199px;
	left: 240px;
	width: 480px;
	line-height: 180%;
	color: #666666;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 0px;
}

#contentheading {
	display: none;
	position: absolute;
	border: 0px solid black;
	padding: 4px 0 4px 0px;
	font: bold 12px Arial;
	color: black;
	margin: 0px;
	top: 209px;
	left: 240px;
	width: 480px;
	color: #808080;
	border-bottom: 1px dotted #E5E5E5;
	border-top: 1px dotted #E5E5E5;
}

#imageheading {
	position: absolute;
	border: 0px solid black;
	padding: 0px 0 0px 0px;
	font: bold 12px Arial;
	color: black;
	margin: 0px;
	top: 210px;
	left: 239px;
	width: 480px;
	color: #808080;
	border-top: 1px dotted #E5E5E5;
	border-bottom: 1px dotted #E5E5E5;	
}

#interactie1 {
	position: absolute;
	top: 210px;
	left: 735px;
	background: transparant;
	border: 0px solid #000000;
	z-index: 3;
	}

#interactie2 {
	position: absolute;
	top: 336px;
	left: 735px;
	background: transparant;
	border: 0px solid #000000;
	z-index: 3;
	}

#interactie3 {
	position: absolute;
	top: 462px;
	left: 735px;
	background: transparant;
	border: 0px solid #000000;
	z-index: 3;
	}

#copy {
	position: absolute;
	top: 585px;
	left: 735px;
	background: transparant;
	border: 0px solid #000000;
	font-size: 10px;
	color: #808080;
	z-index: 3;
	}

#copy a:link, #copy a:hover, #copy a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	color: #808080;
	line-height: 180%;
	text-decoration: none;
}

a:link, a:hover, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #808080;
	line-height: 180%;
	text-decoration: none;
}

.arrowlistmenu {
	width: 180px; /*width of accordion menu*/
	}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	position: relative;
	top:0px;
	width: 220px;
	font: bold 12px Arial;
	color: black;
	margin: -1px; /*bottom spacing between header and rest of content*/
	text-transform: lowercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	border-bottom: 1px dotted #E5E5E5;
	border-top: 1px dotted #E5E5E5;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 6px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	display: block;
	width: 210px;
	padding-bottom: 0px; /*bottom spacing between menu items*/
	height: 18px;
}

.arrowlistmenu ul li a{
	color: #666666;
	background: transparent; /*custom bullet list image*/
	display: block;
	padding-left: 19px; /*link text is indented 19px*/
	padding-top: 2px;
	margin-bottom: 2px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 0px solid #dadada;
	font-size: 11px;
	height: 18px;
}

.arrowlistmenu ul li a:visited{
	color: #666666;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #666666;
	background-color: transparent;
}


.categoryitems {
	display: block;
	margin: 5px;

}
.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 0px solid black;
	overflow: scroll; /*leave this value alone*/
	top: 11px;
/*	left: 240px; */
	width: 490px;
	height: 372px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 500px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

p.samplebuttons{
	width: 320px;
	text-align: center;
}

p.samplebuttons a{
	color: #2e6ab1;
	padding: 1px 2px;
	margin-right: 3px;
	text-decoration: none;
}


.contentheader_interaxi {
	font-weight: bold;
	color: #00749b;
}

.contentheader_diensten {
	font-weight: bold;
	color: #98cb00;
}

.contentheader_markten {
	font-weight: bold;
	color: #cc0001;
}