/* gedeelte om de website te centreren */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background:#e6e7e9;
	vertical-align: top;
}
#mainsite {
	position:absolute;
	width:900px;
	left: 50%;
	height:100%;
	margin-left: -450px;
	text-align: left;
	background: #fff;
}
/* Einde gedeelte om de website te centreren */
a, a:hover {
color:#3C8A2E;
}
.top {
	position: absolute;
	left:0px;
	width: 100%;
	height: 57px;
	_height: 80px;
	background: url(/images/top_gradient.gif) repeat-x;
	border-bottom: 23px solid #000;
}
.logo {
	position: absolute;
	left: 772px;
	top: 12px;
	width: 103px;
	height: 95px;
	background: url(/images/knap-werk_logo_sprite.png) no-repeat;
	cursor: pointer;
}

/* Tabs navigation */
#nav {
	position: relative;
	top: 24px;
	left: 26px;
	width:860px;;
	height:23px;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position:relative;
}

#nav li {
	float: left;
	height: 22px;
	text-align: center;
	cursor:pointer;
	color:white;
	margin-right:10px;
	background:#30731a;
	position:relative;
	width:auto;
}

#nav li A {
	float:left;
	color:white;
	height:22px;
	line-height:21px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding:0px 4px;
}

#nav li SPAN {
	float:left;
	width:6px;
	height:22px;
	background-image:url(images/rounded.png);
	background-position:0px -110px;
}

#nav li SPAN.l {
	background-position:0px -88px;
}

#nav li:hover {
	background:#69be28;
}

#nav li:hover SPAN {
	background-position:0px -66px;
}

#nav li:hover SPAN.l {
	background-position:0px -44px;
}

#nav li.active SPAN,
#nav li.parentactive SPAN {
	background-position:0px -22px;
}

#nav li.active,
#nav li.parentactive  {
	background-color:#000;
}

#nav li.active SPAN.l ,
#nav li.parentactive SPAN.l {
	background-position:0px 0px;
}


/* arrow */
#nav li span.a {
	position:absolute;
	width:11px;
	height:6px;
	top:22px;
	left:0px;
	width:100%;
	background-image:url(images/arrow.png);
	background-position:50% 0px;
	background-repeat:no-repeat;
	display:none;
}

#nav li:hover span.a {
	display:block;
	background-position:50% -6px;
}

#nav li.active span.a,
#nav li.parentactive span.a {
	display:block;
	background-position:50% 0px;
}

/* End tabs */

/* Subnavigation */
.subnav {
	position: relative;
	top: 38px;
	left: 26px;
	color: #fff;
	float:left;
}
.subnav ul {
	display: none;
	list-style-type: none;
	margin: 0;
	padding:0;
}
.subnav ul.submenuVisible {
	display: block;
}
.subnav ul li {
	float: left;
	padding-right: 12px;
}
.subnav a {
	color: #fff;
	text-decoration: none;
	padding-right:5px;
}
.subnav a:hover, 
.subnav .active a {
	color: #69be28;
}
/* End subnavigation */

/* Maintable */
.maincontainer {
	margin-top: 115px;
	background: #fff;
}
td.left {
	width: 561px;
	padding: 0 12px 0 25px;
	border-right: 2px dotted #e2f2d7;
}
td.right {
	padding: 0 22px 0 12px;
	width: 263px;
}
td.bottomleft {
	vertical-align: top;
	width: 244px;
	padding: 0 12px 0 0;
	border-right: 1px dotted #a1d679;
}
td.bottomright {
	padding: 0 0 0 12px;
	width: 283px;
	vertical-align: top;
}
/* Maintable */

/* Breaklineblock - used to break the vertical line on the homepage */
.breaklineblock {
	position: absolute;
	top: 345px;
	left: 598px;
	width: 2px;
	height: 38px;
	background: #fff;
}
/* End breaklineblock */

