/*	-------------------------------------------------------------
		JAS Benelux
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		Description:	Base stylesheet
		Filename:			base.css
		Version:			1.0
		Date:					Oct 17 2007 
		-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
		Base HTML Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		html {
				height: 100%;
				width: 100%; }
				
		body {
			height: 100%;
			width: 100%;
			padding: 0;
			margin: 0;
			background: url(../img/body-bg.jpg) 0px 115px repeat-x;
			font-size: 1em;
			font-family: Arial;
			text-align: center; }

		a {
			color: #182e5c;			
			-moz-outline: none; }
			
/*	-------------------------------------------------------------
		Container
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		#container {
			width: 990px;
			height: 100%;
			margin: 0 auto;
			text-align: left;
			position: relative;
			background: url(../img/container-bg.gif) 0 260px no-repeat; }
			
/*	-------------------------------------------------------------
		Header - logo, menu
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#header {
			height: 261px;
			position: relative;
			background: url(../img/header.jpg) top left no-repeat; }
			
		#header ul#static-menu {
			margin: 0;
			padding: 0;
			position: absolute;
			top: 0;
			left: 255px;
			list-style: none; }
			
		#header ul#static-menu li {
			width: 15px;
			height: 227px;
			margin: 0 6px 0 0;			
			float: left; }
			
		#static-menu li a {
			height: 227px;
			display: block;
			text-indent: -10000em; }
			

/*	Links
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#static-menu-0 {
			background: url(../img/home-link.gif) top left no-repeat; }

		#static-menu-1 {
			background: url(../img/webshop-link.gif) top left no-repeat; }

		#static-menu-2 {
			background: url(../img/contact-link.gif) top left no-repeat; }
			
		#static-menu-3 {
			background: url(../img/voorwaarden-link.gif) top left no-repeat; }


/*	Languages
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
		#languages {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			right: 16px;
			top: 4px; }	
			
		#languages li {
			float: left;
		}
		
		#languages li a {
			width: 22px;
			height: 14px;
			margin: 0 10px 0 0;
			text-indent: -100000em;
			display: block; }
				
/*	Flags
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		#dutch {
			background: url(../img/flag-nl.gif) top left no-repeat; }
			
		#english {
			background: url(../img/flag-en.jpg) top left no-repeat; }

/*	-------------------------------------------------------------
	Content-container - menu, content, news, breadcrumbs
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#content-container {
			width: 100%;
			min-height: 283px;	
			position: relative; }
			
/*	Menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#menu {
			width: 161px;	
			float: left;
			position: relative;
			padding: 5px 0 0 48px; }
			
		#menu ul {
			margin: 0;
			padding: 0;
			list-style: none; }

		#menu ul li {
			width: 137px;
			padding: 0 0 0 24px;
			background: url(../img/menu-list-image.gif) top left no-repeat; }
			
		#menu ul li ul {
			display: none; }
			
		#menu li a {
			width: 115px;
			height: 25px;
			line-height: 30px;
			display: block;
			font-size: 11px;
			color: #000;
			text-decoration: none;
			background: url(../img/menu-link-image.gif) top left repeat-x; }
			
		#menu ul li li {
			width: 127px;
			padding: 0 0 0 4px;
			background: none; }
			
		#menu li a {
			width: 115px;
			height: 25px;
			line-height: 30px;
			display: block;
			font-size: 11px;
			color: #000;
			text-decoration: none;
			background: url(../img/menu-link-image.gif) top left repeat-x; }
						
		#menu img {
			position: absolute;
			left: 31px;
			top: -13px; }
			
/*	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#content {
			width: 534px;
			width: 480px;
			min-height: 200px;
			float: left;
			padding: 40px 28px;
			font-size: 11px; }
			
		#content h1, #content h2, #content h3, #content h4 {
			font-size: 13px;
			margin: 0 0 15px 0;
			color: #182e5c;	}
			
/*	News
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#news {
			width: 221px;
			float: left;
			padding: 30px 0 0 24px; }
		
		#news ul {
			margin: 0;
			padding: 0;
			list-style: none; }
			
		#news li {
			height: 24px;			
			padding: 0 0 0 12px;
			background: url(../img/news-link-image.gif) 0px 3px no-repeat;	}
			
		#news li a {
			display: block;
			font-size: 10px;
			color: #000;
			text-decoration: none; }
			
/*	Breadcrumbs
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		#crumbs {
			width: 500px;			
			position: absolute;
			top: 10px;
			left: 238px;
			font-size: 11px;
			color: #000; }
		
		#crumbs a {
			color: #000; }


/*	-------------------------------------------------------------
	Banners
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
	#banners {
		width: 195px;
		height: 100px;
		float: left;
		padding: 10px 12px;
	}	
	
			
/*	-------------------------------------------------------------
		Zoeken
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		fieldset {
			width: 201px;
			height: 35px;
			margin: 100px 0 0 0;
			padding: 3px 5px;
			border: 1px solid #d1d1d3;
			float: left; }
					
		fieldset input {
			float: left;
			margin: 7px 0 0 0;
			font-family: Arial;
			font-size: 11px; }
			
		fieldset input[type='text'] {
			height: 18px;
			border: 1px solid #818592;
			width: 140px;	}
		
		fieldset input[type='submit'] {
			height: 22px;
			margin: 7px 0 0 3px;
			line-height: 20px;
			border: none;
			color: #fff;
			background: #818592; }
			
/*	-------------------------------------------------------------
		Systemen menu - drop down
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#systems-menu, #systems-menu ul {
			padding: 0;
			margin: 0;		
			list-style: none;
			float: left;
			line-height: 1em; }
		
		#systems-menu a {
			display: block;
			width: 10em; }
		
		#systems-menu li {
			float: left;
			width: 10em; }
		
		#systems-menu li ul {
			position: absolute;
			width: 10em;
			left: -999%; }
		
		#systems-menu li ul ul { 
			margin: -1em 0 0 10em; }
				
		#systems-menu li:hover ul ul {
			left: -999%; }
		
		#systems-menu li:hover ul, #systems-menu li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
			left: auto; }
			
		ul#systems-menu {
			width: 536px;
			position: absolute;
			top: 0;
			left: 211px;		 
			font-size: 11px; }
		
		ul#systems-menu li {
			width: 133px;

			background: #cdced4;
			border-bottom: 1px solid #818592;
			border-right: 1px solid #fff;
			line-height: 2em; }

		ul#systems-menu li ul {
			margin: 1px 0 0 0;
			width: 133px; }
			
		ul#systems-menu li ul ul {
			margin: -2em 0 0 134px; }
			
		ul#systems-menu li a {
			width: 100%;
			color: #000;
			text-decoration: none;
			text-indent: 5px; }

		ul#systems-menu li a:hover {
			color: #fff; }
			
		ul#systems-menu ul a.systems-menu-x {
			background: #cdced4 url(../img/systems-menu-arrow.gif) top right no-repeat; }