/* Created by Kevin Steba ;-) */
/* Last Modifed on 13-10-2008 */

/* start: basis html elements */
html, body, div,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
}
a img, :link img, :visited img {border: 0;}
strong{font-weight:bold;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}

body{
	color: #000;
	background: #753511 url(../images/bg.png) repeat-x top;
	text-align: center;
}
a{color: blue;}
a:visited{color: purple}
a:hover{color: red;}
.clear{clear:both;height:1px;overflow:hidden;font-size:1px;}
/* end: basis html elements */

/* start: container */
div#container{
	width: 964px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
	/* start: site-title */
	div#container h1#site-title{
		height: 55px;
		background: url(../images/site-title.gif) no-repeat right bottom;
	}
		div#container h1#site-title span{
			display: none;
		}
	/* end: site-title */
	
	/* start: header */
	div#container div#header{
		border: 9px solid #FFF;
		width: 939px;
		position: relative;
		background: #FFF url(../images/header_bg.gif);
		margin: 0px 3px;
	}
	html>body div#container div#header{
		width: 936px;
	}
		div#container div#header img#logo{
			position: absolute;
			left:0px;
			top: 40px;
		}
		div#container div#header div#search{
			position: absolute;
			right:-1px;
			top: 40px;
			background: #FFF;
			border: 5px solid #FFF;
			border-right: 0px;
			width: 220px;
		}
			div#container div#header div#search label{
				display: none;
			}
			div#container div#header div#search input#search_string{
				width: 180px;
				height: 25px;
				background: #EAE7E6;
				padding: 7px 0px 0px 14px;
				border: 0px;
				color: #1D1D1D;
				font-size: 14px;
				text-transform: uppercase;
				text-decoration: none;
				font-family: Georgia, "Times New Roman", Times, serif;
				float: left;
			}
			div#container div#header div#search input#search_btn{
				width: 23px;
				height: 32px;
				padding: 0px;
				border: 0px;
				font-size: 1px;
				color: #EAE7E6;
				text-align: left;
				background: #EAE7E6 url(../images/search_btn.gif) no-repeat;
				cursor: pointer;
				float: right;
			}
		
		/* start: navigatie */
		div#container div#header div#navigatie{
			border-top: 1px solid #FFF;
			height: 35px;
			background: #01617C;
			overflow: hidden;
			margin-top: 123px;
			padding-left: 20px;
		}
			div#container div#header div#navigatie li{
				float: left;
				background: url(../images/navigatie-arrow.gif) no-repeat 0px 14px;
				padding: 11px 18px 0px 20px;
			}
				div#container div#header div#navigatie li a{
					color: #FFF;
					font-size: 12px;
					text-decoration: none;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-weight: bold;
				}
				div#container div#header div#navigatie li a:hover{
					text-decoration: underline;
				}
		/* end: navigatie */
	/* end: header */
	
	/* start: breadcrumble */
	div#container div#breadcrumble{
		float: left;
		color: #543422;
		font-size: 11px;
		padding: 10px;
	}
		div#container div#breadcrumble a{
			color: #543422;
			text-decoration: none;
		}
		div#container div#breadcrumble a:hover{
			text-decoration: underline;
		}
		div#container div#breadcrumble span{
			font-weight: bold;			
		}
	/* end: breadcrumble */
	
	/* start: extra-options */
	div#container div#extra-options{
		float: right;
		color: #543422;
		font-size: 11px;
		padding: 10px;
	}
		div#container div#extra-options a{
			color: #543422;
			text-decoration: none;
		}
		div#container div#extra-options a:hover{
			text-decoration: underline;
		}
	/* end: breadcrumble */
	
	/* start: main */
	div#container div#main{
	}
		div#container div#main div.block{
			float: left;
			height: 147px;
			border: 10px solid #FFF;
			margin: 3px;
			overflow: hidden;
		}
			div#container div#main div.small{
				width: 214px;
			}
			div#container div#main div.medium{
				width: 454px;
			}
			div#container div#main div.large{
				width: 934px;
				height: auto;
				overflow: auto;
			}
			div#container div#main div.block.artikel{
				background: #01617C;
			}
				div#container div#main div.block div.info{
					padding: 10px 10px 0px 10px;
					border-top: 1px solid #FFF;
				}
					div#container div#main div.block.artikel div.info div.naam a{
						color: #FFF;
						font-size: 14px;
						text-transform: uppercase;
						text-decoration: none;
						font-family: Georgia, "Times New Roman", Times, serif;
					}
					div#container div#main div.block.artikel div.info div.naam a:hover{
						text-decoration: underline;
					}
					div#container div#main div.block.artikel div.info div.omschrijving{
						color: #47889A;
						padding-top: 4px;
					}
					
			div#container div#main div.block.content{
				background: #EAE7E6;
			}
				div#container div#main div.block.content h2{
					color: #452E22;
					font-size: 14px;
					text-transform: uppercase;
					text-decoration: none;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-weight: bold;
					padding-bottom: 10px;
				}
				div#container div#main div.block.content h3{
					color: #452E22;
					font-size: 11px;
					text-transform: uppercase;
					text-decoration: none;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-weight: normal;
					padding-bottom: 10px;
				}
				div#container div#main div.block.content p{
					line-height: 15px;
					padding-bottom: 10px;
				}
				div#container div#main div.block.content p.readmore{
					text-align: right;
				}
				div#container div#main div.block.content a{
					color: #FF7200;
				}
	
	/* end: main */
	
	/* start: footer */
	div#container div#footer{
		color: #FFF;
		padding: 15px 15px 5px 15px;
		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: #FFF;
					text-decoration: none;
				}
				div#container div#footer ul li a:hover{
					text-decoration: underline;
				}
		div#container div#footer div#contact-info{
			position: absolute;
			right: 120px;
			top: 15px;
			text-align: right;
		}
		div#container div#footer div#vp-logo{
			position: absolute;
			right: 10px;
			top: 15px;
			text-align: right;
		}
			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 */

/* bestel form op index */
form select{
	margin-top:5px;
	font-size:12px;
	width:155px;
}

form.winkelwagen select{
	margin-top:5px;
	font-size:12px;
	width:105px;
}


form div.item label {
	display:block;
	float:left;
	color:#452E22;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
	padding-top:5px;
	width:75px;
}

form.winkelwagen div.item label {
	display:block;
	float:left;
	color:#452E22;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:12px;
	font-weight:bold;
	width:55px;
}

span.label,
form.login div.item label {
	display:block;
	float:left;
	color:#452E22;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:11px;
	width:185px;
}

form input.button,.buttonColor1 {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #452E22;
	color:#452E22;
	cursor:pointer;
	font-size:11px;
	margin:10px 15px 0px 85px;
	padding:1px 8px;
}

div.label{
	color:#452E22;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:10px;
	font-weight:bold;
	text-align:right;
	padding-right:5px;
}
div.value{
  display:inline;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}

form div.item label.noStyle {
display:inline;
float:none;
padding-left:5px;
width:auto;
}

.error{
color:red;
}
/**/
/* prijs matrix */
.matrix{
  border-collapse: separate;
  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;*/
	vertical-align:middle;
	text-align:center;
}

div#container div#main div.block.content table.matrix td a{
  color: #000000;;
}
table.matrix a:hover{
  text-decoration:underline;
}
/* einde prijs matrix*/