* {
	margin: 				0;
	padding: 				0;
	border: 				0;
	outline: 				none;
}

body {
	background: 			#f2f2f2 url(../../image/bg-body.png) repeat-x top left;
	font: 					normal 11px "Lucida Sans", Arial;
}

.clear {
	clear: 					both;
	height: 				0;
	font: 					0/0 serif;
}

.line {
	height: 				1px;
	font: 					0/0 serif;
	margin: 				20px 0;
	background: 			url(../../image/img-dots.png) repeat-x top left;
}

table { vertical-align: top; }

a
{
	color: #333;
	text-decoration: none;
}

a:hover
{
	color: #A1CF03;
	text-decoration:  underline;
}

.right a
{
	color: #333;
	text-decoration: underline;
}

.right a:hover
{
	color: #A1CF03;
	text-decoration: underline;
}

/* START Globale Divs */

#wrapper {
	width: 					960px;
	margin: 				0 auto;
}

#header {
	height: 				200px;
	background: 			url(../../image/bg-toptab.png) no-repeat 638px top;
}

#content {
	padding: 				0 0 105px;
	background: 			url(../../image/bg-content.png) repeat-x left bottom;
}

#footer {
	height: 				77px;
	margin: 				0 0 25px;
	padding: 				20px;
	background: 			#333 url(../../image/bg-footer.png) no-repeat top left;	
}

/* END Globale Divs */

/* START Header */

#header {
}

.topnav {
	padding: 				9px 0 8px 684px;
	height: 				7px;
}

.topnav ul {
	list-style: 			none;
}

.topnav ul li {
	float: 					left;
}

.topnav ul li a {
	display: 				block;
	height: 				8px;
	text-indent: 			-9999px;
}

.topnav ul li a.klantlogin { font-size:0px; width: 84px; height: 8px; background: url(../../image/btn-klantlogin.png) }
.topnav ul li a.offerte { font-size:0px; width: 101px; height: 8px; background: url(../../image/btn-offerte.png); }

.topnav ul li a.klantlogin:hover {
background: url(../../image/btn-klantlogin-1.png);
}
.topnav ul li a.offerte:hover {
background: url(../../image/btn-offerte-1.png);
}

.logo {
	width: 					592px;
	padding: 				45px 60px 0 0;
	float: 					left;
}

.logo h1 {
	height: 				74px;
	background:				url(../../image/img-logo.png) no-repeat;
	text-indent: 			-9999px;
}

.callback {
	width: 					308px;
	padding: 				57px 0 0;
	float: 					left;
}

.callback form .info {
	width: 					26px;
	padding: 				0 5px 0 0;
	float: 					left;
}

.callback form .inputs {
	width: 					190px;
	padding: 				0 5px 0 0;
	float: 					left;
}

.callback form .submit {
	width: 					82px;
	height: 				57px;
	float: 					left;
	background: 			url(../../image/bg-callbacksubmit.png) no-repeat 1px top;
}

.callback form .input {
	width: 					190px;
	height: 				25px;
}

.callback form .input.naam { background: url(../../image/bg-input-naam.png) no-repeat top left; margin: 0 0 7px; }
.callback form .input.telefoon { background: url(../../image/bg-input-telefoon.png) no-repeat top left; }

.callback form input {
	width: 					103px;
	background: 			none;
	padding: 				6px 12px;
	font: 					normal 11px "Lucida Sans", Arial;
	color: 					#fff;
}

.callback form input.button {
	width: 					82px;
	height: 				26px;
	margin: 				31px 0 0;
	background: 			url(../../image/btn-callback.png) no-repeat top left;
	cursor:					pointer;
}

.callback form input.button:hover {
	background-position: 	bottom;
}

/* END Header */

/* START Content */

.left {
	width: 					280px;
	padding: 				18px 20px 0 0;
	background: 			url(../../image/bg-content-left.png) no-repeat top left;
	float: 					left;
}

.left h1 {
	height: 				25px;
	text-indent: 			-9999px;
}

.left h1.navigatie {
	background: 			url(../../image/head-navigatie.png) no-repeat 20px top;
}

.left h1.voorgangers {
	background: 			url(../../image/head-voorgangers.png) no-repeat 20px top;
}

.left ul {
	list-style: 			none;
	padding: 				10px 0 15px;
}

.left ul li {
	background: 			url(../../image/list-arrow.png) no-repeat 22px 13px;
	padding: 				5px 0 9px 35px;
}

.left ul li a {
	font: 					normal 16px "Lucida Sans", Arial;
	color: 					#333;
	text-decoration: 		none;
	font-style:				bold;
}

.left ul li a:hover {
	text-decoration: 		underline;
}

