@charset "utf-8";
/* CSS Document */

h1, h1 a {
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	color: #2b88c6;
	margin-top: 8px;
	text-decoration:none;
	line-height: 39px;
}

h2 , h2 a{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: bold;
	color: #2b88c6;
	margin-top: 8px;
	margin-bottom: 2px;
	text-decoration:none;
	line-height: 26px;
}

h3 , h3 a{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: bold;
	color: #7d7a7a;
	text-decoration:none;
	margin-bottom:3px;
}
p {
	margin-top:0px;	
	margin-bottom: 13px;
}
a {
	color:#000;	
}
a:visited{
	color:#000;	
}

h1 a:visited{
	color: #2b88c6;
}
ol.shortlist {
	list-style-type: decimal;
	padding: 0 0 0 20px;
	margin: 0;
}
ol.shortlist li {
}
ol.shortlist ol {
	list-style-type: lower-alpha;
	padding: 0;
	margin: 0;
}
ol.shortlist ol ol {
	list-style-type: lower-latin;
}

img {
	border: none;
}
body {
	font-family: Arial;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0px;
    color: #000;
    margin: 0px;
    padding: 0px;
    width: 98%; /* to get rid of the horizontal scrollbar in IE */
	background: url("../image/background.jpg") top center ;
	word-spacing: 1px;
}

input , textarea, select {
	font-family: Arial;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0px;
    color: #000000;
}

input.required, textarea.required, select.required{
	outline:2px solid #FF0000;
	color:#F00;
}

input:disabled,textarea:disabled, select:disabled{
    color: #666666;
}

label.req {
	color:#FF0000;	
}

#container {
	margin-left: auto;
	margin-right: auto;
}

#inner {
	margin-left: auto;
	margin-right: auto;
	/*margin-bottom: 40px;*/
	width: 972px;
	border: 1px solid #cac5c5;
	position: relative;
}
#header {
	height: 57px;
	background-color: #ffffff;
}
	#links {
		padding-top:30px;
		padding-left:10px;
		width: 740px;
		float: left;
	}
		#links a {
			text-decoration: none;
			color: #000000;
		}
		#links a:hover {
			text-decoration: underline;
		}
		
		.activemenu {
			font-weight:bold;	
		}
		
	#logo {
		width: 200px;
		float: right;
		margin-right: 20px;
	}
		#menu {
			z-index: 20;	
		}
		
		#menu, .menu {
			/*border-top: 1px solid #f2f6fc;*/
			border-bottom: 1px solid #a5b1c0;
			background: url("../image/menu_spacer.png") top left repeat-x;
			height: 29px;
			position: relative;
		}
			#menu div.normal, #menu div.active, .menu div {
				float: left;
				display:inline;
			}
			
			#menu div a {
				padding:6px 10px 0px 10px;
				color: #2b88c6;
				font-weight: bold;
				text-decoration:none;
				display:block;
				height:22px;
			}
			
			#menuitems a {
				background: url("../image/menu_item_spacer.png") top right no-repeat;
			}
			
			#useritems a{
				background: url("../image/menu_item_spacer.png") top left no-repeat;
			}
				
			#menuitems div:hover a, #menuitems div.active a{
				color: #ffffff;
				background: url("../image/menu_active.png") top right no-repeat;
			}
			
			#useritems div:hover a, #useritems div.active a{
				color: #ffffff;
				background: url("../image/menu_user_active.png") top left no-repeat;
			}
				
			#portalbar {
				background: url("../image/portalbar_spacer.png") top left repeat-x;
				height: 28px;
			}
	#submenu {
		display: block;
		background-color: #ebf1f9;
		border-bottom: 1px solid #788ba2;
		width: 972px;
		z-index: 100;
		padding-top: 5px;
	}
		#submenu div.normal, #submenu div.active {
			border: none;
			height: 25px;
			float: none;
			padding-left: 60px;
			background-color: #ebf1f9;
		}
		#submenu div.normal a, #submenu div.active a {
			color: #0074bc;
			background: none;
			display: block;
			height: 19px;
			width: 100px;
			padding-top: 5px;
			padding-left: 4px;
			text-decoration: none;
		}
		#submenu div.normal a:hover, #submenu div.active a:hover {
			color: #0074bc;
			display: block;
			height: 19px;
			width: 100px;
			padding-top: 5px;
			padding-left: 4px;
			text-decoration: none;
			background: #ffffff url("../image/submenu_active.png") 90px 8px no-repeat;
		}

