body {
   background            : #FFF;
   margin                : 0;
   padding               : 0;
   font-family           : helvetica,arial; 
   font-size             : 9pt;
   color                 : #5A3D1B; 
   width:100%;
}

/* links */
a:link            {color: #007ABB; text-decoration: none;}
a:visited         {color: #007ABB; text-decoration: none;}
a:active          {color: #007ABB; text-decoration: none;}
a:hover           {color: #007ABB; text-decoration: underline;}

/* basisfonts */
h1                {color: #5A3D1B; font-family: helvetica,arial; font-size: 14pt; font-weight: Bold;}
/* h2 wordt gebruikt in module.1.start */
/* in iframes heeft h2 een andere class! */
h2                {color: #F86C00; font-family: helvetica,arial; font-size: 11pt; font-weight: Bold;}
h3                {color: #5A3D1B; font-family: helvetica,arial; font-size: 14px; font-weight: Bold;} /* px! */
h3 a:link         {color: #5A3D1B; text-decoration: underline;}
h3 a:visited      {color: #5A3D1B; text-decoration: underline;}
h3 a:active       {color: #5A3D1B; text-decoration: underline;}
h3 a:hover        {color: #5A3D1B; text-decoration: underline;}
h4                {color: #5A3D1B; font-family: helvetica,arial; font-size: 16pt; font-weight: Bold;}
h5                {color: #FFFFFF; font-family: helvetica,arial; font-size: 22pt; font-weight: Bold;}
h6                {color: #5A3D1B; font-family: helvetica,arial; font-size: 12pt; font-weight: Bold;}

p,td,ul,ol,li     {color: #5A3D1B; font-family: helvetica,arial; font-size: 9pt;}

/* STANDAARD CLASSES (alleen tekst) */
.nav              {color: #007ABB; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: normal;}
.nav a:link       {color: #5A3D1B; text-decoration: none;}
.nav a:visited    {color: #5A3D1B; text-decoration: none;}
.nav a:active     {color: #5A3D1B; text-decoration: none;}
.nav a:hover      {color: #5A3D1B; text-decoration: underline;}

/* pagenav: vorige / volgende pagina */
.pagenav           {text-align: center; color: #5A3D1B; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: normal;}
.pagenav a:link    {color: #007ABB; text-decoration: none;}
.pagenav a:visited {color: #007ABB; text-decoration: none;}
.pagenav a:active  {color: #007ABB; text-decoration: none;}
.pagenav a:hover   {color: #007ABB; text-decoration: underline;}
.pagenavnone       {color: #FCFCFC;}

/* bold orange */
.boldo             {color: #F86C00; font-weight: Bold;}

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

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

/* forms */
INPUT             {color: #000000; font-family: helvetica,arial; font-size: 8pt;}
TEXTAREA          {color: #000000; font-family: helvetica,arial; font-size: 8pt;}

.radiobutt        {border: 0px; color: #EB1A26;}
.okbutt           {margin: 3px 0px 3px 0px; border: 1px solid #6C6C6C; background-color: #FFFDEC; color: #EB1A26; font-family: verdana,helvetica,arial; font-size: 10px; font-weight: Bold;}

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

/* plaatjes */
.thumb            {border: 0px solid #6C6C6C; margin: 0 0 3px 0; padding: 0 0 0 20px;}

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

/* onmouseover in account page, zie ook qTip.js */
div#qTip {
   padding: 5px;
   border: 1px solid #5A3D1B;
   border-right-width: 2px;
   border-bottom-width: 2px;
   display: none;
   background: #D2E2C1;
   color: #5A3D1B;
   font: 9px Verdana, Helvetica, Arial, sans-serif; 
   text-align: left;
   position: absolute;
   z-index: 1000;
}

#logo_print {
   display               : none;
}

/* POSITIONERING */

#pagecontainer {
   width                 : 980px;
   margin                : 0 auto;
}

/* top spacing */
#top {
   float                 : left;
   width                 : 980px;
   height                : 12px;
   margin                : 0 auto;
   padding               : 0;
   background-image:url(../../images/bg_top_portal.png);
   background-repeat:no-repeat;
   background-position:top left;
}

/* maak een maincontainer, en zet daarin de bg met dropshadows */
#maincontainer {
   float                 : left;
   width                 : 980px;
   margin                : 0 auto; /* gecentreerd */
   padding               : 0;
   background-image:url(../../images/bg_main.png);
   background-repeat:repeat-y;
   background-position:top left;
   background-color      : #94C7E1;
}

/* forceer content in een kolom van x pixels breed, padding links/rechts */
#maincontainer2 {
   float                 : left;
   width                 : 960px;
   margin                : 0;
   padding               : 0px 10px 0px 10px;
   background-image:url(../../images/bg_header_portal.png);
   background-repeat:no-repeat;
   background-position:top; /* niet left! */
}


/* CONTENT */
/* 2-koloms: linkerbalk met menu, broodtekst rechts */
div#contentcontainer {
   float                 : left;
   width                 : 960px;
   margin                : 0 auto;/* gecentreerd */
   padding               : 0;
} 


/* LINKERBALK */
#linkerbalkcontainer {
   float                 : left;
   clear                 : none;
   width                 : 295px;
   margin                : 0;
   padding               : 33px 0 0 30px; /* 266px 0 0 30px */ 
}

#linkerbalk {
   margin                : 0;
   padding               : 0px 0 0 0;
}


/* cityselect div */
#cityselect {
/* float                 : left; */
   width                 : 295px;
   height                : 31px;
   margin                : 0px 0 0 0;
   padding               : 0;
/*
   background-image      : url(../../images/bg_selectbox_portal.png);
   background-repeat     : no-repeat;
   background-position   : top left; */
}

/* form in cityselect div */
#cityselect  form {
   margin: 0; padding: 0;
}
#cityselect .cityselectlabel {
   color: #FFFFFF; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: bold;
}

/* animated gifje */
#header_ani_gif {
   width                 : 259px; /* 259-36 */
   height                : 148px;
   margin                : 43px 0 0 35px;
   padding               : 0;
}


/* menu div */
#menu {
   width                 : 295px;
   margin                : 15px 0 0 0; /* 2px */
   padding               : 0;
   border                : 0;
   background-image      : url(../../images/bg_menu.png);
   background-repeat     : repeat-y;
   background-position   : top left;
}

/* menulinks in menu div */
#menulinks {
   margin                : 0;
   padding               : 0;
}

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

#menulinks li {
   list-style            : none;
   color                 : #FF9900; 
   font-family           : helvetica,arial;
   font-size             : 11pt;
   font-weight           : bold; 
   margin                : 0 8px 0 2px;
   padding               : 2px 0 2px 0;
   border                : 0; /* (!) */
   height                : 36px; 
   line-height           : 34px;
   border-bottom         : 1px solid #5A3D1B;
}

/* #menulinks li.standard a,  */
#menulinks a, #menulinks a:link, #menulinks a:visited, #menulinks a:active, #menulinks a:hover {
   display               : block;
   color                 : #5A3D1B; 
   text-decoration       : none;
   margin                : 0;
   padding               : 0 0 0 56px;
}

/* , #menulinks li.standard a:hover */
#menulinks a:hover, #menulinks li.standard_home a:hover, #menulinks li.standard_cityguide a:hover, #menulinks li.standard_travelinfo a:hover, #menulinks li.standard_download a:hover, #menulinks li.standard_forum a:hover, #menulinks li.standard_feedback a:hover, #menulinks li.standard_media a:hover, #menulinks li.standard_demo a:hover, #menulinks li.standard_about a:hover, #menulinks li.standard_olympics a:hover {
   color                 : #EB1A26; 
}

/* menu_button_home */
#menulinks li.standard_home a {
   background-image      : url(../../images/menu_button_home.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #5A3D1B; 
}
#menulinks li.clicked_home a, #menulinks li.clicked_home a:link, #menulinks li.clicked_home a:visited, #menulinks li.clicked_home a:active {
   background-image      : url(../../images/menu_button_home.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #EB1A26; 
}
/* menu_button_cityguide */
#menulinks li.standard_cityguide a {
   background-image      : url(../../images/menu_button_cityguide.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #5A3D1B; 
}
#menulinks li.clicked_cityguide a, #menulinks li.clicked_cityguide a:link, #menulinks li.clicked_cityguide a:visited, #menulinks li.clicked_cityguide a:active {
   background-image      : url(../../images/menu_button_cityguide.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #EB1A26; 
}
/* menu_button_travelinfo */
#menulinks li.standard_travelinfo a {
   background-image      : url(../../images/menu_button_travelinfo.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #5A3D1B; 
}
#menulinks li.clicked_travelinfo a, #menulinks li.clicked_travelinfo a:link, #menulinks li.clicked_travelinfo a:visited, #menulinks li.clicked_travelinfo a:active {
   background-image      : url(../../images/menu_button_travelinfo.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #EB1A26; 
}
/* menu_button_download */
#menulinks li.standard_download a {
   background-image      : url(../../images/menu_button_download.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #5A3D1B; 
}
#menulinks li.clicked_download a, #menulinks li.clicked_download a:link, #menulinks li.clicked_download a:visited, #menulinks li.clicked_download a:active {
   background-image      : url(../../images/menu_button_download.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #EB1A26; 
}
/* menu_button_faq */
#menulinks li.standard_faq a {
   background-image      : url(../../images/menu_button_faq.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #5A3D1B; 
}
#menulinks li.clicked_faq a, #menulinks li.clicked_faq a:link, #menulinks li.clicked_faq a:visited, #menulinks li.clicked_faq a:active {
   background-image      : url(../../images/menu_button_faq.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #EB1A26; 
}
/* menu_button_demo */
#menulinks li.standard_demo a {
   background-image      : url(../../images/menu_button_demo.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #5A3D1B; 
}
#menulinks li.clicked_demo a, #menulinks li.clicked_demo a:link, #menulinks li.clicked_demo a:visited, #menulinks li.clicked_demo a:active {
   background-image      : url(../../images/menu_button_demo.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #EB1A26; 
}
/* menu_button_forum */
#menulinks li.standard_forum a {
   background-image      : url(../../images/menu_button_forum.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #5A3D1B; 
}
#menulinks li.clicked_forum a, #menulinks li.clicked_forum a:link, #menulinks li.clicked_forum a:visited, #menulinks li.clicked_forum a:active {
   background-image      : url(../../images/menu_button_forum.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #EB1A26; 
}
/* menu_button_feedback */
#menulinks li.standard_feedback a {
   background-image      : url(../../images/menu_button_feedback.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #5A3D1B; 
}
#menulinks li.clicked_feedback a, #menulinks li.clicked_feedback a:link, #menulinks li.clicked_feedback a:visited, #menulinks li.clicked_feedback a:active {
   background-image      : url(../../images/menu_button_feedback.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #EB1A26; 
}
/* menu_button_login */
#menulinks li.standard_login a {
   background-image      : url(../../images/menu_button_register.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #5A3D1B; 
}
#menulinks li.clicked_login a, #menulinks li.clicked_login a:link, #menulinks li.clicked_login a:visited, #menulinks li.clicked_login a:active {
   background-image      : url(../../images/menu_button_register.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #EB1A26; 
}
/* menu_button_media */
#menulinks li.standard_media a {
   background-image      : url(../../images/menu_button_media.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #5A3D1B; 
}
#menulinks li.clicked_media a, #menulinks li.clicked_media a:link, #menulinks li.clicked_media a:visited, #menulinks li.clicked_media a:active {
   background-image      : url(../../images/menu_button_media.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #EB1A26; 
}
/* menu_button_about */
/* default color: RED */
#menulinks li.standard_about a {
   background-image      : url(../../images/menu_button_about.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #EB1A26; 
}
#menulinks li.clicked_about a, #menulinks li.clicked_about a:link, #menulinks li.clicked_about a:visited, #menulinks li.clicked_about a:active {
   background-image      : url(../../images/menu_button_about.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #EB1A26; 
}
/* olympics */
#menulinks li.standard_olympics a {
   background-image      : url(../../images/menu_button_olympics.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #5A3D1B; 
}
#menulinks li.clicked_olympics a, #menulinks li.clicked_olympics a:link, #menulinks li.clicked_olympics a:visited, #menulinks li.clicked_olympics a:active {
   background-image      : url(../../images/menu_button_olympics.png);
   background-repeat     : no-repeat;
   background-position   : top left;
   color                 : #EB1A26; 
}
/* einde menulinks in menu div */
/* nieuwe classes ook toevoegen aan de standard hover (+- regel 244)*/

/* userexp div */
/* gebruikt agenda bg's, pas ook de tekstkleur aan */
#userexp {
   width                 : 295px;
   margin                : 0px 0 0 0;
   padding               : 0;
   border                : 0;
   background-image      : url(../../images/bg_menu_agenda.png);
   background-repeat     : repeat-y;
   background-position   : top left;
}

#userexp h5              {color: #5A3D1B; margin: 0; padding: 0px 25px 0px 15px;}
#userexp p               {margin: 0; padding: 0px 25px 15px 15px;}

#userexp .userimg        {margin: 0; padding: 20px 0 10px 0;}

#userexp .userexpkop     {color: #5A3D1B; font-family: verdana,helvetica,arial; font-size: 8pt;}
#userexp .userexpkopuser {color: #5A3D1B; font-family: verdana,helvetica,arial; font-size: 8pt;} /* FF9900 */
#userexp .userexptxt     {text-align: center; line-height: 16px; color: #5A3D1B; font-family: verdana,helvetica,arial; font-size: 8pt;}

/* in userexp: peopleclip */
#peopleclip {
   margin                : 0px 0 0 0;
   padding               : 20px 0 20px 24px;
}

#peopleclip .morelink           {padding: 15px 24px 0 0; text-align: center; letter-spacing: 0.2em; line-height: 16px; color: #5A3D1B; font-family: helvetica,arial; font-weight: bold;}
#peopleclip .morelink a:link    {color: #5A3D1B; text-decoration: underline;}
#peopleclip .morelink a:visited {color: #5A3D1B; text-decoration: underline;}
#peopleclip .morelink a:active  {color: #5A3D1B; text-decoration: underline;}
#peopleclip .morelink a:hover   {color: #5A3D1B; text-decoration: underline;}

#peopleclip .hr hr       {display: none;}
#peopleclip .hr          {margin: 1px 32px 1px 0px; padding: 25px 0px 0 0; border-bottom: 1px solid #5A3D1B; height: 1px;}


/* EINDE LINKERKANT */



/* MIDDENKOLOM (content) */
/* in de HTML ná linkerbalk plaatsen; */
/* die floaten links */
/* geef apart de width aan ipv margin-right te vergroten, */
/* om ongewenste padding links te voorkomen */
#content {
float:left;
clear:none;
   width                 : 595px;
  /* margin                : 0 0 0 330px;*/
   padding               : 31px 0 0 8px;
}

#portallogo {
   width                 : 595px; /* 595 - 20 */
   text-align            : right;
   height                : 60px;
   margin                : 0px 0 0 0px;
   padding               : 0 0 0 0px;
}

#portalintro_EUR {
   width                 : 595px;
   height                : 565px;
   margin                : 5px 0 0 0;
   padding               : 0;
   background-image      : url(../../images/bg_portal_homepage_EUR.png);
   background-repeat     : no-repeat;
   background-position   : top left;
}

#portalintro_GBP {
   width                 : 595px;
   height                : 565px;
   margin                : 5px 0 0 0;
   padding               : 0;
   background-image      : url(../../images/bg_portal_homepage_GBP.png);
   background-repeat     : no-repeat;
   background-position   : top left;
}

#portalintro_USD {
   width                 : 595px;
   height                : 565px;
   margin                : 5px 0 0 0;
   padding               : 0;
   background-image      : url(../../images/bg_portal_homepage_USD.png);
   background-repeat     : no-repeat;
   background-position   : top left;
}


.portalintrokop1   {color: #5A3D1B; font-family: helvetica,arial; font-size: 17pt; line-height: 30px; font-weight: Bold;}
.portalintrokop2   {color: #FFFFFF; font-family: helvetica,arial; font-size: 12pt; line-height: 22px; font-weight: Bold;}
.portalintrotxt p  {padding-left: 10px; color: #FFFFFF; font-family: helvetica,arial; font-size: 9pt; line-height: 20px; font-weight: Bold;}
.say               {color: #F86C00;}

#startbox {
   width                 : 595px;
   height                : 220px;
   margin                : -1px 0px 0 0px;
   padding               : 0px 0 0px 12px;
   background-image      : url(../../images/bg_demo_top_portal.png);
   background-repeat     : no-repeat;
   background-position   : top left;
}

#brooddownloadkop {
   width                 : 595px; /* 595 - 20 */
   height                : 74px;
   margin                : 0;
   padding               : 0;
   background-image      : url(../../images/bg_contentbox_top_download.png);
   background-repeat     : no-repeat;
   background-position   : top left;
}

#brooddownloadkop h6 {
   margin                : 0;
   padding               : 40px 20px 0 0;
   text-align            : center;
   color                 : #5A3D1B;
}

#broodbox {
   margin                : 2px 0 0 0;
   padding               : 0;
   background-image      : url(../../images/bg_contentbox.png);
   background-repeat     : repeat-y;
   background-position   : top left;
}

#broodtekst {
   margin                : 0;
   padding               : 5px 45px 0 32px; /* marges links & rechts */
}

/* op de homepage staat een extra box voor de download */
/* dat is een kopie van de combi broodbox, broodtekst en brooddownloadkop */
/* zie onder */

/* classes en lists in broodtekst */

#broodtekst p.breadcrumbs             {color: #007ABB; font-family: verdana,helvetica,arial; font-size: 9pt; font-weight: Bold;}
#broodtekst p.breadcrumbs a:link      {color: #5A3D1B; text-decoration: none;}
#broodtekst p.breadcrumbs a:visited   {color: #5A3D1B; text-decoration: none;}
#broodtekst p.breadcrumbs a:active    {color: #5A3D1B; text-decoration: none;}
#broodtekst p.breadcrumbs a:hover     {color: #5A3D1B; text-decoration: underline;}

#broodtekst .topreviewlink            {color: #FF9900; font-family: helvetica,arial; font-size: 8pt; font-weight: Bold;}
#broodtekst .topreviewlink a:link     {color: #FF9900; text-decoration: underline;}
#broodtekst .topreviewlink a:visited  {color: #FF9900; text-decoration: underline;}
#broodtekst .topreviewlink a:active   {color: #FF9900; text-decoration: underline;}
#broodtekst .topreviewlink a:hover    {color: #FF9900; text-decoration: underline;}

/* select brand, type */
#broodtekst .brandswitch              {text-align: center; color: #5A3D1B; font-family: helvetica,arial; font-size: 12pt; font-weight: Bold;}
#broodtekst .brandswitch a:link       {color: #8C8C8C; text-decoration: none;}
#broodtekst .brandswitch a:visited    {color: #8C8C8C; text-decoration: none;}
#broodtekst .brandswitch a:active     {color: #8C8C8C; text-decoration: none;}
#broodtekst .brandswitch a:hover      {color: #8C8C8C; text-decoration: none;}
#broodtekst .brandseperator           {color: #8C8C8C; font-family: helvetica,arial; font-size: 12pt; font-weight: Bold;}

#broodtekst .brandhelp                {text-align: center; color: #5A3D1B; font-family: helvetica,arial; font-size: 9pt; font-weight: Bold;}
#broodtekst .brandhelp a:link         {color: #5A3D1B; text-decoration: underline;}
#broodtekst .brandhelp a:visited      {color: #5A3D1B; text-decoration: underline;}
#broodtekst .brandhelp a:active       {color: #5A3D1B; text-decoration: underline;}
#broodtekst .brandhelp a:hover        {color: #5A3D1B; text-decoration: underline;}

#broodtekst .mobileimg               {text-decoration: none;}
#broodtekst .mobileimg a:link        {color: #007ABB; text-decoration: none;}
#broodtekst .mobileimg a:visited     {color: #007ABB; text-decoration: none;}
#broodtekst .mobileimg a:active      {color: #007ABB; text-decoration: none;}
#broodtekst .mobileimg a:hover       {color: #5A3D1B; text-decoration: none;}
/* de hovers werken hier niet in IE en Firefox */
/* TO DO: oplossen */
#broodtekst .mobilename               {color: #007ABB; text-decoration: underline; font-family: helvetica,arial; font-size: 9pt; font-weight: Bold;}
#broodtekst .mobilename a:link        {color: #007ABB; text-decoration: underline;}
#broodtekst .mobilename a:visited     {color: #007ABB; text-decoration: underline;}
#broodtekst .mobilename a:active      {color: #007ABB; text-decoration: underline;}
#broodtekst .mobilename a:hover       {color: #5A3D1B; text-decoration: underline;}

#broodtekst .mobileswitch             {text-align: center; color: #5A3D1B; font-family: helvetica,arial; font-size: 9pt; font-weight: Bold;}
#broodtekst .mobileswitch a:link      {color: #5A3D1B; text-decoration: underline;}
#broodtekst .mobileswitch a:visited   {color: #5A3D1B; text-decoration: underline;}
#broodtekst .mobileswitch a:active    {color: #5A3D1B; text-decoration: underline;}
#broodtekst .mobileswitch a:hover     {color: #5A3D1B; text-decoration: underline;}
#broodtekst .selectedmobile           {color: #007ABB;}

#broodtekst .dlcityswitch             {text-align: center; color: #5A3D1B; font-family: helvetica,arial; font-size: 9pt; font-weight: normal;}
#broodtekst .dlcityswitch a:link      {color: #5A3D1B; text-decoration: underline;}
#broodtekst .dlcityswitch a:visited   {color: #5A3D1B; text-decoration: underline;}
#broodtekst .dlcityswitch a:active    {color: #5A3D1B; text-decoration: underline;}
#broodtekst .dlcityswitch a:hover     {color: #5A3D1B; text-decoration: underline;}
#broodtekst .selecteddlcity           {color: #007ABB;}

/* select product en downloadtype */
/* thumbnail lists voor de download sectie (lijntje is grijs ipv bruin) */
#broodtekst td.dltoplijn {
   height                : 12px;
   margin                : 0;
   padding               : 0px 0px 0px 0px;
   border-top            : 1px solid #8C8C8C;
}

#broodtekst td.dlftrlijn {
   height                : 6px;
   margin                : 0;
   padding               : 0px 0px 0px 0px;
   border-top            : 0px solid #8C8C8C;
}

/* span productnaam, downloadtype (tekst is standaard tekst) */
#broodtekst .productname              {text-align: center; color: #007ABB; font-family: helvetica,arial; font-size: 11pt; font-weight: Bold;}
#broodtekst .productname a:link       {color: #007ABB; text-decoration: none;}
#broodtekst .productname a:visited    {color: #007ABB; text-decoration: none;}
#broodtekst .productname a:active     {color: #007ABB; text-decoration: none;}
#broodtekst .productname a:hover      {color: #007ABB; text-decoration: underline;}
/* idem, maar niet gecentreerd */
#broodtekst .productname_left         {color: #007ABB; font-family: helvetica,arial; font-size: 11pt; font-weight: Bold;}

#broodtekst p.downloadhelp {
   text-align            : center;
   margin                : 0;
   padding               : 5px 0 5px 0;
}

#broodtekst p.dltoforum {
   text-align            : center;
   margin                : 0;
   padding               : 5px 0 5px 0;
   background-color      : #FFCD83;
   color                 : #5A3D1B;
   font-family           : helvetica,arial;
   font-size             : 10pt;
   font-weight           : Bold;
   border                : 1px solid #8C8C8C;
}

/*
#wappushtable {
   background-color      : #FF9900;
   border                : 1px solid #8C8C8C;
}
*/

#wappushtable {
   background-color      : #D2E2C1;
   border                : 1px solid #5A3D1B;
}

