html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color: black;
  line-height: 14px;
  font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
  font-size: 12px;
  color: black;
}
img {
  border: none;
}
td {
  font-size: 12px;
}
form {
  margin: 0px;
  padding: 0px;
}
input {
  font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
  font-size: 12px;
}
select {
  font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
  font-size: 12px;
}
textarea {
  font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
  font-size: 12px;
}
.small {
  font-size: 10px;
  line-height: 12px;
}
small {
  display: block;
  font-size: 10px;
  line-height: 10px;
  padding-bottom: 4px;
  filter:alpha(opacity=70);
  opacity: 0.7;
  -moz-opacity:0.7;
}

.background {
  z-index: -100;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.footerfg {
  position: absolute;
  left: 0px;
  top: 100%;
  margin-top: -22px;
  width: 100%;
  height: 22px;
  overflow: hidden;
  text-align: center;
  font-size: 10px;
  font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
  line-height: 22px;
  color: #80A080;
  font-weight: bold;
}
.footerfg b {
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px;
  color: #E0E0E0;
}
.footerfg a {
  font-size: 12px;
  color: #E0E0E0;
  text-decoration: none;
}
.footerbg {
  position: absolute;
  left: 0px;
  top: 100%;
  margin-top: -22px;
  width: 100%;
  height: 22px;
  z-index: -20;
  filter:alpha(opacity=70);
  opacity: 0.7;
  -moz-opacity: 0.7;
  background: black;
}

.logo {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.slogan {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: -20px;
}

.topmenucontainer {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 1010px;
}
.topmenu {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 936px;
  overflow: auto;
}

.pagescroller {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 990px;
  padding-left: 10px;
  padding-right: 10px;

  overflow-x: hidden;
  overflow-y: scroll;
}
.page {
  width: 960px;
  position: relative;
  overflow: hidden;
  left: 15px;
}

.left {
  text-align: left;
}
.justify {
  text-align: justify; 
}
.bold {
  font-weight: bold;
}

.hspacer {
  float: left;
  width: 10px;
  height: 10px;
}
.vspacer {
  clear: both;
  height: 10px;
}

.lblue {
  background-color: white;
  border: 2px solid #00AEEF;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
}
.lblue .title {
  text-align: center; background: #00AEEF; font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif; letter-spacing: 2px; font-size: 13px; font-weight: bold; color: white; padding: 2px; margin-bottom: 8px;
}
.lblue a, .lblue a:visited {
  color: #00AEEF; text-decoration: none;
}
.lblue a:hover, .lblue a:visited:hover {
  text-decoration: underline;
}
.lblue .color {
  color: #00AEEF;
}
.lblue input {
  color: black;
  background: #F0F8FF;
  border: 2px inset #00AEEF;
}
.lblue input:focus {
  background: #FFFFFF;
}
.lblue select {
  color: black;
  background: #F0F8FF;
  border: 2px inset #00AEEF;
}
.lblue select:focus {
  background: white;
}
.lblue textarea {
  color: black;
  background: #F0F8FF;
  border: 2px inset #00AEEF;
}
.lblue textarea:focus {
  background: white;
}
.lblue .button:focus {
  background-color: #DAEAFA;
}
.lblue .button {
  color: black;
  background: #B1DFFF;
  border: 2px outset #00AEEF;
}
.lblue .buttonlight {
  color: black;
  background-color: #DAEAFA;
  border: 2px outset #00AEEF;
}
.lblue .menubar {
  font-size: 11px;
  font-weight: bold;
  color: #00AEEF;
  padding-left: 2px;
  padding-right: 2px;
  margin-top: -2px;
  margin-bottom: -2px;
}
.lblue .menubar a, .lblue .menubar a:visited {
  font-size: 13px; color: black; text-decoration: none;
}
.lblue .menubar a:hover, .lblue .menubar a:visited:hover {
  font-size: 13px; color: black; text-decoration: underline;
}
.lblue .menubar a.active, .lblue .menubar a.active:visited, .lblue .menubar a.active:hover, .lblue .menubar a.active:visited:hover {
  font-size: 13px; color: #00AEEF; text-decoration: none;
}
.lblue .menu .polaroid {
  float: left;
  margin-left: 10px;
  margin-top: -10px;
  margin-bottom: -8px;
}
.lblue .menu .polaroidbg {
  background-color: #E1F0FA;
  height: 112px;
}
.lblue .menu .menutitle {
  display: block;
  margin-top: 10px;
  background-color: #00AEEF;
  font-weight: bold;
  height: 18px;
  color: white;
  line-height: 18px;
  text-align: center;
}
.lblue .menu a, .blue .menu a:visited {
  background-color: #B0DFFF;
  display: block;
  color: black;
  text-decoration: none;
  height: 18px;
  line-height: 18px;
  padding-left: 0px;
  padding-right: 4px;     
}
.lblue .menu a input {
  display: block;
  float: left;
  background: none;
  border: none;
  height: 12px;
}
.lblue .menu a:hover, .blue .menu a:visited:hover {
  background-color: #D0EFFF;
  text-decoration: none;
}
.lblue .menu a.active, .blue .menu a.active:visited, .blue .menu a.active:hover, .blue .menu a.active:visited:hover {
  background-color: #E0FAFF;
  background-image: url('/images/link_arrows.gif');
  background-repeat: no-repeat;
  background-position: 168px 8px;
  display: block;
  color: black;
  text-decoration: none;
  height: 18px;
  line-height: 18px;
  padding-left: 4px;
  padding-right: 4px;
}

.blue {
  background-color: white;
  border: 2px solid #243F8F;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
}
.blue .title {
  text-align: center; background: #243F8F; font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif; letter-spacing: 2px; font-size: 13px; font-weight: bold; color: white; padding: 2px; margin-bottom: 8px;
}
.blue a, .blue a:visited {
  color: #243F8F; text-decoration: none;
}
.blue a:hover, .blue a:visited:hover {
  text-decoration: underline;
}
.blue .color {
  color: #243F8F;
}
.blue input {
  background: #F0F4FF;
  color: black;
  border: 2px inset #748FBF;
}
.blue input:focus {
  background: #FFFFFF;
}
.blue .button {
  color: black;
  background: #CAE4FF;
  border: 2px outset #748FBF;
}
.blue .button:focus {
  background: #DAF4FF;
}
.blue h2 {
  color: #243F8F;
  font-size: 13px;
  font-weight: bold;
  margin: 0px 0px 8px 0px;
  padding: 0px;
}

.red {
  background-color: white;
  border: 2px solid #EE1C23;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
}
.red .title {
  text-align: center; background: #EE1C23; font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif; letter-spacing: 2px; font-size: 13px; font-weight: bold; color: white; padding: 2px; margin-bottom: 8px;
}
.red a, .red a:visited {
  color: #EE1C23; text-decoration: none;
}
.red a:hover, .red a:visited:hover {
  text-decoration: underline;
}
.red input {
  background: #FFF0F4;
  color: black;
  border: 2px inset #FE6C73;
}
.red input:focus {
  background: #FFFFFF;
}
.red .button {
  color: black;
  background: #FECCD0;
  border: 2px outset #FE7C73;
}
.red .button:focus {
  background: #FFDCE0;
}
.red .bullet {
  color: #EE1C23;
}

.green {
  background-color: white;
  border: 2px solid #006B32;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
}
.green .title {
  text-align: center; background: #006B32; font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif; letter-spacing: 2px; font-size: 13px; font-weight: bold; color: white; padding: 2px; margin-bottom: 8px;
}
.green a, .green a:visited {
  color: #006B32; text-decoration: none;
}
.green a:hover, .green a:visited:hover 
{
  text-decoration: underline;
}
.green .color {
  color: #006B32;
}
.green input {
  background: #F0FFF6;
  color: black;
  border: 2px inset #40AB82;
}
.green input:focus {
  background: #FFFFFF;
}
.green .button {
  color: black;
  background: #BAEADE;
  border: 2px outset #40AB82;
}
.green .button:focus {
  background: #CAFAEE;
}

.yellow {
  background-color: white;
  border: 2px solid #E9D506;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
}
.yellow .title {
  text-align: center; background: #E9D506; font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif; letter-spacing: 2px; font-size: 13px; font-weight: bold; color: white; padding: 2px; margin-bottom: 8px;
}
.yellow a, .yellow a:visited {
  color: #E9D506; text-decoration: none;
}
.yellow a:hover, .yellow a:visited:hover 
{
  text-decoration: underline;
}
.yellow input {
  color: black;
  background: #FFFAF0;
  border: 2px inset #D9C586;
}
.yellow input:focus {
  background: #FFFFFF;
}
.yellow .button {
  color: black;
  background: #FAF3CA;
  border: 2px outset #D9C586;
}
.yellow .button:focus {
  background: #FFFFDA;
}

.orange {
  background-color: white;
  border: 2px solid #F57F21;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
}
.orange .title {
  text-align: center; background: #F57F21; font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif; letter-spacing: 2px; font-size: 13px; font-weight: bold; color: white; padding: 2px; margin-bottom: 8px;
}
.orange a, .orange a:visited {
  color: #F57F21; text-decoration: none;
}
.orange a:hover, .orange a:visited:hover 
{
  text-decoration: underline;
}
.orange .color {
  color: #F57F21;
}
.orange input {
  color: black;
  background: #FFF8E8;
  border: 2px inset #F57F21;
}
.orange input:focus {
  background: #FFFFFF;
}
.orange select {
  color: black;
  background: #FFF8E8;
  border: 2px inset #F57F21;
}
.orange select:focus {
  background: white;
}
.orange textarea {
  color: black;
  background: #FFF8E8;
  border: 2px inset #F57F21;
}
.orange textarea:focus {
  background: white;
}
.orange .button:focus {
  background-color: #FFE0C0;
}
.orange .button {
  color: black;
  background: #FFCFA1;
  border: 2px outset #F57F21;
}
.orange .buttonlight {
  color: black;
  background-color: #FAEADA;
  border: 2px outset #F57F21;
}
.orange .menu .menutitle {
  display: block;
  margin-top: 10px;
  background-color: #F57F21;
  font-weight: bold;
  height: 18px;
  color: white;
  line-height: 18px;
  text-align: center;
}
.orange .menu a, .orange .menu a:visited {
  background-color: #F5CF91;
  display: block;
  color: black;
  text-decoration: none;
  height: 20px;
  line-height: 20px;
  padding-left: 4px;
  padding-right: 4px;
}
.orange .menu a:hover, .orange .menu a:visited:hover {
  background-color: #FFE4B1;
  display: block;
  color: black;
  text-decoration: none;
  height: 20px;
  line-height: 20px;
  padding-left: 4px;
  padding-right: 4px;
}
.orange .menu a.active, .orange .menu a.active:visited, .orange .menu a.active:hover, .orange .menu a.active:visited:hover {
  background-color: #FFEFD1;
  background-image: url('/images/link_arrows.gif');
  background-repeat: no-repeat;
  background-position: 148px 8px;
  display: block;
  color: black;
  text-decoration: none;
  height: 20px;
  line-height: 20px;
  padding-left: 4px;
  padding-right: 4px;
}

.pink {
  background-color: white;
  border: 2px solid #ED008C;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
}
.pink .title {
  text-align: center; background: #ED008C; font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif; letter-spacing: 2px; font-size: 13px; font-weight: bold; color: white; padding: 2px; margin-bottom: 8px;
}
.pink a, .pink a:visited {
  color: #ED008C; text-decoration: none;
}
.pink a:hover, .pink a:visited:hover {
  text-decoration: underline;
}
.pink .color {
  color: #ED008C;
}
.pink input {
  color: black;
  background: #FFEDFA;
  border: 2px inset #ED008C;
}
.pink input:focus {
  background: #FFFFFF;
}
.pink select {
  color: black;
  background: #FFEDFA;
  border: 2px inset #ED008C;
}
.pink select:focus {
  background: white;
}
.pink textarea {
  color: black;
  background: #FFEDFA;
  border: 2px inset #ED008C;
}
.pink textarea:focus {
  background: white;
}
.pink .button:focus {
  background-color: #FADAEA;
}
.pink .button {
  color: black;
  background: #FFA8D8;
  border: 2px outset #ED008C;
}
.pink .buttonlight {
  color: black;
  background: #FADAEA;
  border: 2px outset #ED008C;
}
.pink .menu .polaroid {
  float: left;
  margin-left: 10px;
  margin-top: -10px;
  margin-bottom: -8px;
}
.pink .menu .polaroidbg {
  background-color: #FAE5EB;
  height: 112px;
}
.pink .menu .menutitle {
  display: block;
  margin-top: 10px;
  background-color: #ED008C;
  font-weight: bold;
  height: 18px;
  color: white;
  line-height: 18px;
  text-align: center;
}
.pink .menu a, .pink .menu a:visited {
  background-color: #FFB0DA;
  display: block;
  color: black;
  text-decoration: none;
  height: 18px;
  line-height: 18px;
  padding-left: 0px;
  padding-right: 4px;
}
.pink .menu a input {
  display: block;
  float: left;
  background: none;
  border: none;
  height: 12px;
}
.pink .menu a:hover, .pink .menu a:visited:hover {
  background-color: #FFD0F0;
  text-decoration: none;
}
.pink .menu a.active, .pink .menu a.active:visited, .pink .menu a.active:hover, .pink .menu a.active:visited:hover {
  background-color: #FFE0FF;
  background-image: url('/images/link_arrows.gif');
  background-repeat: no-repeat;
  background-position: 168px 8px;
  display: block;
  color: black;
  text-decoration: none;
  height: 18px;
  line-height: 18px;
  padding-left: 0px;
  padding-right: 4px;
}

.lgreen {
  background-color: white;
  border: 2px solid #3FAE49;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
}
.lgreen .title {
  text-align: center; background: #3FAE49; font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif; letter-spacing: 2px; font-size: 13px; font-weight: bold; color: white; padding: 2px; margin-bottom: 8px;
}
.lgreen a, .lgreen a:visited {
  color: #21A52F; text-decoration: none;
}
.lgreen a:hover, .lgreen a:visited:hover {
  text-decoration: underline;
}
.lgreen .color {
  color: #3FAE49;
}
.lgreen input {
  color: black;
  background: #F0FFF8;
  border: 2px inset #3FAE49;
}
.lgreen input:focus {
  background: #FFFFFF;
}
.lgreen select {
  color: black;
  background: #F0FFF8;
  border: 2px inset #3FAE49;
}
.lgreen select:focus {
  background: white;
}
.lgreen textarea {
  color: black;
  background: #F0FFF8;
  border: 2px inset #3FAE49;
}
.lgreen textarea:focus {
  background: white;
}
.lgreen .button:focus {
  background-color: #DAFAEA;
}
.lgreen .button {
  color: black;
  background: #AAF4B0;
  border: 2px outset #3FAE49;
}
.lgreen .buttonlight {
  color: black;
  background-color: #DAFAEA;
  border: 2px outset #3FAE49;
}
.lgreen .menu .menutitle {
  display: block;
  margin-top: 10px;
  background-color: #3FAE49;
  font-weight: bold;
  height: 18px;
  color: white;
  line-height: 18px;
  text-align: center;
}
.lgreen .menu a, .lgreen .menu a:visited {
  background-color: #AAF4BA;
  display: block;
  color: black;
  text-decoration: none;
  line-height: 20px;
  padding-left: 4px;
  padding-right: 4px;
}
.lgreen .menu a:hover, .lgreen .menu a:visited:hover {
  background-color: #CAFEDE;
  display: block;
  color: black;
  text-decoration: none;
  line-height: 20px;
  padding-left: 4px;
  padding-right: 4px;
}
.lgreen .menu a.active, .lgreen .menu a.active:visited, .lgreen .menu a.active:hover, .lgreen .menu a.active:visited:hover {
  background-color: #E4FFF4;
  background-image: url('/images/link_arrows.gif');
  background-repeat: no-repeat;
  background-position: 148px 8px;
  display: block;
  color: black;
  text-decoration: none;
  line-height: 20px;
  padding-left: 4px;
  padding-right: 4px;
}
    

/* Links op reisaanbod (home) pagina */
.blue a.link-support, .blue a.link-support:visited {
  display: block;
  padding: 9px 4px 9px 0px;
  background-color: #E1F0FA;
  vertical-align: middle;
  text-decoration: none;
  color: black;
}
.blue a.link-support:hover {
  background-color: #EAFAFF;
}
.blue a.link-care, .blue a.link-care:visited {
  display: block;
  padding: 9px 4px 9px 0px;
  background-color: #FAE5EB;
  vertical-align: middle;
  text-decoration: none;
  color: black; 
}
.blue a.link-care:hover {
  background-color: #FFF0FA;
}

