/*General Styles
********************************************************************************/
body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:62.5%;
	background:#ededed;
	width:100%;
	margin:0;
	padding:0;
}
ol, ul, li{
	list-style:none;
	margin:0px;
	padding:0px;
}
img{
	border:none;
}
.dn{
	display:none;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/*Navigation
********************************************************************************/
#navigation{
	width:100%;
	background:url(../img/bg_top.jpg) repeat-x;
	height:85px;
	width:100%;
	padding-top:6px;
}
#navigationWrapper{
	width:920px;
	margin:auto;
}
.navigationContact{
	float:right;
}
	.navigationContact li a{
		width:114px;
		height:41px;
		display:block;
		background:url(../img/menu/contactknop.jpg) top left;
	}
		.navigationContact a:hover{
			background-position:bottom left;
		}
#topSearch{
	width:100%;
	background-color: #3aa229;
	position:relative;
	margin:0;
	padding:0;
}
/*Top breadcrums
********************************************************************************/
#top{
	background:url(../img/ct_top.jpg);
	height:158px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	width:920px;
	font-size:1.1em;
}
	#top ol{
		float:right;
		padding:139px 10px 0 0;
	}
	#top li{
		float:left;
		color:#fff;
		padding-left:10px;
	}
		#top li a{
			text-decoration:none;
			color:#fff;
		}
			#top li a:hover{
				color:#ccc;
			}
/*ContentHome
********************************************************************************/
#middleHome{
	background:url(../img/ct_thuis.jpg);
	width:920px;
	min-height:150px;
	margin-left:auto;
	margin-right:auto;
	padding-top:2px;
}
#middle{
	background:url(../img/ct_middle.jpg);
	width:920px;
	min-height:350px;
	margin-left:auto;
	margin-right:auto;
	padding-top:2px;
}
#content{
	background:url(../img/ct_nieuws.jpg);
	margin:0 1px 0 1px;
	clear:both;
	border-bottom:1px solid #96eb72;
}
#contentNieuws{
	width:243px;
	min-height:150px;
	float:left;
	padding-right:42px;
	height:auto;
}
	#contentNieuws li{
		background:url(../img/ct_nieuws_bg.jpg) no-repeat bottom;
		width:215px;
		border-bottom:1px solid #96eb72;
		padding:15px 10px 15px 10px;
	}
		#contentNieuws li h2{
			font-size:1.2em;
			letter-spacing:0.05em;
			float:left;
			display:inline;
			margin:0;
			padding:0;
		}
		#contentNieuws li em{
			float:right;
			color:#3aa229;
			font-size:1.1em;
			letter-spacing:0.05em;
			margin:0;
		}
		#contentNieuws li p{
			width:215px;
			float:left;
			margin:10px 0 0 0;
			padding:0;
			line-height:1.5em;
			font-size:1.1em;
		}
		#contentNieuws li a{
			color:#3aa229;
			font-size:1.1em;
			text-decoration:none;
			margin:0;
		}
			#contentNieuws li a:hover{
				text-decoration:underline;
			}
#contentHomebodyLeft{
	float:left;
	width:281px;
	padding-right:20px;
	line-height:1.7em;
	font-size:1.1em;
}
	#contentHomebodyLeft li, #contentPage li{
		list-style-image:url(../img/bullit.jpg);
		margin-left:15px;
		line-height:1.5em;
	}
	#contentHomebodyLeft h1, #contentHomebodyRight h1{
		color:#3aa229;
		font-size:1.4em;
		font-weight:normal;
		letter-spacing:0.05em;
		margin-top:40px;
	}
#contentHomebodyRight{
	float:left;
	width:281px;
	padding-left:20px;
	line-height:1.7em;
	font-size:1.1em;
}
#contentHomebodyBottom{
	margin-left:285px;
	margin-bottom: 10px;
	margin-top:20px;
	width:612px;
	height: 110px;
}
	#contentHomebodyBottom li{
		float:left;
		margin:20px 10px 30px 0;
	}
	#contentHomebodyBottom a{
		display:block;
		width:194px;
		height:80px;
	}
	#contentHomebodyBottom .knop1{
		background:url(../img/buttons/offerte.jpg) top;
		width:194px;
		height:80px;
	}
		#contentHomebodyBottom .knop1:hover{
			background:url(../img/buttons/offerte.jpg) bottom;
		}
	#contentHomebodyBottom .knop2{
		background:url(../img/buttons/persoonlijkgesprek.jpg) top;
		width:194px;
		height:80px;
	}
		#contentHomebodyBottom .knop2:hover{
			background:url(../img/buttons/persoonlijkgesprek.jpg) bottom;
		}
	#contentHomebodyBottom .knop3{
		background:url(../img/buttons/hosting.jpg) top;
		width:194px;
		height:80px;
	}
		#contentHomebodyBottom .knop3:hover{
			background:url(../img/buttons/hosting.jpg) bottom;
		}
		
