html {
	overflow-y: scroll;
}

* {
	margin: 0;
	padding: 0;
	font-family: verdana;
	font-size: 11px;
}

body {
	background: #c8c8c8 url( '../images/background.gif' ) repeat-x top;
}

/* Shadows */
div#shadows {
	width: 830px;
	margin: 0px auto;
	background: url( '../images/shadows.gif' ) no-repeat;
	position: relative;
	top: 10px;
}

/* Container */
div#container {
	height: 100%;
	width: 780px;
	margin: 0px auto;
}

div#container div#logo {
	background: url( '../images/logo.jpg' ) no-repeat;
	height: 91px;
	width: 780px;
}

/* Header */
div#header {

}

	/* topContainer */
	div#header div#topContainer {
		background: url( '../images/topbar.png' ) no-repeat;
		height: 46px;
		width: 780px;
	}
	
		/* Menu */
		div#header div#topContainer ul#menu {
			position: relative;
			list-style: none;
			height: 26px;
			float: left;
		}
		
		div#header div#topContainer ul#menu li {
			height: 46px;
			float: left;
			background: url( '../images/menuspacer.gif' ) no-repeat top right;	
		}
		
		div#header div#topContainer ul#menu li.active {
			background: #363636 url( '../images/menuspacer.gif' ) no-repeat top right;
		}
		
		div#header div#topContainer ul#menu li:hover {
			background: #363636 url( '../images/menuspacerhover.gif' ) no-repeat top right;				
		}
		
		div#header div#topContainer ul#menu li.last {
			height: 46px;
			float: left;
			border: none;
			background: #3e3e3e;
		}
		
		div#header div#topContainer ul#menu li.last:hover {
			background: #363636;
		}
		
		div#header div#topContainer ul#menu li a {
			position: relative;
			top: 15px;
			font: 11px Verdana;
			color: #fff;
			text-decoration: none;
			padding: 0 16px 0 16px;
		}
		
		div#header div#topContainer ul#menu li a:hover {
			text-decoration: underline;
		}
		
		/* Zoekformulier */
		div#header div#topContainer div#zoekformulier {
			position: relative;
			top: 9px;
			left: 35px;
			float: left;
		}
		
		div#header div#topContainer div#zoekformulier label{
			font: 10px Verdana;
			color: #656565;
		}
		
		div#header div#topContainer div#zoekformulier form input.zoekveld {
			width: 124px;
			height: 16px;
			background: #fff;
			border: 0;
			padding: 2px 0 0 3px;
			margin: 0 0 0 6px;
		}
		
		div#header div#topContainer div#zoekformulier form input.zoekbutton {
			position: relative;
			top: 5px;
		}
	
	/* headContainer */
	div#header div#headContainer {
		width: 780px;
		height: 166px;
		background: url( '../images/headcontainer.gif' ) no-repeat;
	}

		/* relevant */
		div#header div#headContainer div#relevant {
			position: relative;
			left: 256px;
			width: 524px;
			height: 166px;
		}
		
