body, button, html, input, select, td, textarea, th {
  color: #353535;
  font: 11px/15px Tahoma, Verdana, Arial, sans-serif;
}

a {
  color: #353535;
}

a img {
  border: none;
}

body, html {
  background: #2b4486;
	margin: 0;
	padding: 0;
}

button {
  cursor: hand;
  line-height: normal;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

h1 {
  font-size: 12px;
}

h2 {
  background-position: 6px 7px !important;
  background-repeat: no-repeat !important;
  font-size: 11px;
  line-height: 20px;
  margin: 0;
  padding: 0 15px;
}

h2.var-1 {
  background: #65a505 url(../images/bullet-white.gif);
  color: #fff;
}

h2.var-2 {
  background: #797979 url(../images/bullet-white.gif);
  color: #fff;
}

h2.var-3 {
  background: #e4e2e2 url(../images/bullet-blue.gif);
  color: #001869;
}

h2.var-4 {
  background: #e8ecf2 url(../images/bullet-gray.gif);
  color: #514b4e;
}

h2.var-5 {
  background: #cdd1d4;
  color: #514b4e;
}

h2.var-5 span {
  color: #3a3336;
}

h2.var-6 {
  background: #e8ecf2 url(../images/bullet-dark-grey.gif) 5px 13px no-repeat !important;
  line-height: 15px;
  padding: 8px 8px 8px 12px;
}

h2 span.var-6 {
  background: #e8ecf2 url(../images/bullet-dark-grey.gif) 5px 13px no-repeat !important;
  display: block;
  line-height: 15px;
  margin: 0 -15px;
  padding: 8px 8px 8px 12px;
}

h2.var-7 {
  margin: 0;
  padding: 0;
}

h2.var-8 {
  background: #797979;
  color: #fff;
}

h3 {
  color: #65a505;
  font-size: 11px;
  margin: 10px 0;
}

fieldset, form {
	border: none;
  margin: 0;
  padding: 0;
}

input, select, textarea {}

label {
	cursor: pointer;
}

ul {
  margin-left: 20px;
}

li {
  margin: 0;
}

li, dd, blockquote {
	margin-left: 1em;
}

legend {}

p.var-1, p.var-2 {
  background-image: url(../images/arrowdubbel.gif) !important;
  background-position: 6px 7px !important;
  background-repeat: no-repeat !important;
  line-height: 22px;
  padding: 0 7px 0 20px;
  /*width: 70%;*/
}

p.var-1 {
  background: #eee;
  border-right: 1px solid #fff;
  width: 128px !important;
}

p.var-2 {
  background: #fff;
}

p.var-1 a, p.var-2 a {
  color: #797979;
  font-weight: bold;
}

p.var-3 {
  background-image: url(../images/arrow-wit.gif) !important;
  background-position: 6px 7px !important;
  background-repeat: no-repeat !important;
  background: #797979;
  height: 20px;
  line-height: 20px;
  margin: 15px 0 !important;
  padding: 0 7px 0 14px;
}

p.var-3 a {
  color: #fff !important;
}

td, th {}

#block-1 {
  float: left;
  padding-right: 4px;
  width: 474px;
}

.breed {
  width: 100%;
}

#block-2 {
  background: url(../images/block-2-bkg.gif) repeat-y left;
  border-bottom: 5px solid #65a505;
  color: #001869;
  float: left;
  width: 232px;
}

#block-2 a {
  color: #797979;
  font-weight: bold;
}

#block-2 div {
  background: url(../images/block-2-div-bkg.gif) repeat-x bottom;
}

#block-2-inner {
  padding: 12px 10px;
}

#contactformulier {
  width: 415px;
  margin-bottom: 20px;
}

#contactformulier legend {
  display: none;
}

#contactformulier .label {
  float: left;
  width: 120px;
}
#contactformulier .form-row {
  margin-bottom: 3px;
}

#contactformulier .form-button {
  text-align: right;
}

#contactformulier input, #contactformulier textarea {
  background: url(/images/input-bkg.gif) repeat-y;
  border: #b9b9b9 1px solid;
  width: 293px;
}

#contactformulier textarea {
  height: 65px;
}

#contactformulier .button {
  width: auto;
  padding: 0 15px;
}

#container {
  background: #fff;
  margin: 8px auto;
  padding: 8px 15px;
  width: 710px;
}

#contentblock-1-en-contentblock-2 {
  background: url(../images/contentblock-1-en-contentblock-2.gif);
}

