/*	-------------------------------------------------------------
	BIK
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Base stylesheet
	Filename:			base.css
	Version:			1.0
	Date:					Sep 24 2007 
	-------------------------------------------------------------	*/

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

	html {
		height: 100%; }
			
	body {
		height: 100%;
		padding: 0;
		margin: 0;
		font-size: 1em;
		text-align: center;
		background: #ebedef url(../img/body-bg.jpg) top center repeat-y; }
	
	img {
		border: none; }
		
	a {
		-moz-outline: none; }

	/*	-------------------------------------------------------------
	Container
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#container {
		width: 800px;
		min-height: 100%;
		margin: 0 auto;
		position: relative;
		text-align: left; }

	* html #container {
		height: 100%;	}
		
	#vertical-logo {
		height: 262px;
		width: 160px;
		position: absolute;
		left: 0;
		bottom: 35px;
		z-index: 0;
		background: url(../img/logo-vertical.gif) top left no-repeat; }	
		
	* html #vertical-logo {
		z-index: -1; }
		
	/*	-------------------------------------------------------------
	Logo + language selection
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#logo-language {
		width: 100%;
		height: 71px;
		background: url(../img/logo-language-bg.gif) top left repeat-x; }
		
	#logo-language h1 {
		height: 71px;
		width: 376px;
		padding: 0;
		margin: 0; 
		position: absolute;
		top: 0;
		left: 0;
		text-indent: -1000em;
		background: url(../img/bik-logo.jpg) top left no-repeat; }
		
	#logo-language ul {
		height: 17px;
		width: 425px/*375px*/;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 27px;
		right: 0;
		list-style: none;
		line-height: 17px;
		font-family: Helvetica, Arial;
		font-size: 0.7em;		
		background: url(../img/language-bg.gif) top right no-repeat; }
		
	#logo-language ul li {
		float: left;
		margin: 0 3px 0 0;
		color: #15639e; }
		
	#logo-language ul li a {
		text-decoration: none;
		color: #394653; 
		margin: 0 4px 0 0; }
		
	/*	-------------------------------------------------------------
	Static menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#static-menu {
		height: 29px;
		width: 100%;
		position: relative;
		background: url(../img/static-menu-bg.gif) top left repeat-x; }
		
	#static-menu ul {
		height: 29px;
		padding: 0;
		margin: 0;
		list-style: none;
		font-family: Helvetica, Arial;
		font-size: 0.70em;
		line-height: 23px;
		position: absolute; }
	
	#static-menu ul li {
		float: left; }

	#static-menu ul li a {
		height: 24px;
		margin: 3px 0 2px 0;		
		text-decoration: none;
		text-align: center;
		display: block; 
		font-weight: 700;
		color: #fff; }
		
	* html #static-menu ul li a {
		float: left; }
		
	#static-menu ul li a:hover, #static-menu ul li a#hit {
		background: url(../img/static-menu-bg-hover.gif) top left repeat-x; }
		
/*	Product groups
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#static-menu #product-groups {
		top: 0;
		left: 0; }

	#static-menu #product-groups li {
		width: 80px; }

	#static-menu #product-groups li a {
		border-right: 1px solid #7c868e; }
	
	* html #static-menu #product-groups li a {
			width: 80px; }
			
	.multi-line {
		line-height: 12px; }
		
/*	Company menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#static-menu #company-menu {
		top: 0;
		right: 0; }
		
	#static-menu #company-menu li a {
		padding: 0 5px;
		border-left: 1px solid #7c868e; }

	/*	-------------------------------------------------------------
	Product items
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#product-items {
		width: 160px;
		margin: -1px 0 19px 0;
		border-right: 1px solid #c3c7cb;
		float: left;
		position: relative;
		font-family: Arial;
		font-size: 0.7em; }
		
	#product-items ul {
		padding: 0;
		margin: 0;
		list-style: none;
		border-bottom: 1px solid #fff; }
		
	#product-items ul li a {
		width: 150px;
		/*height: 15px;*/
		border-bottom: 1px solid #235d81;
		border-top: 1px solid #fff;
		padding: 0 0 0 10px;
		text-decoration: none;
		color: #fff; 
		display: block;
		background: url(../img/container-bg.gif) bottom left repeat-y; }
	
	#product-items ul li {
		background: #fff; }

	#product-items ul li li a {
		width: 140px;
		/*height: 15px;
		line-height: 12px;*/
		padding: 2px 0 0 20px;
		color: #000;
		border: none;
		background: #fff url(../img/product-items-list.gif) 12px 7px no-repeat; }
		
	#product-items li li li a {
		width: 130px;
		padding: 0 0 0 30px;
		background: #fff; }
				
	#product-items img {
		margin: 30px 0 0 -1px; }

	* html #product-items img {
		margin: 30px 0 0 -1px; }
	
	/*	-------------------------------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	
	#content-holder {
		width: 639px;
		margin: 0 0 20px 0;
		font-family: Arial;
		font-size: 0.7em;
		color: #343d46;	
		float: right;
		position: relative; }
		
	#content-holder #content {
		margin: 22px 16px 20px 30px; }
	
	#content h1, h2, h3, h4 {
		height: 16px;
		padding: 0;
		margin: 0 0 5px 0;
		font-size: 1.2em;
		background: url(../img/content-header-bg.gif) top left no-repeat; }

	#content img.links {
		margin-left: 10px; }
	
	#content img.rechts { 
		margin-right: 10px; }
	
	#content img.boven {
		margin-top: 10px; }
		
	#content img.onder {
		margin-bottom: 10px; }
	
/*	Frontpage
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	

	p#title {
		position: relative; }

	p#title, p#links {
		height: 24px; 
		line-height: 24px; 
		font-family: Arial; 
		font-size: 11px; 
		background: #c1d7ec; 
		color: #5b9acf; 
		font-weight: 700;
		text-indent: 165px; 
		padding: 0; 
		margin: 0; }
	
	p#links {
		margin: -3px 0 0 0;
		text-indent: 0; }
		
	p#links a, p#links span {
		color: #5b9acf; 
		font-weight: 100;
		text-decoration: none;
		margin: 0 0 0 10px; }

	p#links #straten {
		width: 250px;
		position: absolute;
		left: 320px; }		
	 
/*	-------------------------------------------------------------
	Templates tabellen
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	table.overzicht-technische-gegevens {
		border-collapse: collapse; }

	.overzicht-technische-gegevens th {
		height: 18px;
		line-height: 18px;
		border-left: 1px solid #5194d0;
		border-right: 1px solid #5194d0;
		color: #fff;
		text-align: center;
		background: #5194d0; }

	.overzicht-technische-gegevens .dark td {
		background: #ccc; }

	.overzicht-technische-gegevens td.spacer {
		width: 10px;
		background: #fff; }

	.overzicht-technische-gegevens #eigenschappen {
		width: 300px; }

	.overzicht-technische-gegevens #acrylaat, .overzicht-technische-gegevens #polycarbonaat  {
		width: 150px; }

	.overzicht-technische-gegevens td {
		height: 18px;
		line-height: 18px;
		padding-left: 10px;
		border-left: 1px solid #b1b1b1; 
		border-right: 1px solid #b1b1b1;
		border-bottom: 1px solid #b1b1b1;  }

	.overzicht-technische-gegevens td.clean {
		background: #fff;
		border: none; }

	.polycarbonaat {
		width: 100%;
		font-size: 9px;
		border-collapse: collapse; }

	.polycarbonaat #sizes { }

	.polycarbonaat th {
		height: 14px;
		line-height: 14px;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		color: #fff;
		text-align: center; }

	#blue th {
		height: 18px;
		line-height: 18px;
		border-left: 1px solid #5194d0;
		border-right: 1px solid #5194d0;
		background: #5194d0; }
	
	#images th {
		height: 50px;
		background: #fff; }
	
	#dark-header th {
		background: #b1b1b1;
		color: #394653; }

	.medium-header th {
		background: #ccc;
		color: #394653; }

	.polycarbonaat td {
		border-left: 1px solid #b1b1b1;
		border-right: 1px solid #b1b1b1;
		border-bottom: 1px solid #b1b1b1;
		text-align: center; }

	.polycarbonaat td.spacer, .polycarbonaat .clean {
		width: 10px;
		border: none;
		background: #fff; }

/*	-------------------------------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	
	#footer {
		width: 790px;
		height: 21px;
		line-height: 21px;
		position: absolute;
		bottom: 0;
		padding: 0 0 0 10px;
		color: #fff;
		font-family: Helvetica, Arial;
		font-size: 0.7em;
		background: url(../img/footer-bg.gif) top left repeat-x; }
	
		
	#footer a {
		color: #fff;
		text-decoration: none; }