/* Content */
div#content {
	background: #fff;
	height: 100%;
	overflow: hidden;
	padding: 0;
}

	div#content p img {
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
	}	

	/* Blocks */
	div#content div#blocks {
		margin: 8px;
		width: 764px;
	}
	
		div#content div#blocks img {
			border: 0;
		}
		
		div#content div#blocks .nieuws {
			width: 457px;
			height: 302px;
			float: left;
			margin: 0 8px 0px 0;
			border:	5px solid;
			border-color: #f6f6f6;
			overflow: hidden;
		}
		
		div#content div#blocks a.huisstijl {
			background: url( '../images/huisstijl.jpg' ) no-repeat; 
			width: 289px;
			height: 184px;
			float: right;
			margin: 0 0px 8px 0px;
			overflow: hidden;
		}
		
		div#content div#blocks a.hosting {
			background: url( '../images/hosting.jpg' ) no-repeat; 
			width: 289px;
			height: 120px;
			float: right;
			overflow: hidden;
		}
		
		div#content div#blocks a.seo {
			background: url( '../images/seo.jpg' ) no-repeat; 
			width: 289px;
			height: 186px;
			clear: both;
			float: left;
			margin: 0 8px 8px 0;
		}
		
		div#content div#blocks a.webdesign {
			background: url( '../images/webdesign.jpg' ) no-repeat;
			width: 467px;
			height: 186px;
			float: left;
			display: block;
		}	

		div#content div#blocks a.nieuws2 {
			background: url( '../images/slideshowpics/CRM-relatiebeheer-met-act.jpg' ) no-repeat; 
			width: 467px;
			height: 312px;
			float: left;
			margin: 0 8px 8px 0;
		}
		
		div#content div#blocks a.voip {
			background: url( '../images/voip.jpg' ) no-repeat; 
			width: 289px;
			height: 184px;
			float: left;
		}
		
		div#content div#blocks a.hosting {
			background: url( '../images/hosting.jpg' ) no-repeat; 
			width: 289px;
			height: 120px;
			float: left;
			margin: 0 0 8px 0;
		}
		
		div#content div#blocks a.vpn {
			background: url( '../images/NOD32.jpg' ) no-repeat; 
			width: 289px;
			height: 186px;
			clear: both;
			float: left;
			margin: 0 8px 8px 0;
		}
		
		div#content div#blocks a.ictbeheer {
			background: url( '../images/ictbeheer.jpg' ) no-repeat;
			width: 467px;
			height: 186px;
			float: left;
			display: block;
		}	
		
/*  Static page with submenu */
div#content div#leftSubmenu {
	float: left;
	width: 220px;
	height: 100%;
	overflow: hidden;
}
	
	div#content div#leftSubmenu ul#submenu {
		list-style: none;
		width: 210px;
		margin: 15px 0 15px 10px;
	}
	
		div#content div#leftSubmenu ul#submenu li{
			height: 29px;
			border-bottom: 1px solid #c6c6c6;
		}
		
			div#content div#leftSubmenu ul#submenu li a{
				font: 11px Verdana;
				color: #908a8a;
				text-decoration: none;
				margin: 0 0 0 10px;
				position: relative; 
				top: 7px;
			}
			
			div#content div#leftSubmenu ul#submenu li a:hover{
				font: 11px Verdana;
				color: #800c0d;
				text-decoration: underline;
			}
		
		div#content div#leftSubmenu ul#submenu li.active{
			height: 29px;
			border-bottom: 1px solid #c6c6c6;
			background: url('../images/submenu_hover.jpg') no-repeat right;
		}
			
			div#content div#leftSubmenu ul#submenu li.active a{
				color: #800c0d;
			}
		

div#content div#rightInformation {
	float: left;
	width: 560px;
	height: 100%;
	overflow: hidden;
}

	div#content div#rightInformation div#item {
		margin: 20px;
		width: 520px;
		height: 100%;		
	}
	
		div#content div#rightInformation h1.sifr2{
			margin: 0 0 20px 0;
			font: 24px verdana;
			color: #fff;
		}
		
		div#content div#rightInformation h2 {
			font: bold 15px verdana;
			color: #800c0d; 
		}
		
		div#content div#rightInformation p{
			padding: 0 0 10px 0;
			font: 11px Verdana;
			line-height: 24px;
			color: #353a3d;
		}
		
		div#content div#rightInformation img.team{
			float: right; 
			margin: 0 0 10px 10px;
		}
		
		div#content div#rightInformation a{
			font: 11px Verdana;
			color: #800c0d;
			text-decoration: underline;
		}
		
		div#content div#rightInformation table.route {
			background: url( '../images/routeplanner.jpg' ) no-repeat top;
			font: bold 11px Verdana;
			color: #fff;
			margin: -10px 0 0 0;
			*margin: 0;
		}
		
		div#content div#rightInformation table.route tr{
			height: 25px;
		}
		
		div#content div#rightInformation table.route tr.button{
			height: 34px;
		}
		
		div#content div#rightInformation table.route span{
			font-size: 9px;
		}
		
		div#content div#rightInformation table.route tr input.route {
			width: 223px; 
			background: #fff; 
			border: 1px solid #520406;
			padding: 5px 2px;
		}
		
		
		
		div#content div#rightInformation .tabel_form {
			margin: 0 0 10px 0;
			font: 11px Verdana;
		}
	
		div#content div#rightInformation .tabel_form tr{
			height: 31px;
			/* background: url( '../images/streep.jpg' ) repeat-x bottom; */
		}
		
		div#content div#rightInformation .tabel_form input, select{
			padding: 2px 0;
		}
		
		div#content div#rightInformation .tabel_form textarea{
			margin: 4px 0;
		}
	
		div#content div#rightInformation .tabel tr{
			height: 23px;
			background: url( '../images/streep.jpg' ) repeat-x bottom;
		}
		
		div#content div#rightInformation .tabel_quote tr{
			height: 30px;
			background: url( '../images/streep.jpg' ) repeat-x bottom;
		}
		div#content div#rightInformation .tabel_quote td{
			padding-right: 30px;
		}
		
