body, html {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#000; margin:0; padding:0; background-color: #1D1F1A}
ul {margin:0; padding:0;}
h1 {font-size: x-large; margin-top: 5px; color:#FFFBF0;}
h4 {font-size: normal; margin-top: 5px; color:#FFFBF0;}
a:link, a:visited, a:hover, a:active {color: #6B665A; text-decoration: underline;}

#banner {margin: 0px auto; width: auto; height: auto; text-align: center; padding-top: 10px; color:#FFFBF0}
#banner h1 {font-size: x-large; margin-top: 8px;}
#banner a {color: #FFFBF0; text-decoration: none; font-weight: bolder;}

#container_menu {margin:0px auto; width:1024px; height: auto; display:block; clear:both; background-color: #1D1F1A; position: relative; padding-bottom: 40px;}

/* lege ruimte met marge van 30px erboven */
#heading {margin: 50px auto; width: 1024px; margin-top: 30px; position: relative; text-align: center;}

/* lege ruimte zonder marge */
#heading2 {margin: 20px auto; width: 1024px; position: relative; text-align: center;}

td {background-color: #FFFBF0; vertical-align: top;}

/* kolomindeling indexpagina */
td.names {height: auto; width: 470px; text-align: left; background-color: #FFFBF0;}
td.links {height: auto; width: 514px; text-align: left; background-color: #FFFBF0;}
td.status {height: auto; width: 40px; text-align: right; font-size: 10px; color: #6B665A; background-color: #FFFBF0;}
td.bottomline {height: 0; background-color: #FFFBF0;}

/* links inspringen en uitlijnen */
td.paddingleft100 {padding-left: 100px; text-align: left;}
td.paddingleft150 {padding-left: 150px; text-align: left;}
td.paddingleft200 {padding-left: 200px; text-align: left;}
td.paddingleft250 {padding-left: 250px; text-align: left;}
td.paddingleft400 {padding-left: 400px; text-align: left;}

/* breedte voor 2 kolommen */
td.col2 {width: 502px;}

/* ========================================================================= */

/* instellingen voor ID 'inhoud' */
#inhoud {height: auto; width: 1022px; background-color: #1D1F1A; margin: 0px auto; text-align: center; position: relative; line-height: 17px;}
#inhoud .infobox {height: auto; width:1022px; position: relative;}

#inhoud table {margin-top: 0px; position: relative; padding-top: 0px; border-left: #626362 1px solid; border-right: #626362 1px solid; width: 1024px; background-color: #FFFBF0;}
#inhoud .upside {height: 10px; width: 1024px; background-image: url('../images/upside_index_infobox.gif');}
#inhoud .underside {margin-bottom: 0px; height: 10px; width: 1024px; background-image: url('../images/underside_index_infobox.gif');}

#inhoud h4 {width: 1022px; height: 22px; background: url('../images/h4_background2.gif'); padding: 3px 0 0 0; color: #FFF; margin: 30px auto 0px auto; border-left: #626362 1px solid; border-right: #626362 1px solid;}
#inhoud h4.top {margin-top: 0px;}
#inhoud h4.sub {margin: 0 0 0 0; width: 1014px; background: none;  background-color: #535353;}
#inhoud a {color: #6B665A; text-decoration: underline;}
#inhoud a:hover {color: red;}
#inhoud a.special:link, #inhoud a.special:visited, #inhoud a.special:hover, #inhoud a.special:active {color: #000; text-decoration: none;}


/* ========================================================================= */

/* menunavigatie - niveau 1 */
ul#navigation {width:1024px; height:30px; display:block; float:left; background: url('../images/menu_background.gif') 0 0 repeat-x; padding: 0; margin-top: 10px;}
ul#navigation li {position:relative; height:30px; display:block; float:left; padding: 0 10px 0 0px;}
ul#navigation li.empty {width: 120px;}
ul#navigation li a {font-weight:bold; color:#fff; padding:6px 10px; display:block; text-decoration:none;}
ul#navigation li a.selected {background-image: url('../images/selected_background.gif'); text-decoration:none;}
ul#navigation li:hover a,
ul#navigation li a:hover {background:#000 url('../images/hover_background.gif') repeat-x;}
/* navigation- niveau 2 */
ul#navigation li ul {position:absolute; top:30px; display:none; width:200px; z-index:2; }
ul#navigation li:hover ul {display:block;}
ul#navigation li ul li {clear:both; height:23px; width:100%;}
ul#navigation li:hover ul li a,
ul#navigation li ul li a {background:#353535 none; padding:4px; width:192px; display:block; color: #fff; font-weight:normal;}
ul#navigation li ul li:hover a,
ul#navigation li ul li a:hover {background:#454545 none; color:#fff; font-weight: normal;}
ul#navigation li ul li a.submenu {background-image: url('../images/a_submenu_background.gif');}
ul#navigation li ul li a.submenu:hover,
ul#navigation li ul li:hover a.submenu {background-image: url('../images/a_submenu_background_hover.gif');}
/* navigation - niveau 3 */
ul#navigation li:hover ul li ul,
ul#navigation li ul li ul {position:absolute; top:0; left:200px; display:none; background:#090 none; z-index:3;}
ul#navigation lu ul li ul.width_220 {width: 220px;}
ul#navigation li ul li:hover ul {display:block;}
ul#navigation li ul li ul li {}
ul#navigation li ul li:hover ul.width_220 li a,
ul#navigation li ul li ul.width_220 li a {font-style:normal; width: 220px;}
ul#navigation li ul li:hover ul li a,
ul#navigation li ul li ul li a {font-style:normal;}
ul#navigation li ul li ul li:hover a,
ul#navigation li ul li ul li a:hover {background:#757575 none; color:#fff;}
ul#navigation li ul li:hover ul li a.submenu2 {background-image: url('../images/a_submenu2_background.gif');}
ul#navigation li ul li ul li:hover a.submenu2,
ul#navigation li ul li ul li a.submenu2:hover {background-image: url('../images/a_submenu2_background_hover.gif');}
/* navigation - niveau 4 */
ul#navigation li:hover ul li ul li ul,
ul#navigation li ul li ul li ul {position:absolute; top:0; left:200px; display:none; background:#090 none; z-index:3;}
ul#navigation lu ul li ul li ul.width_400 {width: 400px;}
ul#navigation li ul li ul li:hover ul {display:block;}
ul#navigation li ul li ul li ul li {}
ul#navigation li ul li ul li:hover ul li a,
ul#navigation li ul li ul li ul li a {font-style:normal;}
ul#navigation li ul li ul li:hover ul.width_400 li a,
ul#navigation li ul li ul li ul.width_400 li a {font-style:normal; width: 400px;}
ul#navigation li ul li ul li ul li:hover a,
ul#navigation li ul li ul li ul li a:hover {background:#4d4d4d none; color:#fff;}