@charset "utf-8";

/*****************************************************************************
 *
 *  Copyright              : Copyright (C) FJ Design
 *  Website                : www.fj-design.nl
 *  
 *****************************************************************************/


 body 				{ font-family:Arial; background:url(/im/bck.jpg) repeat-x; background-color:#FFF; font-size:11px; color:#5f5d5d; margin:0px; padding:0px; height:100%; }
 
 #div_main 			{ width:900px; position:relative; background-color:#FFF; text-align:left; min-height: 660px; height: auto!important; height: 660px; padding-bottom:75px;}
 #div_top 			{ width:861px; height:117px; background:url(/im/top.jpg) no-repeat; text-align:left; position: relative; top:0px; left:0px; }
 
 #d_usp				{ position:absolute; right:0px; top:0px; height:614px; width:40px; background:url(../im/right_usp.jpg) no-repeat; }
 #d_cnt				{ position:relative; left:210px; top:38px; width:626px; background-color:#fff1e4; z-index:1; padding:10px 12px 10px 12px; line-height:18px; 
 						min-height: 360px; height: auto!important; height: 360px; }
 	#d_cnt h1			{ font-size:18px; letter-spacing:2px; color:#008fb3; line-height:19px; }
	#d_cnt h2			{ font-size:14px; letter-spacing:2px; color:#ed8926; line-height:16px; }
	#d_cnt h3			{ font-size:12px; letter-spacing:2px; color:#008fb3; line-height:14px; }	
	#d_cnt .error		{ color:#F00!important; } 	
	#d_cnt a.arrow			{ background:url(../im/go_arrow.jpg) no-repeat top left;  margin-left: 0px; padding: 0px 0px 0px 12px; 
										display: block; color: #008fb3; font-weight:bold; text-decoration: none !important; }
	#d_cnt a.arrow:hover	{ color: #ed8926; background:url(../im/oo_arrow.jpg) no-repeat top left;}
	#d_cnt .icon			{ position: absolute; display:none; z-index:100; }
	
 #d_menu			{ position:absolute; left:0px; top:145; width:180px; z-index:10; }
 	#d_menu .bck_menu	{ position:relative; left:10px; width:165px; background-color:#fff1e4; padding:5px 0px 5px 5px; margin-bottom:4px; }
	#d_menu .bck_menu a 			{ background:url(../im/go_arrow.jpg) no-repeat top left;  margin-left: 0px; margin-top: 2px; padding: 0px 0px 6px 12px; 
										display: block; color: #008fb3; font-weight:bold; text-decoration: none !important; }
	#d_menu .bck_menu a:hover		{ color: #ed8926; background:url(../im/oo_arrow.jpg) no-repeat top left;}
	#d_menu .bck_contact{ position:relative; left:10px; width:160px; background-color:#fff1e4; padding:5px 0px 5px 10px; margin-bottom:4px; line-height:16px; }
	
 #breadcrumb		{ position:absolute; right:40px; top:140px; height:20px; width:580px; text-align:right; color:#bebebe; font-size:10px; }
	#breadcrumb a		{ color:#bebebe;}
 	#breadcrumb a:hover	{ color:#008fb3;}
	
 .img				{ border:#ed8926 1px solid; }	
 input				{ border:1px solid #ed8926; } 
 textarea			{ border:1px solid #ed8926; } 
 select				{ border:1px solid #ed8926; } 
 .btn				{ border:1px solid #FFF; color:#FFF; background-color:#ed8926; }
 .btn:hover			{ border:1px solid #FFF; cursor:pointer; background-color:#008fb3; }
 .naam 				{ display:none; }
 fieldset 			{ width:400px; border:1px solid #ed8926; padding-left:10px; }
 legend				{ color:#008fb3; }
 a					{ color:#008fb3; text-decoration:underline; }
 a:hover			{ color:#ed8926; }
 hr					{ border:#008fb3 1px solid; }
	
 /* intro */
 #d_intro			{ position:relative; width:890px; height:765px; }
 	#d_intro #i_usp		{ position:absolute; left:700px; top:240px; width:230px; height:200px; color:#000; font-size:14px; font-weight:bold; text-align:left; overflow:hidden; }
		#i_usp	p		{ position:relative; text-align:left; color:#FFF; font-size:14px; font-weight:bold; left:800px; margin:4px 0px 2px 0px; }
		#d_intro #i_usp .usp	{ float:left; width:170px; height:20px; text-align:left; color:#FFF; font-size:14px; font-weight:bold; position:absolute; left:600px; }
		#d_intro #i_usp .gr		{ color:#f5c68e; font-size:14px; font-weight:bold; }
	#d_intro #i_inno	{ position:absolute; right:0px; bottom:16px; width:748px; height:24px; background-image:url(../im/intro_inno.jpg);}		
	#d_intro #i_ned		{ position:absolute; left:175px; top:69px; width:491px; height:653px; background-image:url(../im/intro_ned.jpg);}
		#i_ned .circel 	{ position: absolute; }
		#i_ned .icon	{ position: absolute; display:none; }	
	#d_intro #i_vest	{ position:absolute; right:0px; bottom:40px; width:329px; height:222px; background:url(../im/intro_vestiging.jpg) no-repeat; text-align:left; padding:28px 0px 0px 18px;}
	#d_intro a.arrow		{ background:url(../im/gw_arrow.jpg) no-repeat top left; font-size:14px; margin-left: 0px; padding: 0px 0px 0px 12px; 
								color: #008fb3; font-weight:bold; text-decoration: none !important; }
	#d_intro a.arrow:hover	{ color: #ed8926; background:url(../im/ow_arrow.jpg) no-repeat top left;}
 
 	#d_vestigingen		{ width:230px; height:225px; background:url(../im/bck_vestigingen.jpg) left no-repeat; position:absolute; left:14px; top:45px; }
		#d_vestigingen .circel 	{ position: absolute; }
	#d_plaatsen			{ width:230px; height:150px; position:absolute; left:14px; top:270px; }
	#d_infovest			{ width:400px; height:450px; position:relative; left:240px; top:-60px; padding-top:0px; margin-top:0px; }
	#popup 				{ display: none; position: absolute; top: -2px; left: 0; width: 250px; height: 150px; background: url('/im/popup.gif') no-repeat; color: #FFFFFF !important; font-size: 12px; text-align: right; z-index:100!important;
							cursor:pointer; }
	#popup span 		{ color: #000000; font-weight: bold; }
	#popup a 			{ color: #FFFFFF; }
  
 /* nieuws */
 .news_over			{ background-color:#ffffff;	cursor:pointer;	border:#e07d06 1px solid; }
 .top_news			{ background-color:#e07d06; color:#FFF; height:20px; vertical-align:bottom;	 font-size:12px; letter-spacing:2px; font-weight:bold; }
 .news_border		{ background-color:#f5c68e;	border:#e07d06 1px solid; }
 
 /* popup */
 #backgroundPopup	{ display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#ffffff; border:1px solid #ed8926; z-index:100; }
 #popupContact		{ display:none; position:fixed; _position:absolute; width:428px; background:#FFFFFF; border:2px solid #cecece; z-index:101; padding:12px; font-size:13px; }
 #popupContact h1	{ text-align:left; color:#008fb3; font-size:22px; font-weight:700; border-bottom:1px dotted #008fb3; padding-bottom:2px; margin-bottom:20px; }
 #popupContact h2	{ font-size:14px; letter-spacing:2px; color:#ed8926; line-height:16px; }
 #popupContact h3	{ font-size:12px; letter-spacing:2px; color:#008fb3; line-height:14px; }	
 #popupContactClose	{ font-size:12px; line-height:14px; right:6px; top:4px; position:absolute; color:#ed8926; font-weight:700; display:block; cursor:pointer; }
 
  /* inloggen */
 .inlog_table				{ width:400px; }
 .inlog_table .error		{ color:#F00; }
 
 #d_bttm			{ position:absolute; bottom:5px; left:20px; width:854px; height:40px; background:url(../im/bottom.jpg) no-repeat bottom; }
 
 #div_fj			{ width:900px; height:20px;	text-align:right; }
	#div_fj a 		{ color: #bebebe; font-size:10px ; font-family: verdana; font-weight:bold; text-decoration:none; }
	#div_fj a:hover	{ color:#008fb3; text-decoration:underline; }	
		
	/*****************************************************************************
	 *  	CROPTOOL
 	*****************************************************************************/
	.imgareaselect-border1 			{ background: url(../im/croptool/border-anim-v.gif) repeat-y left top; }
	.imgareaselect-border2 			{ background: url(../im/croptool/border-anim-h.gif) repeat-x left top; }
	.imgareaselect-border3 			{ background: url(../im/croptool/border-anim-v.gif) repeat-y right top; }
	.imgareaselect-border4 			{ background: url(../im/croptool/border-anim-h.gif) repeat-x left bottom; }
	.imgareaselect-border1, 
	.imgareaselect-border2,
	.imgareaselect-border3, 
	.imgareaselect-border4 			{ opacity: 0.5; filter: alpha(opacity=50); }
	.imgareaselect-handle 			{ background-color: #fff; border: solid 1px #000; opacity: 0.5;	filter: alpha(opacity=50); }
	.imgareaselect-outer 			{ background-color: #000; opacity: 0.5;  filter: alpha(opacity=50); }
	.imgareaselect-selection 		{ }
 
 /*****************************************************************************
 *  	SLIDESHOW
 *****************************************************************************/ 
 div.content 			{ display: block; float: left; width: 550px; }
 div.content a, 
 div.navigation a 		{ text-decoration: none; color: #777; }
 div.content a:focus, 
 div.content a:hover, 
 div.content a:active 	{ text-decoration: underline; }
 div.controls 			{ margin-top: 5px; height: 23px; }
 div.controls a 		{ padding: 5px; }
 div.ss-controls 		{ float: left; }
 div.nav-controls 		{ float: right; }
 div.slideshow-container 	{ position: relative; clear: both;	height: 502px; }
 div.loader 			 	{ position: absolute; top: 0; left: 0;	background-image: url('/im/loader.gif'); background-repeat: no-repeat; background-position: center;	width: 550px; height: 402px; }
 div.slideshow 				{ }
 div.slideshow span.image-wrapper 	{ display: block; position: absolute; top: 0; left: 0; }
 div.slideshow a.advance-link 		{ display: block; width: 550px; height: 502px; line-height: 502px; text-align: center; }
 div.slideshow a.advance-link:hover, 
 div.slideshow a.advance-link:active, 
 div.slideshow a.advance-link:visited 	{ text-decoration: none; }
 div.slideshow img 			{ vertical-align: middle; border: 1px solid #ccc; }
 div.download 				{ float: right; }
 div.caption-container 		{ position: relative; float:left; height:100px; width:550px;}
 span.image-caption 		{ display: block; position: absolute; width: 550px;	top: 0;	left: 0; }
 div.caption 				{ position:relative; height:100px; float:left; padding: 4px; }
 div.image-title 			{ font-size: 1.4em; }
 div.image-desc 			{ line-height: 1.3em; padding-top: 12px; }
 div.navigation 			{ position: relative; float:left;}
 ul.thumbs 					{ clear: both; margin: 0; padding: 0; }
 ul.thumbs li 				{ float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; }
 a.thumb 					{ padding: 2px;	display: block;	border: 1px solid #ccc; }
 ul.thumbs li.selected a.thumb 	{ background: #008fb3; }
 a.thumb:focus 				{ outline: none; }
 ul.thumbs img 				{ border: none;	display: block; }
 div.pagination 			{ clear: both; }
 div.navigation div.top 	{ margin-bottom: 12px; height: 11px; }
 div.navigation div.bottom 	{ margin-top: 12px; }
 div.pagination a, 
 div.pagination span.current, 
 div.pagination span.ellipsis 	{ display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px;	border: 1px solid #ccc; }
 div.pagination a:hover 		{ background-color: #ed8926; color:#FFF; border:1px solid #FFF;	text-decoration: none; }
 div.pagination span.current 	{ font-weight: bold; background-color: #008fb3;	border-color: #000; color: #fff; }
 div.pagination span.ellipsis 	{ border: none;	padding: 5px 0 3px 2px; }