/* Footer bar */
.footer {
	padding-top: 35px;
	background: #fff;
}
.footer .bar {
	width: 100%;
	height: 15px;
	background: #69bd2a;
}

/* Footer sitemap */
.footer .sitemap {
	width: 100%;
	margin-top: 11px;
	min-height: 200px;
	padding: 20px 0 0;
	background: #bce3a0;
}
.footer .sitemap div {
	float: left;
	height: 180px;
	padding: 0 0 0 12px;
	background: url(/images/footer_col_stripe.gif) repeat-y 100% 0%;
}
.footer .sitemap ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.footer .sitemap li {
	padding-left: 8px;
	background: url(/images/list_style_image.gif) no-repeat 0 6px;
}
.footer .sitemap a {
	color: #275937;
	text-decoration: none;
}
.footer .sitemap a:hover {
	color: #0d2d17;
}
.footer .sitemap .col1 {
	width: 50px;
	padding: 0 0 0 25px;
}
.footer .sitemap .col2,
.footer .sitemap .col3,
.footer .sitemap .col4 {
	width: 123px;
}
.footer .sitemap .col3 {
	width: 140px;
}
.footer .sitemap .col4  {
	width: 123px;
}
.footer .sitemap .col5 {
	width: 120px;
}
.footer .sitemap .col6 {
	width: 223px;
	background: none;
}
.footer .col6 .inputcontainer {
	width: 183px;
	height: 34px;
	margin-top: 10px;
	padding: 4px 10px 0;
	_padding: 3px 10px 0;
	background: url(/images/searchform_input.gif) no-repeat;
}
.footer .col6 .text {
	width: 160px;
	height: 20px;
	margin: 0;
	border: 0;
	background:transparent;
}
.footer .col6 .submit {
	margin: 9px 0 0 3px;
}
.footer .col6 .knapwerk {
	float: right;
	margin: 30px 30px 0 0;
	width: 90px;
	_width: 103px;
	height: 94px;
	background: url(/images/knap-werk_logo_sprite.png) 0px 94px;
}
/* End sitemap */

/* Payoff */
.footer .payoff {
	width: 844px;
	_width: 900px;
	padding: 30px 30px 30px 26px;
	margin-top: 12px;
	background: #231f20;
}
.footer .payoff ul {
	margin: 0 0 0;
	padding: 55px 0 0;
	list-style-type: none;
}
.footer .payoff li {
	float: left;
	margin-right: 30px;
	padding: 0;
}
.footer .payoff a {
	font-size: 11px;
	text-decoration: none;
	text-transform: lowercase;
	color: #e2e1e1;
}
.footer .payoff .active a,
.footer .payoff a:hover {
	color: #fff;
}
.footer .payoff div {
	float: right;
	color: #fff;
}
/* End payoff */


/* Mail article popup */
.mailArticle {
	text-align: left;
	padding: 15px;
	background: #fff;
}
.mailArticle .icon {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: url(/images/btn_stuurdoor.gif) no-repeat;
}
.mailArticle h4 {
	color: #000;
}
.mailArticle label {
	display: inline-block;
	width: 120px;
}
.mailArticle input,
.mailArticle textarea {
	width: 235px;
	margin: 2px 0;
}
.mailArticle textarea {
	height: 70px;
}
.mailArticle .button {
	width: 94px;
	height: 20px;
	border: 0;
}

.directaandeslag {
	height:32px;
	border-bottom:1px #bfbfbf dotted;
	line-height:31px;
	font-size:15px;
	font-weight:bold;
	background:url(images/greenarrow.png) top right no-repeat;
}

.directaandeslag A {
	color:black;
	text-decoration:none;
	display:block;
	width:100%;
	height:32px;
}

.threebanners {
	margin-left:6px;
	margin-top:25px;
}

.threebanners A {
	margin-left:19px;
}

.threebanners IMG {
	border:0px;
}

.stappenplan {
	float:left;
	width:100%;
}