.left .overview-voorgangers {
	padding: 				20px 0 0 20px;
}

.left .overview-voorgangers img {
	margin: 				0 10px 10px 0;
}

.left .contactinfo {
	height: 				116px;
	margin: 				20px 0 0;
	padding: 				74px 23px 0;
	color: 					#fff;
	line-height: 			18px;
	background: 			url(../../image/bg-contactinfo.png) no-repeat;
}

.left .contactinfo dl {
	padding: 				0px;
	margin:					0px;
}

.left .contactinfo dl dt {
	float: 					left;
	width: 					36px;
	color: 					#000;
}

.left .contactinfo dl dd {
	float: 					left;
	width: 					195px;
}

.right {
	width: 					660px;
	padding: 				18px 0 0;
	float: 					left;
}

.right .column {
	width: 					320px;
	padding: 				20px 20px 0 0;
	float: 					left;
}

.right .column.last {
	padding-right: 			0;
}

.right h2 {
	padding: 				0 0 15px;
	font: 					normal 18px "Lucida Sans", Arial, sans-serif;
	color: 					#a1cf03;
}

.right p {
	line-height: 			18px;
	color: 					#333;
	padding: 				5px 0 13px;
	text-align: 			justify;
}

.right form {
	padding: 				25px 0 0;
}

.right form label {
	width: 					186px;
	padding: 				0 25px 0 0;
	height: 				31px;
	float: 					left;
	text-align: 			right;
	font: 					normal 11px/31px "Lucida Sans", Arial, sans-serif;
	color: 					#b0afaf;
}

.right form p {
	width: 					302px;
	padding: 				0 0 10px;
	float: 					left;
}

.right form .input {
	height: 				15px;
	padding: 				8px 10px;
	color: 					#666;
}

.bekijkportfolio{
 	text-align:				right;
	margin-right:			10px;
}

.right form .normal { width: 281px; background: url(../../image/bg-input-normal.png) no-repeat top left; }
.right form .small { width: 66px; background: url(../../image/bg-input-small.png) no-repeat top left; margin: 0 7px 0 0; }
.right form .medium { width: 185px; background: url(../../image/bg-input-medium.png) no-repeat top left; }

.right form select {
	padding: 				8px 10px;
	color: 					#666;
	width: 					301px;
	border: 				1px solid #d4d4d4;
}

.right form textarea {
	padding: 				8px 10px;
	color: 					#666;
	width: 					281px;
	height: 				178px;
	font: 					normal 11px/17px "Lucida Sans", Arial, sans-serif;
	background: 			url(../../image/bg-textarea.png) no-repeat;
}

.right form .divider {
	height: 				1px;
	width: 					301px;
	font: 					0/0 serif;
	margin: 				17px 0 20px 211px;
	background: 			url(../../image/img-dots.png) repeat-x top left;
}

.right form .submitofferte {
	width: 					131px;
	height: 				31px;
	background: 			url(../../image/btn-verstuurofferte.png);
}

.right form .submit {
	width: 					87px;
	height: 				31px;
	background: 			url(../../image/btn-verstuur.png);
	cursor:					pointer;
}

ul.hosting {
list-style: none;
padding: 10px 0 15px;
}

ul.hosting li {
background: url(../../image/list-arrow.png) no-repeat 22px 13px;
padding: 9px 0 0 35px;
text-decoration: none;
}

.login {
	width: 					308px;
	padding: 				57px 0 0;
	float: 					left;
}

.login form .inputs {
	width: 					190px;
	padding: 				0 5px 0 0;
	float: 					left;
}

.login form .input {
	width: 					190px;
	height: 				25px;
}

.login form .input.naam { background: url(../../image/bg-input-naam.png) no-repeat top left; margin: 0 0 7px; }
.login form .input.telefoon { background: url(../../image/bg-input-telefoon.png) no-repeat top left; }

.login form input {
	width: 					103px;
	background: 			none;
	padding: 				6px 12px;
	font: 					normal 11px "Lucida Sans", Arial;
	color: 					#fff;
}

.login form button {
	width: 					82px;
	height: 				26px;
	margin: 				31px 0 0;
	background: 			url(../../image/btn-callback.png) no-repeat top left;
	text-indent: 			-9999px;
}

.login form button:hover {
	background-position: 	bottom;
}

.submit {
text	
}

/* END Content */

/* START Footer */

#footer {
}

#footer p {
	color: 					#fff;
	padding: 				0 0 18px;
}

#footer ul {
	list-style: 			none;
	height: 				20px;
	background: 			#999 url(../../image/bg-footernav.png);
	padding: 				12px;
}

#footer ul li {
	float: 					left;
}

