body              {background-color: #FFDAC2;
                   color: #001C44; 
                   font-family: verdana,helvetica,arial; 
                   font-size: 8pt;
                   margin: 0;
                   background: #FFDAC2 url("../images/bg.gif");
                   background-repeat: repeat;
                   background-position: top left;
                  }

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;}

.kruimel           {color: #001C44; font-family: verdana,helvetica,arial; font-size: 10px;}
.kruimel a:link    {color: #001C44; text-decoration: none; font-size: 10px;}
.kruimel a:visited {color: #001C44; text-decoration: none; font-size: 10px;}
.kruimel a:active  {color: #001C44; text-decoration: none; font-size: 10px;}
.kruimel a:hover   {color: #FE7C1A; text-decoration: underline; font-size: 10px;}

.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, SELECT     {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;}

.content_banner   {margin: 20px 0 20px 0; text-align: center;}

.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                 : 903px;
   margin                : 0 0 0 30px; /* 30px van links */
/* margin                : 0 auto; */ /* gecentreerd */
   background-color      : #FFFFFF;
   border                : 1px solid #001C44;
}

/* dient alleen om footer naar beneden te drukken, werkt niet goed */
#maincontainer2 {
   width                 : 903px;
   margin                : 0;
}

#header {
   width                 : 903px;
   padding               : 0;
   margin                : 0;
   background-color      : #001C44;
}

/* horizontaal menu */
/* 1) valt onder de header */
/* 2) zit in de footer */
#navbalk, #navbalk2, #navbalk3 {
   width                 : 903px;
   height                : 22px;
   border-top            : 1px solid #001C44;
   border-bottom         : 1px solid #001C44;
   background-color      : #C5D2E3;
   color                 : #001C44;
   font-family           : verdana,helvetica,arial; 
   font-size             : 8pt; 
   font-weight           : Bold;
}

#navbalk ul, #navbalk2 ul, #navbalk3 ul {
   margin                : 0;
   padding               : 4px 0 0 0;
   list-style-type       : none;
}

#navbalk ul li, #navbalk2 ul li, #navbalk3 ul li {
   display               : inline;
}

#navbalk ul li a, #navbalk2 ul li a, #navbalk3 ul li a {
   padding               : .2em 1em;
   color                 : #FFFFFF;
   text-decoration       : none;
}

#navbalk ul li a:hover, #navbalk2 ul li a:hover, #navbalk3 ul li a:hover {
   color                 : #FE7C1A;
}


/* taalkeuze */
/* volledig gepositioneerd */
#taalkeuze {
   position              : absolute;
   top                   : 103px;
   left                  : 799px;
   width                 : 130px;
   height                : 20px;
}

/* logo ónder de header */
/* volledig absoluut gepositioneerd */
#logo {
   position              : absolute;
   top                   : 125px;
   left                  : 232px;
   width                 : 400px;
}

/* EINDE HEADER */


/* MIDDEN CONTENT */

#content {
   width                 : 543px; 
   margin-left           : 200px;
   margin-right          : 149px;
   padding-top           : 50px;
}


/* pagenav, onder hotel list */
#pagenav {
   text-align            : center;
   width                 : 400px;
   height                : 22px;
   border-top            : 1px solid #FFFFFF;
   border-bottom         : 1px solid #FFFFFF;
   background-color      : #FFFFFF;
   color                 : #001C44;
   font-family           : verdana,helvetica,arial; 
   font-size             : 8pt; 
   font-weight           : Normal;
}

/* EINDE MIDDEN CONTENT */



/* LINKERKOLOM */

/* linker en rechtercontainer zijn leeg, */
/* maar duwen de footer naar beneden */
#linkercontainer {
   float                 : left;
   width                 : 188px;
   height                : 1500px;
   margin                : 0;
   padding               : 0;
   border-right          : 1px solid #001C44;
   border-bottom         : 1px solid #001C44;
   background-color      : #FE7C1A;
}

/* 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 {
   position              : absolute;
   top                   : 121px;
   left                  : 31px;
   width                 : 188px;
}

/* kaartje linksboven (swappable) */
#kaartje {
   width                 : 188px;
   height                : 160px;
   margin                : 0;
   background-color      : #FE7C1A;
}

/* menu links, ónder kaartjes */
#menulinks {
   width                 : 188px;
   background-color      : #FE7C1A;
   color                 : #FFFFFF; 
   font-family           : verdana,helvetica,arial;
   font-size             : 10px;
   font-weight           : Bold; 
   padding               : 0;
   margin                : 0;
   border-top            : 1px solid #FFDAC2;
   border-bottom         : 1px solid #001C44;
}

/* hoofdmenu */
#menulinks ul {
   padding               : 0;
   margin                : 0;
}

#menulinks li {
   font-family           : verdana,helvetica,arial;
   font-size             : 10px;
   font-weight           : bold; 
   background-color      : #001C44;
   color                 : #FFFFFF; 
   list-style            : none;
   margin                : 0;
   padding               : 0px 0px 0px 0px;
   border-bottom         : 1px solid #FFDAC2;
   line-height           : 16px;
}

