div#catalogus{
	margin-left: 10px;
	margin-top: 15px;
	padding-bottom: 15px;
	background-color: #d5ddee;
	display: table;
	float: left;
	width: 700px;
	}

div#cat-header{
	position: relative;
	top: -11px;
	background-image: url(images/cat-header.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
	width: 689px;
	height: 84px;
	}

	div#viewchanger{
		font-size: 80%;
		font-weight: bold;
		color: #00334b;
		z-index: 100;
		width: 206px;
		position: relative;
		top: 30px;
		left: 492px;
		}

	div#cat-menu{
		z-index: 1;
		position: relative;
		top: 55px;
		height: 20px;
		}

		div#cat-menu a{
			padding-right: 5px;
			padding-left: 5px;
			float: right;
			color: black;
			position: relative;
			left: -15px;
			text-decoration: none;
			font-size: 90%;
			line-height: 120%;
			height: 15px;
			border-right: solid 1px #000;
			}

		div#cat-menu span{
			font-weight: bold;
			font-size: 110%;
			text-indent: 24px;
			float: left;
			}

		/*catalogus*/

		td.shop_nav {
			background-image: url('images/shop_nav.jpg');
			background-repeat: repeat-x;
			height: 46px;
			}
			
			td.shop_nav a {
				color: white;
				padding-left: 6px;
				}
		
			td.shop_sub_nav a {
				color: black;
				padding-left: 12px;
				line-height: 18px;
				}
				
			td.current a {
				font-weight: bold;
				text-decoration: underline;
				}

	div#shopcontent{
		background-color: red;
		clear: both;
		display : table;
		}

		div.listview{
			padding: 0px; 
			margin: 0px auto;
			width: 686px;
			/*clear: both;*/
			display: table;

			border-right: solid 1px #BFCAE4;
			}

		div.bottomtwo{
			border-bottom: solid 1px #bfcae4;
		}

		div.item-content strong{
			margin: 0px auto;
			display: block;
			width: 320px;
			text-align: center;
			font-weight: bold;
			color: #3c3c3c;
			font-size: 120%;
			}

		div.item-content{
			float: left;
			padding: 10px;
			background-color: #FFF;
			border-left: solid 1px #bfcae4;
			border-top: solid 1px #bfcae4;
			width: 320px;
			height: 234px;
			}

			div.item-content img{
				width:289px;
				height:187px;
				padding-top: 5px;
				display: block;
				margin: 0px auto;
			}

			div.item-content a.moreinfo{
				position: relative;
				left: 215px;
				top: -20px;
				background-image: url(images/moreinfo0.png);
				background-repeat: no-repeat;
				background-position: center;
				display: block;
				width: 109px;
				height: 33px;
				}

			div.item-content a.moreinfo:hover{
				background-image: url(images/moreinfo1.png);
				}

		div.second{
			float: left;
			border-right: solid 1px #bfcae4;
			}

		div.item-content strong{
			font-weight: bold;
			color: #3c3c3c;
			font-size: 120%;
			}

			.item-content p img{
				
				}

			.item-content div{
				display: table;
				background-image: url(images/infobanner.gif);
				background-repeat: no-repeat;
				left: 437px;
				top: -114px;
				position: relative;
				height: 116px;
				width: 152px;
				}

			.item-content div a{
				display: block;
				height: 69px;
				width: 102px;
				float: right;
				}

		/*catalogus*/

		/*catalogus product detail*/

		div.item-content-detail{
			background-color: white;
			padding: 0px; 
			margin: 0px auto;
			width: 687px;
			clear: both;
			display: table;
			}

			.item-content-detail h3{
				color: #3c3c3c;
				border-bottom: solid 1px #bdc8e3;
				height: 40px;
				line-height: 40px;
				text-indent: 19px;
				margin: 0px 5px 0px 5px;
				font-weight: bold;
				font-size: 120%;
				}

				.item-content-detail h3 b{
					color: #bdc8e3;
				}

			div.item-content-detail a.first_image{
				background-image: url(../styles/images/vergrotinglink.gif);
				background-position: bottom right;
				background-repeat: no-repeat;
				display: block;
				float: left;
				width: 408px;
				height: 272px;
				margin: 0px auto;
			}

			div.item-content-detail img{
				margin: 0px auto;
				display: block;
				float: right;
				}			

				div.item-content-detail a.back{
					float: right;
					background-image: url(images/back.gif);
					background-repeat: no-repeat;
					background-position: center;
					display: block;
					width: 109px;
					height: 33px;
					margin-top: -35px;
					}
					
				div.item-content-detail a.back:hover{
					float: right;
					background-image: url(images/back.gif);
					background-repeat: no-repeat;
					background-position: center;
					display: block;
					width: 109px;
					height: 33px;
					margin-top: -35px;
					}

				.item-content-detail div.detail-info{
					margin: 5px;
					padding: 19px 10px 10px 19px;
					background-color: #f1f5ff;
					float: left;
					width: 220px;
					/*height: 250px;*/
					display: table;
					
					}

					div.detail-info p strong{
						font-weight: bold;
						padding: 0px 0px 0px 0px ;
						}

					div.item-content-detail a.popup{
						text-decoration: none;
						display: block;
						color: black;
						float: right;
						padding-right: 5px;
						line-height: 250%;
						height: 30px;
						width: 230px;
						}

					div.item-content-detail a.popup:hover b{
						font-size: 200%;
						line-height: 80%;
						height: 30px;
						}

		div.options{
			border-top: solid 1px #bdc8e3;
			background-color: white;
			padding-top: 5px;
			width: 687px;
			/*height: 39px;*/
			margin: 0px auto;
			display: table;
		}
		
			.error_field {
				color: red;
			}

			div.options a.swapBtn{
				float: right;
				background-image: url(images/toonheren.jpg);
				background-repeat: no-repeat;
				background-position: center;
				display: block;
				width: 145px;
				height: 33px;
				}

			div.options a.back{
				float: right;
				background-image: url(images/back.gif);
				background-repeat: no-repeat;
				background-position: center;
				display: block;
				width: 109px;
				height: 33px;
				}

			div.options a.back:hover{
				float: right;
				background-image: url(images/back.gif);
				background-repeat: no-repeat;
				background-position: center;
				display: block;
				width: 109px;
				height: 33px;
				}

		/*catalogus product detail*/

