* { margin: 0; padding: 0; } a:focus { outline:0; } body { background: #fff url(/skins/default/pics/bgBody.jpg) repeat-x; text-align:center; } /* wrapper/ holder */ #wrapper { position: relative; margin: 0 auto; overflow: hidden; text-align: left; width:980px; padding:15px 10px; background:url(/skins/default/pics/bgHolder.gif) no-repeat 10px 0; z-index:1; } /** html #wrapper { background:url(/skins/default/pics/bgHolderv2.gif) no-repeat 10px 0; }*/ #wrapper .shdw { position: absolute; top:6px; width: 10px; height: 984px; z-index:-1;} #wrapper .left { left:0px; } #wrapper .right { right:0px; } #holder { position: relative; border:1px solid #a69b89; min-height:984px; margin-bottom: 30px; background: #fff url(/skins/default/pics/bgBodyBottom.gif) repeat-x 0 100%; z-index:2;} * html #holder { height:984px; } /* header */ #header { position: relative; width: 100%; height: 213px; z-index: 2; } #header .top { position: relative; width: 100%; height: 86px; } #header .logo { position:relative; height: 80px; padding:6px 0 0 18px; margin-bottom:0; font: 160%/1.5em Georgia,serif; color: #004580; } #header .logo a { position:relative; display: block; float:left; padding:0 8px 0 0; height: 63px; text-decoration: none; /*background: #fff url(/skins/default/pics/logo.gif) no-repeat 26px 8px;*/ color: #004580; } #header .logo a.title { position:relative; display: block; float:left; padding:15px 0 0 8px; height: 33px; } #header .utilityBox { position:absolute; top:0; right:0; width:316px; z-index:1; } #header #searchBox { position:relative; height:20px; padding:7px 8px 6px 0; } #header form label { position:relative; display:block; width:268px; color:#9b9b9b; font: bold 1em Arial,sans-serif; } #header form label input { position:relative; float:right; display:inline; margin-left:8px; width:212px; } /* #header form label select { position:relative; float:right; display:inline; margin-left:8px; } */ #header form .button { position:absolute; top:6px; right:8px; display:block; width:28px; height:20px; background: url(/skins/default/pics/btnShort.gif) no-repeat; } #header form input.button { border:0; background: transparent; } #header #loginBox { position:relative; border-bottom:1px solid #9b9b9b; height:20px; margin-top:4px; padding:7px 8px 7px 0; z-index:1; } #header #loginBox form label input { width: 100px; } /* #header #loginBox form label select { width: 76px; } #header #loginBox form label select { width: 100px; margin:0; line-height: 20px; }*/ #header #loginBox form label.remember { margin-top:3px; font-size:0.7em; font-weight:normal; } #header #loginBox form label.remember input { width:12px; height:12px; float:left; margin-right:0px; display:inline; color:#666; padding:0; border:0;} #header #loginBox #loginError { position:absolute; width:60%; top:10px; left:20px; padding:1px 10px; background: #fff; border:1px solid #9b9b9b; z-index:20; } #header #loginBox #loginError a { position:absolute; display:block; right:2px; top:2px; width:10px; height:10px; padding:0; line-height:5px; font-size:45px; background: url(/skins/default/pics/closeError.gif) no-repeat; } #header #loginBox p.error { font-size: 0.7em; color:#f00; padding:3px; } #header #loginBox .ingelogd { font-size: 1em; color:#666; padding:3px; } #header #loginBox .ingelogd .uitloggen { position: absolute; top:8px; right:0px; display:block; width: 110px; height:20px; line-height: 20px; } #header #loginBox .ingelogd .button { float: right; position:absolute; top:0px; right:8px; display:block; width:28px; height:20px; background: url(/skins/default/pics/btnShort.gif) no-repeat; } #header .imgBox { position:relative; height: 127px; margin-top:0; background: url(/pics/beelden/sfeer1.jpg) no-repeat; } #header .imgBox .serving { position:absolute; top:50px; right:30px; } /* body */ #body { position: relative; padding:30px 6px 30px 16px; height: auto; background: url(/skins/default/pics/bgHolderBody.jpg) repeat-x 0 -18px;} #body .tpl { position: relative; width: 100%; overflow: hidden; padding-bottom:20px; color: #555048; } #body .tpl #content { padding-top:18px; } #content { position:relative; margin-top:10px; display:block; overflow:hidden; font-size:100%; } #content .content { position:relative; width:auto; overflow:hidden; display:block; font-size:0.875em; padding-right:16px;} #content .content h1 { padding:0; font: bold 19px/25px Arial,Helvetica,sans-serif; color: #555048; } /* subsubmenu */ #content #menuBox { position:relative; width:180px; padding:0; margin:0; display: block; } /*#content #menuBox { width:120px; padding:0 10px 0 0; margin:0; overflow: hidden; display: block; }*/ #content #menuBox h2 { position:relative; padding:0; margin:0; color:#434343; font: bold 0.938em/1em Arial,sans-serif; } #content #menuBox .subSubMenu { list-style:none; padding-top:16px; } #content #menuBox .subSubMenu li { border-bottom: 1px solid #c0b8ad; } #content #menuBox .subSubMenu li a { color:#434343; display:block; width:146px; padding:6px 0 6px 14px; font: 0.938em/1em Arial,sans-serif; } #content #menuBox .subSubMenu li a:hover { color:#f83816; } #content #menuBox .subSubMenu li a.active { color:#f83816; display:block; width:146px; padding:6px 0 6px 14px; font: bold 0.938em/1em Arial,sans-serif; background:url(/skins/default/pics/arrRed.gif) no-repeat 1px 50%; } /* news response */ #response { position:relative; width: 460px; padding:10px 0; } #response .response { position:relative; font-size:0.875em; padding: 7px 0; color:#f94a2c; line-height: 14px; border-bottom:1px solid #C0B8AD; } #response .response a { font-size:1em; color:#f94a2c; } #response .pages { position:relative; font-size:0.875em; line-height: 14px; padding: 4px 0; margin-bottom: 15px; color:#f94a2c; border-bottom:1px solid #C0B8AD; } #response .pages .pagenumbers { position:relative; margin-left: 24px; display: inline;} #response .pages .pagenumbers a { color:#f83a19; } #response .pages .pagenumbers .selected{ color: #2024e1; font-size:0.875em; } #response .messages { position:relative; font-size:0.825em; padding: 19px 12px 18px 12px; color: #000000; } * html #response .messages { font-size:100%; } #response .even { background-color: #f2ece0; } #response .messages .title { font-weight: bold; } #response .messages .info { font-size:1.2; text-align: right; font-style: italic; color:#f94a2c; } #response .messages .info a { font-size:1.2; text-align: right; font-style: italic; color:#f94a2c; } #response .messages .btnEdit { display:block; float:right; width: 16px; height: 14px; background: url(/skins/default/pics/btnEdit.gif) no-repeat 0 50%; color: #F83513;} #response .messages .btnDel { display:block; float:right; width: 16px; height: 14px; background: url(/skins/default/pics/btnDel.gif) no-repeat 0 50%; color: #F83513;} #response .nomessages { font-size:0.825em; padding: 19px 12px 7px 12px; color: #000000; color:#f94a2c; } #response .box { font-size:0.875em; color: #000; padding-top: 14px; margin-top: 13px; border-top:1px solid #C0B8AD; } * html #response .box { font-size:100%; } #response .box .header { background: #f2ece0 url(/skins/default/pics/responseheader.png) no-repeat; width: 449px;} #response .box .header { padding-top: 10px; padding-left: 12px; padding-bottom: 8px; font-size:1.3em; font-weight: bold; color:#f94a2c;} #response .box .main.loggedin { padding-right: 12px; padding-top: 15px; text-align: right; background: #f2ece0 url(/skins/default/pics/responsefade.png) no-repeat; width: 449px; /*height: 196px;*/height: 140px;} #response .box .main.login { padding:15px 12px 0 0; text-align: left; background: #f2ece0 url(/skins/default/pics/responsefade.png) no-repeat; width: 449px; /*height: 196px;*/height: 180px;} #response .box .main.login p { margin-left:12px; } #response .box .main div.success { color: #f94a2c; text-align: left; margin-left: 12px;} #response .box .main .row { margin-bottom: 9px; } #response .box .main .row.required label { color: #f94a2c;} #response .box .main .row.required input, #response .box .main .row.required textarea { color: #f94a2c; border-top: 1px solid #FF836F; border-left: 1px solid #FF836F; border-right: 1px solid #FFAD9F; border-bottom: 1px solid #FFAD9F;} #response .box .main .row .text, #response .box .main .row textarea { border-left: 1px solid #b0b0b0; border-top: 1px solid #b0b0b0; border-bottom: 1px solid #e7e7e; border-right: 1px solid #e7e7e; width: 364px;} #response .box .main .row textarea { height: 68px; width: 364px;} #response .box .main .row input, #response .box .main .row textarea { font: 1em/1.125em Arial,Helvetica,sans-serif; padding-top: 2px;} #response .box .main .row label { vertical-align: top; padding-right: 12px;} #response .box .main .row .button { font-size:0.875em; color: #ffffff; background: #f2ece0 url(/skins/default/pics/responsebutton.png) no-repeat; border: 0; width: 95px; height: 18px; } #response .box .footer { position:absolute; top:100%; margin-top:-10px; background: #f2ece0 url(/skins/default/pics/responsefooter.png) no-repeat 0 100%; width: 461px; height: 8px; } /* main menu */ #mainMenu { position: absolute; top: 213px; left: 0; margin:0; padding: 0 16px; height:37px; z-index:100; } #mainMenu .bg { position: absolute; left:5px; top:0; width:964px; height:37px; z-index:0; } #mainMenu ul.mainMenu { position:relative; display:block; height: 27px; list-style:none; z-index:1; } #mainMenu ul.mainMenu li { position:relative; float: left; display:inline; height: 27px; border-right: 1px solid #c2bfb6; } #mainMenu ul.mainMenu li.begin { width: 22px; } #mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { position: relative; float: left; display: block; height: 23px; height:16px; text-decoration: none; padding:5px 18px; font: normal 15px/16px "Arial Narrow",Arial,Helvetica,sans-serif; /*font: 19px/23px "Arial Narrow",Arial,Helvetica,sans-serif;*/ border-left: 1px solid #fff; border-top:1px solid #fff; color: #555048; } #mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active, #mainMenu ul.mainMenu li a.mouse, #mainMenu ul.mainMenu li a.active:visited, #mainMenu ul.mainMenu li a.active:hover, #mainMenu ul.mainMenu li a.active:active { position: relative; display: block; height: 23px; height:16px; text-decoration: none; padding:5px 18px; font: normal 15px/16px "Arial Narrow",Arial,Helvetica,sans-serif; background: url(/skins/default/pics/bgMainmenuActive.gif) repeat-x; border-left: 1px solid #6a665f; border-top:1px solid #6a665f; color: #fff; } #mainMenu ul.mainMenu ul { position:absolute; visibility: hidden; width: 240px; height:auto; left: 0; top: 34px; top:27px; padding: 4px 0 0 0; z-index: 1000; background:#b7cbdc; border-bottom:3px solid #004681; list-style:none; } #mainMenu ul.mainMenu ul li { position:relative; float:none; height:auto; border:0; width:auto; margin:0; background: transparent; } #mainMenu ul.mainMenu ul li a, #mainMenu ul.mainMenu ul li a:visited, #mainMenu ul.mainMenu ul li a:active, #mainMenu ul.mainMenu ul li a.active { position: relative; float:none; display: block; height:auto; text-decoration: none; padding: 4px 10px; margin: 0; background: url(/skins/default/pics/bgMainMenuborderO.gif) no-repeat 50% 100%; border:0; font: 12px/14px Arial, Helvetica, sans-serif; color: #474747;} #mainMenu ul.mainMenu ul li a:hover, #mainMenu ul.mainMenu ul li a.mouse, #mainMenu ul.mainMenu ul li a.active:visited, #mainMenu ul.mainMenu ul li a.active:hover, #mainMenu ul.mainMenu ul li a.active:active { position: relative; display: block; height:auto; background: #f6ce9b url(/skins/default/pics/bgMainMenuborderO.gif) no-repeat 50% 100%; border:0; text-decoration: none; padding: 4px 10px; margin: 0; font: 12px/14px Arial, Helvetica, sans-serif; color: #000; } #mainMenu ul.mainMenu ul ul { position:relative; left: 0; top:0; width:auto; padding-top: 0; visibility: inherit; border:0;} #mainMenu ul.mainMenu ul ul li a, #mainMenu ul.mainMenu ul ul li a:visited, #mainMenu ul.mainMenu ul ul li a:active, #mainMenu ul.mainMenu ul ul li a.active { position: relative; float:none; display: block; height:auto; text-decoration: none; padding: 4px 10px 4px 20px; margin: 0; background: url(/skins/default/pics/bgMainMenuborderO.gif) no-repeat 50% 100%; border:0; font: 12px/14px Arial, Helvetica, sans-serif; color: #474747;} #mainMenu ul.mainMenu ul ul li a:hover, #mainMenu ul.mainMenu ul ul li a.mouse, #mainMenu ul.mainMenu ul ul li a.active:visited, #mainMenu ul.mainMenu ul ul li a.active:hover, #mainMenu ul.mainMenu ul ul li a.active:active { position: relative; display: block; height:auto; padding: 4px 10px 4px 20px; margin: 0; background: #f6ce9b url(/skins/default/pics/bgMainMenuborderO.gif) no-repeat 50% 100%; border:0; text-decoration: none; font: 12px/14px Arial, Helvetica, sans-serif; color: #000; } #mainMenu ul.mainMenu ul ul { display: none; } /* main menu - node 1 */ #mainMenu ul.mainMenu li.node1 a:hover, #mainMenu ul.mainMenu li.node1 a.active, #mainMenu ul.mainMenu li.node1 a.mouse { background: url(/skins/default/pics/bgMainmenuActiveNode1.gif); } #mainMenu ul.mainMenu li.node1 ul li a:hover, #mainMenu ul.mainMenu li.node1 ul li a.active, #mainMenu ul.mainMenu li.node1 ul li a.mouse { background: #99b5cd url(/skins/default/pics/bgMainMenuborderO.gif) no-repeat 50% 100%; } /* main menu - node 2 */ #mainMenu ul.mainMenu li.node2 a:hover, #mainMenu ul.mainMenu li.node2 a.active, #mainMenu ul.mainMenu li.node2 a.mouse { background: url(/skins/default/pics/bgMainmenuActiveNode2.gif); } #mainMenu ul.mainMenu li.node2 ul li a:hover, #mainMenu ul.mainMenu li.node2 ul li a.active, #mainMenu ul.mainMenu li.node2 ul li a.mouse { background: #d39abd url(/skins/default/pics/bgMainMenuborderO.gif) no-repeat 50% 100%; } /* main menu - node 3 */ #mainMenu ul.mainMenu li.node3 a:hover, #mainMenu ul.mainMenu li.node3 a.active, #mainMenu ul.mainMenu li.node3 a.mouse { background: url(/skins/default/pics/bgMainmenuActiveNode3.gif); } #mainMenu ul.mainMenu li.node3 ul li a:hover, #mainMenu ul.mainMenu li.node3 ul li a.active, #mainMenu ul.mainMenu li.node3 ul li a.mouse { background: #d0bb91 url(/skins/default/pics/bgMainMenuborderO.gif) no-repeat 50% 100%; } /* main menu - node 4 */ #mainMenu ul.mainMenu li.node4 a:hover, #mainMenu ul.mainMenu li.node4 a.active, #mainMenu ul.mainMenu li.node4 a.mouse { background: url(/skins/default/pics/bgMainmenuActiveNode4.gif); } #mainMenu ul.mainMenu li.node4 ul li a:hover, #mainMenu ul.mainMenu li.node4 ul li a.active, #mainMenu ul.mainMenu li.node4 ul li a.mouse { background: #71c6d3 url(/skins/default/pics/bgMainMenuborderO.gif) no-repeat 50% 100%; } /* main menu - node 5 */ #mainMenu ul.mainMenu li.node5 a:hover, #mainMenu ul.mainMenu li.node5 a.active, #mainMenu ul.mainMenu li.node5 a.mouse { background: url(/skins/default/pics/bgMainmenuActiveNode5.gif); } #mainMenu ul.mainMenu li.node5 ul li a:hover, #mainMenu ul.mainMenu li.node5 ul li a.active, #mainMenu ul.mainMenu li.node5 ul li a.mouse { background: #99cdb9 url(/skins/default/pics/bgMainMenuborderO.gif) no-repeat 50% 100%; } /* main menu - node 6 */ #mainMenu ul.mainMenu li.node6 a:hover, #mainMenu ul.mainMenu li.node6 a.active, #mainMenu ul.mainMenu li.node6 a.mouse { background: url(/skins/default/pics/bgMainmenuActiveNode6.gif); } #mainMenu ul.mainMenu li.node6 ul li a:hover, #mainMenu ul.mainMenu li.node6 ul li a.active, #mainMenu ul.mainMenu li.node6 ul li a.mouse { background: #b8a4b2 url(/skins/default/pics/bgMainMenuborderO.gif) no-repeat 50% 100%; } /* main menu - node 7 */ #mainMenu ul.mainMenu li.node7 a:hover, #mainMenu ul.mainMenu li.node7 a.active, #mainMenu ul.mainMenu li.node7 a.mouse { background: url(/skins/default/pics/bgMainmenuActiveNode7.gif); } #mainMenu ul.mainMenu li.node7 ul li a:hover, #mainMenu ul.mainMenu li.node7 ul li a.active, #mainMenu ul.mainMenu li.node7 ul li a.mouse { background: #d3aa9f url(/skins/default/pics/bgMainMenuborderO.gif) no-repeat 50% 100%; } /* main menu - node 8 */ #mainMenu ul.mainMenu li.node8 a:hover, #mainMenu ul.mainMenu li.node8 a.active, #mainMenu ul.mainMenu li.node8 a.mouse { background: url(/skins/default/pics/bgMainmenuActiveNode8.gif); } #mainMenu ul.mainMenu li.node8 ul li a:hover, #mainMenu ul.mainMenu li.node8 ul li a.active, #mainMenu ul.mainMenu li.node8 ul li a.mouse { background: #b5d89f url(/skins/default/pics/bgMainMenuborderO.gif) no-repeat 50% 100%; } /* Locked */ #mainMenu ul.mainMenu li.locked ul { display:none; } /* menu box submenu */ #menuBox ul.subMenu { list-style:none; padding-top:0px; border-bottom: none;} #menuBox ul.subMenu li { } #menuBox ul.subMenu li.last { border-bottom: 1px solid #c0b8ad; } #menuBox ul.subMenu li a { color:#434343; display:block; width:162px; padding:6px 0 6px 14px; font: 0.814em/1em Arial,sans-serif; border-bottom: 1px solid #c0b8ad; } #menuBox ul.subMenu li a:hover { color:#f83816; } #menuBox ul.subMenu li a.active { color:#f83816; display:block; width:162px; padding:6px 0 6px 14px; font: bold 0.814em/1em Arial,sans-serif; background:url(/skins/default/pics/arrRed.gif) no-repeat 1px 50%; } #menuBox ul.subMenu li.locked ul { display: none; } /* menu box subsubmenu */ #menuBox ul.subMenu li ul { list-style:none; } #menuBox ul.subMenu li ul li { background: #f8f6f6; } #menuBox ul.subMenu li ul li a { color:#434343; display:block; width:150px; padding:4px 4px 4px 22px; font: 0.750em/1em Arial,sans-serif; border-bottom: 1px solid #ffffff; } #menuBox ul.subMenu li ul li a:hover { color:#f83816; } #menuBox ul.subMenu li ul li a.active { color:#f83816; display:block; width:150px; padding:4px 4px 4px 22px; font: bold 0.750em/1em Arial,sans-serif; background:url(/skins/default/pics/arrRed.gif) no-repeat 8px 50%; } /* first submenu */ #mainMenu ul.subMenu { height:20px; width:920px; padding:10px 0 6px 22px; background:transparent; list-style:none; border-bottom:1px solid #c0b8ad; z-index:1; } #mainMenu ul.subMenu li { position:relative; float: left; display:block; height:16px; line-height:16px; border-right: 1px solid #a31e06; } #mainMenu ul.subMenu li.lastNode { border:0; } #mainMenu ul.subMenu li a, #mainMenu ul.subMenu li a:link, #mainMenu ul.subMenu li a:active, #mainMenu ul.subMenu li a:visited { position: relative; float: left; display: block; height: 14px; text-decoration: none; padding:0 12px; font: normal 14px/16px Arial,Helvetica,sans-serif; color: #a31e06; } #mainMenu ul.subMenu li a:hover, #mainMenu ul.subMenu li a.active, #mainMenu ul.subMenu li a.mouse, #mainMenu ul.subMenu li a.active:link, #mainMenu ul.subMenu li a.active:visited, #mainMenu ul.subMenu li a.active:hover, #mainMenu ul.subMenu li a.active:active { position: relative; float: left; display: block; height: 14px; text-decoration: underline; padding:0 12px; font: 14px/16px Arial,Helvetica,sans-serif; color: #a31e06; } #mainMenu ul.subMenu ul { display:none; } /* general menu */ #generalMenu { position: absolute; top: 58px; left: 36%; margin:0; padding: 0; height: 22px; z-index:100; } #generalMenu ul.generalMenu { position:relative; z-index: 2; list-style:none; } #generalMenu ul.generalMenu li { position:relative; float: left; display: inline; height: 28px; padding-right: 1px; background: url(/skins/default/pics/divgeneralmenu.gif) no-repeat 100% 0; } #generalMenu ul.generalMenu li.lastNode { background:none; padding-right: 0;} #generalMenu ul.generalMenu li a, #generalMenu ul.generalMenu li a:active, #generalMenu ul.generalMenu li a:visited, #generalMenu ul.generalMenu li a.active, #generalMenu ul.generalMenu li a.mouse { position: relative; display:block; width:auto; float:left; padding: 7px 9px; text-decoration: none; color: #767676; font: 12px/14px Arial,Helvetica,sans-serif; white-space: nowrap; } #generalMenu ul.generalMenu li a:hover, #generalMenu ul.generalMenu li a.mouse, #generalMenu ul.generalMenu li a.active, #generalMenu ul.generalMenu li a.active:visited, #generalMenu ul.generalMenu li a.active:hover, #generalMenu ul.generalMenu li a.active:active { /*background: url(/skins/default/pics/bggeneralMenuActive.gif) repeat-x;*/ color: #373737; } /* footer */ #footer { position: absolute; width:980px; height:31px; top:100%; left:-1px; /*padding-top:9px;*/ margin-top: -30px; background:url(/skins/default/pics/bgFooter.gif) no-repeat 0 100%; } /**html #footer { width: 960px; background:url(/skins/default/pics/bgFooterv2.gif) no-repeat 0 100%; }*/ /* #footer .hfoot { height: 13px; overflow: hidden; padding: 5px 0; } #footer .footNav { position: relative; height: 13px; line-height: 11px; margin: 0; color: #000;} */ #footMenu { position:relative; padding-top:9px; } #footMenu ul.footMenu { display: inline; position: relative; height: 13px; overflow: hidden; font: 0.7em Arial,Helvetica, sans-serif; list-style: none; } #footMenu ul.footMenu li { float: left; border-right: 1px solid #6e6b6b; text-align: center; } #footMenu ul.footMenu li.lastNode { border:0; } #footMenu ul.footMenu li a { padding: 0 10px; margin: 0; line-height: 13px; font-size:11px; text-decoration: none; color: #6e6b6b; } * html body #footMenu ul.footMenu a { display: inline; } #footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #6e6b6b; } #footMenu ul.footMenu li a:hover, ul.footMenu li a:active, ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: underline;} #footMenu ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: none; } #searchresult ul { list-style:none; margin:0; }