/*  Portfolio */
div#content ul#portfolio {
	list-style: none;
	width: 740px;
	margin: 0 20px;
}

	div#content ul#portfolio li {
		width: 179px;
		float: left;
		padding: 0 6px 40px 0;
	}
	
	div#content ul#portfolio li img {
		border: 0;
	}
	
	div#content ul#portfolio li a {
		text-decoration: none;
		text-align: center;
		font: bold 10px Verdana;
		color: #7f0b0c;
	}
	
	div#content ul#portfolio li a:hover {
		text-decoration: underline;
	}

div#content div#leftContent {
	width: 521px;
	float: left;
	height: 100%;
	background: #fff;
}

	div#content div#leftContent h1{
		font: 24px Verdana;
		margin: 20px 0 20px 20px;
	}

	div#content div#leftContent img.portfolio{
		margin: 0 20px;
	}
	
div#content div#rightContent {
	width: 239px;
	float: left;
	height: 500px;
	margin: 0 20px 0 0;
}

	div#content div#rightContent div#controls {
		margin: 26px 0;
	}

	div#content div#rightContent h2{
		padding: 0 0 5px 0;
		font: bold 12px Verdana;
		color: #898989;
		border-bottom: 1px dotted #ccc;
	}

	div#content div#rightContent p{
		padding: 10px 0 0 0;
		font: 11px Verdana;
		line-height: 18px;
		color: #353a3d;
	}
	
	div#content ul.content_list {
		list-style: block;
		margin: 0 0 0 15px;
		padding-left: 15px;
	}
		
		div#content ul.content_list li{
			font: 11px Verdana;
			color: #353a3d;
			padding-bottom: 10px;
			padding-left: 10px;
		}
	
	div#content div#rightContent div#perf{
		margin: 40px 0 0 0;
	}
	
		div#content div#rightContent div#perf ul#diensten{
			list-style: none;			
		}	
	
		div#content div#rightContent div#perf ul#diensten li {
			height: 24px;
			border-bottom: 1px dotted #ccc;
		}		
		
		div#content div#rightContent div#perf ul#diensten li a {
			position: relative;
			top: 5px;
			left: 2px;
			color: #7f0b0c;
			text-decoration: none;
		}
		
			div#content div#rightContent div#perf ul#diensten li a:hover {
				text-decoration: underline;
			}

		
/* footer */
div#footer {
	clear: both;
	padding: 0 0 10px 0;
}
	
	/* information */
	div#footer div#information {
		height: 45px;
		background: url( '../images/footertext.png' ) no-repeat;
	}
	
		div#footer div#information pre {
			font: 9px Verdana;
			color: #d2d2d2; 
			position: relative;
			top: 16px;
			left: 30px;
		}
		
		div#footer div#information pre a {
			font: 9px Verdana;
			color: #d2d2d2; 
			text-decoration: none;
		}
		
		div#footer div#information pre a:hover {
			text-decoration: underline;
		}				
	
	/* shade */
	div#footer div#shade {
		height: 38px;
		background: url( '../images/footer.png' ) no-repeat;
	}
	
