/* Created by Kevin Steba ;-) */
/* Last Modifed on 23-10-2008 */
.clear{clear: both;height: 1px;font-size: 1px;overflow: hidden;}
.hr{height: 1px;overflow: hidden;border-bottom: 1px solid #3C3C3C;margin: 8px 0px;}
	.hr hr{display: none;}
.color2{color: #A1DF0E !important;}
.color3{color: #00BAFF !important;}

/* start: body */
body{
	background: #000;
	text-align: center;
}
	/* start: container */
	body div#container{
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		background: url(../images/container-bg.jpg) no-repeat 0px 0px;		
		position: relative;	
	}
	body div#container div#container-main{
		background: url(../images/container-bottom.jpg) no-repeat 0px bottom;
		padding: 40px 21px 70px 20px;
	}
		/* start: header */
		body div#container div#header{
			height: 103px;
			background: url(../images/header-bg.jpg) no-repeat 0px 0px;			
		}
			/* logo */
			body div#container div#header img#logo{
				position: absolute;
				left: 79px;
				top: 62px;
			}
			
		/* end: header */
		
		/* start: user-msg */
		body div#container div#user-msg{
			position: absolute;
			right: 58px;
			top: 150px;
			color: #878787;
			z-index: 99;
		}
			body div#container div#user-msg a{
				color: #FFF;
			}
		/* end: user-msg */
		
		/* start: pnav-trans */
		body div#container div#pnav-trans{
			height: 30px;
			width: 935px;
			border-top: 1px solid #81B2C2;
			margin-left: 13px;
			background: #41413F;
			filter:alpha(opacity=55);
			-moz-opacity:.55;
			opacity:.55;
		}
		/* end: pnav-trans */
		
		/* start: pnav */
		body div#container div#pnav{
			height: 30px;
			width: 935px;	
			position: absolute;
			left: 63px;
			top: 139px;
		}
			body div#container div#pnav ul li{
				float: left;
				background: url(../images/pnav-sep.gif) no-repeat 0px 15px;
				padding: 0px 10px;
				position: relative;
			}
				body div#container div#pnav ul li a{				
					color: #FEFFFF;
					font-size: 12px;
					text-transform: uppercase;
					display: block;
					float: left;
					text-decoration: none;
					font-weight: bold;
					padding: 13px 10px 0px 10px;
					height: 22px;					
				}
				body div#container div#pnav ul li a:hover{				
					text-decoration: underline;				
				}
				body div#container div#pnav ul li.active a{				
					color: #FEFFFF;
					font-size: 12px;
					text-transform: uppercase;
					display: block;
					float: left;
					text-decoration: none;
					font-weight: bold;
					background: #057B9F;
					border: 1px solid #FEFFFF;
					border-bottom: 0px;
					padding: 13px 10px 0px 10px;
				}
					body div#container div#pnav ul li.active a span.lt{				
						position: absolute;
						left: 10px;
						top: 0px;
						background: url(../images/pnav-left.gif) no-repeat;
						width: 5px;
						height: 5px;
						display: block;
					}
					body div#container div#pnav ul li.active a span.rt{				
						position: absolute;
						right: 9px;
						top: 0px;
						background: url(../images/pnav-right.gif) no-repeat;
						width: 5px;
						height: 5px;
						display: block;
					}
					html>body div#container div#pnav ul li.active a span.rt{
						right: 10px;
					}
			
		/* end: pnav */
		
		/* start: snav */
		body div#container div#snav{
			background: #057B9F;
			width: 933px;	
			margin-left: 13px;
			border: 1px solid #FFF;
			height: 32px;
		}
			body div#container div#snav ul{
				display: none;
			}
			body div#container div#snav ul.active{
				display: block;
				padding-top: 5px;
				padding-left: 30px;
			}
				body div#container div#snav ul li{
					float: left;
					background: url(../images/snav-sep.gif) no-repeat 0px 5px;
					padding: 4px 10px;					
				}
					body div#container div#snav ul li a{
						color: #FEFFFF;
						font-size: 12px;
						text-transform: uppercase;
						text-decoration: none;
						font-weight: bold;
					}
					body div#container div#snav ul li a:hover{
						text-decoration: underline;
					}
		/* end: snav */
		
		/* start: breadcrumble */
		body div#container div#breadcrumble{
			height: 24px;
			text-align: right;
			padding: 15px 40px 0px 0px;
			color: #999999;
		}
			body div#container div#breadcrumble a{
				color: #999999;
				text-decoration: none;
			}
			body div#container div#breadcrumble a:hover{
				text-decoration: underline;
			}
			body div#container div#breadcrumble span{
				color: #999999;
				font-weight: bold;
			}
		/* end: breadcrumble */
		
		/* start: main */
		body div#container div#main{
			padding-left: 12px;
			height: 460px;
			min-height: 460px;
		}
		html>body div#container div#main{
			height: auto;
		}
			body div#container div#main div.block{
				float: left;
				border-left: 1px solid #000;
				background: #262626;
			}
			div#home-fixed-height-top .block{height: 335px;overflow: hidden;}
			div#home-fixed-height-bottom .block{height: 182px;overflow: hidden;}
			body div#container div#main div.small{width: 154px;}
			body div#container div#main div.medium{width: 310px;}
			
			body div#container div#main div.basket1{width: 154px;height:270px;overflow:hidden;}
			body div#container div#main div.basket2{width: 515px; height:270px;overflow:hidden;}
			body div#container div#main div.basket3{width: 260px; height:270px;overflow:hidden;}
			
			body div#container div#main div.large{width: 621px;}
			body div#container div#main div.extra{width: 931px;}
			/*body div#container div#home-fixed-height-bottom div#main div.large{width: 1024px;}*/
			
			body div#container div#main div.block h2{
				border-top: 1px solid #000;
				border-bottom: 1px solid #000;
				background: #535353;
				padding: 10px 0px 0px 20px;
				height: 24px;
				color: #EAEAEA;
				font: 11px Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
			}
			
				/* bestelform */
				body div#container div#main div.block form#bestel-form{
					padding: 7px 10px;
					height: 192px;
					overflow: hidden;
					border-bottom: 1px solid #000;
					background: url(../images/bestelform-bg.jpg) no-repeat top right;
				}
					body div#container div#main div.block form#bestel-form fieldset{
						
					}
						body div#container div#main div.block form#bestel-form fieldset legend{
							display: none;
						}
						body div#container div#main div.block form#bestel-form fieldset ol{
							
						}
							body div#container div#main div.block form#bestel-form fieldset ol li{
								clear: both;
								height: 14px;
								padding-top: 9px;
							}
								body div#container div#main div.block form#bestel-form fieldset ol li label{
									float: left;
									display: block;
									width: 115px;
									padding: 0px 0px 0px 6px;
									color: #C9C9C9;
									text-transform: uppercase;
									font-weight: bold;
								}
								body div#container div#main div.block form#bestel-form fieldset ol li select{
									font-size: 11px;
									width: 160px;
								}
					body div#container div#main div.block form#bestel-form table td{
						padding: 4px 6px;
						color: #C9C9C9;
						text-transform: uppercase;
						font-weight: bold;
					}
					
					body div#container div#main div.block form#bestel-form p.button{
						text-align: right;
					}
						body div#container div#main div.block form#bestel-form p.button input{
							background: #262626;
							font-size: 11px;
							color: #C9C9C9;
							text-transform: uppercase;
							font-weight: bold;
							border: 1px solid #3C3C3C;
							padding: 2px 20px;
							cursor: pointer;
						}
				/* end: bestelform */
				
				body div#container div#main div.block p.info{
					padding: 15px;
					color: #666666;
				}
				
				/* start: content */
				body div#container div#main div#home-fixed-height-bottom div.block div.content{
					padding: 25px;
					color: #FFF;
				}

				body div#container div#main div.block div.content{
					padding: 25px;
					color: #FFF;
				}