#contentblock-1 {
  float: left;
  margin-right: 2px;
  width: 190px;
}

#contentblock-2 {
  float: left;
  width: 282px;
}

#contentblock-3 {
  background: #e8ecf2;
}

#contentblock-producten {
  background: #e8ecf2;
}

#error {
  background: url(/images/error.gif) no-repeat 10px center;
  border: #a93c3c 1px solid;
  display: none;
	color: #a93c3c;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding: 10px 10px 10px 30px;
	margin: 20px 0;
	width: 373px;
}

#footer {
  background: #cdd1d4;
  line-height: 20px;
  margin: 0;
  text-align: center;
}

#header {
  background: url(../images/header.jpg);
  height: 137px;
  margin-bottom: 4px;
  position: relative;
}

#logo {
  left: 203px;
  position: absolute;
  top: 21px;
}

#main {
  overflow: auto;
  padding-top: 5px;
  padding-bottom: 20px;
  width: 100%;
}

#main:focus {
  -moz-outline: none;
}

#nav {
  background: url(../images/nav-bkg.gif);
  font-weight: bold;
  height: 37px;
  margin: 0;
}

#nav a {
  color: #465060;
  display: block;
  line-height: 37px;
  margin-right: 1px;
  padding: 0 16px 0 17px;
  text-decoration: none;
}

#nav a:hover {
  background: url(../images/nav-bkg-hover.gif);
}

#nav li {
  background: url(../images/nav-separator.gif) no-repeat right;
  float: left;
  list-style: none;
  margin: 0;
  position: relative;
}

#nav ul {
  margin: 0;
}

#nav li.exp-open ul { /* Eerste submenu, naar beneden klappend */
  left: 0;
  position: absolute;
  top: 37px;
  width: 150px;
}

#nav .list-closed {
  display: none;
}

#snel-links {
}

#snel-links {
  background: url(../images/block-2-bkg.gif) repeat-y left;
  border-bottom: 5px solid #65a505;
  color: #001869;
  float: left;
  margin: 7px 0 0 0;
  width: 232px;
}

#snel-links li {
	list-style: none;
	margin: 7px 0;
}
#snel-links li a {
	background-image: url(../images/arrowdubbel.gif) !important;
  background-position: 0 7px !important;
  background-repeat: no-repeat !important;
  color: #797979;
  font-weight: bold;
	padding: 3px 0 0 15px;
}

.break {
  clear: both;
  line-height: 0;
  padding: 0;
  margin: 0;
}

.contentblock-inner {
  padding: 0 8px;
}

.contentspacer {
  margin-bottom: 2px;
  overflow: auto;
  width: 100%;
}

.contentspacer h2 {
  border-bottom: 1px solid #fff;
}

.contentblock-3-left {
  float: left;
  margin: 0 5px 2px 0;
}

.contentblock-3-right {
  float: right;
}

.home h3 {
  margin: 0 0 5px 0;
  padding: 0;
}

.home p {
  margin:0 0 15px 0;
  width: 148px;
}

.over-nisim {
  background: url(/images/laborant.jpg) top left no-repeat;
  padding-left: 115px;
}

.submenu h3, .submenu p {
  margin: 0;
}

.submenu .bestellen {
  float: right;
  margin-top: 12px;
}

#category-shortlist {
  margin: 30px 0;
}

#category-shortlist li {
  background: #f2f2f2;
  clear: both;
  list-style: none;
  margin: 0;
  min-height: 104px;
}

* html #category-shortlist li {
  height: 104px;
  margin-bottom: 2px;
}

#category-shortlist li img.logo {
  float: left;
  margin-bottom: 2px;
}

#category-shortlist h2, #category-shortlist p {
  margin-left: 175px !important;
  padding-left: 15px;
}

#category-shortlist p.productlijst {
  background: #797979;
  margin: 5px 0 0 185px !important;
  height: 22px;
  line-height: 22px;
}
* html #category-shortlist p.productlijst {
  padding-top: 3px;
  height: 19px;
}

#category-shortlist img {
  float: none;
}
#category-shortlist a {
  color: #fff;
  font-weight: bold;
  padding: 0 5px;
}

#category-shortlist .var-1 {
  background: #65a505 url(/images/bullet-white.gif) 5px 7px no-repeat !important;
  color: #fff;
}

#category-shortlist .var-2 {
  background: #cdd1d4 url(/images/bullet-grijs.gif) 5px 7px no-repeat !important;
  color: #000;
}

