body {
	margin: 0px 0px 10px 0px;
	background-color: #BFCCF5;
	background-image: url(images/layout/bg.gif);
	background-repeat: repeat-x;
	color: #3E3E3E;
	text-align: center; 
}

body.dialogBox {
	background-color: #E6EBFB;	
	background-image: none;
	margin: 10px;
}

div#outerBodyBox {
	margin: 0 auto;
	position: relative;
	width: 976px;
	height: 86px;
	background-image: url('images/layout/header_bg.jpg');
	background-repeat: no-repeat;
}

div#logoBox {
	height: 96px;
	position: relative;
}

div#mainBox {
	position: relative;
	width: 100%; background-color: #D3DBF8; background-image: url('images/layout/main_bg.gif'); background-repeat: repeat-x; border: 2px solid white; text-align: left;
}

div#footerBox {
	height: 25px;
	position: relative;
	vertical-align: middle;
}

div#footerBoxInside {
	position: absolute; top: 0px; left: 0px; width: 100%; height: 25px; padding: 0px 14px 0px 14px; vertical-align: middle;
}

div#whiteStripeBox {
	position: absolute; top: 0px; left: 0px; width: 100%; height: 25px;  background-color: white; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5;
}

div#menuBox {
	position: absolute; top: 86px; left: 16px; height: 28px; text-align: left;
}

div#rightColumnBox {
	width: 263px; float: right;
}

div.tipBox {
	position: relative; width: 706px; float: left;
}

div#logoBoxPrint {
	display: none;
}

/* ================================= */
/* Algemeen */
/* ================================= */

form {
	margin: 0px;
}

table {
	border-collapse: collapse;
}

table td {
	vertical-align: top;
}

div {
  -moz-box-sizing: border-box;
	box-sizing: border-box;
}

a img {
	border: 0px;
}

/* ================================= */
/* Blokken */
/* ================================= */

div.blok {
	position: relative;
	margin-bottom: 4px;
	border: 2px solid #C0CCF5;
	background-color: white;
}

div.blok1 {
	background-color: white;
	text-align: left;
}

div.blok2 {
	background-color: #FFDD30;
}

div.blok3 {
	float: left;
}

div.blok div.titel {
	height: 33px;
	padding: 4px 12px 4px 12px;
	background-color: #E6EBFB;
}

div.blok div.titel h1 {
	margin: 0px;
}

div#blockTitleRightBox {
	float: right;
	margin-top: 2px;
}

div.blok3 div.inhoud, div.blok div.inhoud {
	padding: 8px 12px 8px 12px;
}

img.blockCornerTopRight {
	position: absolute; top: -2px; right: -2px;	
}

div#blackStripeBox {
	width: 100%;
	height: 2px;
	background-color: black;
	filter: alpha(opacity=25);
	opacity: 0.25;
	-moz-opacity:0.25;
}

div.mainBlockBox {
	width: 706px;
}

/* ================================= */
/* Home */
/* ================================= */

div.introBlokHome {
	position: relative;
	width: 100%;
	margin-bottom: 4px;
	background-color: white;
	border-width: 2px;
}

div.introBlokHomeAfbeelding {
	width: 347px;
	height: 160px;
	background-image: url(images/layout/blok1_bg.gif);
	text-align: center;
}

div.introBlokHomeInhoud {
	position: absolute;
	top: 0px;
	left: 347px;
	padding: 8px 2px 8px 12px;
}

div.blokNieuws {
	position: relative;
	width: 351px;
	margin-right: 4px;
	float: left;
}

div.blokAgenda {
	width: 351px;
}

/* ================================= */
/* Product Detail */
/* ================================= */

div.inhoudRechts {
	float: right;
	width: 351px;
}

/* ================================= */
/* Teksten */
/* ================================= */

h1 {
	color: #3E3E3E;
	font-size: 17px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 11px;
	color: #3E3E3E;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p {
	font-size: 11px;
	color: #3E3E3E;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.vet, span.vet {
	font-weight: bold;
}

p.crumbtrail {
	margin: 0px;
}

p.crumbtrail a {
	color: #3E3E3E;
}

a {
	color: #0032D7;
	text-decoration: underline;
}

li {
	color: #3E3E3E;
}

/* ================================= */
/* Product Thumb */
/* ================================= */

div.productThumb {
	float: left;
	position: relative;
	width: 138px;
	height: 178px;
	background-color: #C0CCF5;
	padding: 0px 2px 2px 0px;
}