/**/
					body div#container div#main div.extra div.content ul{
						padding-top: 15px;
					}
						body div#container div#main div.extra div.content ul li{
							float: left;
							padding: 0px 10px;
							background: url(../images/meer-info-sep.gif) no-repeat left 2px;
						}
				
/**/				
				body div#container div#main div.block div.content ul{
						padding-top: 15px;
					}
						body div#container div#main div.block div.content ul li{
							float: left;
							padding: 0px 10px;
							background: url(../images/meer-info-sep.gif) no-repeat left 2px;
						}
						body div#container div#main div.block div.content ul li.first{
							padding: 0px 30px 0px 0px;
							background: none;
							font-weight: bold;
						}
							body div#container div#main div.block div.content ul li a{
								color: #B5FF02;
								text-decoration: none;
							}
							body div#container div#main div.block div.content ul li a:hover{
								text-decoration: underline;
							}
				/* end: content */
				
				/* start: news */
				body div#container div#main div.block.news{
					
				}
					body div#container div#main div.block.news div.item{
						padding: 10px 20px;
					}
						body div#container div#main div.block.news div.item p.date{
							padding-bottom: 5px;
							color: #3C3C3C;
						}
						body div#container div#main div.block.news div.item p.short-entry{
							color: #FFF;
							padding-bottom: 5px;
						}
						body div#container div#main div.block.news div.item p.read-more{
							text-align: right;
						}
							body div#container div#main div.block.news div.item p.read-more a{
								color: #00B9FD;
								text-decoration: none;
							}
							body div#container div#main div.block.news div.item p.read-more a:hover{
								text-decoration: underline;
							}
				/* end: news */
		/* end: main */
		
		/* start: footer */
		div#container div#footer{
			color: #5A5A5A;
			padding: 15px 15px 5px 38px;
			position: relative;
			line-height: 14px;
		}
			div#container div#footer p.copy{
				font-weight: bold;
				padding-bottom: 5px;
			}
			div#container div#footer ul{
				clear: both;
				margin-left: -5px;
			}
				div#container div#footer ul li{
					float: left;
					padding: 0px 5px 4px 6px;
					background: url(../images/footer-sep.gif) no-repeat right 3px;
				}
					div#container div#footer ul li a{
						color: #5A5A5A;
						text-decoration: none;
					}
					div#container div#footer ul li a:hover{
						text-decoration: underline;
					}
			div#container div#footer div#contact-info{
				position: absolute;
				right: 55px;
				top: 15px;
				text-align: right;
			}
			html>body div#container div#footer div#contact-info{
				right: 35px;
			}
				div#container div#footer div#contact-info h5{
					text-align: right;
					font-weight: bold;
				}
				div#container div#footer div#contact-info p{
					line-height: 18px;
					text-align: right;
				}
		/* end: footer */
	/* end: container */
