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:  14px; vertical-align: baseline; }
			
	body {
		background:#eee;
		font-family: Arial, Helvetica, sans-serif;
		color: #222
	}
	
	h1{
		font-size: 36px;}
	
	
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}
	
	h3{
		padding: 0 0 20px 0}
	
	html{
		overflow-x: hidden;
  		overflow-y: scroll;
	}
	
	#imgContainer {  position: fixed;
	*position: static; z-index: -10;
		width: 100%;
		top: 0;
}

	
	hr{
		float:left;
		width:890px;
		margin:20px 45px;
		height:2px;
		background:#202020}
	
	ol,ul{
		list-style:none;}

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

	a {
		color: #3b3b3b;
		text-decoration: underline;
		outline: none;
	}
	a:hover {
		color: #98d700;
	}

	a:visited {}

	a:active {}
	


/*===============================================================================================*/	
	
	#top_bar {
		width: 100%;
		height: 8px;
		background:#111;
		border-bottom: 1px solid #fff;
		color:#151515
	}
	
	#container {
		width: 980px;
		margin: 0 auto;
	}
	
	.clearer {
		clear:both;
	}
	
	
	#frame {
		float:left;
		width:980px;
		background: url(bg.png);
		background-repeat:repeat;
	}
	

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

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

	#logo {
		float:left;
		margin-top:0px;
		height: 117px;
		width: 444px;
		background: url(logo.png) no-repeat;
	}	

	#menu {
		float:left;
		display:block;
		height: 110px;
		width:535px;

	}	
	
	#main_menu {
		display:inline;
		border-bottom:1px solid #c7c7c7;
	}

	#main_menu li {
		float:right;
	}
		
	#main_menu a {
		float:left;
		color:#777777;
		font-size:0.875em;
		letter-spacing: 0px;
		padding:45px 8px 0 8px;
		height:65px;
		margin:0 1px;
		text-decoration:none;
		text-transform: uppercase;
	}
		
	#main_menu a:hover {
		background: url(menu.png) repeat-x;
		color: #202020;
	}
		
	#main_menu a.selected {
		background: url(menu.png) repeat-x;
		color: #202020;
	}
		
/* 
------------------------------------------------------------------------------------------------ */


	#like{
		float:left;
		font-size:36px;
		padding:40px 0px 25px 0px;
		width:40px;
		text-align:right;
	}

	#slogan{
		float:left;
		font-size:36px;
		padding:25px 10px 25px 10px;
		width:900px;
		text-align:center;
		background:url(arceer.png) no-repeat;		
	}
		
	#content p {
		margin:18px 0;
		line-height:28px;
	}

	#info_left{
		float:left;
		width: 320px;
		padding:20px 0px 70px 45px;
		}
		
	#midd_vak {
		float:left;
		padding:20px 45px 70px 45px;
		width:515px;
	}


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

	#media{
		float:left;
		width:958px;
		margin: 5px 11px 20px;
		}
	
	#media_top{
		float:left;
		width:958px;
		height:9px;
		background: url(media_top.png)}
		
	#media_middle{
		float:left;
		width:958px;
		height:222px;
		background: url(media_middle.png) repeat-y;
		}
		
	#media_bottom{
		float:left;
		width:958px;
		height:26px;
		background: url(media_bottom.png) repeat-y;
		}


/*------------------------------------------------------------------------------------------------ */

	
	#midd_vak a:hover {
		color: #888;
		
	}

	p span.hide { 
		display:none;
	}
	
	#about_links {
		float:left;	
		width:890px;
		margin:15px 45px 0 45px;
	}
	
	#about_rechts {
		float:left;
		width:980px;
		margin:15px 45px 0 45px;
	}		
		
	#points {
		float:left;
		width:980px;
		
	}
	
	#points li {
		float:left;
		display:inline-block;
		width:440px;
		height:200px;
		padding:0;
		}
		
			
	#points li h4 {
		font-size:1em;
		font-weight:bold;
		color:#444;
		padding: 10px 0 3px 50px;
		}
	#points li p{
		padding:0 20px 0 8px;
	}
		
		#points li.intake {
				background:url(intake.gif) no-repeat;
				
			}
			
			#points li.offerte {
				background:url(offerte.gif) no-repeat;
			}
			
			#points li.concept {
				background:url(concept.gif) no-repeat;
			}
			
			#points li.create {
				background:url(create.gif) no-repeat;
			}
			
			#points li.online {
				background:url(online.gif) no-repeat;
			}
			
				

		

	
#port_list{
	float:left;
	margin:50px 0 40px 30px;
	width:208px;

	}
	
#port_list li{
	float:left;
	width:223px;
	margin:5px 0 5px 0px;
	}
	