.stappenplan .col {
	float:left;
	width:175px;
	margin-right:17px;
	position:relative;
	margin-top:15px;
	
}
.balloon {
	float:left;
	width:153px;
	height:37px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	background:#000;
	color:white;
	text-transform:uppercase;
	padding:5px 5px 5px 15px;
	text-align:left;
	font-weight:bold;
	position:relative;
	margin-bottom:30px;
}

.stappenplan .balloon {
	float:left;
	width:153px;
	height:37px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	background:#000;
	color:white;
	text-transform:uppercase;
	padding:5px 5px 0px 15px;
	text-align:left;
	font-weight:bold;
	position:relative;
	margin-bottom:30px;
} 

.stappenplan .col PRE,
.artikel PRE {
	border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 6px;
    float: left;
    height: 0px;
	left:0px;
    margin-left:18px;
    width: 0px;
	top:0px;
	margin-top:37px;
	position:absolute;
	color:red;
}
.stappenplan .col PRE {
margin-top:41px;
}
.stappenplan .col P {
	padding:0px;
	margin:0px;
}

.stappenplan .last {
	margin-right:0px;
}

.stappenplan .col .b {
	background:#69be28;
}

.stappenplan .col .b PRE {
	border-color: #69be28 transparent transparent;
}

.stappenplan .col .c PRE {
	border-color: #3c8a2e transparent transparent;
}
.artikel PRE {
	border-color: #69be28 transparent transparent;
}
.stappenplan .col .c {
	background:#3c8a2e;
}

.stappenplan .col .leesverder {
	background:url(images/greenarrow.png) top left no-repeat;
	padding-left:28px;
	text-decoration:none;
	color:black;
	display:block;
	width:auto;
	height:30px;
	font-weight:bold;
	line-height:31px;
	margin-top:10px;
	margin-bottom:20px;
	font-size:11px;

}

.slider {
	width:100%;
	float:left;
	overflow:visible;
	position:relative;
	margin-bottom:16px;
	border-bottom:1px #69be28 dotted;
	padding-bottom:16px;
	margin-top:-7px;
}

.slider ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.slider .left,
.slider .right {
	float:left;
	width:270px;
}


.slider .right {
	float:right;
}
.slider .left .green1 {
	background-color:#6fb136;
	color:white;
	width:auto;
	padding:10px 15px;
	font-size:14px;
	font-weight:bold;
	margin-top:0px;
}

.slider .left .green2,
.slider .left .green3 {
	background-color:#3c8a2e;
	width:auto;
	padding:14px 15px;
	font-size:14px;
	font-weight:bold;
	color:white;
}

.slider .left .green2 {
	padding-bottom:7px;
	font-weight:normal;
}

.slider .left .green3 {
	margin-top:22px;
	border-top:1px white dotted;
	padding:10px 15px 5px 28px;
	font-size:12px;
	background:url(images/arrow_pb.png) 0px 10px no-repeat;
	text-transform: uppercase;
}

.slider .left .imgcontainer {
	overflow:hidden;
	background: #e3e3e3;
	height:310px;
	margin-top:9px; 
	width:270px;
}
.green3 A {
	color:white;
	text-decoration:none;
}

.slider .right .green1 {
	background-color:#6fb136;
	color:white;
	width:auto;
	padding:10px 15px;
	font-size:14px;
	font-weight:bold;
	margin-top:0px;
}

.slider .right .green2,
.slider .right .green3 {
	background-color:#3c8a2e;
	width:auto;
	padding:14px 15px;
	font-size:14px;
	font-weight:bold;
	color:white;
}

.slider .right .green2 {
	padding-bottom:7px;
	font-weight:normal;
	background-color:#000;
}

.slider .right .green3 {
	margin-top:22px;
	border-top:1px white dotted;
	padding:10px 15px 5px 28px;
	font-size:12px;
	background:url(images/arrow_pb.png) 0px -24px no-repeat;
	text-transform: uppercase;
}

