/* Subdiensten */
#subdiensten {
	margin: 0 0 40px 0;
	list-style: none;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	clear: both;
}
#subdiensten li {
	clear: both;
	border-top: 1px solid #d1d1d1;
}
#subdiensten li a.title {
	display: block;
	line-height: 25px;
	text-indent: 26px;
	background: #fff;
	color: #0c70aa;
	font-weight: bold;
}
#subdiensten li a.active {
	background-color: #069b46;
	background-position: 0 100%;
	color: #fff;
}
#subdiensten li .subdienst-info {
	display: none;
	clear: both;
	margin-top: 1em;
}
#subdiensten li .subdienst-info-active {
	display: block;
}
#subdiensten li .subdienst-info img,
#subdiensten li .subdienst-info .noimage {
	float: left;
	width: 103px;
	width: 90px;
	margin: 2px 6px 4px 7px;
}
#subdiensten li .subdienst-info .info {
	float: left;
	width: 470px;
}
#subdiensten li .subdienst-info .info .btn-box {
	clear: both;
	width: 100%;
	line-height: 50px;
}
#subdiensten li .subdienst-info .info  .btn-stel-een-vraag,
#subdiensten li .subdienst-info .info  .btn-dienst-aanvragen {
	margin: 1em 5px 0 0;
	display: block;
	height: 31px;
	float: left;
	text-indent: -9999px;
}
#subdiensten li .subdienst-info .info  .btn-stel-een-vraag {
	width: 126px;
	background: url('../images/btn-stel-een-vraag.gif') 0 0 no-repeat;
}
#subdiensten li .subdienst-info .info  .btn-dienst-aanvragen {
	width: 157px;
	background: url('../images/btn-dienst-aanvragen.gif') 0 0 no-repeat;
}
/*------------------------------------*/
/* Veel stijlen hiervan komen al uit basis.css, deze wijzigt alleen de bestaande stijlen */
div.search-box {
	float: none;
	border: 1px solid #d1d1d1;
	background-color: #fff;
	width: 582px;
	height: 83px;
}
div.search-box form {
	margin-bottom: 0;
}
.input {
	margin-left: 16px;
	margin-top: 26px;
}
div.search-box form a.zoek {
	top: 27px;
	left: 278px;
	_left: 295px; /*Voor ie6*/
}
/*------------------------------------*/

/* --- stappen --- */
ul#form-tabs {
	height: 29px;
	width: 583px;
}
ul.form-tabs-wide {
	width: 775px !important;
}
ul#form-tabs li {
	float: left;
	width: 193px;
	height: 21px; /* 25px */
	padding-top: 4px;
	color: #fff;
	text-align: center;
	margin-right: 1px;
	margin-top: 4px;
	background-color: #addec6;
}
ul.form-tabs-wide li {
	width: 153px !important;
}
ul#form-tabs li.active {
	width: 193px;
	height: 24px; /* 29px */
	padding-top: 5px;
	background-color: #069b46;
	margin-top: 0;
}
ul.checkboxlist li {
	margin-bottom: 4px;
}

.form-box #print-link {
	position: absolute;
	top: 8px;
	right: 15px;
	border-bottom: 1px dotted
}

/* A-Z Lijst */
.a-z-lijst-rij {
	margin-bottom: 2em;
	width: 579px;
	clear: both;
}
.a-z-lijst-kolom {
	float: left;
	width: 193px;
}
.a-z-lijst-kolom li {
	float: left;
	width: 193px;
	display: block;
}


/* Stepcarousel styles */
.carrousel-box{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 175px !important; /*Width of Carousel Viewer itself*/
height: 125px; /*Height should enough to fit largest content's height*/
}

.carrousel-box .carrousel{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

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

/* Dienst detail pagina */
.dienstInfo {
	margin-top: 12px;
	border: 1px solid #d1d1d1;
	background: #fff;
	width: 575px;
}
.dienstInfo .left-column {
	float: left;
	width: 125px;
}
.dienstInfo .right-column {
	float: left;
	padding: 1em 0 0 0;
	width: 450px;
}
.dienstInfo .right-column p {
	margin: 1em 1em 1em 0;
}
.dienstInfo .conversie-box {
	position: relative;
	border-top: 1px solid #d1d1d1;
}
.dienstInfo .conversie-box p {
	margin: 22px 0 22px 20px;
}
.dienstInfo .conversie-box p a {
	font-weight: bold;
}
.dienstInfo .conversie-box .btn-dienst-aanvragen {
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
	width: 187px;
	height: 46px;
	background: url('../images/dienst-detail-btn-aanvragen.gif') 0 0 no-repeat;
	text-indent: -9999px;
}
.banner-box {
	margin: 1em 0;
	width: 575px;
	border: 1px solid #d1d1d1;
}
.banner-box .banner-box-inner {
	margin: 20px;
}
.dienst-blok {
	margin-top: 1em;
	margin-bottom: 2em;
	width: 577px;
	background: url('../images/dienst-detail-dienst-blok.gif') 0 0 repeat-x;
}
.dienst-blok h3 {
	margin-left: 1em;
	padding-top: 15px;
	font-size: 115%;
}
.dienst-blok p {
	margin: 1em 3em 1em 1em;
}
.dienst-blok p a {
	font-weight: bold;
}
.overige-diensten {
	margin-top: 1em;
	width: 575px;
}
.overige-diensten h3 {
	font-size: 115%;
	background: url('../images/dienst-detail-overige-lijn.gif') 0 5px repeat-x;
}
.overige-diensten h3 span {
	margin-left: 0.5em;
	background: #fff;
	padding: 0 4px;
}
.overige-diensten ul {
	float: left;
	margin: 1.5em 0 0 1em;
	width: 265px;
}
.overige-diensten ul a {
	font-weight: bold;
	line-height: 26px;
	border-bottom: 1px dotted #91BFD9;
}
.overige-diensten ul a:hover {
	border: 0;
}
.crumble {
	position: absolute;
	left: 212px;
	top: 30px;
	font-size: 95%;
}
.crumble li {
	float: left;
}
.crumble li a {
	padding: 0 15px 0 10px;
	background: url('../images/sep-crumble.gif') 100% 6px no-repeat;
}
.crumble li a.first {
	padding-left: 0;
}
.crumble li span {
	padding-left: 10px;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