#footer ul li a {
	display: 				block;
	height: 				21px;
	text-indent: 			-9999px;
}

#footer ul li a.home { background: url(../../image/btn-foot-home.png) no-repeat top right; width: 45px; }
#footer ul li a.diensten { background: url(../../image/btn-foot-diensten.png) no-repeat top right; width: 65px; }
#footer ul li a.cases { background: url(../../image/btn-foot-portfolio.png) no-repeat top right; width: 67px; }
#footer ul li a.offerte { background: url(../../image/btn-foot-offerte.png) no-repeat top right; width: 119px; }
#footer ul li a.contact { background: url(../../image/btn-foot-contact.png) no-repeat top right; width: 61px; }
#footer ul li a.sitemap { background: url(../../image/btn-foot-sitemap.png) no-repeat top right; width: 58px; }
#footer ul li a.klantlogin { background: url(../../image/btn-foot-klantlogin.png) no-repeat top right; width: 91px; }
#footer ul li a.validator { background: url(http://www.w3.org/Icons/valid-xhtml10) no-repeat top right; width: 88px; }

#footer ul li a:hover,
#footer ul li a.active {
	background-position: 	bottom;
}

/* END Footer */

/* START SlideShow */

#slideshow * { 
	margin: 				0;
	padding: 				0;
}

#slideshow { 
	position: 				relative;
	width: 					660px; 
	height: 				249px;
	padding: 				0 0 25px;
}

#slideshow #menu, #slideshow #pictures, #slideshow #loading { 
	position: 				absolute; 
}

#slideshow #loading {
	text-indent: 			-5000px;
	visibility: 			hidden; 
}

#slideshow #pictures { 
	background: 			url(../../image/bg-slideshow.png); 
	width: 					460px;
	border-right: 			4px solid #fff; 
	height: 				249px; 
	left: 					0; 
	overflow: 				hidden;
}

#slideshow #pictures li { 
	display: 				block;
	position: 				absolute;
	top: 					0; 
	width: 					437px;
}

#slideshow #menu { 
	background: 			#000 url(../../image/bg-slidebox.png) no-repeat top right; 
	list-style: 			none; 
	width: 					196px; 
	height: 				239px;
	right: 					0; 
	padding-top: 			10px;
}

#slideshow #menu ul {
padding:0;
margin:0;
}

#slideshow #menu ul li{
padding:0;
margin:0;
}

#slideshow #menu li { 
	display: 				block; 
	z-index: 				1000; 
	position: 				relative;
}

#slideshow #menu li a { 
	display: 				block; 
	font: 					12px "Lucida Sans", Arial; 
	text-decoration: 		none; 
	z-index: 				1000; 
	color: 					#ccc;
	padding:                14px 0 2px 20px;
	_padding:               3px 0 0 20px;	
}

#slideshow #menu li a:hover { 
	color: 					#fff;
}

#slideshow #menu li.current a { 
	font: 					15px Georgia, Arial; 
	color: 					#fff; 
	padding: 				5px 0 5px 20px; 
	line-height: 			18px;
}

#slideshow #menu li.background {
	background: 			url(../../image/img-arrow.png) no-repeat left center; 
	position: 				absolute; 
	font-size: 				1px; 
	height: 				7px; 
	width: 					4px; 
	z-index: 				5;
}

/* END SlideShow */

.accordion {
background: url(../../image/img-dots.png) repeat-x top left;
}

.accordion h2,
#accordion h2 {
padding: 15px 0;
}

.accordion h3 {
padding: 12px 0;
font: normal 14px "Lucida Sans", Arial, sans-serif;
color: #a1cf03;
}

.border {
	background: 			url(../../image/img-dots.png) repeat-x bottom left;
}

.toggler,
.toggler2  { 
	cursor:					pointer;
}

.pakket {
	background: 			url(../../image/bg-pakket.png) no-repeat right 10px;
}

.element p span,
.element2 p span {
	font-size:				25px;
	line-height: 			40px;
}

.element p span strong,
.element2 p span strong {
	font-size:				15px;
	font-weight: 			normal;
}

.element a,
.element2 a {
	color: 					#333;
	text-decoration: 		underline;
}

.element a:hover,
.element2 a:hover {
	color: 					#a1cf03;
}

.element3 span {
	font-size:				20px;
	line-height: 			30px;
}

.tip { 
	width:					225px;
	padding: 				10px;
	background: 			#fff;
	border: 				1px solid #d9d9d9;
}
.tip-title { 
	color:					#a0cd03; 
	font-weight:			bold;
	padding: 				0 0 10px;
}
.tip-text { 
	color:					#666;
	line-height: 			18px;
}