/*

	Stylesheet for Bekina
	
	Media:      screen, projection
	Copyright:  Netlash <http://www.netlash.com>
	author:     Stephen Verhalleman stephen@netlash.com>

*/

/*
	Reset
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/*
	Clearfix
*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
	General
*/

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #000;
	background: url(../images/bg_header.png) no-repeat center top;
}

/* sticky footer */

html, body, #wrap {
	height: 100%;
}

body > #wrap {
	height: auto; 
	min-height: 100%;
}

#wrap .container {
	padding-bottom: 60px; /* must be same height as the footer */
}

#footer {
	position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 60px;
	clear:both;;
	background: #325959 url(../images/bg_footer.png) no-repeat center top;
	padding-top: 60px;
	color: #FFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
} 

#footer p {
	float: left;
}

#footer ul {
	float: right;
}

#footer ul li {
	display: block;
	float: left;
	padding-left: 30px;
}

#footer a {
	color: #FFF;
	border-color: #769090;
}

#footer a:link {
	color: #FFF;
	border-color: #769090;
}

#footer a:visited {
	color: #769090;
	border-color: #769090;
}

#footer a:hover, #footer a:active, #footer a:focus {
	color: #FFF;
	border-color: #FFF;
}

/*
	Typography and text styles
*/

/* General */

p {
	padding: 0 0 12px 0;
}

	p.blue
	{
		color: #009BBB;
	}

strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

/* Headings */

h1, h2, h3 {
	line-height: 1.3;
}

h1 {
	font-size: 18px;
	padding: 0 0 6px 0;
	color: #333;
}

h2 {
	font-size: 16px;
	padding: 0 0 12px 0;
}

h3 {
	font-size: 14px;
	padding: 0 0 3px 0;
	color: #29504f;
}

h3 a {
	border-bottom: none	;
}

	.content h3 {
		color: #333;
	}
	
	/* Blauwe titels */
	h3.blue
	{
		color: #009BBB;
	}
	
	#info h3, #properties h3, #safety h3
	{
		color: #009BBB;;
	}

h4 {
	font-size: 12px;
	padding: 0 0 12px 0;
}

/* Links */

a {
	border-bottom: 1px solid #B9C5C5;
	text-decoration: none;
}

a:link {
	color: #5B8F22;
	border-color: #D6E3C8;
}

a:visited {
	color: #658F38;
	border-color: #D6E3C8;
}

a:hover {
	color: #BFBD00;
	border-color: #BFBD00;
}

a:active {
	color: #1B3433;
	border-color: #29504F;
}

/* .content defaults */

.content ul {
	list-style: disc;
	position: inside;
	padding: 0 0 12px 18px;
}

.content ol {
	list-style-type: decimal;
	padding: 0 0 12px 18px;
}

.content dl {
	padding: 0 0 12px 0;
}

.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
	padding-bottom: 0;
}

.content code {
	font-family: Monaco, "Courier New", monospace;
}

.content pre {
	font-size: 12px;
	line-height: 18px;
	background: #F5F5F5;
	margin: 0 0 12px 0;
	padding: 10px;
}

.content blockquote,
.content q {
	font-style: italic;
	color: #666;
}

.content blockquote {
	padding: 0 10px; 
	padding: 12px 0;
}

.content cite,
.content em {
	font-style: italic;
}

.content table {
	/*border-top: 1px solid #DBDECD;
	border-left: 1px solid #DBDECD;*/
}

.content td, 
.content th {
	/*border-right: 1px solid #DBDECD;
	border-bottom: 1px solid #DBDECD;*/
	font-size: 12px; 
	padding: 4px;
}

.content th {
	color: #333;
	font-weight: 700;
	background: #DBDECD;
}

/*
	Page structure and layout
*/