#port_list h3{
	margin:8px 0 30px 10px;
	}

#port_list a{
	display:inline-block;
	color:#202020;
	margin: 0 0 0 10px;
	}
	
#port_list a:hover{
	color:#fff;
	background: #ffcc00;
	}

	
		/* 3.10 CONTACT
------------------------------------------------------------------------------------------------ */
#contact {
	float:left;
	margin-top:50px;
	overflow:hidden;
	width:435px;
	
}

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

#contact_links {
		float:left;
		width:380px;
		height:447px;
		margin:50px 0px 0 45px;
}
	
	#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.3em;
letter-spacing: 2px;
background:url(../images/bg-contact-label.png) left no-repeat;
display:block;
padding:3px 16px;
height:24px;
		
	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.png) left top no-repeat;
		display:block;
		height:22px;
		width:433px;
		padding:6px 16px 2px 16px;
		margin: 20px 0;
		font-size:14px;
		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.png) left top no-repeat;
		height:34px;
		width:146px;
		border:0;
		cursor:pointer;
		margin:36px 0 60px 145px;
		text-indent:-9999px;
	}
	#contact button.submit:hover {
		background-position:left bottom;
		background:url(../images/button_d.png) 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;
	}
	
	.cont{
		display:inline-block;
		width:100px;}
	
	#contactgr .box {
		float:left;
		margin: 30px;
		width:405px;
	}


/* Porfolio */

#gallery{
	float:left;
	width:692px;
	margin: 50px 0 80px 20px;

	}
	
#gallery h3{

	margin:0px 15px 10px 15px;
	text-transform:uppercase;
}

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

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

#items .top{
		float:left;
		background:url(../images/p_top.png) left top no-repeat;
		width: 690px;
		height: 14px;
	}
	
	#items .bottom{
		float:left;
	background:url(../images/p_bot.png) left top no-repeat;
		width: 690px;
		height: 14px;
	
	}
	
	#items .left{
		float:left;
		background:url(../images/p_left.png) left top no-repeat;
		width: 14px;
		height: 252px;
	
	
	}
	
	#items .right{
	
		float:left;
		background:url(../images/p_right.png) left top no-repeat;
		width: 14px;
		height: 252px;
	}
	
	#items .image{
	
			float:left;
		background: #000;
		width: 662px;
		height: 252px;
		
		
	}
	
	#items .image a{
		float:left;
		background:#FFF;
		padding: 1px;
		width: 660px;
		height: 250px;
		border: 0; 
		
	}
	
	#items .image a:hover{
		float:left;
		background:#202020;
		padding: 1px;
		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 {
		float:left;
		margin-top: 40px;
		margin:15px 45px;
	}
	
	.dienst {
		float:left;
		background:#fff;
		border: 5px solid #eee;
		width:390px;
		height:250px;
		padding:15px;
		margin:15px 5px 0 5px;
}

	.dienst2 {
		float:left;
		width:400px;
		height:247px;
		margin:15px 1px 0 1px;
}

	.dienst h3{
		height: 26px;
		font-size:1.5em;
		text-indent:50px;
		background: url(leaf.png) no-repeat;
		text-transform:uppercase;
	}


#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:35px;
		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: 0px;
	float:left;
		}			
		
	#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:730px;
	}
	
	#project_info{
		float:left;
		margin:60px 0px 0 0px;
		width:730px;
	}

	#project_info .info{
		float:left;
		margin:5px 0px 0 40px;
		width:650px;
	}
	

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

	#footer {
		float:left;
		width:980px;
		background: url(footer.gif);
		border-top:1px solid #fff;
	}

	#fcontent {
		width: 890px;
		margin: 0 auto;
		padding: 30px 45px;
		color:white;
		font-size: 	 	1.125em;
	}
	
	#fcontent .small_foot{
		font-size:0.875em;
		color: #ccc;
	}
	
	#fcontent a{
		color: white;
	}
	
	#fcontent .foot_links {
		float:left;
		width:270px;
		font-weight:100;
		text-align:left;
	}
	
	#fcontent .foot_mid1 {
		float:left;
		width:210px;
		text-align:left;
	}
	
	#fcontent .foot_mid2 {
		float:left;
		width:160px;
		text-align:left;
	}
	
	#fcontent .foot_rechts {
		float:left;
		width:240px;
		margin:0;
		text-align:right;

	}
	
	#fmenu{
		float:left;
		width:980px;
		padding: 50px 0 15px 0;
		font-size:0.8em;
		text-align:left;}
		
	#fmenu a{
		color:#CF0;}
	
	#foot_shadow{
		float:left;
		width:980px;
		height:30px;
		background: url(footer.png)}