html, body, div, span, object, h1, h2, h3, h4, h5, h6, p,  a,ul, li{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

	ol, ul {
		list-style: none;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}
	
	html{
		}

	body {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 0.79em;
		line-height: 1.8;
		text-align: center;
		color: #ece8d6 ;
		background: #ede9d6 url(bg2.gif) repeat-x;
		padding-top: 17px;
		overflow-y:scroll;
	}
	
	


	input, textarea, select {
		font: 1em Arial, Helvetica, sans-serif;
	}

	a {
		color: #ffcc00;
		text-decoration: none;
		outline: none;
	}
	a:hover {
		color: #3b3b3b;
		text-decoration: none;
	}

	a:visited {}

	a:active {}
	


/*===============================================================================================*/	
	
	#container {
		width: 980px;
		margin: 20px auto 0 auto;
		text-align: left;
		font-size: 1.3em;
	}
	
	.clearer {
		clear:both;
	}

/*===============================================================================================*/	

	#header {
		float:left;
		width: 980px;
		height: 56px;
	}
	
/*===============================================================================================*/	

	#logo {
		float:left;
		margin-top:1px;
		height: 55px;
		width:480px;
		background: url(logo.gif) no-repeat;
	}	

	#menu {
		float:left;
		display:block;
		margin-top:35px;
		height: 55px;
		width:500px;
	}	
	
	html>body #menu{margin-top:4px;}
	
	#main_menu {
		display:inline;
		border-bottom:1px solid #c7c7c7;
	}

	#main_menu li {
		float:right;
	}
		
	#main_menu a {
		float:left;
		color:#1a887d;
		font-size:1em;
		letter-spacing: 2px;
		padding:15px 10px;
		margin:0 5px;
		text-decoration:none;
	}
		
	#main_menu a:hover {
		background:#60aca4;
		color: #fff;
	}
		
	#main_menu a.selected {
		background: #1a887d right bottom no-repeat;		
		color: #ececec;
	}
		
/* ------------------------------------------------------------------------------------------------ */		

	#pitch {
		float:left;
		width:980px;
		margin-top: 0px;
		height:380px;
	}

/* 
------------------------------------------------------------------------------------------------ */
	#content {
		float:left;
		width:980px;
		padding-bottom: 0px;
	}

	#content p {
		margin:0 17px 17px;
	}

	#content h3  {
		font-size:1.5em;
		margin: 8px 15px 5px;
	}

	#info_left{
		float:left;
		width: 380px;
		}
		
	#midd_vak {
		float:left;
		margin: 0px 0 0 30px;
		padding: 0;
		width:570px;
	}


	#dlist{
		float:left;
		width:300px;
		margin:0 0 0 15px;
		
	
	}
	
	#dlist div{
		float:left;
		width:150px;
		margin:0 0 0 0px;
		
	
	}
		
