@charset "UTF-8";
/* CSS Document */
	html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
	pre, form, fieldset, table, th, td, input, textarea { margin: 0; padding: 0; border:none; }
	
	body { background:url(../imgs/bg3.gif);font:12px "Lucida Grande", "Lucida Sans Unicode", Arial,sans-serif; line-height:20px; color:#444; }
		
	h2 {font:26px lighter Georgia, "Times New Roman", serif; color:#690; margin:0 0 10px 0; }
	h3 {font:20px lighter Georgia, "Times New Roman", serif; color:#222; line-height:36px; background:url(../imgs/bg_h3.gif); margin-bottom:20px; padding-left:3px; }
	h4 { font-size:12px; margin-bottom:5px; }
	p { margin:5px 0 10px 0;}
	abbr {cursor:help; border-bottom:1px dotted #777;}
	a { outline: none; color:#690; }
	a:hover { color:#E66; }
	:-moz-any-link:focus {outline: none;}

	
	div#outer { margin:0 auto;width:907px; height:500px;}
	
	div#left { position:fixed;top:100px;width:255px; }
	
	div#left a#logo {display:block; width:247px;height:53px; background:url(../imgs/logo.png) no-repeat 0 0; text-decoration:underline; }
	div#left a#logo:hover {display:block; width:247px;height:53px; background:url(../imgs/logo.png) no-repeat 0 -53px; text-decoration:none; }
	div#left a span { display:none; }
	
	div#left div#nav { margin:35px 18px 0 0; float:right;}
	div#left div#nav a { font:13px; color:#999; margin-right:7px; padding-bottom:7px; }
	div#left div#nav a:hover { color:#96BAFF; }
	div#left div#nav a.active { background:#EEE; color:#690; background:url(../imgs/bg_topnav.png) no-repeat bottom center; }
	
	div#right { float:right; width:500px;margin:0 0 0 0; }
	
	div#home { float:left; padding:95px 0 0 0;width:500px; }
	div#voorbeelden { float:left; padding:95px 0 0 0;width:500px; }
	div#contact { float:left; padding:95px 0 0 0;width:500px; }
	div#footer { float:left; width:500px; margin:95px 0 300px 0; padding-top:0px; border-top:1px solid #E7E7E7; }
	div#footer ul { list-style:none; margin-top:5px; }
	div#footer ul li { display: inline; float: left; width:160px; padding-left:6px; font-size:10px; color:#888; }
	div#footer ul li.middle { padding-left:7px; }
	div#footer a { color:#777; }
	div#footer a:hover { color:#690; }
	
	.left { float:left; }
	.right{ float:right; }
	.w240 { width:240px; }
	.w500 { width:500px; }
	
	label {width:110px; padding-left:5px; float:left; margin-top:15px; color:#777; }
	label.big{width:235px;}
	label span { color:#690; font-weight:bold; color:#96BAFF; }
	label.small span { font-size:12px; }
	
	label.error {width:115px; padding-right:5px; float:right; text-align:right; margin-top:15px; color:#C00; font-size:10px; }
	input.txt { float:left; width:220px; height:13px; padding:5px 10px; background:url(../imgs/bg_textinput.png) no-repeat 0 0; margin-top:3px; color:#333; }
	input.txt:focus { background:url(../imgs/bg_textinput.png) no-repeat 0 -24px;outline: 0; }
	
	textarea { float:left; clear:both; width:480px; height:94px; padding:5px 10px; margin-top:3px; font:12px "Lucida Grande", "Lucida Sans Unicode", Arial,sans-serif; color:#333; background:url(../imgs/bg_textarea.png) no-repeat 0 0; }
	textarea:focus { background:url(../imgs/bg_textarea.png) no-repeat -501px 0;outline: 0; }
	input.txts { width:1px; height:1px; visibility: hidden; }
	input.send { margin:15px 0; float:right; }
	
	div#loader { float:right; width:24px; height:24px; background:url(../imgs/ajax-loader.gif) no-repeat 0 0; margin:16px 5px;}
	div#message { padding:15px; border:1px solid #96BAFF; background:#DEEBFF; display:block; }
	div#message p { margin:0; padding:0; display:block; }
	
	div#IE6 { position:fixed; width:907px; margin:0 auto; top:0; z-index:99; padding:5px 15px; background:#FFFBDE;
				border:1px solid #FC0; border-top:none; }
	div#IE6 p { width:877px; margin:5px 0; padding:0; }
	
	/******************** PORTFOLIO page css starts ******************/
#refs{	
	margin:10px 0 20px 0; 	
}

#refs .refwrap_inner img{
	width:240px;
	height:116px;
}
#refs .refwrap{	
	height:136px; 
	width:240px;	
	float:left;
	padding:5px 0 0 0;
	margin-right:0;
	overflow:hidden;	
	position:relative;
}
#refs .refwrap_R{	
	height:136px; 
	width:240px;	
	float:right;
	padding:5px 0 0 0;
	margin-right:0;
	overflow:hidden;	
	position:relative;
}
#refs .refwrap_inner{
	height:116px;
	width:240px;			
	overflow:hidden;	
	position:relative;
}
#refs .refwrap_inner .infowrap{	
	width:240px;
	height:116px;		
	top:89px;		
	z-index:0;
	position:relative;	
}
#refs .refwrap_inner div.info{
	position:relative;	
	width:220px;
	top:-116px;
	z-index:100;
	height:106px;
	padding:5px 10px 5px 10px;	
	line-height:16px;
}
#refs .refwrap_inner div.info p{
}
#refs .refwrap_inner div.info_bg{	
	position:relative;	
	background-color:#EEE;
	width:240px;	
	z-index:50;
	top:-232px;
	height:116px;		
	opacity:0.8;
}