#category-shortlist .var-3 {
  background: #2b4486 url(/images/bullet-white.gif) 5px 7px no-repeat !important;
  color: #fff;
}

.artikel {
  float: left;
  width: 229px;
  height: 230px;
  position:relative;
  border-left: #dcdcdc 2px solid;
  border-bottom: #dcdcdc 2px solid;
}

.last {
  border-right: #dcdcdc 2px solid;
}

#producten {
  border-top: #dcdcdc 2px solid;
  width: 695px;
}

#producten-small .artikel {
  border-top: #dcdcdc 2px solid;
}

.infoblok {
  padding: 4px;
}

.bestelblok p {
  margin: 0 0 5px 90px;
  padding-right: 4px;
}

.input-aantal {
  clear: both;
  font-weight: bold;
  margin-top: 5px;
  padding-left: 4px;
  position: absolute;
  bottom: 0;
}

.input-aantal input {
  width: 43px;
  height: 16px;
  margin-top: 2px;
}

.input-aantal label {
  display: block;
  float: left;
  height: 22px;
  line-height: 32px;
  margin-right: 5px;
}

.input-aantal button {
  background: #65a505 url(/images/arrowdubbel-wit.gif) no-repeat !important;
  border: 0;
  cursor: pointer;
  height: 22px;
  width: 64px;
}

.prijs-normaal {
  color: #505050;
  font-size: 9px;
  font-weight: bold;
  margin-top: 5px !important;
}

.prijs-nu {
  font-size: 12px;
  font-weight: bold;
}

.nieuw {
  color: #cc000f;
  font-weight: bold;
  margin-bottom: 5px;
}

.last {

}

.artikel h3 {
  background: #65a505 url(/images/bullet-white.gif) 5px 10px no-repeat;
  border-bottom: #dcdcdc 2px solid;
  color: #fff;
  height: 33px;
  padding: 5px 0 0 15px;
  margin: 0;
}

.artikel-var-2 h3 {
  background: #cdd1d4 url(/images/bullet-dark-grey.gif) 5px 10px no-repeat;
  color: #3a3336;
}

.artikel-var-3 h3 {
  background: #2b4486 url(/images/bullet-white.gif) 5px 10px no-repeat;
}

.artikel .artikel-preview {
  border: #000 1px solid;
  float: left;
  margin-right: 4px;
  margin-bottom: 5px;
}


/* Shop */


.winkelwagen-overzicht {
  width: 100%;
}

.winkelwagen-overzicht td {
  background: #f7f7f7;
  border-bottom: 1px solid #e4e4e4;
  padding: 5px 2px;
  text-align: left;
}

.winkelwagen-overzicht th {
  background: #65a505;
  color: #fff;
  height: 21px;
  font-weight: bold;
  padding: 5px 2px;
  text-align: left;
}

.winkelwagen-overzicht #aantal {
  width: 80px;
}

.winkelwagen-overzicht .aantal-smal {
  width: 30px;
}

.winkelwagen-overzicht .clear {
  background: #fff;
  border: none;
}

.winkelwagen-overzicht .summary {
  background: #fff;
  color: #65a505;
  font-weight: bold;
  padding: 5px 2px;
  text-align: right;
}

.winkelwagen-overzicht .waarde {
  text-align: right;
}

.winkelwagen-overzicht .tekst {
  width: 20px;
  padding: 1px;
  height: 16px;
}

.winkelwagen-overzicht .waarde, .winkelwagen-overzicht .totaal {
  text-align: right;
}

.winkelwagen-overzicht .totaal {
  background: #fff;
  border: 0;
  border-bottom: 1px solid #e4e4e4;
  font-size: 11px;
}

.winkelwagen-overzicht .buttons img {
  position: relative;
  top: 2px;
}

.winkelwagen-overzicht .waardeheader {
  text-align: right;
  width: 80px;
}

p.volgende, p.vorige {
  height: 30px;
  line-height: 30px;
  margin: 20px 0 0 0;
  padding: 0;
}

