/* webdev: Pim Rijpsma - pim@fabrique.nl */
body { margin: 0; padding: 0; color: #003082; font: 68%/1.5em Arial, Helvetica, sans-serif; text-align: center }
table td { font-size: 100% !important }

/*#sub #columnleft, #sub #columnright, #subsub #columnleft, #subsub #columnright{ font-size: 100% !important; }*/
body#home { background: url(../images/background_main_home_dl.gif) #FFFFFF repeat-x }
body#sub { background: url(../images/background_main_sub.gif) #F1F2F5 repeat-x }
body#subsub { background: url(../images/background_main_sub.gif) #FFFFFF repeat-x }
img, img a { border: none }
h1, h1 a, h2, h3, h3 a, h4, h4 a, h5, h5 a { font-family: Arial, Helvetica, sans-serif; color: #003082; line-height: 110% }
h1 { font-size: 165%; padding: 10px 0 30px 0; margin: 0; left: 20px; position: relative; top: 15px; height: auto }
h2 { font-size: 130%; color: #B78700; margin: 6px 0 6px 0 }
h3 { font-size: 120%; margin: 0 0 4px 0 }
#columnright h3 { font-size: 120%; margin: 6px 0 0 0 }
h4 { font-size: 115%; margin: 10px 0 0 0 }
h5 { font-size: 110%; margin: 0 }
p { margin: 0 0 1.2em 0 }
a { text-decoration: none; color: #003082 }
a:hover { text-decoration: underline }
a.okertop { width: 100%; margin: 0.5em 0; color: #B78700; background: url(../images/icon_arrowt_oker.gif) center left no-repeat; padding: 0 0 0 14px; clear: both; display: block }
a.okerright { width: 70px; margin: 0.5em 0; color: #B78700; background: url(../images/icon_arrow_oker.gif) center right no-repeat; padding: 0 14px 0 0; clear: both; display: block }
a.okerleft { width: 100%; margin: 0.5em 0; color: #B78700; background: url(../images/icon_arrow_oker.gif) center left no-repeat; padding: 0 0 0 14px; clear: both; display: block }
a.whiteright { color: #B78700; background: url(../images/icon_arrow_white.gif) center right no-repeat; padding: 0 }
a.arrow { background: url(../images/icon_arrow_blue.gif) center left no-repeat !important; padding: 0 0 0 14px }
.whitetxt a.arrow { background: url(../images/icon_arrow_white.gif) center left no-repeat !important; padding: 0 0 0 14px }
.quote { background: #003082; margin: 10px 0; color: #FFFFFF; position: relative; float: left }
.quote h5 { color: #FFFFFF; padding: 0 14px 2px 0; margin: 0; background: url(../images/icon_arrow_white.gif) center right no-repeat !important; clear: both; display: block }
.quote h5 a { color: #FFFFFF }
.quote img { float: right }
.quote div { float: left; width: 172px; position: relative; padding: 6px 10px 6px 10px; vertical-align: middle }
.spacer { margin: 0 14px 2px 0; position: relative; top: 6px }
.spacer img { margin: 0 2px -7px 0; position: relative; height: auto }
.topspace { padding-top: 10px }
.center { margin: auto auto }
.centertxt { text-align: center }
.clear { clear: both; display: block }
.desc { font-size: 90% }
.left { float: left }
.leftimg { float: left; margin: 4px 8px 4px 0 }
.min { margin-left: -20px }
.lefttxt { text-align: left }
.padding { padding: 10px }
.padtop { padding: 10px 0 0 0 }
.padleft { padding: 0 0 0 10px }
.padright { padding: 0 10px 0 0 }
.padbottom { padding: 0 0 10px 0 }
.right { float: right }
.rightimg { float: right; margin: 4px 0 4px 8px }
.righttxt { text-align: right }
.wrap { width: auto; /*word-wrap: break-word;*/ }
.hide, #logo h1 { display: none }
.container { width: 770px; margin: auto auto; text-align: left; position: relative }
.oker { color: #B78700 !important }
.noback { background: none !important }
.vgrid { margin: 0px 5px 0px 5px; overflow: hidden; /*border-bottom: #E0E2E6 1px solid;*/ width: 170px; display: block; float: left }
.vline { margin: 0px 5px 10px 5px; border-bottom: #E0E2E6 1px solid; width: 170px; display: block; float: left; height: 1px }
.content { padding: 0 0 40px 0 }
.bluebg { background: #003082 }
.lbluebg { background: #184CA8 }
.whitetxt a, .whitetxt, .whitetxt * { color: #FFF }
.bluetxt a, .bluetxt, .bluetxt * { color: #003082 }
.full { width: 100% !important }
.whiteline { border-bottom: 1px white solid }
.intro { height: auto; padding: 4px 0 14px 10px; float: left; display: block }
.intro.first { width: 180px; margin: 0 10px 0 0 }
.intro.second { margin: 0 10px 0 0 }
.intro.second, .intro.third { width: 270px }
#home .padding { padding: 10px }
#home .intro.padding { padding: 3px 10px 0 10px }
.headersrc { margin: 0 0 0.8em 0; padding: 0.8em 0 0 0 }
.banner { position: relative }
.banner a.arrow { font-weight: bold; color: #FFF; position: absolute; bottom: 6px; left: 10px }
.banner ul.arrow { position: absolute; bottom: 6px; left: 10px; color: #FFF !important }
.banner ul.arrow li { color: #FFF !important }
.pager { color: #003082; padding: 1em 0; margin: 2em 0 0 0; clear: both; display: block; width: 100% }
.pager a { color: #003082 !important; font-weight: bold; text-decoration: none !important; margin: 0 4px 0 0 }
.pager a:hover { color: #003082; font-weight: bold; text-decoration: underline !important }
.pager .selected { color: #B78700; font-weight: bold; margin: 0 2px 0 0 }
.pager .prev { font-weight: bold !important; background: url(../images/icon_arrowl_blue.gif) center left no-repeat; padding: 0 0 0 14px }
.pager .next { font-weight: bold !important; background: url(../images/icon_arrow_blue.gif) center right no-repeat; padding: 0 16px 0 0 }
.pager .space { margin: 0 20px 0 0 }
hr { border: none; float: left; margin: 0 0; width: 99%; clear: both; display: block; background: #E0E2E6; color: #E0E2E6; line-height: 1px; height: 1px }

/* data table */
table.data { width: 100%; background: #F8F9FA; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; table-layout: fixed; float: left }
.data td { border-bottom: none; border-right: #FFFFFF 2px solid; width: auto; white-space: normal; empty-cells: show; text-align: left; vertical-align: top }
.data tbody td { padding: 3px 20px; text-align: left; vertical-align: top; font-size: 92% }
.data thead td { border-right: #FFFFFF 2px solid; padding: 3px 20px; white-space: pre; background: #E6E8EC; color: #003082; font-weight: bold; text-align: left; vertical-align: top }
.data tbody tr.even td { background: #F1F2F5 }
.data tbody tr.ruled td { color: #B78700 !important }
.data caption { color: #B78700 !important }
.data td p { margin: 0 !important; padding: 0 !important }

/* default form */
form { margin: 0; padding: 0; width: 96% }
form p { margin: 8px 0 !important }
.button { background: #003082; color: #FFFFFF; font-weight: bold; cursor: pointer; width: auto !important; padding: 1px }
.buttonhover { background: #16489F; color: #FFFFFF; font-weight: bold; cursor: pointer; width: auto !important; padding: 1px }
label { font-weight: normal; padding: 0 2em 0 0; text-align: left; clear: right; /*display: block; clear: both;*/ cursor: pointer; color: #003082 }
fieldset { background: transparent; border: none; margin: 10px 0 0 0; padding: 0 }
caption { font-style: italic; text-align: right }
caption h3 { margin: 0 0 20px 0 !important }
form h3 { margin: 20px 0 0 0 }
input, textarea, select { border: #CED3D6 1px solid; color: #4C4C51; width: 100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 2px 0 0 0; font-size: 100%; vertical-align: middle; height: auto; padding: 2px 0 3px 4px }
.droplist { color: #FFFFFF; width: 170px; background: #3866B5 }
.zoekform input { width: 220px }
.blue li { display: block; color: #003082; padding: 0.2em 0 0.2em 1.5em; list-style: none; background: url(../images/icon_arrow_blue.gif) 0em 0.5em no-repeat }
.blue li a { display: block; color: #003082; width: 100%; line-height: normal }
.oker li { display: block; color: #B78700; padding: 0.2em 0 0.2em 1.5em; list-style: none; background: url(../images/icon_arrow_oker.gif) 0em 0.5em no-repeat }
.oker li a { display: block; color: #B78700; width: 100%; line-height: normal }
li.oker { display: block; color: #B78700; padding: 0.2em 0 0.2em 1.5em; list-style: none; background: url(../images/icon_arrow_oker.gif) 0em 0.5em no-repeat !important }
li.oker a { display: block; color: #B78700; width: 100%; line-height: normal }
ul { padding: 0; margin: 0 0 0.5em 0; list-style: none; width: auto; position: relative }
ul ul, ul ul ul, ul ul ul ul, ul ul ul ul ul { margin: 0 !important }
li a { display: block; color: #003082; width: 100%; line-height: normal }
li.decimal { color: #003082; vertical-align: top; padding: 0.2em 0 0.2em 0em; margin: 0 0 0 1.8em; list-style: decimal !important }
li.square { display: block; color: #003082; padding: 0.2em 0 0.2em 1.5em; list-style: none; background: url(../images/icon_square_blue.gif) 0.2em 0.9em no-repeat }
li.arrow { display: block; color: #003082; padding: 0.2em 0 0.2em 1.5em; list-style: none; background: url(../images/icon_arrow_blue.gif) 0em 0.7em no-repeat }
.whitetxt li.arrow { display: block; color: #003082; padding: 0.2em 0 0.2em 1.5em; list-style: none; background: url(../images/icon_arrow_white.gif) 0em 0.7em no-repeat !important }
ul.decimal li { color: #003082; vertical-align: top; padding: 0.2em 0 0.2em 0em; margin: 0 0 0 1.8em; list-style: decimal !important }
ul.square li { display: block; color: #003082; padding: 0.2em 0 0.2em 1.5em; list-style: none; background: url(../images/icon_square_blue.gif) 0.2em 0.7em no-repeat }
ul.arrow li { display: block; color: #003082; padding: 0.2em 0 0.2em 1.5em; list-style: none; background: url(../images/icon_arrow_blue.gif) 0em 0.5em no-repeat }
.whitetxt ul.arrow li { display: block; color: #003082; padding: 0.2em 0 0.2em 1.5em; list-style: none; background: url(../images/icon_arrow_white.gif) 0em 0.5em no-repeat !important }

/* extra styles pri windesheim 2.0 */
body#home #subheader { padding: 0 }
body#sub #subheader, body#subsub #subheader { padding: 0 0 0 180px }
#breadcrumb { padding: 0 0 0 20px; position: relative; top: 5px; height: auto; display: block; clear: both }
#breadcrumb a { margin: 0 0.5em 0 0; white-space: nowrap }

/* end */

/*#search form{	width: 260px; background: #003082; position: absolute; right: 0px; padding: 1px 6px 6px 10px;	}
	#search input{	width: 230px;}
	#search .button{width:20px; height: 20px; border: none; background: url(../images/icon_arrow_white.gif) #3866B5 6px 7px no-repeat; }
	#search .buttonhover{width:20px; height: 20px; border: none; background: url(../images/icon_arrow_white.gif) #B78700 6px 7px no-repeat; }
	*/

/*#search form{	width: 272px; background: #003082; position: absolute; right: 0px; padding: 1px 6px 6px 10px;	}
	#search input{	width: 200px;}
	#search .button, #search .buttonhover{width:60px; font-size: 92%; margin: 1px 0 0 2px; height: 20px; border: 1px #CED3D6 solid; }*/
#search form { width: 272px; background: #003082; position: absolute; right: 0px; padding: 1px 6px 6px 10px }
#search input { width: 200px }
#search .buttonhover { width: 60px; font-size: 92%; background: #3866B5; margin: 1px 0 0 2px; height: 20px; border: 1px #3866B5 solid }
#search .button { width: 60px; font-size: 92%; background: #16489F; margin: 1px 0 0 2px; height: 20px; border: 1px #16489F solid }
#mirror { display: block; width: 575px; margin: 0 0 10px 0; position: relative; height: 35px }
#mirror ul { list-style: none; display: block; margin: 0; padding: 0 }
#mirror li { background: #B78700; width: 170px; list-style: none; display: block; color: #FFFFFF; float: left; padding: 10px; border-left: #DAB859 1px solid }
#mirror li a { color: #FFFFFF; font-weight: bold }

/* top navigation */

/* #SUB TOEGEVOEGD VOOR MENU'S OP PAGINA'S MET BODY ID 'SUBSUB' */

#navigation { width: 770px; float: right; position: relative; height: 35px !important; z-index: 101 }
ul#nav { padding: 0; margin: 0; float: left; position: relative; z-index: 200 }
#nav li { float: left; width: 100%; min-height: 1em }
#nav li ul { width: 288px; top: 35px; background: #FFF; position: absolute; left: -999em; z-index: 200 }
#nav li.small ul { width: 188px; top: 35px; background: #FFF; position: absolute; left: -999em; z-index: 200 }
#nav li:hover ul, #nav li.active ul { left: auto; z-index: 200; position: absolute }
#nav ul { padding: 5px 0; margin: 0; list-style: none; border-left: #E0E2E6 1px solid; border-right: #E0E2E6 1px solid; border-bottom: #E0E2E6 1px solid }
#nav ul li a { margin: 0 !important; padding: 0.2em 10px 0.2em 24px !important; color: #C69200; background: url(../images/icon_arrow_oker.gif) 0.9em 0.5em no-repeat; display: block; clear: left; width: 100% }
#nav .overwindesheim strong, #nav .onderwijs strong, #nav .onderzoek strong, #nav .about strong, #nav .programmes strong, #nav .campuslife strong { display: none }
#home #nav a.overwindesheim { width: 190px; height: 35px; background: url(../images/nav_about_h_out.gif) no-repeat }
#home #nav a.about, #subsub #nav a.about { width: 190px; height: 35px; background: url(../images/nav_about_out.gif) no-repeat }
#home #nav a.onderwijs { width: 290px; height: 35px; background: url(../images/nav_onderwijs_h_out_hc.gif) no-repeat }
#home #nav a.programmes, #subsub #nav a.programmes { width: 290px; height: 35px; background: url(../images/nav_programmes_out.gif) no-repeat }
#home #nav a.onderzoek { width: 290px; height: 35px; background: url(../images/nav_samenwerken_h_out.gif) no-repeat }
#home #nav a.campuslife, #subsub #nav a.campuslife { width: 290px; height: 35px; background: url(../images/nav_campuslife_out.gif) no-repeat }
#home #nav a.overwindesheim:hover, #home #nav li.active a.overwindesheim, #home #nav li.selected a.overwindesheim:hover { width: 190px; height: 35px; background: url(../images/nav_overw_h_over.gif) no-repeat !important }
#home #nav a.about:hover, #home #nav li.active a.about, #home #nav li.selected a.about:hover, #subsub #nav a.about:hover, #subsub #nav li.active a.about, #subsub #nav li.selected a.about:hover { width: 190px; height: 35px; background: url(../images/nav_about_over.gif) no-repeat !important }
#home #nav a.onderwijs:hover, #home #nav li.active a.onderwijs, #home #nav li.selected a.onderwijs:hover { width: 290px; height: 35px; background: url(../images/nav_onderwijs_h_over.gif) no-repeat !important }
#home #nav a.programmes:hover, #home #nav li.active a.programmes, #home #nav li.selected a.programmes:hover, #subsub #nav a.programmes:hover, #subsub #nav li.active a.programmes, #subsub #nav li.selected a.programmes:hover { width: 290px; height: 35px; background: url(../images/nav_programmes_over.gif) no-repeat !important }
#home #nav a.onderzoek:hover, #home #nav li.active a.onderzoek, #home #nav li.selected a.onderzoek:hover { width: 290px; height: 35px; background: url(../images/nav_samenwerken_h_over.gif) no-repeat !important }
#home #nav a.campuslife:hover, #home #nav li.active a.campuslife, #home #nav li.selected a.campuslife:hover, #subsub #nav a.campuslife:hover, #subsub #nav li.active a.campuslife, #subsub #nav li.selected a.campuslife:hover { width: 290px; height: 35px; background: url(../images/nav_campuslife_over.gif) no-repeat !important }
#home #nav li.selected a.overwindesheim { width: 190px; height: 35px; background: url(../images/nav_overw_h_sel.gif) no-repeat }
#home #nav li.selected a.about, #subsub #nav li.selected a.about { width: 190px; height: 35px; background: url(../images/nav_about_sel.gif) no-repeat }
#home #nav li.selected a.onderwijs { width: 290px; height: 35px; background: url(../images/nav_onderwijs_h_sel.gif) no-repeat }
#home #nav li.selected a.programmes, #subsub #nav li.selected a.programmes { width: 290px; height: 35px; background: url(../images/nav_programmes_sel.gif) no-repeat }
#home #nav li.selected a.onderzoek { width: 290px; height: 35px; background: url(../images/nav_samenwerken_h_sel.gif) no-repeat }
#home #nav li.selected a.campuslife, #subsub #nav li.selected a.campuslife { width: 290px; height: 35px; background: url(../images/nav_campuslife_sel.gif) no-repeat }
#nav a.overwindesheim { width: 190px; height: 35px; background: url(../images/nav_overw_out.gif) no-repeat }
#nav a.onderwijs { width: 290px; height: 35px; background: url(../images/nav_onderwijs_out.gif) no-repeat }
#nav a.onderzoek { width: 290px; height: 35px; background: url(../images/nav_samenwerken_out.gif) no-repeat }
#nav a.overwindesheim:hover, #nav li.active a.overwindesheim, #nav li.selected a.overwindesheim:hover { width: 190px; height: 35px; background: url(../images/nav_overw_over.gif) no-repeat !important }
#nav a.onderwijs:hover, #nav li.active a.onderwijs, #nav li.selected a.onderwijs:hover { width: 290px; height: 35px; background: url(../images/nav_onderwijs_over.gif) no-repeat !important }
#nav a.onderzoek:hover, #nav li.active a.onderzoek, #nav li.selected a.onderzoek:hover { width: 290px; height: 35px; background: url(../images/nav_samenwerken_over.gif) no-repeat !important }
#nav li.selected a.overwindesheim { width: 190px; height: 35px; background: url(../images/nav_overw_sel.gif) no-repeat }
#nav li.selected a.onderwijs { width: 290px; height: 35px; background: url(../images/nav_onderwijs_sel.gif) no-repeat }
#nav li.selected a.onderzoek { width: 290px; height: 35px; background: url(../images/nav_samenwerken_sel.gif) no-repeat }

/* subnavigation */
#sub #subnavigation, #subsub #subnavigation { position: relative; float: left; width: 190px; margin-top: 16px }
#subnavigation ul { padding: 0.5em 10px 0.5em 10px; margin: 0; list-style: none; width: auto; position: relative }
#subnavigation ul ul, #subnavigation ul ul ul { margin: 0; padding: 0 }
#subnavigation li { display: block; padding: 0.2em 0 0.2em 1.5em; list-style: none; background: url(../images/icon_arrow_blue.gif) 0em 0.6em no-repeat }
#subnavigation li li { display: block; padding: 0.2em 0 0.2em 1.5em; list-style: none; background: url(../images/dot_bullet.gif) 0em 0.75em no-repeat }
#subnavigation li li li { display: block; padding: 0.2em 0 0.2em 1.5em; list-style: none; background: url(../images/dot_bulletopen.gif) 0em 0.75em no-repeat }
#subnavigation li li li li { display: block; padding: 0.2em 0 0.2em 1.5em; list-style: none; background: none }
#subnavigation li a { display: block; color: #003082; width: 100%; line-height: normal }

/*#subnavigation li.selected{ font-size: 140%; display: block; padding: 0.3em 0 1em 1em; list-style: none; background: url(../images/icon_arrowd_oker.gif) 0em 0.5em no-repeat;	}
	#subnavigation li.selected a{ display: block; color: #B78700; width: 100%; line-height: normal; font-weight: bold; }*/
#subnavigation li.selected { background: url(../images/icon_arrow_blue_down.gif) 0em 0.55em no-repeat }
#subnavigation li.nosub { background: url(../images/icon_arrow_blue.gif) 0em 0.55em no-repeat; text-decoration: underline }
#subnavigation li.nosub a { text-decoration: underline }
#subnavigation li li.selected { background: url(../images/dot_bullet.gif) 0em 0.7em no-repeat }
#subnavigation li li li.selected { background: url(../images/dot_bulletopen.gif) 0em 0.7em no-repeat }
#subnavigation li li li li.selected a, #subnavigation li li li li.selected { background: none }
#subnavigation li.back.oker { color: #B78700 !important; display: block; padding: 0.2em 0 0.2em 1.5em; list-style: none; background: url(../images/icon_arrowl_oker.gif) 0em 0.6em no-repeat !important }
#subnavigation li.back.oker a { color: #B78700 !important }
#subnavigation li.back { display: block; padding: 0.2em 0 0.2em 1.5em; list-style: none; background: url(../images/icon_arrowl_blue.gif) 0em 0.6em no-repeat }
#subnavigation li.back a { display: block; width: 100%; line-height: normal }
#columnleft, #columnright { padding-bottom: 40px }
.grey { background: #F1F2F5 !important }
.white { background: #FFFFFF !important }
#home #columnstart { float: left; width: 190px; position: relative; margin: 0 4px 0 0; padding: 0 }
#home #columnleft { float: left; width: 281px; position: relative; margin: 0 4px 0 0; padding: 0 }
#home #columnright { float: left; width: 281px; position: relative; margin: 0; padding: 0 }
#sub #columnleft { float: left; width: 266px; position: relative; margin: 0; padding: 0 }
#sub #columnright { float: left; width: 266px; position: relative; margin: 0; padding: 0 }
#subsub #columnleft { font-size: 110%; float: left; width: 360px; position: relative; margin: 0; padding: 0 }
#subsub #columnright { float: right; width: 190px; top: 10px; position: relative; margin: 0; padding: 0 }
#sub #columnright ul.oker, #subsub #columnright ul.oker, #sub #columnright ul.blue, #subsub #columnright ul.blue { padding: 0.5em 0 1em 0; margin: 0; list-style: none; width: auto; position: relative }
#sub #columnright ul.oker li, #subsub #columnright ul.oker li { display: block; color: #003082; padding: 0.2em 0 0.2em 1.5em; list-style: none; background: url(../images/icon_arrow_oker.gif) 0em 0.5em no-repeat }
#sub #columnright ul.oker li a, #subsub #columnright ul.oker li a { display: block; color: #B78700; width: 100%; line-height: normal }
#framework { width: 770px; margin: auto auto; text-align: left; position: relative }
body#home #header { height: 98px; background: url(../images/payoff_home.gif) 8px 73px no-repeat; z-index: 100; position: relative }
body#home.honourscollege #header { background: url(../images/payoff_home_hc.gif) 8px 73px no-repeat }
body#sub #header { height: 65px; background: #F1F2F5; z-index: 100; position: relative }
body#subsub #header { height: 65px; background: #F1F2F5; z-index: 100; position: relative }
#logo img { float: left; margin: 10px 0 0 10px }
#infobar { float: right; width: 35%; margin: 30px 0 0 0; color: #003082; text-align: right }
#infobar a { margin: 0 0.4em 0 0; color: #003082; font-weight: bold; padding: 8px }
#flash { background: url(../images/home_flash_1.jpg) no-repeat; width: 380px !important; height: 260px; position: absolute; left: 0px; z-index: 98 }
#droplist { width: 190px; background: #16489F; color: #FFFFFF; height: 130px; z-index: 99; position: relative; overflow: hidden }
#footer { background: #E0E2E6; color: #003082; padding: 10px 0 10px 0; height: 20px; clear: both }
#footer a { color: #003082; font-weight: bold }
#home #footer span { left: 20px; position: relative }
#sub #footer span, #subsub #footer span { position: relative; left: 200px }
#visual { width: 580px; position: relative; top: 0px; float: left; background: #003082; color: #FFFFFF; font-weight: bold; font-size: 120% }
#visual img { width: auto; float: right; padding: 0; margin: 0 }
#visual p { text-indent: 40px; width: 260px; margin-bottom: 0em; padding: 1em 1em 0em 1em; float: left }
#home .listing { width: 350px; float: left; margin: 10px 0 0 0; padding: 0 22px 0 0; position: relative; color: #003082 }
#sub .listing, #subsub .listing { width: auto; float: left; margin: 10px 0 0 0; padding: 0; position: relative; color: #003082 }
p.listing { width: 350px; float: left; padding: 2px 22px 10px 0 }
#sitemap li { list-style: none; background: url(../images/icon_square_blue.gif) 0px 8px no-repeat; padding: 1px 0 1px 8px }
#sitemap ul { list-style: none; margin: 0.4em 0 0 -1.4em; background: url(../images/line_dotted.gif) 9px 0px repeat-y; padding: 0 0 0 4em }
#sitemap li strong a { color: #B78700 !important; font-size: 120% }
#sitemap, #sitemap a { font-size: 100%; text-decoration: none }
#sitemap a:hover { text-decoration: underline }

/* finder: Wouter van der Graaf - wouterg@fabrique.nl */

/* finder heading */
.finder-heading { margin: 0; border-bottom: solid 1px #DDBD66; padding: 16px; width: 538px; background: #003082 no-repeat; color: #FFF }
.finder-heading-ui { position: relative; z-index: 2; padding: 0 16px; height: 47px }
.finder-heading-ui .visual { position: absolute; top: 0; left: 0; padding-top: 160px; width: 570px; background-color: #003082; cursor: pointer }
.finder-heading-ui .visual a { display: block; padding: 16px 16px 17px 32px; background: #003082 url(../images/icon_arrow_up_white.gif) 16px 20px no-repeat; color: #FFF }
.finder-heading-collapsed .visual { padding: 0 }
.finder-heading-collapsed .visual a { padding-bottom: 16px; background-image: url(../images/icon_arrow_down_white.gif) }

/* finder container */
div.finder-container { position: relative; z-index: 1; margin-bottom: 2em; padding: 0 8px; width: 554px; background: #E0E2E6 }

/* finder */
div.finder { position: relative }
div.finder-ui { width: 554px; height: 160px; overflow: hidden }
div.finder ul { margin: 0 0 0 16px; margin-left: 16px !important; list-style: disc }
div.finder-ui div.lists { position: relative }
div.finder-ui div.list { display: none; position: absolute; width: 179px }
div.finder-ui div.active, div.finder-ui div.activated { display: block }
div.finder-ui ul { margin: 16px 0; margin-left: 0 !important; width: 179px; height: 128px; overflow: auto; list-style: none }
div.finder-ui ul { /* scrollbar-arrow-color: #FFF; scrollbar-track-color: #FFF; scrollbar-base-color: #003082; scrollbar-3dlight-color: #FFF; scrollbar-darkshadow-color: #FFF; scrollbar-highlight-color: #003082; scrollbar-shadow-color: #003082;*/ }
div.finder-ui li { padding: 0 4px 0.2em 24px; width: 124px; background: url(../images/icon_arrow_blue.gif) 8px 0.4em no-repeat }
div.finder-ui a { display: block }
div.finder, div.finder a { color: #003082; text-decoration: none }
div.finder a:hover, div.finder a:focus { text-decoration: underline }
div.finder-ui div.activated, div.finder-ui div.activated a { color: #003082 }
div.finder-ui div.activated li { background-image: url(../images/icon_arrow_blue.gif) }
div.finder li.activated, div.finder li.activated a { color: #003082; font-weight: bold }
div.finder div.activated li.activated { background-image: url(../images/icon_arrow_blue.gif) }