.container {
	width: 936px;
	margin: 0 auto;
}

	/* General */

	/* Header */

	#header {
		color: #65A3A1;
		width: 936px;
		height: 124px;
		position: relative;
	}

	/* topNav */

	#topNav {
		width: 744px;
		float: right;	
		font-size: 11px;
		font-family: "lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	}

	#topNav ul {
		float: right;
	}

	#topNav ul li {
		display: block;
		float: left;
		padding: 0 12px;
		line-height: 36px;
		height: 36px;
	}

	#topNav ul li.lastChild {
		padding-right: 0;
	}

	#topNav ul li a {
		color: #BFBD00;
		border-color: #5A7435;
	}

	#topNav ul li a:link {
		color: #BFBD00;
		border-color: #5A7435;
	}

	#topNav ul li a:visited {
		color: #BFBD00;
	}

	#topNav ul li a:hover, #topNav ul li a:active {
		color: #BFBD00;
		border-color: #BFBD00;
	}

	/* navigation */
	
	#navigation {
		font-size: 16px;
		font-weight: bold;
		position: absolute;
		top: 86px;
		left: 192px;
		width: 560px;
		z-index: 9999;
	}

	#navigation li {
		display: block;
		float: left;
		padding-right: 12px;
	}

	#navigation ul li.firstChild {
		padding-left: 0;
	}

	#navigation .selected a,
	#navigation .selected a:link,
	#navigation .selected a:visited,
	#navigation .selected a:hover,
	#navigation .selected a:active {
		color: #325959;
		background: #BFBD00;
	}

	#navigation li a {
		float: left;
		color: #BFBD00;
		border: none;
		padding: 2px 12px 0 12px;
		height: 48px;
	}

	#navigation li a:link {
		color: #BFBD00;
	}

	#navigation li a:visited {
		color: #BFBD00;
	}

	#navigation li a:hover, #navigation ul li a:active {
		color: #FFF;
	}


	/* language */
	
	#language {
		font-size: 11px;
		font-weight: 700;
		position: absolute;
		z-index: 9999;
		top: 86px;
		left: 732px;
		width: 204px;
		font-family: "lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	}
	
	#language ul{
		float: right;
	}

	#language li {
		float: left;
		padding-right: 10px;
	}

	#language ul li.lastChild {
		padding-right: 0;
	}

	#language .selected a,
	#language .selected a:link,
	#language .selected a:visited,
	#language .selected a:hover,
	#language .selected a:active {
		color: #FFF;
		background: #29504F;
	}

	#language li a {
		float: left;
		color: #BFBD00;
		border: none;
		padding: 8px 5px 0 5px;
		height: 42px;
	}

	#language li a:link {
		color: #BFBD00;
	}

	#language li a:visited {
		color: #BFBD00;
	}

	#language li a:hover, #language ul li a:active {
		color: #FFF;
	}

	/* Logo */

	#logo h1, #logo h2, #logo p {
		width: 155px;
		height: 98px;
		margin: 10px 0 0 10px;
		background: url(../images/bekina.gif) no-repeat;
		text-indent: -9999px;
		float: left;
	}

	#logo h1 a, #logo h2 a, #logo p a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border: none;
	}

	/* topBanner */

	#topBanner {
		position: relative;
		width: 936px;
		height: 180px;
		font-family: Arial, sans-serif;
		text-align: center;
		font-size: 18px;
		color: #fff;
		font-weight: 700;
	} 

	#home #topBanner {
		margin-bottom: 48px;
	}

	#topBanner ul {
		width: 936px;
		height: 180px;
		background: url(../images/home_navigation_bg.jpg) no-repeat 0 0;
	}
	#topBanner ul li {
		float: left;
	}

	#topBanner .overlay {
		position: absolute;
		width: 936px;
		height: 180px;
		top: 0;
		left: 0;
		background: url(../images/header_overlay.png) no-repeat 0 0;
		z-index: 9999;
	}
	
	#topBanner img {
		z-index: -9999;
	}
	
	#topBanner a {
		display: block;
		float: left;
		color: #FFF;
		border: none;
	}

	#topBanner .topBannerBlock1 a {
		padding-top: 128px;
		height: 52px;
		width: 234px;
		background: url(../images/home_navigation.jpg) no-repeat 0 0;
	}

	#topBanner .topBannerBlock2 a {
		padding-top: 122px;
		height: 58px;
		width: 234px;
		background: url(../images/home_navigation.jpg) no-repeat -234px 0;
	}

	#topBanner .topBannerBlock3 a {
		padding-top: 116px;
		height: 64px;
		width: 234px;
		background: url(../images/home_navigation.jpg) no-repeat -468px 0;
	}

	#topBanner .topBannerBlock4 a {
		padding-top: 110px;
		height: 70px;
		width: 234px;
		background: url(../images/home_navigation.jpg) no-repeat -702px 0;
	}

	/*#topBanner a:hover {
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
		}
	}*/
	
	/* subNavigation */
	
	#subNavigation {
		width: 168px;
		float: left;
		padding-right: 24px;
	}
	
	#subNavigation ul li {
		border-bottom: 1px solid #DBDECD;
	}

	#subNavigation ul .firstChild {
		border-top: 1px solid #DBDECD;
	}
	
	#subNavigation ul li a {
		display: block;
		padding: 12px;
		width: 144px;
		border-bottom: none;
		color: #2A4F4F;
		background: #FFF;
	}

 	#subNavigation ul li a:link, #subNavigation ul li a:visited {
		color: #2A4F4F;
		background: #FFF;
	}

 	#subNavigation ul li a:hover, #subNavigation ul li a:active, #subNavigation ul li a:focus {
		color: #FFF;
		background: #2A4F4F;
	}

	#subNavigation ul .selected a,
	#subNavigation ul .selected a:link,
	#subNavigation ul .selected a:visited,
	#subNavigation ul .selected a:hover,
	#subNavigation ul .selected a:active {
		color: #FFF;
		background: #2A4F4F;
	}

	#subNavigation ul .selected ul li {
		border-bottom: 1px solid #FFF;
	}

	#subNavigation ul .selected ul .lastChild {
		border-bottom: none;
	}
	
	#subNavigation ul .selected ul li a {
		color: #2A4F4F;
		background: #DBDECD;
		padding: 6px 12px 6px 24px;
		width: 132px;
	}
	
	#subNavigation ul .selected ul li a:link,
	#subNavigation ul .selected ul li a:visited {
		color: #2A4F4F;
		background: #DBDECD;
	}

	#subNavigation ul .selected ul li a:hover,
	#subNavigation ul .selected ul li a:active {
		color: #2A4F4F;
		background: #b8bd9c;
	}

	#subNavigation ul .selected ul .selected a,
	#subNavigation ul .selected ul .selected a:link,
	#subNavigation ul .selected ul .selected a:visited,
	#subNavigation ul .selected ul .selected a:hover,
	#subNavigation ul .selected ul .selected a:active {
		color: #2A4F4F;
		background: #b8bd9c;
	}

	/* detailNavigation¨*/
	
	#detailNavigation {
		padding-bottom: 18px;
	}
	
	#detailNavigation ul {
		background: url(../images/line.gif) repeat-x 0 34px;
		width: 456px;
		height: 42px;
	}
	
	#detailNavigation ul li {
		padding-right: 12px;
		display: block;
		float: left;
	}

	#detailNavigation ul li a {
		display: block;
		float: left;
		border-bottom: none;
		font-weight: 700;
		padding: 12px 12px 0 12px;
		height: 30px;
	}

	#detailNavigation ul li a:link, #detailNavigation ul li a:visited {
		color: #5B8F22;
		background: none
	}

 	#detailNavigation ul li a:hover, #detailNavigation ul li a:active, #detailNavigation ul li a:focus {
		color: #FFF;
		background: #5B8F22;
	}

	#detailNavigation ul .selected a,
	#detailNavigation ul .selected a:link,
	#detailNavigation ul .selected a:visited,
	#detailNavigation ul .selected a:hover,
	#detailNavigation ul .selected a:active {
		color: #FFF;
		background: #BFBD00;
	}

	/* top */

	#top {
		width: 744px;
		padding: 0 0 10px 192px;
	}
	

	/* breadcrumb */
	
	#breadcrumb {
		padding: 8px 0 20px 0;
		font-size: 11px;
		line-height: 1.636;
		color: #b8bd9c;
		font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	}

	#breadcrumb p {
		float: left;
	}

	/* Content */

	#content {
		float: left;
		width: 456px;
	}

	#content.contentWide {
		background: url(../images/no_sub.jpg) no-repeat 0 0;
		padding-left: 192px;
		width: 456px;
	}

		#home #content {
			width: 552px;
		}
		

