html, body { height:101%; margin:0px; padding:0px; border:0px; }
html, td, body, div, p, ul, li, input, textarea, select, h1, h2, h3, h4
{ font-family:Trebuchet MS, Arial, Sans-Serif, Helvetica; font-weight:normal; font-style:normal; font-size:13px; color:#444; line-height:1.5em; }
img { border:none; }
table { border-collapse:collapse; border-spacing:0px; }
img.content { float:left; margin:5px 10px 10px 0px; padding:2px; border:1px solid #CEDFF2; }
h1 { color:#804A1E; font-size:180%; font-weight:bold; padding:0px; margin:0px 0px 10px 0px; }
h2 { color:#804A1E; font-size:150%; font-weight:bold; padding:0px; margin:0px 0px 5px 0px; }
h3 { color:#804A1E; font-size:130%; font-weight:bold; padding:0px; margin:0px 0px 5px 0px; }
h4 { color:#658FAC; font-size:100%; font-weight:bold; padding:0px; margin:0px 0px 0px 0px; }
/* only for list */
h5 { color:#658FAC; font-size:130%; font-weight:bold; padding:0px; margin:0px; }
h6 { color:#658FAC; font-size:110%; font-weight:bold; padding:0px; margin:10px 0px 0px 0px; }
/* only for main form */
.h1mainform { color:#FFF; font-size:180%; font-weight:bold; padding:0px; margin:0px 0px 10px 0px; }
.h2mainform { color:#FFF; font-size:150%; font-weight:bold; padding:0px; margin:0px 0px 5px 0px; }
p { margin:0px 0px 10px 0px; }
a, a:link, a:visited, a:active { text-decoration:none; font-weight:bold; color:#658FAC; }
a.addtext { text-decoration:none; font-weight:normal; color:#444; }
a:hover { text-decoration:underline; color:#804A1E; }
a.bullet, a.bullet:link, a.bullet:visited, a.bullet:active
{ background:url(../img/bullet.png) top left no-repeat; padding:0px 0px 2px 24px; text-decoration:none; font-weight:bold; color:#658FAC; }
a.bullet:hover { background:url(../img/bullet_ro.png) top left no-repeat; text-decoration:underline; color:#804A1E; cursor:pointer; }
a.close, a.close:link, a.close:visited, a.close:active
{ background:url(../img/bullet_close.png) top left no-repeat; padding:0px 0px 2px 24px; text-decoration:none; font-weight:bold; color:#658FAC; }
a.close:hover { background:url(../img/bullet_close_ro.png) top left no-repeat; text-decoration:underline; color:#804A1E; cursor:pointer; }
/* main page layout -------------------------------------*/
#meta { min-height: 100%; margin:0 auto; width:960px; background:url(../img/meta_bg.gif) no-repeat top left; }
#main { margin:0 auto; width:900px; }
#content { width:900px; margin-bottom:20px; }
#headerhome { position:relative; width:900px; height:110px; } /* position:relative is needed to get the toptabs positioned absolute within */
#headerhome_img { margin:30px 0px 0px 0px; }
/*#header { width:900px; height:100px; background:url(../img/header_samoon.gif) no-repeat top center; }*/
#footer { margin:0 auto; width:860px; height:310px; padding:20px 50px 20px 50px; background:url(../img/footer_bg.gif) no-repeat top center; color:#fff; }
.footer_section, .footer_section p { float:left; width:410px; margin-right:20px; color:#fff; font-size:12px; }
#left { float:left; width:200px; }
#center { float:left; width:460px; margin:10px 20px 0px 20px; padding:10px 0px 10px 0px; border-top:1px dashed #B2C7D5; }
#right { float:left; width:200px; }
.contentsection { padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #B2C7D5; }
/* top tabs ---------------------------------------------*/
#metatabs { position:absolute; top:0px; right:10px; width:300px; }
.metatab { float:right; width:110px; height:22px; padding-top:3px; text-align:center; background-image:url('../img/bg_metatabs.gif'); color:#fff; font-weight:bold; border-right:1px solid #fff; cursor:pointer; }
.metatab:hover { color:#804A1E; }
/* contact, disclaimer, etc. ----------------------------*/
#contact_container { margin:0 auto; width:900px; background:url('../img/contact_bg.gif') bottom center no-repeat; }
#contact { display:none; width:870px; height:350px; padding:15px 15px 0px 15px; }
#contactform { padding:0px 20px 0px 20px; }
#feedback { display:none; padding:15px 15px 10px 15px; margin:0px 0px 0px 0px; }
#disclaimer { display:none; width:870px; height:350px; padding:15px 15px 0px 15px; }
#disclaimer_content { height:265px; overflow:auto; }
#disclaimer_list { display:none; padding:15px; margin:10px 0px 10px 0px; border:1px solid #B2C7D5; }
/* main menu ---------------------------------------------*/
#menu { width:180px; padding:15px 10px 10px 10px; background:url(../img/menu_bg_top.gif) no-repeat top center; }
#menufooter { width:200px; height:10px; background-image:url(../img/menu_bg_footer.gif); }
.menuitem { padding:2px 0px 2px 10px; margin-bottom:5px; }
.menuitem:hover { }
.menuitem_active { padding:2px 0px 2px 10px; margin-bottom:5px; color:#804A1E; }
.menuitem_active a { color:#804A1E; }
/* personal panel ----------------------------------------*/
#personalpanel { width:180px; margin-top:10px; padding:10px 10px 5px 10px; background:url(../img/personalpanel_bg_top.gif) no-repeat top center; color:#fff; }
#personalpanelfooter { width:200px; height:10px; background:url(../img/personalpanel_bg_footer.gif) no-repeat bottom center; }
#personalpanel a { color:#fff; }
#personalpanel a:hover { color:#804A1E; }
/* home specific -----------------------------------------*/
#home_formcontainer { float:left; width:690px; margin-left:10px; }
#home_form { width:660px; padding:10px 15px 0px 15px; background:url(../img/home_form_bg.gif) no-repeat top center; }
#home_formfooter { width:690px; height:10px; background:url(../img/home_form_bg_footer.gif) no-repeat top center; }
#home_ads { margin:20px 10px 0px 10px; padding:5px 10px 5px 10px; text-align:center; border:1px solid #CEDFF2; }
#home_bottom { margin:20px 0px 20px 0px; padding:0px 10px 0px 10px; }
.home_section { float:left; width:280px; margin-right:20px; }
/* lijst -------------------------------------------------*/
#lijst_container { border:1px solid #EEE8E0; border-top:none; padding:5px; margin-bottom:10px; }
.tabs_generic { border-bottom:1px solid #804A1E; margin-bottom:20px; }
.tabs_generic_tab { float:left; width:85px; height:21px; padding-top:4px; margin-right:1px; background-image:url(../img/tab_lijst.gif); text-align:center; }
.tabs_generic_tab_active { float:left; width:85px; height:21px; padding-top:4px; margin-right:1px; background-image:url(../img/tab_lijst_active.gif); text-align:center; color:#fff; font-weight:bold; }
.tabs_lijst { border-bottom:1px solid #804A1E; }
.tabs_lijst_tab { float:left; width:85px; height:21px; padding-top:4px; margin-right:1px; background-image:url(../img/tab_lijst.gif); text-align:center; }
.tabs_lijst_tab_active { float:left; width:85px; height:21px; padding-top:4px; margin-right:1px; background-image:url(../img/tab_lijst_active.gif); text-align:center; color:#fff; font-weight:bold; }
.tabs_persoon { border-bottom:1px solid #EEE8E0; }
.tabs_persoon_tab { float:left; padding:2px 6px 2px 6px; border-top:2px solid #fff; margin-right:1px; text-align:center; background-color:#F4F0EB; }
.tabs_persoon_tab:hover { padding:0px 6px 4px 6px; border-top:2px solid #EEE8E0; background-color:#EEE8E0; font-weight:bold; }
.tabs_persoon_tab_active { float:left; padding:0px 8px 4px 8px; border-top:2px solid #EEE8E0; margin-right:1px; text-align:center; color:#804A1E; background-color:#EEE8E0; font-weight:bold; }
#options_lijst { text-align:right; margin-bottom:10px; }
#ownitems { display:none; background-color:#F7F9FB; padding:10px; margin-bottom:10px; }
#ownitems_added { display:none; border:1px solid #EEE8E0; padding:10px; margin-top:10px; }
.itemgroup { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #B2C7D5; }
.item { padding:0px 2px 0px 2px; }
.item:hover { background-color:#F4F0EB; }
.itemlabel { float:left; width:80%; }
.itemoptions { padding:0px; margin:0px; float:right; }
.del { bottom:0; width:10px; height:12px; margin:4px 2px 0px 0px; padding:0px; background:url(../img/bt_del.png) no-repeat top left; }
.del:hover { cursor:pointer; background-image:url(../img/bt_del_ro.png); }
/* forms --------------------------------------------*/
.pulldown { display:block; }
.text { display:block; }
.textarea { display:block; }
.text:hover, .textarea:hover, .text:focus, .textarea:focus, .pulldown:hover, .pulldown:focus
{ border:2px solid #658FAC; }
.submit { width:60px; height:26px; background-image:url(../img/bt_ok.png) }
.submit:hover { cursor:pointer; background-image:url(../img/bt_ok_ro.png); }
.fieldcontainer { display:block; margin-bottom:10px; }
/* feedback e.d. ------------------------------------*/
.feedback { border:1px solid #B2C7D5; margin-bottom:10px; padding:10px; }
.alert { color:red; border:1px solid red; margin-bottom:10px; padding:10px; background-color:#fff; }
.toelichting { border:1px solid #CEDFF2; margin:10px 0px 10px 0px; padding:10px; }
.toelichtingitem { margin-bottom:5px; color:#658FAC; padding-left:20px; background:url(../img/info.png) no-repeat top left; }
/* ad hoc stuff -------------------------------------*/
#topbanner { margin:10px 10px 10px 10px; padding:5px; border:1px solid #B2C7D5; }
#bannerlist { margin:10px 10px 10px 10px; }
#bannerlist .banner { border:1px dotted #E0E9EE; padding:5px 10px 5px 10px; margin-bottom:10px; }
#bannerlist .bannerimg { margin:15px 0px 15px 11px; }
#bannerlist img { margin-bottom:5px; }
#bannerlist p { margin-bottom:5px; }
.options { margin:10px 0px 10px 0px; text-align:right; }
.clearfloat { clear:both; }
.remarks { font-size:80%; }
#bever { display:none; margin:0px; padding:5px; }
.beveritem { float:left; width:115px; margin:0px 5px 5px 0px; }
.beveritem, .beveritem a { font-size:80%; }
#bever h1 { color:#804A1E; font-size:14px; font-weight:bold; padding:0px; margin:0px 0px 5px 0px; }
#bever h2 { color:#804A1E; font-size:10px; font-weight:bold; padding:0px; margin:0px; }