body {
 background-color: #fff;
 margin: 10px 0 20px 0;
 padding: 0;
 color:#000;
 font: 0.75em "verdana" ,Serif;
}

#box {
 text-align: left;
 width: 780px;
 color:#000;
 background: #fff url('images/ornament-knoppen.gif') repeat-y left 490px;
 margin: 0 auto 0 auto;
}

#box img.logo {
 border-bottom: 2px solid #DA1A27; 
 display: block;
}

#logo {
 background: #fff url('images/top.gif') no-repeat top left;
 height: 83px;
 width: 780px;
 padding: 0;
 margin:0;
}

#menu {
 clear: left;
 float: left;
 position: relative;
 width: 102px;
 height: 100%;
 margin: 0;
 background: #da1a27 url('images/border.gif') repeat-y top left;
}

.current {
 cursor: default;
}

#menu a.login {
 font-style: italic;
 margin-top: 15px!important;
 text-transform: none!important;
}

#zoek {
 padding: 15px 0 0 2px;
 color: #fff;
 font-family: arial, helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

#main {
 border: 0;
 text-align: left;
 margin: 0px 0px 0px 109px;
 min-height: 410px;
 padding: 0 0 25px 7px;
 background: #fff;
 color: black;
}

#main p.nomargin {
 margin-top: 0;
}

#main .red {
 font-weight: bold;
 color: #da1a27;
}

#main table.aligntop td {
 vertical-align: top;
 padding-bottom: 35px;
}

#marquee {
 text-decoration: none;
 font-weight: bold;
 font-family: arial, helvetica, sans-serif;
 font-size: 12px;
}

#marquee a, #marquee a:active, #marquee a:focus, #marquee a:visited {
 color: #da1a27;
 text-decoration: none;
}

#main h1 {
 font-size: 1.3em;
 font-weight: bold;
 text-transform: uppercase;
}

#main h2 {
 margin: 15px 0 0 0;
 font-weight: bold;
 font-size: 1em;
}

#main h3 {
 margin: 15px 0 0 0;
 font-weight: italic;
 font-size: 0.8em;
}

.kop {
 font-size: 2em;
 font-weight: bold;
 text-transform: uppercase;
 color: #DA1A27;
 line-height: 150%;
}

#main em {
 font-weight: bold;
 font-style: italic;
}

#main img {
 display: block;
 border: 0;
}

#main a {
 font-weight: bold;
 text-decoration: none;
 color: #DA1A27;
}

#main a:hover {
 text-decoration: underline;
 color: #DA1A27;
}

#main ul {
 margin-left: 10px;
 list-style-type: none;
}

#main ul li {
 padding-left: 24px;
 background: transparent url("images/teken1.gif") no-repeat left 4px;
}

#main span.fototitel {
 margin-top: 0px;
}

#main td {
 padding-right: 7px;
}

#footer {
 font-family: arial, sans-serif;
 font-size: 10px;
 margin: 0 auto 0 auto;
 width: 780px;
}

#bottom {
 margin: 0;
 display: block;
 height: 15px;
 background-color: black;
}

#footer a {
 color: black;
 text-decoration: none;
}

#footer a:hover {
 text-decoration: underline;
}

/* Menu */

/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 display:block;
 width: 102px;
 background-color: #da1a27;
 margin:0;
 padding: 0;
 text-decoration: none;
 font-family: arial, helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 text-transform: uppercase;
 color:#fff;
 list-style: none;
 font-style: normal;
}


/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: -1px;
 left: 102px;
 border: 1px solid #BD1722;
 width: 112px;
 background: #da1a27;
}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
/*.menulist li {
 position: relative;
}*/

.menulist ul li {
 height: 100%;
 font-style: normal;
}

/* Links inside the menu */
.menulist li a {
 display: block;
 padding: 7px 0 7px 2px;
 color: #fff;
 text-decoration: none;
 margin: 0;
}

.menulist li.chosen {
 display: block;
 color: #da1a27;
 background-color: #fff;
 padding: 7px 0 7px 2px;
}


/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/

.menulist a:hover, .menulist .highlighted, .menulist .current { /*.menulist a:focus, */
 color: #da1a27;
 background-color: #fff;
 width: 100px;
}

.menulist ul a {
/* border-left: 1px solid #fff; */
}

.menulist ul a:hover, .menulist ul a.highlighted, menulist ul a:focus {
/* border: 1px solid #da1a27;
border-left: none; */
}

/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a span.subind {
 float: right;
 padding-right: 2px;
}

/* 'subind' submenu indicators, which are automatically prepended to 'E' tag contents. */
.menulist e span.subind {
 float: right;
 padding-right: 2px;
}


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist li {
 float: left;
 width: 100%;
}

* html .menulist li {
 width: 100px;
 float: left;
}

* html .menulist ul li {
 float: left;
}

* html #marquee {
 float: left;
}

* html .menulist a {
 height: 1%;
}

/* End Hacks */