body {
	margin: 0;
	text-align: center;
	font: 12px Arial, Sans-serif;
	}

table {
	font-size: 100%;
	}

@font-face {
	font-family: 'DINAlternateMediumRegular';
	src: url('din_alternate_medium-webfont.eot');
	src: url('din_alternate_medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('din_alternate_medium-webfont.woff') format('woff'),
		url('din_alternate_medium-webfont.ttf') format('truetype'),
		url('din_alternate_medium-webfont.svg#DINAlternateMediumRegular') format('svg');
	font-weight: normal;
	font-style: normal;
	}

/*** style for common elements ***/

a {
	color: #48c8ee;
	}

	a:hover {
		text-decoration: none;
		}

	.newslink {
		color: #48c8ee;
		font-style: italic;
		}

col {
	background: none;
	}				

input, select, textarea {
	padding-left: 3px;
	font: 11px Arial, sans-serif;
	}

/*** style for common classes ***/
			
.error {
	color: red;
	font-style: italic;
	text-align: left;
	}

.clear {
	clear: both;
	}

.button {
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
	border: none;
	background: #c9cacc;
	}			

	a.button {
		padding: 2px 8px;
		color: #fff;
		font-size: 11px;
		text-transform: uppercase;
		text-decoration: none;
		background: #c9cacc;
		}	

.addtocart {
	margin-top: 20px; padding: 2px 10px;
	width: 140px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	background: url('../Webmasters/Images/btn_addtocart.gif') 120px center no-repeat #c9cacc;
	}

	.addtocart:hover {
		text-decoration: none;
		}

/*** style for headers ***/

h1 {
	margin: 0 0 10px 0; padding: 0;
	font-size: 14px;
	font-weight: bold;
	}

h2	{
	margin: 0 0 5px 0; padding: 0;
	font-size: 14px;
	font-weight: bold;
	}

	.date {
		margin-right: 10px;
		color: #48c8ee;
		}

/*** style for layout ***/

#body {
	position: relative;
	margin: 10px auto 0 auto; padding: 0;
	width: 900px;
	text-align: left;
	}	
	
#header {
	overflow: hidden;
	margin: 0; padding: 0 0 3px 0;
	height: 52px!important; height: 55px;
	background: url('../Webmasters/Images/colorbar.png') left bottom no-repeat;
	}

	#logo {
		float: left;
		border: none;
		}	

	#payoff {
		float: left;
		margin: 25px 0 0 20px;
		color: #ec008c;
		font-size: 14px;
		text-transform: uppercase;
		}
		
	/*** style for searchbar ***/

	#searchbar {
		float: right;	
		margin: 19px 0 0 0; padding: 0 0 0 0;
		width: 230px; height: 24px; 
		text-align: right;
		}

		#searchbar input {
			margin-right: 10px;
			height: 18px;			
			}						

		#searchbar .button {
			margin-right: 0; padding: 0;
			width: 36px; height: 18px;			
			cursor: pointer;
			color: #fff;
			text-align: center;
			text-transform: uppercase;
			border: none;
			background: #c9cacc;
			}

/*** style for pagebrowser ***/

.pagebrowser {
	clear: both;
	margin: 20px 0 10px 0;
	text-align: center;
	color: #2d2b23;
	}
	
	.pagebrowser .number, .pagebrowser span {
		display: inline-block;
		margin-right: 5px; padding: 2px 0;
		width: 23px;
		text-align: center;
		text-decoration: none;
		color: #837e71;
		border: solid 1px #d1d2c7;
		}

		.pagebrowser .number:hover {
			color: #2d2b23;
			background: #d1d2c7;
			}
		
	.pagebrowser span {		
		background: #d1d2c7;
		}
		
		.pagebrowser .previous, .pagebrowser .previous_inactive {
			width: auto;
			margin-right: 5px;
			}

		.pagebrowser .previous, .pagebrowser .next {
			display: inline-block;
			padding: 3px 0;
			color: #000;
			}
			
			.pagebrowser .previous_inactive, .pagebrowser .next_inactive {
				display: inline-block;
				padding: 3px 0;
				color: #ccc;
				border: none;
				background: none;
				}
			
/*** style for menu ***/

#menu {
	margin: 0 0 10px 0; padding: 0;
	height: 32px;	
	list-style: none;
	background: url('../Webmasters/Images/colorbar.png') left bottom no-repeat;
	}

	#menu li {
		float: left;
		margin: 7px 30px 0 0;
		text-transform: uppercase;
		}

		#menu li.last {
			float: right;
			margin: 7px 0 0 30px;
			}

		#menu li a {
			color: #000;
			text-decoration: none;
			}			