/* end: body */

.error{
color:red;
}
/**/
/* prijs matrix */
.matrix{
  border-collapse: separate;
  background: #057B9F;
  margin: 0px;
  padding: 0px;
}

body div#container div#main table.matrix tr td a,body div#container div#main  table.matrix tr td a:active,body div#container div#main  table.matrix tr td a:visited{
  /*width: auto;*/
  color:#000;
  text-decoration:none;
}

table.matrix td{
	width: 50em;
	/*width: 20em !important;*/
	text-align:center;
	vertical-align:middle;
}

table.matrix a:hover{
  text-decoration:underline;
}
/* einde prijs matrix*/

				/* bestelform */
				form#basket-form{
					padding: 7px 10px;
					height: 192px;
					overflow: hidden;
					border-bottom: 1px solid #000;
					
				}
					form#basket-form fieldset{
						
					}
						form#basket-form fieldset legend{
							display: none;
						}
						form#basket-form fieldset ol{
							
						}
							form#basket-form fieldset ol li{
								clear: both;
								height: 14px;
								padding-top: 9px;
							}
								form#basket-form fieldset ol li label{
									float: left;
									display: block;
									width: 50px;
									padding: 0px 0px 0px 6px;
									color: #C9C9C9;
									text-transform: uppercase;
									font-weight: bold;
								}
								form#basket-form fieldset ol li select{
									font-size: 11px;
									width: 130px;
								}
					form#basket-form table td{
						padding: 4px 6px;
						color: #C9C9C9;
						text-transform: uppercase;
						font-weight: bold;
					}
		
						form#basket-form p.button input{
							background: #262626;
							font-size: 11px;
							color: #C9C9C9;
							text-transform: uppercase;
							font-weight: bold;
							border: 1px solid #3C3C3C;
							padding: 2px 20px;
							cursor: pointer;
						}
				/* end: bestelform */
body div#container div#main div.block form#login-form fieldset ol li label {
color:#C9C9C9;
display:block;
float:left;
font-weight:bold;
padding:0px 0px 0px 6px;
text-transform:uppercase;
width:200px;
}

body div#container div#main div.block form#login-form label.noStyle {
display:inline;
float:none;
padding-left:5px;
width:auto;
}