/*
* Layout styles
*/

body {
	text-align: center;
	padding: 0px; margin: 0px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 76%;
}

.clearboth	{ clear: both; }
.nobr		{ white-space: nowrap; }

#container {
	width: 946px;
	margin: 10px auto 0px auto;
}

	#container #header {
		float: left;
		width: 946px;
		height: 90px;
		background-image: url('../images/header.jpg');
	}
	
		#container #header #logo {
			float: left;
			width: 218px;
			height: 90px;		
		}
		
		#container #header #banner {
			float: left;
			width: 728px;
			height: 90px;
			background-color: #fff;
		}

	#container #left {
		float: left;
		width: 216px;
	}
	
		#container #left ul#topnav {
			float: left;
			border: 1px solid white;
			width: 214px;
			height: 111px;
			padding: 20px 0px 0px 0px; 
			background-image: url('../images/topnav_bg.jpg');
			text-align: left;
		}
		
		#container #left ul#topnav li {
			float: left;
			width: 214px;
			height: 22px;
			padding: 0px 0px 0px 2px;
		}
		
		#container #left ul#topnav li a {
			padding: 4px 0px 2px 20px;
			background-image: url('../images/arrow.gif');
			background-position: left center;
			background-repeat: no-repeat;
			text-decoration: none;
			display: block;
			color: #000;
		}
	
		#container #left ul#topnav li a:hover {
			padding: 4px 0px 2px 20px;
			background-image: url('../images/arrow_active.gif');
			background-position: left center;
			background-repeat: no-repeat;
			text-decoration: none;
			display: block;
			color: #003366;
		}

		#container #left ul#topnav li a#active {
			padding: 4px 0px 2px 20px;
			background-image: url('../images/arrow_active.gif');
			background-position: left center;
			background-repeat: no-repeat;
			text-decoration: underline;
			display: block;
			color: #000;
		}
		
		#container #left form#zoekform {
			float: left;
			width: 176px;
			height: 28px;
			background-image: url('../images/search.jpg');
			text-align: left;
			padding: 14px 0px 0px 40px;
			margin: 4px 0px 10px 0px;
		}
		
		#container #left form#zoekform input[type=text] {
			width: 140px;
			border: 0px;
			vertical-align: bottom;
		}
		
		#container #left form#zoekform a {
			margin: 0px 0px 0px 8px;
			width: 15px;
			height: 15px;
			border: 0px;
			vertical-align: middle;
		}
		
		#container #left ul#menu {
			float: left;
			width: 216px;
			padding: 0px 0px 6px 0px;
			background-image: url('../images/menu_bg.jpg');
			background-position: top;
			background-repeat: no-repeat;
			background-color: #e6e6e6; 
			border-bottom: 1px solid #e5ecf0;
		}
		
			#container #left ul#menu li#prod {
				float: left;
				width: 124px;
				height: 30px;
				background-image: url('../images/nav_bg.gif');
				background-position: bottom;
			}
		
			#container #left ul#menu li#prod_active {
				float: left;
				width: 122px;
				height: 29px;
				border-left: 1px solid #e5ecf0;
				border-top: 1px solid #e5ecf0;
				border-right: 1px solid #dce3e6;
				background-color: #fff;
			}
			
			#container #left ul#menu li#prod a {
				display: block;
				padding: 8px 0px 6px 0px;
				font-size: 110%;
			}

			#container #left ul#menu li#prod_active a {
				display: block;
				padding: 8px 0px 6px 0px;
				font-size: 110%;
				color: #003366;
			}

			#container #left ul#menu li#brand {
				float: left;
				width: 92px;
				height: 30px;
				background-image: url('../images/nav_bg.gif');
				background-position: bottom;
			}
		
			#container #left ul#menu li#brand_active {
				float: left;
				width: 90px;
				height: 29px;
				border-left: 1px solid #e5ecf0;
				border-top: 1px solid #e5ecf0;
				border-right: 1px solid #dce3e6;
				background-color: #fff;
			}

			#container #left ul#menu li#brand a {
				display: block;
				padding: 8px 0px 6px 0px;
				font-size: 110%;
			}

			#container #left ul#menu li#brand_active a {
				display: block;
				padding: 8px 0px 6px 0px;
				font-size: 110%;
				color: #003366;
			}
			
			#container #left ul#menu li.list {
				float: left;
				padding: 0px 0px 0px 8px;
				width: 206px;
				border-left: 1px solid #e5ecf0;
				border-right: 1px solid #dce3e6;
				text-align: left;
			}
			
			#container #left ul#menu li.list a {
				padding: 2px 0px 2px 0px;
				display: block;
				text-decoration: none;
			}

			#container #left ul#menu li.list a:hover {
				padding: 2px 0px 2px 0px;
				display: block;
				color: #003366;
				text-decoration: none;
			}
			
			#container #left ul#menu li.list a#active {
				padding: 2px 0px 2px 0px;
				display: block;
				text-decoration: underline;
			}
		

	#container #main {
		float: left;
		width: 730px;
		text-align: left;
	}
	
		#container #main ul#hornav {
			float: left;
			width: 730px;
			background-image: url('../images/hornav_bg.gif');
			height: 50px;
		}
		
		#container #main ul#hornav li {
			float: left;
			height: 50px;
		}
		
		#container #main ul#hornav li#active {
			float: left;
			background-color: #fff;
		}
		
		#container #main ul#hornav li#cart {
			float: right;
			margin: 0px 55px 0px 0px;
		}

		#container #main ul#hornav li a {
			padding: 16px 18px 16px 18px;
			font-size: 120%;
			display: block;
		}
		
		#container #main ul#hornav li#active a {
			padding: 16px 18px 16px 18px;
			font-size: 120%;
			display: block;
			color: #003366;
		}
		
		#container #main ul#hornav li#cart a {
			display: block;
			padding: 5px 10px 5px 10px;
		}		

		#container #main ul#hornav li#cart a:hover {
			display: block;
			padding: 5px 10px 5px 10px;
		}		

		#container #main #text {
			float: left;
			padding: 30px 8px 10px 20px;
			width: 482px;
		}
		
		#container #main #text p {
			line-height: 120%;
			margin: 8px 0px 8px 0px;
		}
		
		#container #main #text ul {
			list-style-type: disc;
			margin: 8px 0px 8px 20px;
		}

		#container #main #text li {
			line-height: 120%;
		}

		#container #main #text td {
			line-height: 120%;
		}
		
		#container #main #images {
			float: left;
			width: 220px;
			margin: 30px 0px 0px 0px;
		}
		
		div.fadebr {
			background-position: 0px 300px;
			background-repeat: no-repeat;
			background-image: url(../images/fadebgr.jpg);
			background-color: #e6e6e6;
		}
		
		div.fadebr_home {
			background-position: 0px 390px;
			background-repeat: no-repeat;
			background-image: url(../images/fadebgr.jpg);
			background-color: #e6e6e6;
		}
		
		#container #main #logos {
			float: left;
			margin: 65px 0px 0px 0px;
			width: 470px;
			text-align: center;
		}
		
		#container #main #logos img {
			margin: 12px;
		}
		
		#container #main #prods {
			float: left;
			padding: 30px 10px 10px 2px;
			width: 710px;
		}
		
		#container #main #prods h1 {
			margin: 2px 0px 12px 18px;
		}
		
		#container #main #prods p {
			line-height: 120%;
			margin: 8px 0px 8px 18px;
		}
		
		#container #main #prods a.button {
			padding: 3px 10px 3px 10px;
			margin: 0px 10px 0px 0px;
			background-color: #ccc;
			border: 1px solid #008;
		}
		
		#container #main #prods table#prodview {
		
		}
		
		#container #main #prods table#prodview thead {
			height: 20px;
		}
		
		#container #main #prods table#prodview thead th {
			text-align: left;
		}
		
		#container #main #prods table#prodview tr.list {
			height: 20px;
			cursor: pointer;
		}
		
		#container #main #prods table#prodview tr.even td {
			background-color: #f9f9f9;
		}
		
		#container #main #prods table#prodview tr.oneven td {
			background-color: #ffffff;
		}

		#container #main #prods table#prodview tr.hover td {
			background-color: #dedede;
		}
				
		#container #main #prods table#prodview tr.listactive {
			height: 20px;
			cursor: pointer;
			background: #fff;
		}

		#container #main #prods table#prodview tr.listactive td {
			vertical-align: middle;
			font-weight: normal;
		}
		
		#container #main #prods table#prodview td {
			vertical-align: middle;
		}
		
		#container #main #prods table#prodview td.row {
			background-image: url('../images/ad.gif');
			background-repeat: no-repeat;
			background-position: 3px 3px;
		}

		#container #main #prods table#prodview td.rowhover {
			background-image: url('../images/ad_over.gif');
			background-repeat: no-repeat;
			background-position: 3px 3px;
		}

		#container #main #prods table#prodview td.rowactive {
			background-image: url('../images/ad_active.gif');
			background-repeat: no-repeat;
			background-position: 3px 3px;
		}
		
		#container #main #prods table#prodview td input {
			border: 1px solid #666;
			width: 30px;
			font-size: 90%;
			vertical-align: bottom;
		}
		
		#container #main #prods table#prodview td img {
			vertical-align: bottom;
		}

		#container #main #prods table#prodview td a.mand {
			background-repeat: no-repeat;
			background-position: 2px 2px;
		}

		#container #main #prods table#prodview td a.mand:hover {
			background-repeat: no-repeat;
			background-position: 2px 2px;
		}
		
		#container #main #prods table#prodview div.inhoud {
			float: left;
			padding: 2px 0px 2px 20px;
			width: 340px;
		}

		#container #main #prods table#prodview div.foto {
			float: left;
			padding: 2px 0px 2px 10px;
			width: 340px;
		}
		
		#container #main #prods table#prodview div a.close {
		}

		#container #main #prods table#prodview div a.close:hover {
		}
		
		#container #main #prods table#prodview div img.loep {
			float: right;
		}
		
		#container #main #prods a:hover {
			color: #003366;
		}
		
		#container #main #prods a#active {
			text-decoration: underline;
		}
		
	#container #footer {
		float: left;
		width: 946px;
		height: 90px;
		margin: 2px 0px 0px 0px;
		background-image: url('../images/footer.jpg');
	}


/*
* Typography styles
*/

h1 {
	font-size: 150%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

h2 {
	font-size: 140%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

h3 {
	font-size: 130%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

h4 {
	font-size: 120%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

p, td {
	color: #333;
	margin: 0px;
	padding: 0px;
}


/*
* Anchor styles
*/

A 			{ text-decoration: none; color: #333; }
A:link		{ text-decoration: none; color: #333; }
A:visited	{ text-decoration: none; color: #333; }
A:active	{ text-decoration: none; color: #333; }
A:hover		{ text-decoration: underline; color: #333; }
A.active	{ text-decoration: underline; color: #333; }


/*
* Table styles
*/


/*
* List styles
*/