/* productList */

.productList {
	margin: 12px 0 24px 0;
}

.productList ul {
	float: left;
	width: 180px;
	padding-left: 25px;
}

.productList ul.firstChild {
	border-right: 1px solid #DBDECD;
}

	/* Side */
	
	#side {
		float: right;
		width: 264px;
	}

		#home #side {
			width: 360px;
		}

	#side .sideBlock {
		width: 216px;
		background: #DBDECD;
		padding: 20px 24px;
		margin-bottom: 12px;
	}

	.sideBlock a, .sideBlock a:link  {
		color: #175959;
		border-color: #aec5c5;
	}
	
	.sideBlock a:visited {
		color: #2a5555;
		border-color: #aec5c5;
	}

	.sideBlock a:hover {
		color: #5B8F22;
		border-color: #5B8F22;
	}
	
	.sideBlock a:active {
		color: #1B3433;
		border-color: #29504F;
	}

		#home #side .sideBlock {
		width: 312px;
		}

	#side .sideBlockLeft {
		width: 144px;
		float: left;
	}

	#side .sideBlockRight {
		width: 144px;
		float: right;
	}

	#side h2 {
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 9px;
	}

	#side h3 {
		font-size: 12px;
		line-height: 18px;
		padding-bottom: 3px;
		color: #325959;
	}

	#side .meta {
		margin-top: -6px;
	}

	#side .invert {
		background: #325959;
		color: #FFF;
	}

	#side .invert a {
		color: #FFF;
		border-color: #769090;		
	}
	
	#side .invert a:link, #side .invert a:visited {
		color: #FFF;
		border-color: #769090;
	}
	
	#side .invert a:hover, #side .invert a:active, #side .invert a:active {
		color: #FFF;
		border-color: #FFF;
	}
	/* contact */

	#contact .likeButtons a {
		/*padding-left: 20px;*/
		width: 114px;
	}

	/* productItem */
	
	.productItem {
		width: 456px;
		padding-bottom: 36px;
	}

	.productItem h3 {
		line-height: 1;
	}
	
	.productItem img {
		float: left;
		width: 71px;
		height: 71px;
	}
	
	.productItemContent {
		float: right;
		width: 372px;
	}

