/* webdev: Pim Rijpsma - pim@fabrique.nl */

/* homepage styles */

html{ height: 100%; background: url(/_img/homepage/background_white.gif) left 580px #ECE8C5 repeat-x; }
body{ background: url(/_img/homepage/background_home.jpg) no-repeat; margin: 0; padding: 0; height: 100%; font: 78%/1.3em "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #56595C; }

img, img a{ border: none; }
a{ text-decoration: none; color: #A19501; }
a:hover{ text-decoration: underline; color: #A19501; }
a.more{ background: url(/_img/homepage/arrow_leesmeer.gif) left 0.45em no-repeat; padding: 0 0 0 10px; margin: 0 0 0.5em 0; clear: both; display: block; }
p{ padding: 0; margin: 0.2em 0 1em 0; }

#specials a { text-decoration: none; }
#specials a:hover { cursor: pointer; }

h1, h2, h3, h4, h5{ font-family: Georgia; }
h1{ font-size: 150%; }
h2{ font-size: 130%; }
h3{ font-size: 110%; letter-spacing: 1px; font-weight: bold; text-transform: uppercase;  }
h4{ font-size: 110%; }
h5{ font-size: 110%; }

/* toolbox */
.center{ margin: auto auto; }
.centerdiv{ width: 960px; margin: auto auto; }
.centertxt{ text-align: center; }
.clear{ clear: both !important; display: block; width: 100%; }
.desc{ font-size: 92%; color: #A19501; font-style: normal; }
.bigger{ font-size: 120%; }
.date{ color: #A19501; }
.left{ float: left;}
.leftimg{ margin: 4px 26px 8px 0; float: left; }
.lefttxt { text-align: left; }
.padding{ padding: 10px 0 10px 10px; }
.cont_padding{ padding: 28px 0 20px 13px; }
.fpadding{ padding: 0 6px 6px 6px; }
.rbox{ margin: 0 0 12px 12px; }
.lbox{ margin: 0 12px 12px 0; }
.paddingtxt{ padding: 0 12px 0 0; }
.right{ float: right; }
.rightimg{ float: right; margin: 4px 0 8px 26px; }
.righttxt{ text-align: right; }
.block{ display: block; }
.wrap{ width: auto; }
.nowrap{ white-space: nowrap }
.hide{ display: none; }
.show {display:block !important;}
.auto{ width: auto; }
.third{ width: 30%;  }
.twothird{ width: 60%;  }
.stretch{ width: 100% !important; }
.half{ width: 46%; }
.noclear{ clear: none; display: inline; }
.nobgimg{ background-image: none !important; }
.nobg{ background: none !important; }


/* 800/600 styles */
html.small{ height: 100%; background: #ECE8C5; }
html.small #flashParent .alternateContent, html.small #flashParent{ margin: 0; padding: 0; height: 262px; width: 721px; float: left; }
html.small #framework{ background: url(/_img/homepage/background_home_logo.jpg) 0px -73px no-repeat; width: 760px; margin: auto auto; height: 100%;}
html.small #container{ background: #FFF; width: 721px; margin: 0 0 0 39px;  height: 100%; position: relative; } 
html.small #content{ background: url(/_img/homepage/background_content_small.gif) #FFF -200px 0px repeat-y; width: 721px; float: left; position: static;}
html.small #subnavigation{ background: #E2DDA5; /*background: url(/_img/homepage/background_subnav.jpg) #EBE8C5 top left repeat-x;*/ height: 100%; width: 225px; float: left; margin: 0; padding: 0;position: relative; left: -225px; cursor: pointer;  }
html.small #generic{ margin: 25px 0 0 11px; width: 220px; position: relative; padding-left: 220px; }
html.small #generic .language{ visibility: hidden; }
html.small #generic .reminder{ visibility: hidden; }
html.small #generic .contact{ visibility: hidden; }
html.small #viewport{ width: 25px; overflow: hidden; position: absolute; left: 0px;  border-right: #ECE8C5 2px none;}
html.small #nav a { color: #383D0E; margin: 0; padding: 0 6px 10px 0px; }
html.small #nav a:hover{ color: #000; margin: 0; padding: 0 6px 10px 0px; }
html.small #nav ul.lastul{ margin: 0 0 0 -55px; }
html.small .centerdiv{ width: 760px; margin: auto auto; }
html.small .cont_padding{ padding: 20px 0px 20px 13px; }
html.small #footer .sponsors{ padding: 15px 0 0 60px; }
html.small #opennav{ display: block; position: relative; top:73px; left: 235px; width:225px; }
/* over styles */
html.small #viewport.over #subnavigation{ cursor: default !important; }
html.small #viewport.over{ width: 225px; overflow: visible; position: absolute; left: 0px; z-index: 200;border-right: #ECE8C5 1px solid; }
html.small #viewport.over #subnavigation{ background: url(/_img/homepage/background_subnav.jpg) #EBE8C5 top left repeat-x; /*height: 100%;*/ width: 225px; float: left; margin: 0; padding: 0;position: relative; left: 0; cursor: pointer; }
html.small #viewport.over #generic{ margin: 25px 0 0 6px; position: relative; padding: 0; }
html.small #viewport.over #generic .language{ visibility: visible; }
html.small #viewport.over #generic .reminder{ visibility: visible; }
html.small #viewport.over #generic .contact{ visibility: visible; }
html.small #viewport.over #content{ background: url(/_img/homepage/background_content.gif) #FFF -200px 0px repeat-y; width: 721px; float: left;}
html.small #viewport.over #opennav{ display: none; }
html.small #viewport.over .subnav.sponsors{ position: relative; }
/* end 800/600 */

#navigation{ background: #C7BF5A; height: 37px; color: #383D0E; font: normal 115% Georgia; float: left; width:100%;}
ul#nav { padding: 0; margin: 0; float: left; position: relative; z-index: 200; }
#nav a { color: #383D0E; margin: 0; padding: 0 37px 10px 0px; }
#nav a:hover{ color: #000; margin: 0; padding: 0 37px 10px 0px; }
#nav li { float: left; width: auto; min-height: 1em; cursor: pointer; }
#nav li ul { width: 159px; top: 27px; padding: 10px; cursor: default; background: url(/_img/homepage/navigation/nav_shadow.png) top left #302C27 repeat-x; position: absolute; left: -999em; -moz-opacity: 0.95; opacity: 0.95; z-index: 200;  }
#nav li:hover ul, #nav li.active ul { left: auto; margin: 0 0 0 -10px; z-index: 200; }
#nav ul { padding: 0; margin: 0; list-style: none;}
#nav li, #nav li a{ color: #383D0E; text-decoration: none; display: block; }
#nav ul li, #nav ul li a{ margin: 0 !important; padding: 0 !important; font: normal 92% "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; display: block; clear: left; width: 100%; letter-spacing: normal !important;}
#nav ul li a{ color: #FFFFFF !important; margin: 0.3em 0 !important; padding: 0em 0.2em; width: 154px; text-decoration: none;}
#nav ul li a:hover{ border: none; color: #FFF !important; text-decoration: underline;}
#nav li.active a, #nav li:hover a, #nav a.active {color: #000; /*padding: 0 23px 10px 13px;*/ }
#nav li.active li a, #nav li:hover li a, #nav li a.active{ background: none; margin: 0; padding: 0; font-weight: normal; }
#nav li.active li a:hover, #nav li:hover li a:hover, #nav li a.active:hover{ background: none; margin: 0; padding: 0; font-weight: normal; text-decoration: underline;   }
#nav li.selected, #nav li.selected span, #nav li.selected a:hover{ color: #000; }

#framework{ background: url(/_img/homepage/background_home_logo.jpg) no-repeat; width: 960px; margin: auto auto; }
#header{ display: none; }
#container{ width: 921px; margin: 0 0 0 39px; } 

#flashParent{ margin: 0; height: 335px; }
#flashParent .alternateContent{ margin: 0; padding: 0; height: 335px; width: 921px; float: left; }
#flashParent #flashObject {width:100%;height:100%;}

#subnavigation{ height: 100%; width: 225px; float: left; margin: 0; padding: 0; }
ul.subnav{ list-style: none; margin: 0; padding: 0; float: left; }
ul.subnav li{ margin: 0; padding: 0; float: left; }
ul.subnav li img{ margin: 4px 0 0; padding: 0; float: left; }
ul.subnav.first { margin: 33px 0 0; padding: 0; float: left; }
ul.subnav.second { margin: 31px 0 0; padding: 0; float: left; }
ul.subnav.third { margin: 30px 0; padding: 0; float: left; }
ul.subnav.third li { margin: 10px 0; padding: 0; float: left; }
ul.subnav.sponsors { margin-top: 39px; padding: 0; float: left; width: 225px; }

#opennav{ display: none; }
#generic{ margin: 32px 0 0 0px; }
#generic div{ margin: 0 0 5px 0; float: left; width: 100%; display: block; }
#generic div img{ margin: 0; padding: 0; float: left;}
#searchform{ margin: 107px 0 20px 0px; }
#searchform form{ margin: 0; padding: 0; position: relative; }
#searchform #searchbox{ border: 1px solid #b9b042; color: #817A4F; font-size: 11px; padding: 2px 4px; width: 133px; height: 13px; top: 0; left: 0; margin: 0;}
#searchform .button{ background: url(/_img/homepage/subnavigation/btn_search_out.gif) no-repeat; border: none; width: 63px; height: 19px; cursor: pointer; margin: 0; padding; 0px; background-position: 0px 0px; position: absolute; left: 143px; top: 0px; }
#searchform .en { background-image: url(/_img/homepage/subnavigation/btn_search_en_out.gif);}
#searchform .nl { background-image: url(/_img/homepage/subnavigation/btn_search_nl_out.gif); }
#searchform .en:hover { background-image: url(/_img/homepage/subnavigation/btn_search_en_over.gif);}
#searchform .nl:hover { background-image: url(/_img/homepage/subnavigation/btn_search_nl_over.gif); }
#searchform #search-selector { width: 155px; margin-top: 5px; }

#content{  width: 921px; float: left; position: relative;}
#contentmain{  width: 696px; float: right; background: #FFF; }

.row{ display: block; width: 100%; margin: 0 0 28px 0; float: left; }
.row.banners{ margin: 0 0 10px 0;}
.row h3{ display: block; color: #595959; padding:0 20px 5px 0; margin: 0 0 11px 0; font-size: 140%; border-bottom: 1px solid #caccca; font-weight: normal;} 
.row h4{ color: #000; margin: 0 0 5px 0; padding: 0 0 0 0; font-size: 150%; font-weight: normal; line-height: 22px; }
.row h4 a{ color: #000; }
.row img { padding-bottom: 0.5em; }
.row .art_third{ width: 219px; float: left; overflow: hidden; position: relative; }
.row .artleft{ margin: 0 13px 0 0; }
.row .artright{ margin: 0 0 0 13px; }
.row .art_twothird{ width: 451px; float: left; overflow: hidden; }
.row .art_threethird{ width: 675px; float: left; overflow: hidden; }
.row .readspeaker { margin: 0px 0px 8px 0; padding: 0 0 8px 0; position: absolute; right: 2px; top: 2px; }

#specials{ height: 208px; width: 696px; position: relative; }
#specials .spec{ float: left; color: #FFF; }
#specials .spec_png{ height: 6em; position: absolute; bottom: 0px; z-index: 99; }
#specials .spec_text{ position: absolute; height: 75px; bottom: 0px; z-index: 100; background: url('/_img/homepage/background_special.png'); padding-top: 35px; }
#specials .spec_text h2{ margin: 6px 0 0 0; padding: 0; font-size: 145%; font-weight: normal; line-height: 21px; text-decoration: none; }
#specials .spec_text img{ margin-left: 6px; }
#specials .spec_text p{ margin: 0; padding: 0; height: auto; height: 1%; }
#specials .spec_text a{ color: #FFF; }
#specials .spec_third{ width: 232px; height: 208px; }
#specials .spec_twothird{ width: 464px; height: 208px; }
#specials .spec_threethird{ width: 696px; height: 208px; }
#specials .spec_third .spec_png, #specials .spec_third .spec_text{ width: 232px; }
#specials .spec_twothird .spec_png, #specials .spec_twothird .spec_text{ width: 464px; }
#specials .spec_threethird .spec_png, #specials .spec_threethird .spec_text{ width: 696px; }

#footer{ background: #f9f7ec; float: left; height: 90px; width: 100%; display: block; clear: both; }
#footer .centerdiv{ background: #f9f7ec; height: 90px; display: block; clear: both;}
#footer .sponsors{ padding: 15px 0 0 260px; }
#footer .disclaimer{ padding: 15px 0 0 0; color: #848168; }
#footer .disclaimer a{ color: #848168; }

.row .art_third img { width: 219px; height: 105px; }
.row.banners .art_third img { height: 167px; }


/*language*/
#chooseLanguage {width:207px; height:18px; padding:0 0 0 3px; overflow:hidden; clear:both;}
#chooseLanguage .english {display:block; margin:3px 10px 0 0; width:16px; height:11px; float:left; background:url("/_img/homepage/subnavigation/btn_choose_lang_flag.gif"); text-indent:-1000em;}
#chooseLanguage .english:hover {background:url("/_img/homepage/subnavigation/btn_choose_lang_flag_over.gif");}
#chooseLanguage .dutch {display:block; margin:3px 10px 0 0; width:16px; height:11px; float:left; background:url("/_img/homepage/subnavigation/btn_choose_dutch_flag.gif"); text-indent:-1000em;}
#chooseLanguage .dutch:hover {background:url("/_img/homepage/subnavigation/btn_choose_dutch_flag_hover.gif");}
#chooseLanguage .languageSpacer {display:block; margin:3px 10px 0 0; width:1px; height:13px; float:left; background:url("/_img/homepage/subnavigation/choose_lang_line.gif"); text-indent:-1000em;}
#chooseLanguage .otherLanguage {display:block; margin:0; width:110px; height:18px; float:left; background:url("/_img/homepage/subnavigation/btn_choose_lang.gif"); text-indent:-1000em;}
#chooseLanguage .otherLanguage:hover {background:url("/_img/homepage/subnavigation/btn_choose_lang_over.gif");}