/* -----*/

	
	#midd_vak a:hover {
	color: #888;
	
	}
	
	#artikels{
		float:left;
		padding-left: 10px;
		
		width:500px;
		margin:15px 15px 0 15px;
		
	
	}
	
	#artikels .item{
		
		
		margin-bottom:50px;}
	
	#artikels .footer{
	font-size: 12px;
	color:#666;
	
	}
	
	#ltvk{
		float:left;
		width: 6px;
		height: 6px;
		background:#e2e2e2 url(ltvk.gif) left top no-repeat;}
		
	#rtvk{
		float:right;
		width: 6px;
		height: 6px;
		background:#e2e2e2 url(rtvk.gif) left top no-repeat;}
		
		
		#lbvk{
		float:left;
		width: 6px;
		height: 6px;
		background:#f5f5f5 url(lbvk.gif) left bottom no-repeat;}
		
	#rbvk{
		float:right;
		width: 6px;
		height: 6px;
		background:#f5f5f5 url(rbvk.gif) left bottom no-repeat;}
		
	#footer {
		float:left;
		width:100%;
		background: url(footer2.gif) repeat-x;
		padding: 60px 0 0 0;
		color:#bababa;
		overflow:hidden;
		height: 140px;
	}

	#fcontent {
		width: 950px;
		margin: 0 auto;
		padding: 0 15px;
		font-size:14px;
	}
	
	#fcontent a{
		color: #CF0;
	}
	
	#fcontent .foot_links {
		float:left;
		width:190px;
		font-weight:100;
		text-align:left;
	}
	
	#fcontent .foot_mid {
		float:left;
		width:295px;
		margin-left:25px;
		text-align:left;
	}
	
	#fcontent .foot_rechts {
		float:left;
		width:440px;
		margin:0;
		text-align:right;

	}
	
	#fbt{
		background: url(bgb.gif) left top repeat-x;
		display: inline;
		display: block;
		height: 8px;
	}
	
	#fmenu{
		float:left;
	 	width: 950px;
		display: block;
		margin-top:10px;
		padding:0;
		text-align: left;
		font-size:14px;
		border-top: 1px solid #666
	}
	
	#fmenu a{
		color: #fff;
	}
	
	#fmenu a:hover{
		color: #CF0;
	}
	
	#fmenu ul{
		float:left;
		margin:10px 0 0 0;
		width:600px;
	}
	
	#fmenu ul li{
		display: inline;
		font-size:14px;
		padding-right: 20px;
	}
	
	#fmenu span{
		float: right;
		text-align:right;
		margin:10px 0 0 0;
		width:350px;
	}
	
	p span.hide { 
		display:none;
	}
	
	#about_links {
		float:left;
		background:#f5f5f5 url(bg-vak.gif) left top repeat-x;		
		width:415px;
		margin:15px 0px 0 0px;
	}
	
	#about_rechts {
		float:left;
		background:#f5f5f5 url(bg-vak.gif) left top repeat-x;
		width:535px;
		margin:15px 0px 20px 15px;
	}

html>body #about_rechts {
		float:left;
		
		background:#f5f5f5 url(bg-vak.gif) left top repeat-x;
		
		width:545px;
		margin:15px 0px 0 15px;
}
	

		
		
	#points {
		
		float:left;
		
		width:535px;
		
		
	}
	#points li {
			padding:0 10px 0px 66px;
			color:#757575;
		}
		#points li.intake {
				background:url(intake.gif) 25px 40% no-repeat;
			}
			
			#points li.offerte {
				background:url(offerte.gif) 25px 40% no-repeat;
			}
			
			#points li.concept {
				background:url(concept.gif) 25px 40% no-repeat;
			}
			
			#points li.create {
				background:url(create.gif) 25px 40% no-repeat;
			}
			
			#points li.online {
				background:url(online.gif) 25px 40% no-repeat;
			}
			
				
			
			#points li h4 {
			font-size:1em;
			font-weight:bold;
			color:#444;
		padding: 3px 0 3px 15px;
		}
		
	
#left_top{
	background: url(left_top.gif);
	width:200px;
	height:25px;}
	
#port_list{
	float:left;
	margin:40px 0;
	background: url(left_mid.gif);
	width:200px;
	coloir:white;
	}
	
#port_list h3{
	margin:0 0 0 10px;
	font-size:1.4em;
	}

#port_list a{
	color:#fff;
	margin: 0 0 0 10px
	}
	
#port_list a:hover{
	color:#2a978c;
	background: #ffcc00;
	}

#left_bot{
	background: url(left_bot.gif);
	width:200px;
	height:25px;}
	
		/* 3.10 CONTACT
------------------------------------------------------------------------------------------------ */
#contact {
	float:left;
	margin-top:50px;
	overflow:hidden;
	width:435px;
	
}

html>body #contact{
	margin-left:65px;}

#contact_links {
		float:left;
		background: url(box.gif) left top no-repeat;
		width:324px;
		height:447px;
		margin:50px 0px 0 70px;
}

#contact_links h3{
	text-indent:50px;}
	
	#contactgr {
		float:left;
		width:450px;
		margin:0;
}

	
	#contact_rechts {
		float:left;
		color:#2a978c;
		width:490px;
		margin:50px 0px 0 35px;
}
	

#contact .formal {

	font-size:1.1em;
letter-spacing: 2px;
background:url(../images/bg-contact-label.gif) left no-repeat;
display:block;
padding:0px 8px;
		
	margin-bottom:10px;
color:#FFF;
	
}
	