/*
	Pagination
*/

.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #ccc;
	min-width: 12px;
}

.pagination li.currentpage span {
	font-weight: 700;
	color: black;
}

.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: black;
}

.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #ddd;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: black;
}

.pagination li a:hover,
.pagination li a:active {
	background: #eee;
	border: 1px solid #bbb;
	color: black;
}

.nextpage, .previouspage {
	font-size: 11px !important;
}

.pagination li.nextpage {
	margin-left: 10px;
}

.pagination li.previouspage {
	margin-right: 15px;
}

/* a img */

a.linkedImage {
	border: 0;
	display: block;
	font-size: 11px;
	color: #808080;
}

a.linkedImage img {
	display: block;
}
 
/* Forms */

label {
	font-size: 12px;
	display: block;
	padding: 4px 0;
}

input.input-text, input.inputText, input.text, input.password,input.input-submit, input.inputSubmit, textarea {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #FFF;
	border: 1px solid #DDD;
	padding: 4px;
	color: #333;
}

input[disabled] {
	color: #777;
}

textarea {
	line-height: 1.4;
	max-width: 100%;
	width: 430px;
	height: 250px;
}

input.input-text, input.inputText, input.text, input.password {
	width: 200px;
}

input:focus, textarea:focus {
	border-color: #999; 
	background: #FFF;
	color: #000;
}


