/*	Liqide Adviseurs BV			*/
/*  Created by iCREW 			*/
/* ============================ */
/*	orange		#ff9900			*/
/*	light green	#99ff00			*/
/*	light grey	#f6f6f6			*/
/* ============================ */

* {margin:0; padding:0}
html {background:#F6F6F6}
body {background:white url('/media/bg_top.gif') repeat-x; font-size:62.5%; font-family:verdana, arial, helvetica, sans-serif; color:#666666}
#container {position:relative; width:990px; margin:0 auto; padding:0;border:0}

.clear {clear:both}
h1,h2,h3,h4,h5,h6 {padding-top:5px; padding-bottom:2px; font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; text-decoration:none}
h1	{font-size: 2.7em; color:#666666}	
h2	{font-size: 1.7em; font-weight:normal; color:#ff9900}	
h3	{font-size: 1.5em}					
h4	{font-size: 1.3em}
h5	{font-size: 1.2em}
h6	{font-size: 1.0em}
img	{border:0px}

#subcontentright ul {margin:0 0 0 16px}
#subcontentright ol {margin:0 0 0 22px}

a:link, a:visited {color:#ff9900; text-decoration:none}
a:hover, a:active {color:white; background:#ff9900; text-decoration:underline}

/* login form */
#login_title {float:left;width:788px;font-weight:bold;font-size:1.1em;text-align:right;padding-top:5px;color:white}
.twitter {float: left; width: 200px; height: 25px; line-height: 25px; margin-top: 30px; text-align: left; color:#666666}
.twitter img {float:left; margin-right: 10px;}
#login {float:left;background:#ff9900 url('/media/bg_inlog.gif') no-repeat bottom right; width:170px; height:80px; padding:5px 15px; margin:0; color:white}
	#login select.appselect {border:0px; background:white;width:128px;padding:0;font:1.1em verdana; color:#666666;}
	#login input {border:0px; background:white; padding:3px 4px; font:1.1em verdana; color:#666666}
		#login input.e-mail {width:120px; margin:6px 0 6px 0}
		#login input.password {width:120px}
		#login input.button {width:20px; padding:2px 0px; color:#ff9900;cursor:hand;cursor:pointer}

/* logo & banner */
#logo {position:absolute; top:65px; left:0}
#logo a {display:block;background:white}
#banner {position:absolute; top:62px; left:515px}
	#bannerimage {/*width:275px;*/height:270px;border:0}

/* navigation portal */
#mainnav {float:left;background:#FFFFFF url('/media/bg_menu.png') no-repeat bottom left; width:990px; height:258px; margin:135px 0 30px 0}
	#mainnav_blockholder {margin:107px 0 0 11px}
	#mainnav_blockholder li {float:left; width:234px; height:133px; padding:0 10px 0 0; list-style-type:none}
		.mainnav_block {background:url('/media/mainnav_block.gif') no-repeat}
		.mainnav_block_over {background:url('/media/mainnav_block_over.gif') no-repeat}
		.cursorhand {cursor:hand;cursor:pointer;}
			.mainnav_block h1, .mainnav_block_over h1 {margin:4px 0 0px 40px;font-size:2em;font-weight:normal;}
			.mainnav_block p, .mainnav_block_over p, .mainnav_block dl, .mainnav_block_over dl {margin:22px 14px 0px 14px;font-size:1.1em;line-height:1.4em}
			.mainnav_block dl dd {border-top:1px dotted #CBCBCB}
			.mainnav_block_over dl dd {border-top:1px dotted gray}
			
			.mainnav_block a:link, .mainnav_block a:visited, .mainnav_block a:hover, .mainnav_block a:active {background:transparent;text-decoration:none;color:#666666} 
			.mainnav_block h1 a:link, .mainnav_block h1 a:visited, .mainnav_block h1 a:hover, .mainnav_block h1 a:active {background:transparent;text-decoration:none;color:white} 
			
			.mainnav_block dl dd a:link, .mainnav_block dl dd a:visited {display:block;width:100%;text-decoration:none;background:white;} 
			.mainnav_block dl dd a:hover, .mainnav_block dl dd a:active {display:block;width:100%;text-decoration:none;background:#ff9900;color:white}
			
			.mainnav_block_over a:link, .mainnav_block_over a:visited, .mainnav_block_over a:hover, .mainnav_block_over a:active {background:transparent;text-decoration:none} 
			.mainnav_block_over h1 a:link, .mainnav_block_over h1 a:visited, .mainnav_block_over h1 a:hover, .mainnav_block_over h1 a:active {background:transparent;text-decoration:none;color:white} 
			
			.mainnav_block_over dl dd a:link, .mainnav_block_over dl dd a:visited {display:block;width:100%;text-decoration:none;background:white;} 
			.mainnav_block_over dl dd a:hover, .mainnav_block_over dl dd a:active {display:block;width:100%;text-decoration:none;background:#ff9900;color:white}

/* content portal */
#contentleft, #contentright {float:left; font-size:1.1em;}
	#contentleft h1, #contentright h1 {padding:0 0 5px 0;margin:0}
	#contentleft h2, #contentright h2 {padding-bottom:5px}
	#contentleft p, dl.headline {line-height:1.5em}
	dl.headline dt {margin-top:10px}
	#contentleft {width:448px; margin:10px 40px 50px 0; padding-left:10px}
	#contentright {width:484px; margin:10px 0 50px 0}
		dl.headline dt a:link, dl.headline dt a:visited {font-size:1.4em;font-weight:bold;text-decoration:none}
		dl.headline dt a:hover, dl.headline dt a:active {font-size:1.4em;font-weight:bold;text-decoration:none}

/* Subpage */
#subcontainer {position:relative; width:990px; margin:0 auto; padding:0}
	#subBanner {position:absolute;left:0;bottom:0;width:275px;height:270px;border:0}

	/* navigation subpage */
	#ctrSubnav {float:left; background:transparent url('/media/bg_ctrSubnav.png') no-repeat top left; margin:120px 0 10px 0;}
	#subnav {float:left; background:transparent url('/media/bg_subnav.png') no-repeat bottom left; width:685px; padding:0 0 13px 305px; height:auto}

	#nav {color:#c66c4d; width:570px; margin:0; z-index:10;font-size:1.1em}
		#nav a:link, #nav a:visited {color:white; text-decoration:none}
		#nav a:hover, #nav a:active {color:#666666; background:white;  font-weight:bold }

		#nav, #nav ul {float:left; font-weight:bold}
		#nav ul {padding-bottom:10px; background:transparent url('/media/bg_navbottom.gif') no-repeat left bottom}
		#nav a {display:block; text-decoration:none; padding:18px 10px}
			#nav li li a {width:230px;padding:5px 10px}

		#nav li {float:left; margin:0}
		#nav li ul {position:absolute; left:-999em; height:auto; width:250px; cursor:hand}
		#nav li li {background:#a3a3a3; width:250px; font-weight:normal}
		#nav li:hover ul,  #nav li.sfhover ul{left:auto; border-top:13px solid #99ff00}

		#nav li, .navsub li {list-style:none}
		.navmain:hover, .navmain.sfhover {background:#a3a3a3}
		
			.navmain_active {background:#a3a3a3 url('/media/subnav_active_bg.gif') repeat-x bottom left; border-left:1px solid #A6A6A6; border-right:1px solid #A6A6A6;}
			.navsub_active {font-weight:bold}

/* content subpage */		
#subcontentleft, #subcontentright {float:left; margin:2px 0 50px 0}
	#subcontentleft {width:275px; padding-left:2px; margin-right:38px}
	#subcontentright {width:650px;font-size:1.1em;line-height:1.6em}
		#subcontentright h1 {padding-bottom:14px;padding-top:18px}

/* sidepanel subpage */
.box {margin-bottom:15px;background:transparent url('/media/box_bg_nopattern.gif') repeat-x top left;}
#box1 {background:transparent url('/media/box_bg.gif') no-repeat top left;}
#box2 {margin-bottom:260px}
.box dl {background:transparent url('/media/box_bg_bottom.gif') no-repeat bottom left;padding-bottom:15px}
.box dt {background:transparent url('/media/box_bg_top.gif') no-repeat top left;padding:16px 0 0 20px; font-size:2.3em; line-height:1.2em; color:white;font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;}
.box dd {padding-left:20px;line-height:1.4em;color:white;}
	.box dl dd a:link, .box dl dd a:visited {margin-left:5px;font-size:1.1em;color:white;text-decoration:none}
	.box dl dd a:hover, .box dl dd a:active {margin-left:5px;font-size:1.1em;background:white;color:#ff9900}

	.box dl dt a:link, .box dl dt a:visited {color:white;text-decoration:none}
	.box dl dt a:hover, .box dl dt a:active {color:white;text-decoration:underline}

	.box dl dd a:link.active, .box dl dd a:visited.active {font-weight:bold}
	.box dl dd a:hover.active, .box dl dd a:active.active {font-weight:bold}

/* footer */
#footer {float:left; background:#f6f6f6; width:100%; border-top:1px solid #c7c7c7; line-height:20px; color:#909090; font-size:1.1em}
	#footermain, #footersub {width:990px; margin:20px auto}
	
	#footermain .footerleft {float:left; width:467px; text-align:left; padding-left:10px}
	#footersub .footerleft {float:left; width:290px; text-align:left}
	.footerright {border-left:1px solid #c7c7c7; float:left; width:484px; text-align:left; padding-left:20px}		

		.footerright span, .subfooterright span {font-size:1.2em;display:block; color:#5F5F5F}
		#label_logos {margin-top:4px}

/* contactformulier */
#wrapperForm {width:490px}
	#ctrForm h2 {margin-bottom:15px}
	#ctrForm h3 {margin:10px 0 5px 0;font-size:1.3em;}
	#ctrForm fieldset {display:block;background:white;border:0;padding:0;margin:15px 0 0 0}
	#ctrForm legend {font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;color:#666666;font-size:1.3em;font-weight:bold;padding:0;margin:0 0 3px -5px;position:relative}
	
	/* contact form */
	#contactForm dt {float:left;width:16em;color:#666666;}
	#contactForm dd input, #contactForm dd select, #contactForm dd textarea {border:1px solid #E8E8E8;margin:.2em 0;color:#737273}
	#contactForm dd input.input_txt, #contactForm dd select, #contactForm dd textarea {width:245px;background:white}
	#contactForm dd input.input_txt_star {width:245px;background:#F6F6F6;border:1px solid #E8E8E8}
	#contactForm dd input.input_cb {border:0}
	#contactForm h1 {color:white;font-size:1.4em}
	#contactForm textarea {width:240px;height:100px}
	#contactForm dd.submit input {width:auto;padding:0 .4em 0 .4em;margin-top:1em;background:#ff9900;overflow:visible;color:white;font-weight:bold;border:1px solid #ff9900;cursor:hand;cursor:pointer }

	/* invoice form */
	#invoiceForm dt {float:left;width:16em;color:#666666;}
	#invoiceForm dd input, #invoiceForm dd select, #invoiceForm dd textarea {border:1px solid #E8E8E8;margin:.2em 0;color:#737273}
	#invoiceForm dd input.input_txt, #invoiceForm dd select, #invoiceForm dd textarea {width:245px;background:white}
	#invoiceForm dd input.input_txt_star {width:245px;background:#F6F6F6;border:1px solid #E8E8E8}
	#invoiceForm dd input.input_cb {border:1px solid white}
	#invoiceForm h1 {color:white;font-size:1.4em}
	#invoiceForm textarea {width:240px;height:100px}
	#invoiceForm dd.submit input {width:auto;padding:0 .4em 0 .4em;margin-top:1em;background:#ff9900;overflow:visible;color:white;font-weight:bold;border:1px solid #ff9900;cursor:hand;cursor:pointer }