div.productThumbInside {
	position: absolute;
	top: 0px; left: 0px;
	width: 136px;
	height: 176px;
	background-color: white;
	cursor: pointer;
	padding: 0px 12px 0px 12px;
}

div.productThumb p{
	margin: 0px;
	line-height: 1.2em;
}

div.productThumb div.naam {
	position: absolute;
	top: 110px;
	left: 12px;
	width: 112px;
}

div.productThumb div.prijs {
	position: absolute;
	bottom: 12px;
	right: 12px;
	width: 112px;
	text-align: right;
}

div.productThumbFotoKader {
	position: absolute;
	top: 24px;
	left: 12px;
	width: 112px;
	height: 84px;
	border: 1px solid #0032D7;
	background-color: #C0CCF5;
	margin-bottom: 2px;
	text-align: center;
	overflow: hidden;
}

span.prijs, p.prijs{
	color: #D7313C;
	font-size: 13px;
	font-weight: bold;
}

div.productThumb div.label {
	position: absolute;
	top: 3px;
	right: 5px;
}

div.productThumb div.label p {
	color: #D7313C;
	font-size: 10px;
	font-weight: bold;
}

div.productThumbFotoKader p.artikelcode {
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 0px 1px 0px 1px;
}

div.productThumbFotoKader p.artikelcodeBackGround {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: white;
	padding: 0px 1px 0px 1px;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
}

div.productThumbOpvallend {
	padding-bottom: 0px;
	height: 176px;
}

div.productThumbInsideOpvallend {
	background-color: #FCDD20;
}

div.tipProductsBox {
	width: 100%;
	border-top: 2px solid #C0CCF5;
	background-color: #FCDD20;
}

/* ================================= */
/* Cat Thumb */
/* ================================= */

div.catThumb {
	float: left;
	position: relative;
	width: 138px;
	height: 188px;
	background-color: #C0CCF5;
	padding: 0px 2px 2px 0px;
}

div.catThumbTitle {
	position: absolute;
	top: 8px;
}

div.catThumbTitle h2 {
	margin: 0px;
}

div.catThumbFotoKader {
	position: absolute;
	top: 30px;
	text-align: center;
}

div.catThumbInside {
	width: 136px;
	height: 186px;
	background-color: white;
	cursor: pointer;
	padding: 10px 12px 0px 12px;
	overflow: hidden;
}

img.catThumbImage {
	width: 110px;
	height: 98px;
}

div.catThumbInside h2 {
	line-height: 1.1em;
	bottom: 140px;
}

div.catThumb p {
	margin: 0px;
	line-height: 1.1em;
}

div.catThumb div.naam {
	position: absolute;
	top: 130px;
	width: 112px;
	
}


/* ================================= */
/* Image Carrousel */
/* ================================= */

div.imageCarrousel {
	float: right;
	margin-bottom: 10px;
	width: 352px;
	position: relative;
}

div.fotoKader {
	width: 350px;
	height: 262px;
	border: 1px solid #FCDD20;
	overflow: hidden;
	margin-bottom: 7px;
	position: relative;
	background-color: #FFEE98;
}

div.fotoKader[class] {
	display: table;
	position: static;
}

div.carThumbFotoKader {
	position: relative;
	width: 112px;
	height: 84px;
	border: 1px solid #0032D7;
	background-color: #C0CCF5;
	margin-right: 7px;
	text-align: center;
	float: left;
}

div.centerHelp {
	position: absolute;
	top: 50%;
}

div.centerHelp[class] {
	display: table-cell;
	vertical-align: middle;
	position: static;
}

img.mainImage {
	position: relative;
	top: -50%;
}

div.imageCarrousel img.productThumbFoto {
	cursor: hand;
}

div.imageCarrousel div.carButton {
	display: none;
}


/* ================================= */
/* Cart */
/* ================================= */

div.cart {
	width: 247px;
	height: 295px;
}

div.cartItems {
	height: 154px;
	overflow: auto;
}

div.cartItemsCheckout {
	height: 260px;
}

div.cartRest {
	padding-right: 15px;
}

div.cartCheckout {
	width: 340px;
}

div.cart div.product {
	position: relative;
	height: 43px;
	margin-bottom: 4px;
	overflow: hidden;
}

div.cart img.thumb {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 55px;
	height: 41px;
	border: 1px solid #FCDD20;
}

div.cart div.info {
	position: absolute;
	top: 0px;
	left: 60px;
	width: 175px;
	height: 43px;
	overflow: hidden;
}

div.cartCheckout div.info {
	position: absolute;
	top: 0px;
	left: 60px;
	width: 262px;
	height: 43px;
	overflow: hidden;
}


