.prijskaartje {
  padding: 5px;
	text-align: center;
	vertical-align: middle;
}
.productentabel {
  vertical-align: bottom;
}
/* @font-face {
  font-family: "Helvetica Neue";
  src: url('http://www.schneider.nl/spaarvoorhaar/font/Helvetica_Neue.ttf');
}
@font-face {
  font-family: "Helvetica Neue Light";
  src: url('http://www.schneider.nl/spaarvoorhaar/font/Helvetica_Neue_Light.ttf');
} */
html, body, p, a, td, input {
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 11px; /* 10pt; */
}
body {
  font-family:Arial, Helvetica, sans-serif; font-size:11px;  background-color: #626469;
  text-align: center;
  margin: 0px 0px 0px 0px;
}
span {
  font-weight:bold;
  color: #c3004a;
}
.centered {
  margin-left: auto;
  margin-right: auto;
}
.plaatje1, .plaatje2, .plaatje3, .plaatje4 {
  width: 170px;
  height: 171px;
  cursor: pointer;
}
.plaatje1 {
	width: 170px;
	height: 171px;
	background-color:#b10044;
}
.plaatje2 {
	width: 170px;
	height: 171px;
	background-color:#87d300;
}
.plaatje3 {
	width: 170px;
	height: 171px;
	background-color:#e57f01;
}
.plaatje4 {
	width: 170px;
	height: 171px;
	background-color:#41b3e7;
}
.knop1, .knop1o, .knop2, .knop2o, .knop3, .knop3o, .knop4, .knop4o, .accountbox, .accountbox2 {
  cursor: pointer;
  height: 26px;
  background-color: #009530;
  color: #FFFFFF;
  font-size: 9pt;
  padding-left: 17px;
}
/* height van subbuttons wordt bepaald door subaccountbox */
.knop1o, .subbutton1 {
  background-color: #B10043;
}
.knop2o, .subbutton2 {
  background-color: #87D300; 
}
.knop3o, .subbutton3 {
  background-color: #E47F00;
}
.knop4o, .subbutton4 {
  background-color: #42B4E6; 
}
.subaccountbox {
  background-color: #9FA0A4;
  height: 14px;
}
.accountbox2 {
  vertical-align: top;
  padding: 0px;
  cursor: default;
}
.accountbox {
  vertical-align: bottom;
  cursor: default;
  height: 122px;
  margin: 13px 0px 0px 11px;
  padding: 0px;
  width: 150px;
  overflow: hidden;
}
.linkerzijkant, .rechterzijkant {
  vertical-align: top;
  text-align: left;
  background-color: #009530;
  /* Hoogte wordt automatisch overgenomen van contentbox */
}
.linkerzijkant {
  width: 159px;
  padding: 17px 0px 0px 11px;
  color: #FFFFFF;
}
.toprow {
  background-color: #009530;
  height: 20px;
}

.contentbox {
  padding: 10px 10px 10px 10px;
  margin: 0px;
  height: 394px; 
  vertical-align: top;
  width: 486px; /* + 11 px padding */
  background-color: #ffffff; /* #f7e5ec; */
}
.rechterzijkant {
  width: 170px;
  padding: 0px;
  vertical-align: bottom;
  background-image: url('http://www.schneider.nl/spaarvoorhaar/images/rechterzijkant.jpg');
}

td.catalogitem {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  vertical-align: bottom;
}

img.catalogitem {
  margin: 10px 0px 10px 0px; /* top right bottom left */
  cursor: pointer;
}

h1, h2 {
  text-align: left;
  margin-left: 0px;
  margin-right: auto;
  font-weight: normal;
  color: #c3004a;
}
h1 {
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 16pt;
}
h2 {
  margin-top:10px;
  margin-bottom:0px;
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 13pt;
}

div.catalogitem {
  vertical-align: top;
  height: 40px;
}
table.mijnaccount {
  width: 459px; /* gelijk aan breedte van contentbox */
  text-align: center;
  cursor: pointer;
}
table.contenttable {
  width: 459px;
}
a {
  color: #B10043;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.accountlink {
  font-size: 8pt;
  color: #FFD100;
  text-decoration: underline
}
.loginbox, .puntenbox {
  background-color: #9FA0A4;
  border: none;
  height: 15px;
  width: 62px;
  font-size: 13px;
}
.puntenbox {
  width: 200px;
  height: 17px;
}
.logintd {
  font-size: 8pt;
  color: #FFFFFF;
}
.puntenbutton {
  border: none 0px;
  background-color: #9FA0A4;
}
.loginbutton {
  width: 0px;
  height: 0px;
}
.errorbox {
  color: #FFD100;
  font-size: 9px;
}