/*Content page
********************************************************************************/	
#subnav{
	width:193px;
	float:left;
	padding:0 0 0 3px;
}
	#subnav ul{
		margin-top:17px;
		font-size:1.1em;
	}
	#subnav li{
		background:url(../img/menu/toplijn.jpg) no-repeat bottom;
		text-align:right;
	}
		#subnav li:hover, #subnav .active{
			background:url(../img/menu/sub-o.jpg) right;
		}
		#subnav li a{
			display:block;
			width:160px;
			text-decoration:none;
			color:#000;
			padding: 7px;
		}
#contentPage{
	width:683px;
	float:left;
	padding:25px 20px 20px 20px;
	line-height:1.7em;
	font-size:1.1em;
}
	#contentPage h1, #contentPage h2{
		margin:0;
		color:#a1ab71;
		font-size:1.4em;
		font-weight:normal;
		letter-spacing:0.1em;
		padding-bottom:10px;
	}
	#contentPage table{
		line-height:20px;
	}
/*HomeFooter
********************************************************************************/
#footerHome{
	background:#eee;
	margin:2px 3px 0 3px;
	width:914px;
}
	#footerHome h3{
		margin:0px;
		padding:0px;
		color:#3aa229;
		letter-spacing:0.05em;
		font-size:1.2em;
		background:#eee;
		line-height:1.7em;
	}
	#footerHome a, #footerHome{
		color:#888;
		text-decoration:none;
		line-height:1.7em;
		background:#eee;
	}
		#footerHome a:hover{
			text-decoration:underline;
		}
.footerHomeBox{
	float:left;
	padding:10px;
	width:208px;
	background:#eee;
}
#bottomBody{
	background-image:url(../img/ct_bottom_thuis2.jpg);
	height:11px;
	margin-left:auto;
	margin-right:auto;
	width:920px;
}
#bottomBody2{
	background-image:url(../img/ct_bottom.jpg);
	height:11px;
	margin-left:auto;
	margin-right:auto;
	width:920px;
}

/*Website footer
********************************************************************************/
#footer{
	background-image:url(../img/bg_bottom.jpg);
	height:125px;
	margin-top:12px;
	width:100%;
	font-size:1.1em;
}
#footerWrapper{
	width: 920px;
	height: 78px;
	padding-top: 47px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}
	#footerWrapper ul{
		float:left;
	}
	#footerWrapper .left{
		text-align:left;
		width:306px;
	}
	#footerWrapper .middle{
		text-align:center;
		width:307px;
	}
	#footerWrapper .right{
		text-align:right;
		width:306px;
	}
	#footerWrapper a{
		color:#ccc;
		text-decoration:none;
	}
		#footerWrapper a:hover{
			text-decoration:underline;
		}
	#footerWrapper .groen{
		color:#96EB72;
		font-weight:bold;
	}