/*** style for submenu ***/

#submenu {
	float: left;
	margin: 0; padding: 0 10px 180px 0;
	width: 199px!important; width: 209px; min-height: 300px; height: auto!important; height: 300px;
	font-size: 11px;
	text-transform: uppercase;
	}
				
	#submenu ul {
		margin: 12px 0 10px 0; padding: 0;
		list-style: none;		
		}

		#submenu li {
			margin-bottom: 2px; padding: 0;
			color: #000;
			}

			#submenu li a {
				color: #000;
				text-decoration: none;
				}

				#submenu li .active {
					font-weight: bold;
					}

				#submenu li a:hover, #submenu li .active, #submenu li strong {
					color: #7685c2;
					}

	#submenu #subitems {
		margin-top: 140px;
		}
						
/*** style for app ***/

#app {
	position: relative;
	margin: 0; padding: 0 0 10px 0;
	min-height: 300px; height: auto!important; height: 300px;
	}

#keywords {
	position: absolute;
	left: 0; bottom: 10px;
	}										

#keywordshome {
	position: absolute;
	left: 0; top: 230px;
	}	

#waarismeneerjansen {
	position: absolute;
	left: 0; bottom: 10px;
	border: none;
	}

#valpreventie {
	position: absolute;
	left: 109px; bottom: 10px;
	border: none;
	}

/*** content ***/

#content {
	float: left; 
	padding: 0;
	width: 515px; min-height: 250px; height: auto!important; height: 250px;
	}

#contentwide {
	float: left; 
	padding: 0;
	width: 690px;
	}

	#content p, #contentwide p {
		margin-top: 0;
		}

/*** style for pageheader ***/	

#pageheader {
	float: left; 
	margin-bottom: 30px;
	width: 690px; height: 198px;
	}	
	
	#contentimage {
		float: left;
		overflow: hidden;
		width: 515px; height: 198px;
		}

.carrousel {
	display: none;
	}

	#flexpots {
		float: right; 
		padding: 0;
		width: 165px;
		}

		.flexpot, .flexpotlast {
			display: block;
			overflow: hidden;
			margin-bottom: 5px;
			width: 165px; height: 63px;
			}	

			.flexpotlast {
				margin-bottom: 0;
				}
			
			.flexpot img, .flexpotlast img {
				border: none;
				}			
	
/*** quicklinks ***/

#quicklinks, #quicklinkstop {
	float: right; 
	padding: 0;
	width: 165px;
	}

	#quicklinkstop {
		margin-top: 30px;
		}

#quicklinksmenu {
	margin: 0; padding: 0;
	list-style: none;
   font-family: 'DINAlternateMediumRegular', Arial, sans-serif;	
	font-size: 10px;
	}

	#quicklinksmenu li {
		margin: 0 0 5px 0; padding: 0;
		list-style: none;
		}	

		#quicklinksmenu li a {
			display: block;
			margin: 0; padding: 10px 0 0 4px;
			width: 161px!important; width: 165px; height: 20px!important; height: 30px;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			border: solid 1px #ec008c;
			background: #ec008c;
			}

			#quicklinksmenu li.twolines a {
				padding-top: 5px;
				height: 25px!important; height: 30px;
				}	

			#quicklinksmenu li a:hover, #quicklinksmenu li a.active {
				color: #ec008c;
				background: #fff;
				}

/*** style for itemoverview ***/

.itemoverview {
	width: 100%;
	}

	.itemoverview th {
		text-align: left;
		}

	.showitemlink {
		text-align: right;
		font-style: italic;
		}

		.showitemlink a {
			color: #000;
			text-decoration: underline;			
			}

			.showitemlink a:hover {
				color: #7685c2;
				font-weight: bold;
				}

/*** style for itemdetails ***/						

.itemphotos {
	vertical-align: top;
	}

	.itemphotos img {
		border: none;
		cursor: pointer;
		}	

	.itemphotos a {
		display: block;
		margin-bottom: 5px;
		color: #000;
		text-decoration: none;
		}				

.itemtext {
	vertical-align: top;
	text-align: justify;
	}

/*** style for newsitems ***/