/* form in findbox div */
#wappushtable  form           { margin: 0; padding: 0; }
#wappushtable .wappushlabel   { color: #5A3D1B; font-family: helvetica,arial; font-size: 9pt; font-weight: normal; }
#wappushtable .wappushfield   { height: 14px; width: 290px; border: 1px solid #8C8C8C; background-color: #FFFFFF; color: #5A3D1B; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: normal; }
#wappushtable .wappushbutton  { width:40px; border: 1px solid #8C8C8C; background-color: #816B50; color: #FFFFFF; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: bold; }

/* maak de links daar bruin */
#wappushtable .wappushlabel a:link       {color: #5A3D1B; text-decoration: underline;}
#wappushtable .wappushlabel a:visited    {color: #5A3D1B; text-decoration: underline;}
#wappushtable .wappushlabel a:active     {color: #5A3D1B; text-decoration: underline;}
#wappushtable .wappushlabel a:hover      {color: #5A3D1B; text-decoration: underline;}


/* standaard tekst, cityguide etc. */
#broodtekst h1 {
   margin                : 0;
   padding               : 5px 0 5px 0; /* druk h1 tegen de bovenkant */
}

#broodtekst h2 {
   margin                : 0;
   padding               : 5px 0 5px 0; /* h2 idem */
}