#contact .quick {
	background:#e9e9e9;
	
	margin-top:79px;
	width:410px;
	margin-right:55px;
}



#contact .form_entry {

	margin-top:9px;

}
	#contact .form_entry label {
		background: url(../images/bg-contact-label.gif) left top no-repeat;
		display:block;
		height:22px;
		width:433px;
		padding:0px 8px;
		margin-bottom:10px;
		font-size:0.8em;
		color:#fff;
	}
	#contact .form_entry .textarea_wrapper {
		border:1px solid #e9e9e9;
		border-top:0;
		background:#fff;
	}
	#contact .form_entry textarea {
		width:425px;
		background:#fff url(../images/bg-contact-textarea.gif) left top repeat-x;;
		border:0;
		padding:4px;

		border:1px solid #e9e9e9;
		color:#757575;
		
	}
#contact .form_entry_input {
	margin-bottom:6px;
}
	#contact .form_entry_input label {
		display:none;
	}
	
	#contact .form_entry_input input {
		border:1px solid #e9e9e9;
		width:425px;
		padding:7px 2px;
		color:#757575;
	}
	#contact .form_entry_input input.security {
		margin-left:60px;
		width:365px;
	}
	
	#contact .form_entry_input textarea {
		border:1px solid #e9e9e9;
		width:425px;
		padding:7px 4px;
		color:#757575;
	}
	#contact .left_column .form_entry_input input,
	#contact .left_column .form_entry_input textarea {
		font-weight:normal;
		width:400px;
	}
	#contact .quick_left .form_entry_input input.security {
		width:340px;
	}
	#contact button.submit {
		background:url(../images/button_n.gif) left top no-repeat;
		height:26px;
		width:90px;
		border:0;
		cursor:pointer;
		margin-left:350px;
		margin-top:8px;
		float:right;
		text-indent:-9999px;
	}
	#contact button.submit:hover {
		background-position:left bottom;
		background:url(../images/button_d.gif) left top no-repeat;
	}
	#contact .quick button.submit {
		margin-left:325px;
	}
	#contact .quick .quote {
		background:url(../images/bg-right_column-quote-top.gif) left top no-repeat;
		margin:7px 7px 0;
		text-align:center;
		padding-bottom:17px;
	}
	#contact .quick .quote h3 {
		font-size:2em;
		font-weight:bold;
		padding-top:17px;
	}
	#contact .quick .quote p {
		font-size:1.2em;
		color:#8b8b8b;
		font-weight:bold;
		margin:5px 0 15px;
	}
	#contact .quick .quote a {
		text-align:left;
		text-indent:-9999em;
		background:url(../images/btn-click_here.gif) left top no-repeat;
		width:145px;
		height:33px;
		border:0;
		margin:0 auto;
		display:block;
		cursor:pointer;
	}
	#contact .quick .quote a:hover {
		background-position:left bottom;
	}
	#contact .contact {
		background:url(../images/bg-right_column-quote-bottom.gif) left bottom no-repeat;
		margin:0 7px 8px;
		overflow:hidden;
		height:1%;
	}
	#contact .contact h3 {
		background:url(../images/bg-right_column-quote-middle.gif) left top no-repeat;
		padding:25px 26px 5px;
		color:#939393;
		font-size:1.2em;
		font-weight:bold;
	}
	#contact .contact .left {
		float:left;
		display:inline;
		width:145px;
		margin-left:26px;
		margin-bottom:10px;
		line-height:1.3em;
	}
	#contact .contact .right {
		float:right;
		display:inline;
		width:145px;
		margin-right:26px;
		margin-bottom:10px;
		line-height:1.3em;
	}
	
	#contactgr .box {
		float:left;
		margin: 30px;
		width:405px;
	}
	
	.cont {
		float: left;
		font-weight: bold;
		width:105px;
	}
	
	.svw {width: 50px; height: 20px;} 
		.svw2 {width: 50px; height: 20px; } 
.svw ul ,.svw2 ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;    
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
display:none;
} 

/* Porfolio */

#gallery{
	float:left;
	width:710px;
	margin: 50px 0 0 40px;
	}
	
#gallery h3{
	color:#2a978c;
}

