body            {
                    font-family: arial, verdana;
                    font-size: 13px;
                    margin: 0px;
                    background-color: #ffffff;
                    text-align: center;
                }

a               {   text-decoration: none; font-weight: bold; color: #ffffff; }
a:hover         {   color: #cceeff; }

td              {   font-size: 13px; }
img             {   border: 0px }

table.main      {
                    width: 847px;
                    margin-top: auto;
                    margin-bottom: auto;
                    margin-left: auto;
                    margin-right: auto;
                    background-color: #ffffff;
                    padding: 0px;
                    border-top: solid #ffffff 4px;
                    border-bottom: solid #ffffff 10px;
                }

/**
 *  separators: tabel afmetingen
 *  tabel breedte:      1+2+3+4
 *  tabel hoogte:       title+1+5+6+7+8+9
 *  nieuws breedte:     1
 *  nieuws hoogte:      5+6+7
 *  content breedte:    3+4
 *  content hoogte:     7+8
 */

td.separator1   {    height: 14px; width: 250px; } /* breedte logo - nieuwskolom, hoogte horizontale witregel */
td.separator2   {    width: 22px;                } /* breedte verticale witregel; */
td.separator3   {    width: 475px;               } /* (sub)menu links */
td.separator4   {    width: 100px;               } /* (sub)menu rechts */

td.separator5   {    height: 16px;               } /* hoogte menu */
td.separator6   {    height: 16px;               } /* hoogte submenu */
td.separator7   {    height: 230px;              } /* rest hoogte nieuws */
td.separator8   {    height: 57px;               } /* hoogte openingstijden */
td.separator9   {    height: 120px;              } /* hoogte adres, afbeeldingen */

td.title        {
                    vertical-align: bottom;
                    height: 100px;
                    margin: 0px;
                    padding: 0px;
                    background-image: url(pics/logo7.jpg);
                    background-repeat: no-repeat;
                    background-position: bottom left;
                }

td.menu         {
                    text-align: left;
                    vertical-align: bottom;
                    font-size: 12px;
                    padding: 2 1 2 1;
                    background-color: #8ea3b7;
                }

td.menu a           { color: #ffffff; font-weight: bold; font-size: 12px; }
td.menu a:hover     { color: #cccccc; }
td.menu a.selected  { color: #303333; }

td.submenu              { font-size: 12px; padding: 4 0 1 0; }
td.submenu a            { font-size: 12px; font-weight: bold; color: #6e87a7; }
td.submenu a:hover      { color: #606666; }
td.submenu a.selected   { color: #404444; }

td.submenuright         { font-size: 12px; padding: 1 5 0 0; }

td.submenuright a img  { border: solid 2px #ffffff; }
td.submenuright a:hover img  { border: solid 2px #8ea3b7; }
td.submenuright a.selected img  { border: solid 2px #8ea3b7; }

td.news         {
                    vertical-align: top;
                    text-align: center;
                    padding: 0px;
                    margin: 0px;
                    background-color: #7e97b7;
                    background-image: url(pics/tegelsboven2.jpg);
                    background-repeat: no-repeat;
                    background-position: right bottom;
                }

td.news p       {
                    color: #ffffff;
                    text-align: left;
                    padding: 0 2 2 0;
                    margin: 6 10 0 10;
                    font-size: 11px;
                }
td.news p b     { font-size: 12px; }
td.news a       { font-weight: normal; text-decoration: underline; }
td.news a.kop   { font-weight: bold; text-decoration: underline; }


td.opening      {
                    text-align: left;
                    vertical-align: bottom;
                    font-size: 12px;
                    line-height: 15px;
                    padding: 0 0 5 10;
                    color: #ffffff;
                    background-color: #7e97b7;
                    background-image: url(pics/tegelsonder2.jpg);
                    background-repeat: no-repeat;
                    background-position: right top;
                }

td.content      {
                    border-top: solid 1px #8ea3b7;
                    padding: 20 0 0 0;
                    text-align: left;
                    vertical-align: top;
                }

td.home  {
                    background-image: url(pics/vissen.gif);
                    background-repeat: no-repeat;
                    background-position: 28px 20px;
                }
#content        {   position: relative;
                    top: 0px;
                    height: 235px;
                    width: 575px;
                    overflow: auto;
                    margin: 0px;
                    padding: 0 5 20 0;
                    scrollbar-base-color:#ffffff;
                    scrollbar-arrow-color:#7799bb;
                    scrollbar-3dlight-color:#8899bb;
                    scrollbar-darkshadow-color:#8899bb;
                    scrollbar-highlight-color:#ffffff;
                    scrollbar-shadow-color: #bbbbdd;
                    scrollbar-face-color:#ffffff;
                    scrollbar-track-color:#ffffff;

                }
td.content p    {
                    font-size: 13px;
                    line-height: 1.3em;
                    margin: 0 0 0 0;
                    padding: 0px;
                    clear: both;
                    color: #303333;
                }

td.content p img            { float: right; margin-left: 15px; margin-right: -5px; display: block}
td.content p.normal         { margin-bottom: 12px;}
td.content p.title          { font-weight: bold; font-size: 14px; margin-bottom: 0px;}
td.content p.bold           { font-weight: bold }
td.content p.italic         { font-style: italic; }
td.content p.small          { font-size: 11px;}
td.content p.slogan         { font-style: normal;
                                color: #4e6787;
                                font-weight: bold;
                                font-size: 13px;}

td.content a    {   text-decoration: underline; color: #303333; color: #606666;}
td.content a:hover {  color: #4e6787; color: #6e87a7;}

td.newsitemdate     { font-size: 13px; text-align: right; color: #4e6787; font-style: normal; font-weight: bold; padding: 0 0 3 0 }
td.newsitemtitle    { font-size: 13px; color: #4e6787; font-weight: bold; padding: 0 0 3 0 }
td.newsitemtext     { padding: 0 0 0 0; font-size: 13px; line-height: 1.3em; }
td.newsitemtext img { float: right; margin-left: 20px; display: block}

td.agendaitemdate     { font-size: 13px; color: #4e6787; font-style: normal; font-weight: bold; width: 100px; padding: 0 10 3 0 }
td.agendaitemtitle    { font-size: 13px; color: #4e6787; font-weight: bold; width: 470px; padding: 0 0 3 0 }
td.agendaitemtext     { padding: 0 0 0 0; font-size: 13px; line-height: 1.3em; }
td.agendaitemtext img { float: right; margin-left: 20px; display: block}

td.adres        {

                    text-align: left;
                    vertical-align: middle;
                    padding: 0 0 0 10;
                    line-height: 17px;
                    font-weight: bold;
                    font-size: 12px;
                    background-color: #7e97b7;
                    color: #ffffff;
                }

td.adres a      { text-decoration: underline; }

td.pics         {
                    padding: 0px;
                    margin: 0px;
                    vertical-align: bottom;
                }

td.pics table   {   
                    margin: 0px;
                    padding: 0px;
                }