/* sIFR 2.0  standard sIFR styles  */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


/* sIFR titles */
.sIFR-hasFlash h1 {
	visibility: hidden;	
	font-size: 24px;
	color: #7f0b0c;
	margin: 20px 0 20px 20px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;	
	font-size: 15px;
	color: #7f0b0c;
	margin: 5px 0 2px 0;
}

/* General styling for both valid and invalid input */
.invalidInput,.validInput{
	display:compact;
	padding:1px;
}
/* Style for invalid input */
.invalidInput{
	border:1px solid #dfe0e0;
}

/* Style for valid input */
.validInput{
	border:1px solid #FFF;
}

.prodtable {
	width:100%;
	border-top:1px solid #dfe0e0;
	border-right:1px solid #dfe0e0;
	margin:1em 0;
	}
.prodtable tr.odd	{
	background:#ececec;
	}
.prodtable tr.odd .column1	{
	background:#f4f9fe;
	}	
.prodtable .column1	{
	background:#f9fcfe;
	}		
#content .prodtable h3 {
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:1.2em;
	font-weight:bold;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
	}	
.prodtable th {
	font-weight:normal;
	color:#7b999f;
	text-align:left;
	padding:.3em 1em;
	}	
			
.prodtable thead th {
	background:#f4f9fe;
	text-align:center;
	}	
.prodtable tfoot th {
	text-align:center;
	background:#f4f9fe;
	}		
.prodtable tfoot th strong {
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:1.1em;
	color:#f03b58;
	}	
.prodtable a,
.prodtable a:link,
.prodtable a:visited {
	border:none;
	}		
.prodtable td {
	color:#768694;
	border-bottom:1px solid #dfe0e0;
	border-left:1px solid #dfe0e0;
	padding:.3em 1em;
	text-align:center;
	}	
#content .prodtable img {
	border:0;
	}			

	




#vorige {
position: absolute; 
left: 38px; 
top: 275px;
width: 27px; 
height: 29px;
cursor: pointer; 
cursor: hand;
}

#volgende {
position: absolute; 
left: 470px; 
top: 275px;
width: 27px; 
height: 29px;
cursor: pointer; 
cursor: hand;
}

#vorButton {
width: 27px;
height: 29px;
background:url('../images/slideshowpics/previous.png') no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/slideshowpics/previous.png');
}

#volButton {
width: 27px;
height: 29px;
background:url('../images/slideshowpics/next.png') no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/slideshowpics/next.png');
}


ul#feature_buttons{
margin:				0 0 0 0px;
padding:			0px 0 0 0;
width:				0px;
height:				0px;
}

ul#feature_buttons li{
display: 			block;
float:				left;
text-align: 		center;
color:				#accfd6;
padding:			0 0 0px 0;
font-size:			0px;
font-weight:		bold;
cursor: 			pointer;
margin:				0 0px 0 0;
width:				0px;
height:				0px;
overflow:			hidden;
background:			transparent url("images/b07V12_feature_butt.jpg") no-repeat left 0; 		
}

ul#feature_buttons li:hover {
background-position:left -22px; 
color:				#83b2ba;	
}

ul#feature_buttons li.active {
background-position:left -44px; 	
color:				#fefefe;
}

#slider_wrap {
border: 			#accfd6 0px solid;
background:			white;
width: 				457px;
margin: 			0 0 0 0px;
display:			block;
z-index:			-1200;
height:				302px;
max-height:			302px;
overflow:			hidden; 
}

#slider_wrap div div { 
overflow: 			hidden;
height:				302px;
z-index:			-1200; 
}

#slider_wrap div div a{
border:				none;
}

div.prijsplaatje {
	margin: 0 0 -70px 0;
	z-index: 1;
	position: relative;
	top: 40px;
	left: 388px;
}