div.cart div.info div.naam {
	position: absolute;
	top: 0px;
	left: 0px;
}

div.cart div.info p.naam {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	line-height: 1.2em;
	font-weight: bold;
	white-space: nowrap;
}

div.cart p.extra {
	position: absolute;
	top: 13px;
	left: 0px;
	margin: 0px;
	line-height: 1.2em;
	white-space: nowrap;
}

div.cart img.delButton {
	position: absolute;
	top: 27px;
	left: 0px;
	width: 14px;
	height: 16px;
	cursor: pointer;
}

div.cart img.minButton {
	width: 14px;
	height: 16px;
	cursor: pointer;
}

div.cart img.maxButton {
	width: 14px;
	height: 16px;
	cursor: pointer;
}

div.cart div.aantal {
	position: absolute;
	top: 27px;
	left: 30px;
}

div.cart div.aantal input.aantalInput {
	position: relative;
	top: -4px;
	width: 26px;
	color: #D7313C;
	height: 16px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #3E3E3E;
	text-align: center;
}

div.cart p.prijs {
	position: absolute;
	top: 27px;
	right: 8px;
	color: #D7313C;
	margin: 0px;
	line-height: 1.2em;
	font-size: 11px;
	font-weight: normal;
}

div.cart p.afdeling {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 0px;
	line-height: 1.2em;
}

div.cart div.totaal {
	position: relative;
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid black;
	text-align: right;
}

div.cart p.totaal {
	font-weight: bold;
}

div.cart div.checkout, div.cart div.addCosts, div.cart div.exclBTW {
	text-align: right;
	margin-top: 4px;
}

div.cartCheckout div.naam {
	width: 200px;
}

div#axicodeBox {
	text-align: right;
	height: 50px;
}

div#axicodeBox p {
	margin: 0px;
}

input#axicodeInput {
	width: 48px;
}

/* ================================= */
/* Formulieren */
/* ================================= */

div.formVeld {
	width: 100%;
	height: 30px;
	position: relative;
}

div.formVeld div.label {
	width: 45%;
	position: absolute;
	top: 0px;
	left: 0px;
}

div.formVeld div.input {
	width: 55%;
	position: absolute;
	top: 0px;
	right: 0px;
}

div.formVeld input.tekstVerplicht {

}

div.formVeldVeelTekst, textarea.veelTekst {
	height: 75px;
}

div.formVeldCheckbox {
	height: 30px;
}

input.tekst, textarea, select{
	width: 100%;
	font-size: 11px;
	color: #3E3E3E;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.facultatief {
	color: #999999;
}

p.verplichtveld {
	color: #999999;
	text-align: right;
}

/* ================================= */
/* Agnedaitem */
/* ================================= */

div.agendaItem {
	width: 100%;
}

div.agendaItem p.periode {
	float: right;
}

/* ================================= */
/* Knop */
/* ================================= */

img.knop {
	cursor: pointer;
	margin: 4px 0px 4px 0px;
}

img.knopDisabled {
	margin: 4px 0px 4px 0px;
}

/* ================================= */
/* Overig */
/* ================================= */

img.collage {
	margin-bottom: 12px;
}

p.footerright {
	color: #999999;
	margin: 0px;
	float: right;
}

p.footerleft {
	color: #999999;
	margin: 0px;
	padding-top: 3px;
}

p.footer a {
	color: #999999;
}

span.nowrap {
	white-space: nowrap;
}

input, select {
	color: #3E3E3E;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div#seachInputBox {
	width: 263px;
	height: 36px;
	position: absolute;
	top: 78px;
	right: 0px;
	visibility: hidden;
	background: url('images/layout/bg_pattern.gif');
	background-position: 3px 1px;
	border-top: 2px solid white;
	border-right: 2px solid white;	
}

input#searchStringInput {
	width: 93px;
	position: absolute;
	top: 11px;
	left: 10px;
}

select#searchDepInput {
	width: 60px;
	position: absolute;
	top: 11px;
	left: 107px;
}

img#searchButton {
	position: absolute;
	top: 8px;
	left: 171px;
	cursor: pointer;
}

/* ================================= */
/* Tabellen */
/* ================================= */

table.standaard th {
	padding: 4px 15px 4px 15px;
	border-bottom: 2px solid #C0CCF5;
}

table.standaard td {
	padding: 4px 15px 4px 15px;
	border-bottom: 2px solid #C0CCF5;
}

tr.highlight td {
	background: #FCDD20;
	font-weight: bold;
}