p.vorige a, p.volgende a {
  color: #0c2577;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

p.vorige-disabled {
	background: #f9f8fc;
	height: 30px;
  line-height: 30px;
  margin-top: 20px;
  padding-left: 15px;
}

p.volgende {
  background: #f9f8fc url(../images/volgende-stap.gif) no-repeat right center;
  padding-right: 38px;
  text-align: right;
}

p.volgende-disabled {
  background: #f9f8fc;
  width: 50%;
}

p.vorige-disabled, p.vorige {
  width: 50%;
  float :left;
}

p.vorige {
  background: #f9f8fc url(../images/vorige-stap.gif) no-repeat left center;
  padding-left: 38px;
}


.betaalmethodes {
  margin-top: 30px;
  padding: 0;
  width: 100%;
}

.betaalmethodes a {
  color: #898989;
}

.betaalmethodes .kosten {
  text-align: right;
  font-weight: bold;
  width: 70px;
}

.betaalmethodes .radio {
  width: 25px;
}

.betaalmethodes p {
  color: #898989;
  font-size: 10px;
  line-height: 14px;
  margin: 0;
}

.betaalmethodes td {
  background: #f7f7f7;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #fff;
  padding: 3px;
}

.betaalmethodes th {
  font-size: 10px;
}

#stap-container {
  margin-left: 2px;
}

/* Stappenplan */
#stappen-container {
  background: url(../images/stap-bkg.gif) repeat-x 0 26px;
  color: #a0a0a0;
  height: 28px;
  line-height: 28px;
  margin: 10px 0;
}

#stappen-container a {
  color: #a0a0a0;
  text-decoration: none;
}

#stappen-container p {
  font-size: 10px;
  font-weight: bold;
  height: 26px;
  margin: 0;
  padding-top: 2px;
}

#stappen-container .active {
  background: url(../images/stap-actief-bkg.gif) no-repeat center 14px;
  color: #000;
  vertical-align: top;
  padding: 0 0 28px 0;
}

#stap-1, #stap-2, #stap-3 {
  width: 33.3%;
  float: left;
}

#stap-2 {
  text-align: center;
}

#stap-3 {
  text-align: right;
}


#error, .error-list {
  border: #a93c3c 1px solid;
	color: #a93c3c;
	font-weight: bold;
	padding: 10px 10px 10px 30px;
	margin: 20px 0;
}

#error {
  display: none;
  width: 373px;
}

.error-list {
  width: 477px;
}

#errormsg, .error-list li {
  background: url(/images/error.gif) no-repeat;
  list-style: none;
  padding-left: 20px;
  height: 20px;
  line-height: 20px;

}


.fieldgroup div a {
  color: #0c2577;
}

.fieldgroup div {
  background: #f7f7f7;
  border-bottom: #e4e4e4 1px solid;
  margin-bottom: 2px;
  padding: 5px 10px !important;
  height: 20px;
}

.fieldgroup div div {
  border: 0;
  height: 16px;
  padding: 2px 0 !important;
}

.fieldgroup div.enquete, .fieldgroup div.enquete-vragen {
  height: auto;
}

.fieldgroup div.enquete-vragen, .fieldgroup div.ander-afleveradres {
  border: 0;
  margin-left: 200px;
  width: 240px;
}

.fieldgroup div.ander-afleveradres {
  height: 10px;
}

.fieldgroup div.enquete-vragen .radio, .fieldgroup div.ander-afleveradres .radio {
  float: left;
  margin: 0 3px 0 0;
  width: 12px;
  height: 12px;
}

.fieldgroup div.uitklap {
  background: auto;
  border: 0 !important;
  margin: 0;
  padding: 0 !important;
  height: auto;
  width: auto;
}

.fieldgroup div.uitklap div {
  border-bottom: #e4e4e4 1px solid !important;
  height: 20px;
  padding: 5px 10px !important;
}

.fieldgroup div.textarea {
  height: 76px;
}

.fieldgroup button {
  color: #000;
  margin-left: 438px;
  margin-bottom: 3px;
  width: 70px;
}

.fieldgroup-button {

}

.fieldgroup input, .fieldgroup textarea {
  width: 305px;
}

* html .fieldgroup input, * html .fieldgroup textarea {
  width: 300px;
  margin-top: 5px;
  padding: 2px;
}

.fieldgroup textarea {
  height: 58px;
  margin-top: 6px;
}

.fieldgroup input.radio {
  margin: 4px 0;
  width: 16px;
}

.fieldgroup label.radio {
  display: inline;
  margin: 3px 0 0 0;
  width: 80px !important;
  float: left;
}

.fieldgroup div.radio {
  padding-left: 205px !important;
  width: 370px;
}

.fieldgroup .radio input {
  float: left;
  width: 20px;
  margin: 3px 0 0 0;
}

.fieldgroup label {
  display: block;
  float: left;
  width: 200px;
}

.fieldgroup .radio label {
  width: 200px;
}