* { margin: 0; padding: 0; } a:focus, textarea:focus { outline: 0; } body {text-align:center; background: #027EB4 url(/skins/default/pics/background3.jpg) no-repeat center 0;} /* holder */ /* holder */ #holder { padding: 0px 0px 100px 0px; height: 701px; position: relative; margin: 0 auto; width: 978px; text-align: left; z-index:1; } #holder .top { left: 0px; background: url(/skins/default/pics/content_top.png) no-repeat 0 0; width: 978px; height: 20px; position: absolute; top: -19px; } #holder .bottom { left: 0px; background: url(/skins/default/pics/content_bottom.png) no-repeat 0 0; width: 978px; height: 13px; position: absolute; bottom: -13px; } /* head */ #header { position: relative; width: 100%; height: 147px; z-index:2;} #header .logo { position:absolute; top: 15px; left: 10px; width: 255px; height: 95px; } #header .logo span { display:none; } #header .logo a { position:relative; display: block; width: 100%; height: 95px; background: url(/skins/default/pics/logo.png) no-repeat;} * html #header .logo a { background: url(/skins/default/pics/logo.gif) no-repeat; } #searchBox { position:absolute; right: 10px; top:3px; width:190px; z-index:2;} #searchBox input.image { position:absolute; width:1px; height:1px; border:0 none; } #searchBox fieldset { border: 0; } #searchBox fieldset legend { display: none; } #searchBox fieldset input { position: relative; float: left; display: inline; width:144px; height:13px; padding:1px 4px; font: 11px/13px Arial, Helvetica, sans-serif; } #searchBox fieldset a { position: relative; float: left; display: inline; height: 17px; width: 17px; padding:0; margin:1px 0 0 8px; background: #933; color: #000; font: 11px/13px Arial, Helvetica, sans-serif; } #mainMenu { margin-left: 0px; position: absolute; width: 974px; top:115px; left: 0px; padding:0; z-index:5; } ul#beeldwissel { height:198px; width:922px; overflow:hidden; list-style:none } .datepicker{background:#fff url('pics/calendar.gif') right no-repeat;} /* body */ #body { min-height: 400px; position: relative; width: 924px; padding: 0 27px; background: url(/skins/default/pics/bg_body.png) repeat-y 0 0; z-index:1; margin-top: 20px; z-index: 5; } * html #body { height: 400px; } #body .tpl { position: relative; width: 100%; overflow: hidden; color: #686868;} #body .tpl h1.header { text-transform: uppercase; position: absolute; top: -203px; right: 30px; font: 10px/12px Arial; padding: 13px 30px 13px 25px; color: #fff; z-index: 10; background: url(/skins/default/pics/h1_bg.png) no-repeat 100% 0; } #body .tpl h1.header span { width: 5px; height: 38px; background: url(/skins/default/pics/h1_left_bg.png) no-repeat 0 0; position: absolute; left: -5px; top: 0px; } /* content */ #content { position: relative; float:left; display:inline; width:100%; margin-top: 10px; } /* table */ /*#content table { background: url(/skins/default/pics/background_table.gif) repeat-y 50% 0; }*/ #content table tr td { width: 50%; padding: 0 10px; } span.header_image { background: url(/skins/default/pics/header_home.jpg) no-repeat 0 0; width: 922px; height: 198px; float: right; } /* main menu */ #mainMenu ul.mainMenu { position:relative; display:block; list-style:none; } #mainMenu ul.mainMenu li { position:relative; float: left; display:block; margin: 0; } #mainMenu ul.mainMenu li.firstNode a:visited, #mainMenu ul.mainMenu li.firstNode a { background: url(/skins/default/pics/bg_main_menu_home.png) no-repeat 0 2px; } * html #mainMenu ul.mainMenu li.firstNode a:visited, * html #mainMenu ul.mainMenu li.firstNode a { background: url(/skins/default/pics/bg_main_menu_home.gif) no-repeat 0 2px; } * html #mainMenu ul.mainMenu li.firstNode a { background: url(/skins/default/pics/bg_main_menu_home.gif) no-repeat 0 2px; } #mainMenu ul.mainMenu li.firstNode a:hover, #mainMenu ul.mainMenu li.firstNode a.active, #mainMenu ul.mainMenu li.firstNode a.mouse, #mainMenu ul.mainMenu li.firstNode a.active:link, #mainMenu ul.mainMenu li.firstNode a.active:visited, #mainMenu ul.mainMenu li.firstNode a.active:hover, #mainMenu ul.mainMenu li.firstNode a.active { background: url(/skins/default/pics/bg_main_menu_home_active.png) no-repeat 0 0px; } * html #mainMenu ul.mainMenu li.firstNode a:hover, * html #mainMenu ul.mainMenu li.firstNode a.active, * html #mainMenu ul.mainMenu li.firstNode a.mouse, * html #mainMenu ul.mainMenu li.firstNode a.active:link, * html #mainMenu ul.mainMenu li.firstNode a.active:visited, * html #mainMenu ul.mainMenu li.firstNode a.active:hover, * html #mainMenu li.firstNode a.active { background: url(/skins/default/pics/bg_main_menu_home_active.gif) no-repeat 0 0px; } #mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:link, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { text-transform: uppercase; text-align: center; padding: 14px 20px 14px 0; width: 118px; background: url(/skins/default/pics/bg_main_menu.png) no-repeat 0 0; position: relative; float: left; display: block; text-decoration: none; font: bold 10px/12px Arial, Helvetica, sans-serif; color: #474747; } * html #mainMenu ul.mainMenu li a, * html #mainMenu ul.mainMenu li a:link, * html #mainMenu ul.mainMenu li a:active, * html #mainMenu ul.mainMenu li a:visited { background: url(/skins/default/pics/bg_main_menu.gif) no-repeat 0 0; } #mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active, #mainMenu ul.mainMenu li a.mouse, #mainMenu ul.mainMenu li a.active:link, #mainMenu ul.mainMenu li a.active:visited, #mainMenu ul.mainMenu li a.active:hover, #mainMenu ul.mainMenu li a.active:active { color: #008ad6; background: url(/skins/default/pics/bg_main_menu-active.png) no-repeat 0 0; } * html #mainMenu ul.mainMenu li a:hover, * html #mainMenu ul.mainMenu li a.active, * html #mainMenu ul.mainMenu li a.mouse, * html #mainMenu ul.mainMenu li a.active:link, * html #mainMenu ul.mainMenu li a.active:visited, * html #mainMenu ul.mainMenu li a.active:hover, * html #mainMenu ul.mainMenu li a.active:active { background: url(/skins/default/pics/bg_main_menu-active.gif) no-repeat 0 0; } * #mainMenu ul.mainMenu ul { position:absolute; visibility: hidden; width: 160px; height:auto; left: 0; top: 20px; padding: 2px 0 0 0; z-index: 1000; background: transparent; list-style:none; } #mainMenu ul.mainMenu li ul li { position: relative; float:none; width:158px; height: auto; padding: 1px 2px; margin:0;} #mainMenu ul.mainMenu li ul li.firstNode a { } #mainMenu ul.mainMenu li ul li.lastNode { padding-bottom:2px; } #mainMenu ul.mainMenu ul li a, #mainMenu ul.mainMenu ul li a:link, #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; width:144px; height:auto; text-decoration: none; padding: 4px 6px; margin: 0; background: transparent; font: 12px/14px Arial, Helvetica, sans-serif; color: #474747;} #mainMenu ul.mainMenu ul li a:hover, #mainMenu ul.mainMenu ul li a.active:link, #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; width:144px; height:auto; background: #eee; text-decoration: none; padding: 4px 6px; margin: 0; border:1px solid #b3b3b3; font: 12px/14px Arial, Helvetica, sans-serif; color: #000; } #mainMenu ul.mainMenu ul ul { margin-left: 150px; padding-top: 0; top: 5px; /*display: none; visibility: hidden;*/ } /* breadcrum */ #breadcrumMenu ul { margin:0; } #breadcrumMenu ul.breadcrumMenu { position:absolute; top: 0; left: 8px; width: 620px; padding: 10px 0; height: 12px; list-style: none; } #breadcrumMenu ul.breadcrumMenu li { position:relative; float:left; padding: 2px 10px 2px 4px; height: 11px; background: url(pics/divBreadCrum.gif) no-repeat 100% 5px; } #breadcrumMenu ul.breadcrumMenu li a { position:relative; float:left; color:#989898; font: 11px/12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; } #breadcrumMenu ul.breadcrumMenu li a:hover { text-decoration:underline; } #breadcrumMenu ul.breadcrumMenu li.firstNode { padding-left:0;} #breadcrumMenu ul.breadcrumMenu li.lastNode { background:transparent; } #breadcrumMenu ul.breadcrumMenu li.lastNode span { position:relative; float:left; color:#989898; font: 11px/12px Verdana, Arial, Helvetica, sans-serif; } /* language menu */ #languageMenu { position:absolute; right:0; margin-right: 100px; height: 34px; } #languageMenu ul.languageMenu { position:relative; height: 14px; margin-top: 4px;} #languageMenu ul.languageMenu li { position:relative; float: left; display: inline; height: 14px; padding-right: 1px; background: url(pics/divTopMenu.gif) no-repeat 100% 3px; } #languageMenu ul.languageMenu li.lastNode { background:none; padding-right: 0; } #languageMenu ul.languageMenu li a, #languageMenu ul.languageMenu li a:link, #languageMenu ul.languageMenu li a:active, #languageMenu ul.languageMenu li a:visited { position: relative; height: 14px; display:block; float:left; padding: 0 8px; text-decoration: none; text-transform: lowercase; color: #474747; font: 12px/14px Arial,Helvetica,sans-serif; white-space: nowrap; } #languageMenu ul.languageMenu li a:hover, #languageMenu ul.languageMenu li a.active, #languageMenu ul.languageMenu li a.active:link, #languageMenu ul.languageMenu li a.active:visited, #languageMenu ul.languageMenu li a.active:hover, #languageMenu ul.languageMenu li a.active:active { position: relative; height: 14px; display:block; float:left; text-decoration: underline; padding: 0 8px; white-space: nowrap; } /* footer */ #footer { position: absolute; width: 100%; clear: both; top:100%; padding-top:13px; border-top:0;} #footMenu ul.footMenu { position: relative; height: 29px; margin:0 0 16px 16px; padding-left:2px; list-style: none; background: url(/skins/default/pics/divMainMenu.gif) no-repeat; } #footMenu ul.footMenu li { position:relative; float: left; display: inline; height: 29px; padding-right: 2px; background: url(/skins/default/pics/divMainMenu.gif) no-repeat 100% 0; } #footMenu ul.footMenu li a { position:relative; float: left; display: inline; padding: 8px 9px 7px 9px; margin: 0; font: 12px/14px Arial,Helvetica,sans-serif; text-decoration: none; color: #323232; } #footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #323232; } #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; color:#000; } /* searchwords */ #footer .box { position:relative; padding:4px 16px; } #footer .box .searchMenu { position: relative; display: inline; list-style: none; width:100%; } #footer .box span { position: relative; padding-left: 4px; color: #8f8f8f; } #footer .box span a { position: relative; text-decoration: none; font: 11px/11px Arial, Helvetica, sans-serif; color: #8f8f8f; cursor: text; } #footer .box .searchMenu li { display: inline; height: 15px; color:#8f8f8f;} #footer .box .searchMenu li a:link, #footer .searchMenu li a:visited, #footer .searchMenu li a.active { position: relative; text-decoration: none; font: 11px/11px Arial, Helvetica, sans-serif; color: #8f8f8f; cursor: text; } #searchresult ul { list-style:none; margin:0; } #searchresult h2 { padding: .6em 0; margin-bottom:.725em; border-bottom: 1px dotted #727272; } #searchresult .searchitem { margin: 0 0 1em 0; width: auto; overflow: hidden; } #searchresult a.more { display:block; height:23px; } #holder #bottom { height: 107px; padding-top: 5px; background: url(/skins/default/pics/bottom_transparant.png) no-repeat 0 0; margin-left: 2px; } #holder #bottom ul { font: 9px/11px Tahoma; color: #686868; margin-top: 10px; list-style: none; float: left; padding: 0 25px 0 25px;} #holder #bottom ul a, #holder #bottom ul a:hover { color: #686868; } #holder #bottom ul h3 { font: 9px/11px Tahoma; } #holder #bottom ul.over { padding: 0px; } #holder #makers { text-align: center; color: #fff; font: 9px/11px Tahoma, Arial; padding-top: 5px; } span.read_more { background: url(/skins/default/pics/read_more.gif) no-repeat 100% center; padding-right: 20px; left: 20px; bottom: 0px; }