#broodtekst h3 {
   margin                : 0;
   padding               : 0px 0 4px 0; /* in tabel: weinig marge */
}

#broodtekst p {
/* text-align            : justify; */
   line-height           : 17px; /* was 19 */
   margin                : 0;
   padding               : 5px 0 5px 0;
}

#broodtekst ul {
   margin                : 0;
   padding               : 0 0 0 25px;
}

#broodtekst li {
/* display               : list-item; */ /* speciaal voor FF */
   list-style-type       : square;
   text-align            : left;
}

#broodtekst td {
   margin                : 0;
   padding               : 0 0 0 0px;
}

#broodtekst .label {
   color                 : #919191; 
/* background-color      : #EFF7FA; */
   font-family           : helvetica,arial;
   font-size             : 9pt;
   font-weight           : normal; 
   padding               : 1px;
}

#broodtekst .inhoud {
   color                 : #007ABB; 
/* background-color      : #EFF7FA; */
   font-family           : helvetica,arial;
   font-size             : 9pt;
   font-weight           : normal; 
   padding               : 1px;
}

/* alle lijntjes grijs ipv bruin */
#broodtekst td.toplijn {
   height                : 12px;
   margin                : 0;
   padding               : 0px 0px 0px 0px;
   border-top            : 1px solid #8C8C8C;
}