#items li{
	width: 708px;
	min-height: 298px;
	}

#items li ul li{
	min-height: 0px;
	}

#items .top{
		float:left;
		background:url(../images/p_top.gif) left top no-repeat;
		width: 708px;
		height: 14px;
	}
	
	#items .bottom{
		float:left;
	background:url(../images/p_bot.gif) left top no-repeat;
		width: 708px;
		height: 14px;
	
	}
	
	#items .left{
		float:left;
		background:url(../images/p_left.gif) left top no-repeat;
		width: 14px;
		height: 270px;
	
	
	}
	
	#items .right{
	
		float:left;
		background:url(../images/p_right.gif) left top no-repeat;
		width: 14px;
		height: 270px;
	}
	
	#items .image{
	
			float:left;
		background: #000;
		width: 680px;
		height: 270px;
		
		
	}
	
	#items .image a{
		float:left;
		background:#FFF;
		padding: 10px;
		width: 660px;
		height: 250px;
		border: 0; 
		
	}
	
	#items .image a:hover{
		float:left;
		background:#F4f4f4;
		padding: 10px;
		width: 660px;
		height: 250px;
		border: 0; 
		
	}
	
	#items .image img{
		border-style: none;
	}
	
	#items a{
		color:#666}
		
	#items a:hover{
		color:#2a978c}
	
		.ruler{
	
		background:#fff;
		width: 7%;
		height: 1px;
		margin-bottom: 10px;
		font-size: 0px
		
	}
	
	#items .rest li{
		margin-left:17px;
		height: 20px;
	}
	
	.diensten {
		margin-top: 40px;
	}
	
	.dienst {
		float:left;
		
		background:#f5f5f5 url(box.gif) left top repeat-x;
		
		width:324px;
		height:447px;
	text-align: justify;
		margin:15px 1px 0 1px;
}

	.dienst2 {
		float:left;
		
		
		
		width:324px;
		height:447px;
	text-align: justify;
		margin:15px 1px 0 1px;
}

	.dienst h3, #apps h3{
		text-indent:50px;
	}


#apps {
		float:left;
		background:url(box2.gif) left top repeat-x;
		width:324px;
		height: 447px;
	text-align: justify;
	color: #2a978c;
		margin:15px 0px 0 0px;
}


.brk {
		float:left;
	
		width:980px;
height: 1px;
}


	#project ul, #project li{ 
	float:left;
		margin:0;
		padding:0;
		list-style:none;
		}	
	#project #temp{ 
		height:250px;
		width:660px;
		margin-top: 21px;
		margin-left:45px;
		overflow:hidden;
		
		}	
		
		
		
	#project ul{ 
		height:250px;

		}	
	#project li{ 
		float:left;
		display:inline;
		height:250px;
		width:660px;
		}	
	
	#project div.prev{ 
	width: 35px;
	margin-top: -150px;
	margin-left: 5px;
	float:left;
		}			
		
		html>body #project div.prev {margin-left:10px;}
		
	#project div.next{ 
	width: 35px;
	float:right;
	margin-top: -150px;
		}		
		
		
	#project div a{  
text-indent:-8000px;
		display:block;
		width:35px;
		height:69px;
		background:url(btn_prev.gif) no-repeat 0 0;	
		}	
	#project div.next a{ 
		background:url(btn_next.gif) no-repeat 0 0;	
		}								
			
	
	#project {
		float:left;

	
		
		width:740px;
	
	}
	
	#project_info{
		float:left;
		margin:60px 0px 0 15px;
		width:740px;
	
	}

	#project_info .info{
		float:left;
		margin:5px 0px 0 30px;
		width:650px;
	
	}
	
	
	html>body #project_info .info{
	
		margin:5px 0px 0 50px;
	
	}

	#project_info span.titel{
		float:left;
		font-size: 1em;
		width: 160px;
		color:#2a978c;
	}
	
	#project_info span.waarde{
		float:left;
		font-size: 1em;
		color:#666;
		text-align: right;
		width: 480px;
	
	}
	
	#project_info a{
		color:#2a978c;}
	
	#project_info .pruler{
		float:left;
		line-height:0px;
		border-bottom: #666  dashed 1px;
		width: 650px;
	
	}