/*Portfolio slider
********************************************************************************/
#featured {
	width:914px;
	position:relative;
	height:202px;
	background:#fff;
	background-image: url(../img/back.jpg);
	margin:0 0 0 3px;
}
	#featured ul.ui-tabs-nav {
		position:absolute;
		top:8px;
		left:0px;
		list-style:none;
		padding:0;
		margin:0;
		width:250px;
	}
		#featured ul.ui-tabs-nav li {
			margin:2px 0;
			padding-left:10px;
			font-size:12px;
			color:#666;
		}
			#featured ul.ui-tabs-nav li img {
				float:left;
				margin:2px 5px;
				background-image: url(../img/back3.jpg);
				padding:2px;
				border:1px solid #eee;
			}
			#featured ul.ui-tabs-nav li span {
				font-size:12px;
				font-family:Verdana;
			}
				#featured ul.ui-tabs-nav li span .extratekst{
					font-size:11px;
				}
			#featured li.ui-tabs-nav-item a {
				display:block;
				height:34px;
				width: 298px;
				color:#fff;
				padding-left: 10px;
				padding-top: 10px;
				background-image: url(../img/back2.jpg);
				text-decoration: none;
			}
				#featured li.ui-tabs-nav-item a:hover {
					background-image: url(../img/back3.jpg);
				}
			#featured li.ui-tabs-selected {
			}
				#featured ul.ui-tabs-nav li.ui-tabs-selected a {
					background-image: url(../img/back3.jpg);
				}
		#featured .ui-tabs-panel {
			width:582px;
			height:180px;
			background:#999;
			position:relative;
			top: 11px;
			left: 321px;
			overflow: hidden;
		}
			#featured .ui-tabs-panel .info {
				position:absolute;
				top:137px;
				left:0;
				height:43px;
				width: 582px;
				background: url(../img/transparent-bg.png);
				display: none;
			}
	#featured .info h2 {
		font-size:1.1em;
		font-family:verdana;
		color:#fff;
		padding:5px;
		margin:0;
		overflow:hidden;
	}
	#featured .info p {
		margin:0 5px;
		font-family:Verdana;
		font-size:11px;
		line-height:15px;	
		color:#f0f0f0;
	}
	#featured .info a {
		text-decoration:none;
		color:#fff;
	}
		#featured .info a:hover {
			text-decoration:none;
		}
	#featured .ui-tabs-hide {
		display:none;
	}
/*Contact formulier
********************************************************************************/
#topSearch input, #topSearch textarea, #topSearch select {
	border:2px solid #fff;
	margin-top:2px;
	margin-bottom: 2px;
	padding:2px;
}
#topSearch .LV_valid_field, #topSearch input.LV_valid_field:hover, #topSearch input.LV_valid_field:active, #topSearch textarea.LV_valid_field:hover, #topSearch textarea.LV_valid_field:active, #topSearch select.LV_valid_field:hover, #topSearch select.LV_valid_field:active {
	border: 2px solid #fff;
}
#topSearch .LV_invalid_field, #topSearch input.LV_invalid_field:hover, #topSearch input.LV_invalid_field:active, #topSearch textarea.LV_invalid_field:hover, #topSearch textarea.LV_invalid_field:active, #topSearch  select.LV_invalid_field:hover, #topSearch select.LV_invalid_field:active {
	border: 2px solid #C90;
}
	#topSearch .verzenden{
		cursor:pointer;
	}
	#topSearch form{
		width:920px;
		margin:auto;
		padding:0 0 10px 0;
		color:#fff;
	}
	#topSearch fieldset{
		margin:0;
		padding:0;
		border:none;
	}
	#topSearch legend, .topSearchRight h2{
		color:#fff;
		margin:0;
		padding:10px 0 10px 0;
		font-size:1.4em;
		letter-spacing:0.05em;
		font-weight:normal;
	}
	.topSearchLeft{
		float:left;
		width:460px;
		font-size:1.1em;
		margin-bottom:10px;
	}
	.topSearchRight{
		float:left;
		width:460px;
		text-align:right;
		font-size:1.1em;
	}
.titeltekst{
	color:#96EB72;
	font-size:11px;
}

/*Portfolio
********************************************************************************/
#contentPortfolio{
	float:left;
	font-size:1.1em;
	line-height:1.7em;
	padding:35px 60px 35px 60px;
	width:603px;
}
	#contentPortfolio p{
		margin-bottom:40px;
	}
	#contentPortfolio li{
		background:url(../img/case/wrapper.jpg) top no-repeat;
		width:238px;
		height:300px;
		float:left;
	}
		#contentPortfolio .links{
			margin-right:127px;
		}
		#contentPortfolio li img{
			border:none;
			margin:2px 0 0 2px;
		}
		#contentPortfolio li h3{
			color:#3aa229;
			font-size:1.4em;
			letter-spacing:0.1em;
			float:left;
			margin:10px 0 0 0;
			padding:0;
		}
		#contentPortfolio li em{
			float:right;
			margin:10px 0 0 0;
			color:#707070;
			font-size:1.0em;
		}
		#contentPortfolio li p{
			float:left;
			width:238px;
		}
			#contentPortfolio li p a{
				color:#000;
				text-decoration:none;
				background:url(../img/bullit.jpg) left no-repeat;
				padding-left:10px;
			}
			#contentPortfolio li p a:hover{
				text-decoration:underline;
			}
			.contentPortfolioLinkTwee{
				float:right;
			}
	#contentPortfolio h1{
		margin:0;
		color:#a1ab71;
		font-size:1.6em;
		font-weight:normal;
		letter-spacing:0.1em;
		padding-bottom:10px;
	}