#broodtekst td.ftrlijn {
   height                : 4px;
   margin                : 0;
   padding               : 0px 0px 0px 0px;
   border-top            : 0px solid #8C8C8C;
}



/* artikel / editorial, bijv. olympics*/
#artikelbox {
   margin                : 6px 0 0 0;
   padding               : 0;
   
   background-image:url(../../images/bg_artikelbox.png);
   background-repeat:repeat-y;
   background-position:top left;
}

#artikeltekst {
   margin                : 0;
   padding               : 0px 10px 15px 22px; /* marges links & rechts */
}

#artikeltekst p {
/* text-align            : justify; */
   line-height           : 17px;
   margin                : 0;
   padding               : 5px 0 5px 0;
}


/* demo onderaan, 1 groot plaatje */
#howdoesitwork {
   width                 : 595px;
   margin                : 5px 0px 0 0px;
   padding               : 0px 0 0 1px;
}


/* MCA onderaan, 1 groot plaatje */
#mca2008 {
   width                 : 595px;
   margin                : 15px 0px 0 0px;
   padding               : 0px 0 20px 10px;
}


/* contact, EULA etc. */
#bottomnav {
   width                 : 595px;
   margin                : 10px 0px 0px 0px;
   padding               : 0px 0px 0 1px;
}


/* CLEAR */
#cleardiv {
   clear                 : both;
}
/* EINDE CONTENT */


/* FOOTER */
#footer {
float:left;
   clear                 : both;
  /* position              : relative;*/
   width                 : 980px;
   height                : 60px;
   margin                : 0 auto;
   padding               : 0;
   
   background-image:url(../../images/bg_footer.png);
   background-repeat:no-repeat;
   background-position:top left;
}

.adres {
   text-align            : left;
   padding               : 10px 0 10px 380px;
   font-family           : verdana,helvetica,arial;
   font-size             : 8pt;
   font-weight           : normal; 
   color                 : #6C6C6C; 
   line-height           : 15px;
}

.adres a, .adres a:link, .adres a:active, .adres a:visited {
   color                 : #6C6C6C; 
}

.adres a:hover {
   color                 : #EB1A26; 
}