@charset "utf-8";

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


 html 		{ height: 100.01%; background:url(../im/bck_sm.jpg) top repeat-x; }
 body 		{ height: 100%; font-family:Verdana; font-size:11px; margin:0px; padding:0px; color:#666; background:url(../im/bckgnd.jpg) top no-repeat #FFF; }
 a			{ color:#666; font-weight:bold; }
 a:hover	{ color:#000; }
 h1			{ line-height:18px; font-size:16px; }
 h2			{ line-height:16px; font-size:12px; }
 .red		{ color:#F00; font-weight:bold; }
 .blue		{ color:#00F; font-weight:bold; }
 .black		{ color:#000; font-weight:bold; }
 .yellow	{ color:#FF0; font-weight:bold; }

 #main		{ position:relative; margin: 0px auto; padding: 0px; width:1000px; height:620px; }
 #logo		{ position:absolute; top:0px; left:0px; }
 
 #bck_right	{ position:absolute; top:0px; left:350px; width:577px; height:639px; background:url(../im/bck_right.jpg); }
 	#menu	{ position:absolute; top:0px; left:30px; width:547px; height:30px; font-size:12px; letter-spacing:1px; color:#000; font-weight:bold; }
	a.black			{ color: #d1e1f1; text-decoration:none; }
	a.black:hover	{ color: #000; text-decoration:underline; }
	a.red			{ color: #d1e1f1; text-decoration:none; }
	a.red:hover		{ color: #F00; text-decoration:underline; }
	a.blue			{ color:#d1e1f1; text-decoration:none; }
	a.blue:hover	{ color:#00F; text-decoration:underline; }
	a.yellow		{ color:#d1e1f1; text-decoration:none; }
	a.yellow:hover	{ color:#FF0; text-decoration:underline; }
	a.selected		{ color: #21223e; text-decoration:underline; }
 #bottom	{ position:absolute; top:517px; left:9px; width:157px; height:124px; background:url(../im/bck_bottom.jpg); }
 
 #klant		{ position:absolute; top:98px; left:707px; width:105px; height:220px; background:url(../im/bck_klant.jpg); overflow:hidden!important; }
	.sliding		{ position:relative; top:19px; left:3px!important; width:100px; list-style:none; margin:0px; overflow:hidden!important;  }
 #contact	{ position:absolute; top:320px; left:707px; }
 	#contact .top	{ position:relative; width:105px; height:19px; background:url(../im/bck_contact.jpg); }
	#contact .cnt	{ position:relative; padding:10px 0px 0px 10px; width:217px; height:120px; background-color:#FFF; border:1px solid #7f7f7f; }
	#contact a		{ color:#666; text-decoration:none; }
	#contact a:hover{ color:#333; text-decoration:underline; }
	input			{ font-size:11px; letter-spacing:1px; font-family:Verdana; }
	textarea		{ font-size:11px; letter-spacing:1px; font-family:Verdana; }
	.btn			{ background-color:#d1e1f1 ; color:#21223e; border:1px solid #21223e; }
	.btn:hover		{ background-color:#21223e; color:#d1e1f1; border:1px solid #21223e; cursor:pointer; }
 #vakantie	{ position:absolute; top:473px; left:707px; display:none; }
 	#vakantie .top	{ position:relative; width:105px; height:19px; background:url(../im/bck_vakantie.jpg); }
	/*/ height:50px; */ 
	#vakantie .cnt	{ position:relative; height:170px; padding:10px 0px 0px 10px; width:217px;  background-color:#FFF; border:1px solid #7f7f7f; }
	
 #content	{ position:absolute; top:120px; left:170px; width:375px; height:520px; letter-spacing:1px; line-height:18px; }
 	#content td { font-size:11px; }
 	#slogan	{ position:absolute; bottom:0px; left:45px; letter-spacing:2px; color:#CCC; font-size:16px; font-weight:bold; }
	
	
 /* Portfolio */	
 
 .div_portfolio			{ margin:0px; width:380px; height:300px; float:left; padding:0px 0px 20px 0px; }
 .div_portfolio a 		{ display:block; padding-bottom:10px; margin-bottom:10px; background:#FFF; border:1px solid #EBEBEB; width:120px; height:130px; opacity:.7; filter:alpha(opacity=70); }
 .div_portfolio a:hover	{ border:1px solid #000; opacity:1; filter:alpha(opacity=100); }
 .div_portfolio ul, .div_portfolio li {	list-style:none; margin:0px; padding:10px 0px 0px 0px;	float:left; }
 .div_portfolio li 		{ width:100px;	}
 #container				{ font-family:Verdana; font-size:11px; letter-spacing:1px; color:#666; }
 #container #frame		{ position:relative; top:10px; left:-5px; width:460px; height:345px; }
 #container .title		{ position:absolute; top:30px; left:20px; width:500px; height:20px; }
 #container .title h1	{ line-height:18px; font-size:16px; color:#666; letter-spacing:1px; }
 #container .cnt		{ position:absolute; top:400px; left:20px; width:500px; height:130px; }
 #container .cnt h1		{ line-height:16px; font-size:14px; color:#666; letter-spacing:1px; }
 #container .url		{ position:absolute; bottom:10px; left:0px; width:200px; height:20px; }
 #specs					{ position:absolute; top:64px; left:460px; width:220px; height:325px; }
 	#specs h1			{ line-height:14px; font-size:12px; color:#666; letter-spacing:1px; }
 #nav-port				{ position:absolute; bottom:5px; left:0px; width:700px; height:30px; }
	 .next-port			{ background:transparent url(/im/up_big.jpg) no-repeat 0 0; width:30px; height:30px; position:absolute; right:18px; bottom:40px; }
	 .next-port:hover	{ background:transparent url(/im/up_big-over.jpg) no-repeat 0 0; }
	 .prev-port			{ background:transparent url(/im/down_big.jpg) no-repeat 0 0; width:30px; height:30px; position:absolute; left:18px; bottom:40px; }
	 .prev-port:hover	{ background:transparent url(/im/down_big-over.jpg) no-repeat 0 0; }
	 /* Caroussel */
	.jcarousel-container 		{ position:relative; }
	.jcarousel-clip 			{ z-index:2; padding:0px; margin:0px; overflow:hidden; position:relative; }
	.jcarousel-list 			{ z-index:1; overflow:hidden; position:relative; top:0px; left:0px; margin:0px; padding:0px; }
	.jcarousel-item 			{ float:left; list-style:none; width:126px; }
 	.jcarousel-skin-cs.jcarousel-container-horizontal 	{ width:380px; padding:0px; margin:0px; }
	.jcarousel-skin-cs.jcarousel-container-vertical 	{ width:120px; padding:10px 10px 10px 10px; }
	.jcarousel-skin-cs .jcarousel-clip-horizontal 		{ width:380px; margin:0px; padding:0px; }
	.jcarousel-skin-cs .jcarousel-clip-vertical 		{ width:120px; }
	.jcarousel-skin-cs .jcarousel-item 					{ width:120px; margin:1px 0px 1px 0px; }
	.jcarousel-skin-cs .jcarousel-item-horizontal 		{ margin-top:5px; margin-right:9px; }
	.jcarousel-skin-cs .jcarousel-item-vertical 		{ margin-bottom: 0px; }
	.jcarousel-skin-cs .jcarousel-next-horizontal 		{ position:absolute; top:342px; right:22px; width:17px; height:17px; cursor:pointer; background:transparent url(/im/up.jpg) no-repeat 0 0; }
	.jcarousel-skin-cs .jcarousel-next-horizontal:hover { background:transparent url(/im/up-over.jpg) no-repeat 0 0;} 
	.jcarousel-skin-cs .jcarousel-next-disabled-horizontal,
	.jcarousel-skin-cs .jcarousel-next-disabled-horizontal:hover,
	.jcarousel-skin-cs .jcarousel-next-disabled-horizontal:active 	{ cursor:default; background:transparent url(/im/up.jpg) no-repeat 0 0; opacity:.25; filter:alpha(opacity=25); }
	.jcarousel-skin-cs .jcarousel-prev-horizontal 		{ position:absolute; top:342px; left:22px; width:17px; height:17px; cursor:pointer; background:transparent url(/im/down.jpg) no-repeat 0 0; }
	.jcarousel-skin-cs .jcarousel-prev-horizontal:hover { background:transparent url(/im/down-over.jpg) no-repeat 0 0; }
	.jcarousel-skin-cs .jcarousel-prev-disabled-horizontal,
	.jcarousel-skin-cs .jcarousel-prev-disabled-horizontal:hover,
	.jcarousel-skin-cs .jcarousel-prev-disabled-horizontal:active 	{ cursor:default; background:transparent url(/im/down.jpg) no-repeat 0 0; opacity:.25; filter:alpha(opacity=25); }