#menulinks a {
   background-color      : #FE7C1A;
   color                 : #FFFFFF; 
   text-decoration       : none;
   margin                : 0;
   padding               : 0px 5px 0px 7px;
   line-height           : 16px;
   display               : block;
}

#menulinks a:visited {
   background-color      : #FE7C1A;
   color                 : #FFFFFF; 
   text-decoration       : none;
}

#menulinks a:active {
   background-color      : #FE7C1A;
   color                 : #FFFFFF; 
   text-decoration       : none;
}

#menulinks a:hover {
   background-color      : #FFDAC2;
   color                 : #001C44; 
   text-decoration       : none;
}

#menulinks li#active a {
   background-color      : #FFDAC2;
   color                 : #001C44; 
   text-decoration       : none;
}

/* afbeelding onder het menu */
#menulinks img {
   margin                : 0;
   padding               : 0;
   background-color      : #001C44;
   color                 : #FFFFFF; 
}

/* EINDE LINKERKOLOM */



/* RECHTERKOLOM */

#rechtercontainer {
   float                 : right;
   width                 : 140px;
   height                : 1500px;
   margin                : 0;
   padding               : 0;
   border-left           : 1px solid #001C44;
   border-bottom         : 1px solid #001C44;
   background-color      : #FFFFFF;
}

/* over de rechtercontainer plaatsen we de */
/* rechter menubalk, absoluut gepositioneerd */
#rechterbalk {
   position              : absolute;
   top                   : 121px;
   left                  : 794px;
   width                 : 140px;
}

/* zoekbox */
#zoek {
   width                 : 140px;
   height                : 80px;
   color                 : #001C44; 
   background-color      : #FE7C1A;
   border-bottom         : 1px solid #001C44;
   padding               : 0;
}

/* padding apart instellen voor FF: */
#zoek form {
   padding               : 3px 5px 2px 5px;
}

/* buttons rechts */
#menurechts {
   width                 : 140px;
   height                : 248px;
   font-family           : verdana,helvetica,arial;
   font-size             : 10px;
   font-weight           : Normal; 
   color                 : #FFFFFF; 
   background-color      : #001C44;
   border-bottom         : 1px solid #001C44;
   padding-top           : 0px;
   padding-left          : 0px;
}

/* ads rechts */
#rechtsonder {
   top                   : 449px;
   width                 : 140px;
   background-color      : #FFFFFF;
   padding               : 0;
}

/* padding apart instellen voor FF: */
#gads {
   padding               : 10px 0 10px 8px;
}


/* bekeken accoms, ónder banner */
/* zelfde kleurstelling als linkermenu? */
#bekekenrechts {
   width                 : 140px;
   background-color      : #FE7C1A;
   color                 : #FFFFFF; 
   font-family           : verdana,helvetica,arial;
   font-size             : 10px;
   font-weight           : Bold; 
   padding               : 0;
   margin                : 0;
   border-top            : 1px solid #FFDAC2;
   border-bottom         : 1px solid #001C44;
}

#bekekenrechts ul {
   padding               : 0;
   margin                : 0;
}

#bekekenrechts li {
   font-family           : verdana,helvetica,arial;
   font-size             : 10px;
   font-weight           : bold; 
   background-color      : #001C44;
   color                 : #FFFFFF; 
   list-style            : none;
   margin                : 0;
   padding               : 0px 0px 0px 0px;
   border-bottom         : 1px solid #FFDAC2;
   line-height           : 16px;
}

#bekekenrechts a {
   background-color      : #FE7C1A;
   color                 : #FFFFFF; 
   text-decoration       : none;
   margin                : 0;
   padding               : 0px 5px 0px 7px;
   line-height           : 16px;
   display               : block;
}

#bekekenrechts a:visited {
   background-color      : #FE7C1A;
   color                 : #FFFFFF; 
   text-decoration       : none;
}

#bekekenrechts a:active {
   background-color      : #FE7C1A;
   color                 : #FFFFFF; 
   text-decoration       : none;
}

#bekekenrechts a:hover {
   background-color      : #FFDAC2;
   color                 : #001C44; 
   text-decoration       : none;
}


/* FOOTER */

#footer {
   clear                 : both;
   position              : relative;
   width                 : 903px;
   margin                : 0;
   padding               : 20px 0 20px 0;
   background            : url("../images/horizon.gif");
   background-repeat     : no-repeat;
   background-position   : bottom right;
}

.adres {
   text-align            : left;
   padding-top           : 10px;
   padding-left          : 30px;
   font-family           : verdana,helvetica,arial;
   font-size             : 8pt;
   font-weight           : Normal; 
   color                 : #919191; 
}

.adres a, a:link, a:visited, a:active, a:hover {
   color                 : #919191; 
}