@-moz-document url-prefix() {
	input[type="text"]:focus,
	textarea:focus { 
		outline: 2px solid #bfe0e9;
		border-color: #bfe0e9;
	}
}

input.input-submit, input.inputSubmit, button {
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #FFF;
	font-weight: 700;
	background: #325959;
	border: 0;
	padding: 4px 10px;
	cursor: pointer;
	overflow: visible;
}

input.input-submit:hover, input.inputSubmit:hover {
	background: #29504F;
}

input.input-submit:active,
input.input-submit:focus {
	border-color: #29504F;
	background: #325959;
}

select, option {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

.form-error {
	color: #FF1000;
}

.form-success  {
	color: #325959;
}

span.form-error, span.form-success {
	display: block;
	padding: 0 0 5px 0;
}

form p
{
	padding: 0;
}

/* salesPoint specific */

#salesPoint input.input-text, 
#salesPoint input.inputText, 
#salesPoint input.text, 
#salesPoint input.password, 
#salesPoint textarea {
	overflow: hidden;
	width: 120px;
}

	#home #salesPoint input.input-text, 
	#home #salesPoint input.inputText, 
	#home #salesPoint input.text, 
	#home #salesPoint input.password, 
	#home #salesPoint textarea {
		overflow: hidden;
		width: 214px;
	}

#salesPoint input.input-submit, 
#salesPoint input.inputSubmit, 
#salesPoint button {
		overflow: hidden;
		width: 75px;
	}
	

/* salesPoint */

.salespointItem {
	padding: 16px 0;
	border-bottom:1px solid #DBDECD;
}
	
/* General classes */

.hidden { display: none; }
.block { display: block; }
.noPadding { padding: 0 !important; }
.noMargin { margin: 0 !important; }
.paddingLeft { padding-left: 6px;}
.floatLeft { float: left; }
.floatRight { float: right; }
.noBorder { border: none; }
p.strong { font-size: 14px;	font-weight: 700; }
p.date { color: #535353; margin-top: -3px; padding-bottom: 6px;}
p.readMore { margin-top: -6px;}
h3.accent { color: #335959; }
h4.lightGreen, h3.lightGreen, h2.lightgreen, p.lightgreen { color: #AEB394; }
/* download */

.download a {
	float: left;
}

.download a.pdf {
	padding-right: 10px;
}

.download span {
	float: left;
	clear: both;
	padding-left: 27px;
}

/* likeButtons */

.likeButtons a { 
	display: block;
	line-height: 1.2;
	padding: 4px 8px;
	color: #FFF;
	/*background: #325959;*/
	background: #2a4f4f;
	border-bottom: none;
	font-weight: 300;
	font-size: 15px;
	float: left;
	margin-bottom: 6px;
}

.likeButtons a:link, .likeButtons a:visited {
	color: #FFF;
	/*background: #325959;*/
	background: #2a4f4f;
}

.likeButtons a:hover { 
	color: #FFF;
	/*background: #29504F;*/
	background: #325959
}

.likeButtons a:active {
	color: #FFF;
	background: #325959;
}

.likeButtons a:focus { 
	color: #FFF;
	background: #29504F;
}

/* Intro */

#intro {
	padding-bottom: 30px;
}

#intro h2 {
	/*font-size: 24px;*/
	font-size: 18px;
	padding: 0 0 6px 0;
	color: #000;
}

#intro p {
	padding-bottom: 6px;
}


/* news */

.newsArchive {
	text-align: right;
}

.newsArticle {
	margin-bottom: 12px;
	border-bottom: 1px solid #DBDECD;
}

.newsarticle h1
{
	font-size: 18px;
	padding: 0 0 12px;
	color: #000;
}

/*.newsArticle img {
	float: left;
	margin-right: 10px;
}*/

/* Image classes */

img.alignLeft {
	float: left;
	padding: 0 10px 10px 0;
}

img.alignRight {
	float: right;
	padding: 0 0 10px 10px;
}


/* ADDED BY ANNELYZE */
#content.wide {
	width: 648px;
}