.slider .right .imgcontainer {
	overflow:hidden;
	background: #e3e3e3;
	height:310px;
	margin-top:9px; 
	width:270px;
}


.slider .left .pb,
.slider .right .pb {
	top:0px;
	left:0px;
	width:78px;
	height:28px;
	background:url(images/praktijk_beeld.png) top left no-repeat;
}

.slider .right .pb {
	background-position:0px -28px;
}

.al_leesverder {
	float:left;
	width:100%;
	overflow:auto;
	border-bottom:1px dotted #69be28;
	margin-bottom:15px;
	padding-bottom: 15px;
}

.al_leesverder .photo,
.al_leesverder .photo_r {
	width:138px;
	overflow:hidden;
	height:auto;
	float:left;
	margin-right:20px;
	height:138px;
}

.al_leesverder .photo_r {
	margin-right:0px;
	margin-left:20px;
	float:right;
}

.al_leesverder .content {
	float:left;
	width:385px;;
}
.al_leesverder .contentall {
	float:left;
	width:100%;
}
.al_leesverder H1,
.artikel H1 {
	color: #69be28;
	font-weight:bold;
	font-size:30px;
	margin:0px;
	margin-bottom:5px;
	padding:0px;
	line-height:34px;
}

.al_leesverder H1 {
	font-size:22px;
	line-height:30px;
	margin-top:5px
}

.al_leesverder H2,
.artikel H2 {
	color: #549948;
	font-weight:bold;
	font-size:12px;
	text-transform: uppercase;
	margin:0px;
	padding:0px;
	line-height:20px;
}
.al_leesverder H2 {
	line-height:15px;
}
.al_leesverder  .leesverder {
	margin-top:8px;
}

.al_leesverder  .leesverder A {
 	color:black;
	text-decoration:none;
	display:block;
	width:auto;
	padding-left:28px;
	line-height:32px;
	background:url(images/greenarrow.png) 0px 0px no-repeat;
	height:26px;
	font-weight:bold;
	font-size:11px;
}

.hidden {
	display:none;
}

.socialicons {
	margin:10px 0px;
	padding:10px 0px 3px 0px;
	border-top:1px #bfbfbf dotted;
	border-bottom:1px #bfbfbf dotted;
	float:left;
	width:100%
}

.artikel {
	float:left;
	width:100%;
}

.artikel .left {
	float:left;
	width:50%;
}

.artikel .right {
	float:right;
	width:268px;
	overflow-x:hidden;

}

.artikel H2 {
	margin-top:-10px;
	float:left;
	width:100%;
}
.artikel H1 {
	float:left;
}
.artikel .maintext {
	width:100%;
	margin:20px;
	float:right;
}

.artikel .maintext DIV {
	margin-left:20px;
}

.artikel .balloon {
	padding-right:15px;
	font-size:18px;;
	height:27px;
	line-height:27px;
	background:#69be28;
	text-transform:none;
	width:auto;
}

.linklist .maintext {
	margin-top:-15px;
}
.linklist .maintext A {
	color:#69be28;
	padding-left:12px;
	margin-left:10px;
	line-height:20px;
	background:url(images/arrow_a.png) left center no-repeat;
}
.jcarousel-control2,
.jcarousel-control {
	position:absolute;
	top:10px;
	left:222px;
	width:47px;
}

.jcarousel-control2 A,
.jcarousel-control A {
	float:right;
	background:url(images/dots.png) 0 0  no-repeat;
	font-size:3px;
	color:#808080;
	text-align:center;
	line-height:6px;
	text-algin:center;
	width:8px;
	height:8px;
	margin-right:3px;
	
}
.jcarousel-control2 {
	left:510px;
}
#mycarousel2 UL {
	margin-left:0px;
}

.jcarousel-control2 A.active,
.jcarousel-control A.active {
background:url(images/dots.png) 0 -9px  no-repeat;
}