body              {background-color: #FFFFFF;
                   color: #001C44; 
                   font-family: verdana,helvetica,arial; 
                   font-size: 8pt;
                   margin: 0;
                  }

a:link            {color: #001C44; text-decoration: underline;}
a:visited         {color: #001C44; text-decoration: underline;}
a:active          {color: #001C44; text-decoration: underline;}
a:hover           {color: #FE7C1A; text-decoration: underline;}

h1                {color: #FE7C1A; font-family: helvetica,arial; font-size: 12pt; font-weight: Bold; margin-bottom: -10px; padding: 5px 0 10px 0; }
h2                {color: #FE7C1A; font-family: helvetica,arial; font-size: 12pt; font-weight: Bold; margin-bottom: -10px; padding: 5px 0 15px 0; }
/* lijstweergaves (stad, agenda) */
h3                {color: #FE7C1A; font-family: helvetica,arial; font-size: 11pt; font-weight: Bold; margin-bottom: -10px; padding: 5px 0 0px 0;}
h3 a:link         {color: #FE7C1A; text-decoration: underline;}
h3 a:visited      {color: #FE7C1A; text-decoration: underline;}
h3 a:active       {color: #FE7C1A; text-decoration: underline;}
h3 a:hover        {color: #FE7C1A; text-decoration: underline;}
h4                {color: #001C44; font-family: verdana,helvetica,arial; font-size: 9pt; font-weight: Bold;}
/* h5 in box mét padding (login / zoekbox), zie onder */
/* h5                {color: #919191; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Normal;} */
h5                {position: relative; margin: 0 0 3px 0; color: #FFFFFF; font-family: verdana,helvetica,arial; font-size: 10px; font-weight: Bold;}
h6                {color: #001C44; font-family: verdana,helvetica,arial; font-size: 9pt; font-weight: Bold;}

td                {color: #001C44; font-family: verdana,helvetica,arial; font-size: 8pt;}
p                 {color: #001C44; font-family: verdana,helvetica,arial; font-size: 8pt;}
ul,ol,li          {color: #001C44; font-family: verdana,helvetica,arial; font-size: 8pt;}

/* visited links worden grijs */
p a:link            {color: #001C44; text-decoration: underline;}
p a:visited         {color: #001C44; text-decoration: underline;}
p a:active          {color: #001C44; text-decoration: underline;}
p a:hover           {color: #FE7C1A; text-decoration: underline;}


/* STANDAARD CLASSES (alleen tekst) */
.kop              {color: #000000; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Bold;}
.brood            {color: #000000; font-family: verdana,helvetica,arial; font-size: 8pt;}
.prijs            {line-height: 24px; color: #919191; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Bold;}
.bestellen        {color: #000000; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Bold;}

.krt              {line-height: 18px; color: #FFFFFF; font-family: verdana,helvetica,arial; font-size: 8pt;}
.krt a:link       {color: #FFFFFF; text-decoration: underline;}
.krt a:visited    {color: #FFFFFF; text-decoration: underline;}
.krt a:active     {color: #FFFFFF; text-decoration: underline;}
.krt a:hover      {color: #FFFFFF; text-decoration: underline;}

.menu             {color: #20404F; font-family: verdana,helvetica,arial; font-size: 8pt;}
.menu a:link      {color: #20404F; text-decoration: none;}
.menu a:visited   {color: #20404F; text-decoration: none;}
.menu a:active    {color: #20404F; text-decoration: none;}
.menu a:hover     {color: #FE7C1A; text-decoration: none;}

.nav              {color: #919191; font-family: verdana,helvetica,arial; font-size: 8pt;}
.nav a:link       {color: #919191; text-decoration: none; font-size: 8pt;}
.nav a:visited    {color: #919191; text-decoration: none; font-size: 8pt;}
.nav a:active     {color: #919191; text-decoration: none; font-size: 8pt;}
.nav a:hover      {color: #FE7C1A; text-decoration: underline; font-size: 8pt;}

.react            {color: #20404F; font-family: courier new,helvetica,arial; font-size: 9pt;}
.react a:link     {color: #20404F; text-decoration: underline; font-size: 9pt;}
.react a:visited  {color: #20404F; text-decoration: underline; font-size: 9pt;}
.react a:active   {color: #20404F; text-decoration: underline; font-size: 9pt;}
.react a:hover    {color: #FE7C1A; text-decoration: underline; font-size: 9pt;}

.zichtb           {color: #009900; font-family: verdana,helvetica,arial; font-size: 8pt;}
.zichtb a:link    {color: #009900; text-decoration: underline; font-size: 8pt;}
.zichtb a:visited {color: #009900; text-decoration: underline; font-size: 8pt;}
.zichtb a:active  {color: #009900; text-decoration: underline; font-size: 8pt;}
.zichtb a:hover   {color: #FE7C1A; text-decoration: underline; font-size: 8pt;}

.verbor           {color: #919191; font-family: verdana,helvetica,arial; font-size: 8pt;}
.verbor a:link    {color: #919191; text-decoration: underline; font-size: 8pt;}
.verbor a:visited {color: #919191; text-decoration: underline; font-size: 8pt;}
.verbor a:active  {color: #919191; text-decoration: underline; font-size: 8pt;}
.verbor a:hover   {color: #FE7C1A; text-decoration: underline; font-size: 8pt;}

.verwij           {color: #DB002A; font-family: verdana,helvetica,arial; font-size: 8pt;}
.verwij a:link    {color: #DB002A; text-decoration: underline; font-size: 8pt;}
.verwij a:visited {color: #DB002A; text-decoration: underline; font-size: 8pt;}
.verwij a:active  {color: #DB002A; text-decoration: underline; font-size: 8pt;}
.verwij a:hover   {color: #DB002A; text-decoration: underline; font-size: 8pt;}

/* INPUT form fields */
INPUT             {color: #20404F; font-family: verdana,helvetica,arial; font-size: 8pt;}
TEXTAREA          {color: #000000; font-family: verdana,helvetica,arial; font-size: 8pt;}

.zoekbox          {width: 120px;}

.radiobutt        {border: 0px; color: #FE7C1A;}
.okbutt           {margin: 3px 0px 3px 0px; border: 1px solid #919191; background-color: #C5D2E3; color: #FE7C1A; font-family: verdana,helvetica,arial; font-size: 10px; font-weight: Normal;}
.okbuttright      {text-align: right; padding-right: 6px;}

/* hidden anti-spam textveld */
.leeg             {display: none;}

/* plaatjes */
.pic              {margin: 3px 10px 3px 0px; border: 1px solid #001C44;}
.thumb            {margin: 4px 7px 4px 0px; border: 1px solid #001C44;}
.thumbg           {margin: 1px 7px 3px 3px; border: 1px solid #001C44;}
.thumbr           {margin: 3px 0px 1px 0px;}

#thumblist        {width: 100%; margin: 5px 0px 10px 0px;}
.thumbtd          {width: 100px; vertical-align: top; }
.thumbtx          {vertical-align: top; line-height: 16px;}

/* thumblist is een p. om de een of andere reden wordt a:visited grijs? */
/* verholpen door hier alle a's te declareren? */
/*
.thumbtx             {line-height: 16px; color: #20404F; font-family: verdana,helvetica,arial; font-size: 8pt;}
.thumbtx a:link      {color: #20404F; text-decoration: underline;}
.thumbtx a:visited   {color: #20404F; text-decoration: underline;}
.thumbtx a:active    {color: #20404F; text-decoration: underline;}
.thumbtx a:hover     {color: #FE7C1A; text-decoration: underline;}
*/
/* a:visited grijs is prima, alleen de hover werkt niet meer */
.thumbtx a:hover     {color: #FE7C1A; text-decoration: underline;}

.listadres        {line-height: 16px; color: #919191; font-family: verdana,helvetica,arial; font-size: 8pt;}
.listprijs        {line-height: 24px; color: #919191; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Bold;}

/* old style hr */
.hr hr            {display: none;}
.hr               {margin: 1px 0px 1px 0px; border-bottom: 1px solid #C5D2E3; height: 1px;}


/* POSITIONERING */
#maincontainer {
   width                 : 100%;
   margin                : 0 auto; /* gecentreerd */
   background-color      : #FFFFFF;
}

/* dient alleen om footer naar beneden te drukken, werkt niet goed */
#maincontainer2 {
   width                 : 100%;
}

#header {
   display               : none;
}

/* horizontaal menu */
/* 1) valt onder de header */
/* 2) zit in de footer */
#navbalk, #navbalk2 {
   display               : none;
}


/* taalkeuze */
/* volledig gepositioneerd */
#taalkeuze {
   display               : none;
}

/* logo ónder de header */
/* volledig absoluut gepositioneerd */
#logo {
   position              : relative;
}

/* EINDE HEADER */


/* MIDDEN CONTENT */

#content {
   width                 : 100%; 
}

#reactieform {
   display               : none;
}


/* pagenav, onder hotel list */

/* EINDE MIDDEN CONTENT */



/* LINKERKOLOM */

/* linker en rechtercontainer zijn leeg, */
/* maar duwen de footer naar beneden */
#linkercontainer {
   display               : none;
}

/* Over de linkercontainer plaatsen we de linker menubalk, absoluut gepositioneerd */
/* Zo kunnen we floaten zonder dat het effect op de SEO heeft */
/* LET OP: in de HTML moet je absoluut gepositioneerde elementen */
/* ná de relatief gepositioneerde elementen zetten, dus onder de footer. */
#linkerbalk {
   display               : none;
}

/* kaartje linksboven (swappable) */
#kaartje {
   display               : none;
}

/* menu links, ónder kaartjes */
#menulinks {
   display               : none;
}
/* EINDE LINKERKOLOM */



/* RECHTERKOLOM */

#rechtercontainer {
   display               : none;
}

/* over de rechtercontainer plaatsen we de */
/* rechter menubalk, absoluut gepositioneerd */
#rechterbalk {
   display               : none;
}

/* zoekbox */
#zoek {
   display               : none;
}


/* buttons rechts */
#menurechts {
   display               : none;
}

/* ads rechts */
#rechtsonder {
   display               : none;
}

/* padding apart instellen voor FF: */
#gads {
   display               : none;
}


/* FOOTER */

#footer {
   display               : none;
}