#newsitems {
	margin-top: 40px;
	height: 100px;
	}

	.newsitem {
		float: left;
		display: block;
		margin: 0 5px 0 0;
		width: 167px;
		color: #000;
		text-decoration: none;
		}

		.newsitem.last {
			margin-right: 0;
			}

		.newsitem a {
			color: #000;
			font-weight: normal;
			text-decoration: underline;
			}

			.newsitem a.readmore {
				font-style: italic;
				}

		.newsitem strong {
			display: block; 
			}

.newsitemtext {
	}

	.newsitemtext img {
		float: right;
		margin-right: 10px;
		}

/*** style for newsoverview ***/

.overviewitem {
	margin-bottom: 20px;
	}

	.overviewitem p {
		display: inline;
		}

	.overviewitem a {
		margin-left: 4px;
		}

/*** style for documents ***/

#documents {
	margin: 20px 0; padding: 0;
	list-style: none;
	}

	#documents li {
		margin: 0 0 5px 0; padding: 0;
		}

	#documents a {
		color: #000;
		text-decoration: none;
		}

		#documents a span {
			color: #7685c2;
			}

		#documents a:hover {
			text-decoration: underline;
			}

	/* these style are used in the freepages based on 'templates' A t/m K /*
	/* base lay-out for 'templates' A, and C */	
	.layout_a {
		table-layout: fixed;
		margin: 0;
		width: 100%;
		}	

	.layout_a .col1 {
		width: 150px;
		text-align: left;
		}

	.layout_a .col2 {
		padding: 0 10px 0 0;
		text-align: justify;
		}

	.layout_a .col3 {
		width: 150px;
		text-align: right;
		}

	.layout_a td {
		vertical-align: top;
		}

	.layout_a img {
		margin: 0 0 10px 0!important; margin: 0 0 6px 0;
		padding: 0;
		}

	/* base lay-out for 'templates' B, D, F, G, and  I */
	.text_b {
		table-layout: fixed;
		margin: 0 0 15px 0;
		}
	
	.text_b .col1 {
		width: 490px;
		text-align: justify;
		}

	.text_b .image {
		padding: 15px 0;
		}
	
.images_b {
	margin: 0;
	width: 100%;
	}

	.images_b td {
		vertical-align: middle;
		}

	.images_b td.text {
		padding-bottom: 20px;
		}

/* lay-out for tables in 'template' G and J */
.table_g {
	margin: 0 0 10px 0;
	width: 100%;	
	}

	.table_g th {
		background-color: #6b83c1;
		color: #fff;
		text-align: left;
		font-weight: bold;
		padding: 3px;
		}

	.table_g td {
		padding: 2px 3px;
		vertical-align: top;
		}

	.table_g tr {
		background-color: #dbdff0;
		}

	.table_g tr.even {
		background-color: #acb7dd;
		}

/*** style for categories ***/	

#submenu .categories {
	margin: 0; padding: 0;
	}

	#submenu .categories ul {
		margin: 10px 0; padding: 0;
		}
	
		#submenu .categories li {
			margin: 0; padding: 0;
			}
						
/*** style for orderoverview ***/			

#orderoverview {
	width: 100%;
	}

#cartnavigation {
	margin-top: 10px; padding-right: 5px; 
	text-align: right;
	}

	#cartnavigation .button {
		margin-left: 10px;
		}

/*** style for form ***/			

.form table {
	margin-left: 10px;
	width: 495px;
	}

	.form th {
		text-align: left;
		}	

	.form tfoot td {
		padding-top: 10px;
		text-align: right;
		}
		
/*** style for sitemap ***/

.sitemap td {
	vertical-align: top;
	}
	
.sitemap a {
	font-weight: bold;
	width: 200px;
	}

.sitemap strong {
	width: 200px;
	}

.sitemap ul {
	margin: 5px 20px;
	list-style: square;
	}	

/*** style for pivotviewer ***/

#silverlightControlHost {
	height: 600px;
	text-align:center;
	}

/*** style for footer ***/

#footer {
	margin: 0; padding: 3px 0 0 0;
	list-style: none;
	text-align: right;
	text-transform: uppercase;
	background: url('../Webmasters/Images/colorbar.png') left top no-repeat;
	}

	#footer li {
		display: inline;
		padding-left: 10px;
		color: #fff;
		text-decoration: none;				
		}

	#footer a, #footer span {
		display: inline-block;
		padding: 3px 0;
		color: #000;
		text-decoration: none;
		}					
				
		#footer a:hover {
			text-decoration: underline;
			}