#center {
	background-color: #ffffff;
	padding-bottom:1px;
	z-index: 10;
}
	
		#portal_center{
			margin-bottom:-2px;
			padding-top:1px;
		}
		.portal, .choice {
			width: 460px;
			height: 360px;
			border: 1px solid #c4d2e5;
			float: left;
		}
		.choice {
			cursor:pointer;
		}
		
		.portal_left, .choice_left {
			margin: 25px 0px 25px 16px;
		}
		
		.portal_right, .choice_right {
			margin: 25px 0px 25px 16px;
		}
		
		.portal_left{
			background-image:url(../image/portal_products.jpg);
			background-repeat:no-repeat;
			background-position:bottom center;
		}
		
		.portal_right{
			background-image:url(../image/portal_tpoe.jpg);
			background-repeat:no-repeat;
			background-position:bottom center;
		}
		
		.choice_left{
			background-image:url(../image/stockdisplays.jpg);
			background-repeat:no-repeat;
			background-position:bottom center;
		}
		
		.choice_right{
			background-image:url(../image/tailordisplays.jpg);
			background-repeat:no-repeat;
			background-position:bottom center;
		}
		
		div.portal_content {
			padding: 10px 10px 10px 20px;
		}
		
		#products {
			margin:20px 5px 20px 20px;
			width: 760px;
			float:left;
		}
		
			#stockdisplay_center {
				float:left;
				width:440px;
				height:100px;
			}
			
			#stockdisplay_button {
				position:relative;
				left:150px;
				top:30px;
				text-align:center;
			}

			#stockdisplay_button span {
				font-size:24px;
				width:440px;
			}
			
			div.stockproduct {
				width: 210px;
				height: 295px;
				background-color: #0076bd;
				padding: 1px;
				float: left;
				position: relative;
			}
				div.stockproduct div.name a, div.stockproduct  div.name {
					font-style: normal;
					font-family: "Times New Roman", Times, serif;
					font-size: 18px;
					font-weight: bold;
					color: #FFF;
					text-align: center;
					text-decoration: none;
					padding-top:2px;
				}
				div.stockproduct div.price {
					font-style: normal;
					font-family: "Times New Roman", Times, serif;
					font-size: 14px;
					font-weight: bold;
					color: #FFF;
					text-align: center;
					text-decoration: none;
					padding-top:2px;
				}
			div.stockproduct div.image{
				display: block;
				height: 250px;
				background-color: #ffffff;
				text-align: center;
			}
			div.stockproduct div.buttons{
				position: absolute;
				left: 160px;
				top: 300px;
				width: 50px;
				height: 22px;
			}
				div.stockproduct div.buttons .btn_info {
					float: left;
					display:block;
					width: 22px;
					height: 22px;
					background:url(../image/button_info.png);
				}
				div.stockproduct div.buttons .btn_info:hover {
					background:url(../image/button_info_active.png);
				}
				div.stockproduct div.buttons .btn_bag {
					margin-left: 5px;
					float: left;
					display:block;
					width: 22px;
					height: 22px;
					background:url(../image/button_bag.png);
				}
				div.stockproduct div.buttons .btn_bag:hover {
					background:url(../image/button_bag_active.png);
				}
			
		.lbox_container {
			width:520px;
			height:300px;
			padding:20px 25px 20px 25px;
		}
		
			.lbox_title h2 {
				font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
				font-size:24px;
				margin:0;
				line-height: 33px;
				height: 33px;
			}
			
			.lbox_image {
				width:210px;
			
				background-repeat:no-repeat;
				background-position:center;
			}
				.lbox_title div {
					text-align: center;
				}
				.lbox_image img {
					margin-top: 10px;
				}
			
			.lbox_example{
				width:300px;
				height:240px;
			}
			
			.lbox_text{
				margin-top: 20px;
				width:280px;
				padding:10px;
			}
			
			.lbox_bestellnk{
				
				margin-left:382px;
				margin-top:10px;
				width:139px;
				height:22px;
				display:block;
				background:url(../image/button_bestelpagina.png);
			}
			
			.lbox_bestellnk:hover{
				background:url(../image/button_bestelpagina_active.png);
			}
		
			table.specs tr, table.specs td, table.specs a{
				height:20px;
				color:#7d7a7a;
				margin:0;
			}
			table.specs tr.first td{
				border-top: 1px solid #0076BD;
			}
			table.specs tr.last td{
				border-bottom: 1px solid #0076BD;
			}
			table.specs td.first{
				border-left: 1px solid #0076BD;
			}
			table.specs td.last{
				border-right: 1px solid #0076BD;
			}
	
			table.specs tr.even {
				background-color: #ebf1f9;
			}		
			
		#productoverview {
			margin: 20px 0 20px 20px;
			width: 750px;
			float:left;		
		}
		
		#basketanddownloads {
			float:left;
			width:160px;
		}
		
			#basket {
				margin: 20px 20px 20px 0;
				width: 160px;
				border: 1px solid #f7941d;
				position:relative;
				display:inline-block;
			}
				
				#basket .spacer {
					float:left;
					width:0;
					height:250px;
				}
				
				#basket_content {
					float:left;
					width:160px;
					background: url(../image/shoppingcart.jpg) 137px 16px no-repeat;
				}
				
				#basket div.name, #downloads div.name, #preview div.name {
					font-style: normal;
					font-family: "Times New Roman", Times, serif;
					font-size: 17px;
					font-weight: bold;
					color: #f7941d;
					padding: 10px 0 10px 15px;
				}
				#basket div.order {
					/*height: 18px;*/
					border-top: 1px solid #f7941d;
					color: #666666;
					padding: 3px 0 3px 15px;
					background-color: #ffffff;
				}
				#basket div.odd, .orderproduct tr.odd {
					background-color: #fedbb4;
				}
				#basket div.last {
					border-bottom: 1px solid #f7941d;
				}
			
			#downloads {
				display:inline-block;
				margin: 20px 20px 20px 0;
				width: 160px;
				border: 1px solid #0076BD;
			}
				
				#downloads .odd, #downloads .even{
					padding:10px;
					border-top:1px solid #0076BD;
				}
				
				#downloads .odd {
					background-color:#ebf1f9;	
				}
				
				#downloads a {
					color:#666666;
					text-decoration:none;
				}
			#preview {
				display:inline-block;
				margin: 20px 20px 20px 0;
				width: 160px;
				border: 1px solid #0076BD;
			}
				#preview .odd, #preview .even{
					text-align: center;
					border-top:1px solid #0076BD;
				}

		div.product {
			width: 165px;
			height: 240px;
			background-color: #0076bd;
			padding: 1px;
			float: left;
		}
			div.product div.name a, div.product  div.name {
				font-style: normal;
				font-family: "Times New Roman", Times, serif;
				font-size: 18px;
				font-weight: bold;
				color: #FFF;
				text-align: center;
				text-decoration: none;
				padding-top:5px;
			}

		div.product div.image, div.product_slideshow div.image {
			display: block;
			height: 200px;
			background-color: #ffffff;
			text-align: center;
		}
		div.product div.image {
			width: 165px;
			overflow: hidden;
		}
		
		#productexamples {
			width:564px;
			/*height:240px;*/
			float:left;
			margin-left:10px;
			border:1px solid #0076BD;
		}
		
			#samplesholder {
				display:block;
				height:200px;
				width:540px;
			}		

		
		.product_step {
			width:740px;
			height:150px;
		}
		
			.product_step_id {
				float:left;
				width:167px;
				text-align:center;
			}
			
				.step_stap {
					font-size:20px;
					position:relative;
					top:10px;
				}
				
				.step_nummer {
					font-size:50px;
					left:5px;
					position:relative;
					top:29px;
				}
		
			.product_step_option {
				border:1px solid #F7941D;
				float:left;
				margin-left:10px;
				width:130px;
				height:130px;
			}
			
			.product_step_options {
				margin-left:10px;
				float:left;
				width:540px;
			}
					
			.product_step_option:hover, .product_step_option.active{
				/*border:1px solid #0076BD;*/
			}
			
			div.disabled, div.disabled:hover {
				border:1px solid #999;
			}
				.product_step_option div{
					padding:10px;
					text-align:center;
				}
				
				.product_step_option a {
					display:block;
					color:#000;
					text-decoration:none;
				}
		
		#button_add2basketandprice{
			position:relative;
			top:50px;
			left: 200px;
		}
		
			#button_add2basket {
				background:url(../image/button_addtobasket.png);
				border:0px;
				cursor:pointer;
				height:21px;
				width:173px;
				margin: 10px 0px 0px 0px;
			}
		
		#button_add2basket:hover {
			background:url(../image/button_addtobasket_active.png);
		}
		
		
		.orderproduct{
			width: 100%;
			/*background-color: #becde0;*/
			margin-bottom:10px;
			float: left;
		}
		.orderproduct table tr.first td {
			border-top: 1px solid #F7941D;
		}		
		.orderproduct table tr.last td {
			border-bottom: 1px solid #F7941D;
		}
		.orderproduct table td.first {
			border-left: 1px solid #F7941D;
		}
		.orderproduct table td.last {
			border-right: 1px solid #F7941D;
		}

		div.orderproduct div.image {
			border: 1px solid #F7941D;
			margin:0px 10px 10px 10px;
		}
		
		div.orderproduct div.specifications {
			float:left;
			width:750px;
			padding:0px 10px 10px 5px;
		}
		
		#button_submit_order{
			border:0px;
			background:url(../image/button_submitorder.png);
			width:137px;
			height:20px;
			cursor:pointer;
			margin-right:10px;
		}
	
		#button_register{
			border:0px;
			background:url(../image/button_register.png);
			width:81px;
			height:22px;
			cursor:pointer;
			display:block;
		}
		
		#button_register:hover{
			background:url(../image/button_register_active.png);
		}
				
		#button_login{
			border:0px;
			background:url(../image/button_login.png);
			width:66px;
			height:22px;
			cursor:pointer;
			display:block;
		}
		
		#button_login:hover{
			background:url(../image/button_login_active.png);
		}
		
		#button_assign{
			border:0px;
			background:url(../image/button_assign.png);
			width:74px;
			height:23px;
			cursor:pointer;
			display:block;
		}
		
		#button_assign:hover{
			background:url(../image/button_assign_active.png);
		}

		#button_inschrijven{
			border:none;
			background:url(../image/button_inschrijven.png);
			width:81px;
			height:22px;
			cursor:pointer;
			display:block;
		}
		#button_verzenden{
			border:none;
			background:url(../image/button_verzenden.png);
			width:81px;
			height:22px;
			cursor:pointer;
			display:block;
		}
		.button_save{
			border:0px;
			background:url(../image/button_save.png);
			width:62px;
			height:23px;
			cursor:pointer;
			display:block;
		}
		
		table.grid td {
			padding-left: 5px;
		}
		table.grid tr {
			height: 24px;
		}
		
		table tr.first td {
			border-top: 1px solid #F7941D;
		}		
		table tr.last td {
			border-bottom: 1px solid #F7941D;
		}
		table tr.heading td {
			font-weight: bold;
		}	
		table tr.odd {
			background-color: #ffffff;
		}		
		table tr.even {
			background-color: #fedbb4; /*#becde0; #ebf1f9; */
		}		
		table td.first {
			border-left: 1px solid #F7941D;
		}
		table td.last {
			border-right: 1px solid #F7941D;
		}
		table tr.bold td {
			font-weight:bold;
			color:#000;
		}
		table tr.borderbottom td {
			border-bottom: solid #999 1px;	
		}
		table tr.bordertop td {
			border-top: solid #999 1px;	
		}
		table td.required{
			color:#F00;
		}
		table.height tr{
			height:24px;
			margin:0;
		}
		
		table#options td{
			padding: 2px 2px 2px 5px;	
			margin-bottom:10px;
		}
		table td.link:hover{
			background-color:#DAE5F4;
			cursor:pointer;
		}

		table.disabled tr.first td {
			border-top: 1px solid #999;
		}		
		table.disabled tr.last td {
			border-bottom: 1px solid #999;
		}
		table.disabled tr.odd {
			background-color: #ffffff;
		}		
		table.disabled tr.even {
			background-color: #CCC; /*#ebf1f9;*/
		}		
		table.disabled td.first {
			border-left: 1px solid #999;
		}
		table.disabled td.last {
			border-right: 1px solid #999;
		}

#footer {
	color:#7b7b7b;
}
	#footerlinks {
		height: 153px;
		background-image: url(../image/sitemap_background.png);
	}
	
	#footerlinks div{
		padding-left:20px;
		padding-top:15px;
		height:133px;
		float:left;
	}
	
		h2{
			font-size:22px;
		}
	
		#footerlink_left{
			width:350px;
		}
		#footerlink_center{
			width:340px;
		}
		#footerlink_right{
			width:210px;
		}
	
	#footerlinks ul{
		padding-left:13px;	
	}
	
	#footerlinks a{
		color:#666666;
		text-decoration:none;
	}
	
	#tail {
		height: 41px;
		background-image: url(../image/tail_background.png);
	}
	#tail a{
		color:#7B7B7B;
		text-decoration:none;
	}
	#tail .container{
		padding:15px 20px 0px 20px;
	}
	
#clear {
	width: 1000px;
	height: 15px;
	background: url("image/shadow_bottom.png") top center no-repeat;
}

.clear {
	clear:both;	
	width:0px;
	height:0px;
}

.verborgen {
	display:none;	
}