* { margin: 0; padding: 0; }
a:focus, textarea:focus { outline: 0; }
html, body { height: 100%; }
body { background: #ffffff; text-align:center; background: #fff url(/skins/default/pics/bgMain.jpg) repeat-x;}

/* background spacer */
#holder_spacer_left_right { position: absolute; overflow: hidden; width: 100%; left: 0px; top: 0px; height: 580px; z-index: 1;}
#background_left { position: absolute; top: 0px; left: 50%; right: 50%; margin-left: -514px;  width: 17px; height: 580px; background: url(/skins/default/pics/holder_spacer_left.gif) no-repeat; }
#background_right { position: absolute; top: 0px;  left: 50%; right: 50%;  margin-left: 497px; width: 17px; height: 580px; background: url(/skins/default/pics/holder_spacer_right.gif) no-repeat; }

/* holder */
#holder { position: relative; margin: 0 auto; margin-top: 0px; width: 994px; text-align: left; z-index:2; min-height: 100%; }
* html #holder {	height: 100%;	}

#header .beeld { position: relative; width: 100%; height: 201px; overflow: hidden;  padding-top:7px;}
#header .beeld #beeldwissel { position: absolute; top:20px; left:0; width: 980px; height: 201px; }
#header .beeld #beeldwissel li { position: absolute; left:0; top:0; z-index: 3; background: url(/skins/default/pics/home_beeldwissel/low.jpg) no-repeat;  }
#header .beeld #beeldwissel li img { z-index: 3; }
#header .beeld img {padding-top: 0px; }

#header .logo { z-index: 40; position:absolute; top: 7px; left: 27px; width: 129px; height: 163px; padding: 0; background: none; }
#header .logo span { display:none; }
#header .logo a { position:relative; display: block; width: 100%; height: 163px; background: url(/skins/default/pics/logo.png) 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: absolute; width:150px; height:16px; top: 11px; left: 26px; padding: 1px 4px;  color: #888686; font: 13px Arial, Helvetica, sans-serif; line-height: 16px; border: 1px solid #e5e5e5; border-top: 1px solid #8f8f8f; }
#searchBox fieldset a { position: absolute; height: 18px; width: 63px; left: 118px; top: 41px; padding: 1px 0 0 5px; margin: 0; background: #d1d1d1 url(/skins/default/pics/search_button.gif) no-repeat; color: #000000; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; }
#mainMenu { position: absolute; width: 100%; top: 208px; left: 0; height: 50px; padding:0; background: #f08a00; z-index: 3; }

/* body */
#body { position: relative; padding: 0px 10px 10px 10px; margin-top: 50px; background: #fff; z-index: 3; }
#body .tpl { position: relative; width: 100%; overflow: hidden; color: #000000; }

/* content */
#content { position: relative; float: left; display: inline; width: 520px; padding: 30px 10px 165px 0px; }
#content .mainList { position: relative; float: left; display: block;  }
#content .mainList ul { list-style-type: none;  }
#content .mainList ul li { position:relative; margin:0 0 3px 10px; }
#content .mainList ul li a { /*padding-left: 22px;*/  }
#left_rail { position: relative; float: left; display: inline; width: 222px; padding: 0 0 125px 0; margin-top: 17px; z-index: 3;}
/* left menu box */
#left_rail ul.leftMenu { position: relative; float: left; list-style:none; margin: 0 0 0 16px; width:191px; padding-bottom: 30px; z-index:5;}
#left_rail ul.leftMenu li { position: relative; margin: 0; padding: 0; background: transparent url(/skins/default/pics/left_menu_dotted_line.gif) no-repeat left bottom; }
#left_rail ul.leftMenu li a, #rail ul.leftMenu li a:active, #rail ul.leftMenu li a:visited, #rail ul.leftMenu li a.active, #rail ul.leftMenu li a.mouse { position: relative; width:196px; display:block; padding: 0px 0 0px 0px; text-decoration: none; color: #000000; font: bold 12px Arial,Helvetica,sans-serif;  text-align: left; line-height: 25px; }
#left_rail ul.leftMenu li ul { display: none; list-style: none; background: transparent url(/skins/default/pics/left_menu_dotted_line.gif) no-repeat left top;}
#left_rail ul.leftMenu li ul li a, #rail ul.leftMenu li ul li a:active, #rail ul.leftMenu li ul li a:visited, #rail ul.leftMenu li ul li a.active, #rail ul.leftMenu li ul li a.mouse { position: relative; width: 173px; display: block; padding: 0; text-decoration: none; color: #3b3b3b; font: 12px Arial,Helvetica,sans-serif;  line-height: 25px; }
#left_rail ul.leftMenu li.active ul { display: block; margin-bottom: 12px; list-style: none; }
#left_rail ul.leftMenu li ul li a:hover, #rail ul.leftMenu li ul li a.mouse, #rail ul.leftMenu li ul li a.active, #rail ul.leftMenu li ul li a.active:visited, #rail ul.leftMenu li ul li a.active:hover, #rail ul.leftMenu li ul li a.active:active { color: #3b3b3b; background: none;}

/* right menu box */
#right_rail { position: relative; float: left; display: inline; width: 188px; padding: 0; margin-top: 21px; margin-left: 23px; z-index: 3; }
#right_rail #searchdiv { position: relative; top: 0px; left: 0px; width: 188px; margin: 0; padding: 0; background: #d1d1d1; height: 74px; }
#right_rail #contact { position: relative; top: 16px; left: 0px; width: 188px; margin: 0; margin-bottom: 135px; background: #ebebeb url(/skins/default/pics/contact_map.gif) 10px 9px no-repeat; height: 312px; }
#right_rail #contact h2 { position: absolute; top: 119px; left: 16px; height: 12px; width: 150px; }
#right_rail #contact p.contactgegevens { position: absolute; top: 137px; left: 17px; height: 170px; width: 170px; line-height: 17px;}
#right_rail #contact p.contactgegevens a.yellow { color: #f08a00; padding-right: 12px; background: transparent url(/skins/default/pics/contact_arrow.gif) right top no-repeat;}

#right_rail #searchdiv_login { position: relative; top: 0px; left: 0px; width: 188px; margin: 0; padding: 0; background: #d1d1d1; height: 120px; }
#right_rail .searchManual { position: absolute; top: 68px; left: 14px; width: 174px; margin: 0; background: #d1d1d1; height: 35px; }
#right_rail .searchManual .searchManualForm a { position: absolute; height: 18px; width: 63px; left: 96px; top: 28px; padding: 1px 0 2px 5px; margin: 0; background: #d1d1d1 url(/skins/default/pics/search_button.gif) no-repeat; color: #000000; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none;}
#right_rail .searchManual .searchManualForm input.text { width: 157px; margin: 3px 0; height: 16px;}

/* main menu */
#mainMenu ul.mainMenu { position: relative; display: block; height: 50px; list-style:none; }
#mainMenu ul.mainMenu li { position: relative; float: left; display: block; margin: 0; padding: 0; height: 50px; text-transform: uppercase; background: transparent url(/skins/default/pics/top_menu_vertical_line.gif) no-repeat right 19px;}
#mainMenu ul.mainMenu li.firstNode { margin-left: 15px; }
#mainMenu ul.mainMenu li.lastNode { background: none; }
#mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:link, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { position: relative; float: left; display: block; height: 50px; width: auto; text-decoration: none; padding: 0px 10px 0px 12px; font: 16px Arial, Helvetica, sans-serif; color: #ffffff; line-height: 50px; }
#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 { position: relative; display: block; height: 50px; text-decoration: none; padding: 0px 10px 0px 12px; font: 16px Arial, Helvetica, sans-serif; color: #000000; line-height: 50px; }
/* main menu  ul */
#mainMenu ul.mainMenu ul { position: absolute; visibility: hidden; width: 200px; height:auto; left: 0; top: 50px; padding: 0; z-index: 4; background: transparent; list-style:none; }
#mainMenu ul.mainMenu li ul li { position: relative; float:none; width:200px; height: auto; padding: 0 2px 0 0; margin:0; background: #f08a00; }
#mainMenu ul.mainMenu li ul li.firstNode { margin: 0; padding: 4px 2px 0 0; }
#mainMenu ul.mainMenu li ul li.lastNode { background: #f08a00; padding: 0 2px 10px 0; }
#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: 191px; height: auto; text-decoration: none; padding: 1px 0 3px 9px; margin: 0; background: transparent; font: 12px Arial, Helvetica, sans-serif; color: #000000; text-transform: none; }
#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; float:none; display: block; width: 191px; height: auto; text-decoration: none; padding: 1px 0 3px 9px; margin: 0; background: transparent; font: 12px Arial, Helvetica, sans-serif; color: #ffffff; text-transform: none;}
/* main menu  ul  ul*/
#mainMenu ul.mainMenu ul ul { 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:0px; top: 18px; height: 14px; width: 200px; z-index: 100; }
#languageMenu ul.languageMenu { position:relative; height: 14px; }
#languageMenu ul.languageMenu li { position:relative; float: left; display: inline; height: 14px; background: transparent url(/skins/default/pics/header_language_spacer.gif) no-repeat right 2px; }
#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 7px; text-decoration: underline; color: #959595; font: bold 12px Arial,Helvetica,sans-serif; white-space: nowrap;  }
#languageMenu ul.languageMenu li.lastNode a, #languageMenu ul.languageMenu li.lastNode a:link, #languageMenu ul.languageMenu li.lastNode a:active, #languageMenu ul.languageMenu li.lastNode a:visited { padding: 0 0 0 7px; }
#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; color: #007bc0; display:block; float:left; text-decoration: none; padding: 0 7px;  white-space: nowrap; }
#languageMenu ul.languageMenu li.lastNode a:hover, #languageMenu ul.languageMenu li.lastNode a.active, #languageMenu ul.languageMenu li.lastNode a.active:link, #languageMenu ul.languageMenu li.lastNode a.active:visited, #languageMenu ul.languageMenu li.lastNode a.active:hover, #languageMenu ul.languageMenu li.lastNode a.active:active { padding: 0 0 0 7px; }

/* footer */
#footer { position: absolute; width: 100%; bottom: 0px; left: 0px; height: 113px; padding-bottom: 12px; /*background: #fff url(/skins/default/pics/footer.jpg) no-repeat;*/ z-index: 4;}
/* #footMenu ul.footMenu { position: relative; height: 27px; width: auto; overflow: hidden; margin: 0; padding-left: 40px; list-style: none; background: url(/skins/default/pics/divMainMenu.gif) no-repeat; }
#footMenu ul.footMenu li { z-index:6; position:relative; float: left; display: inline; height: 14px; padding-right: 0px; background: #fff url(/skins/default/pics/divMainMenu.gif) no-repeat 100% 0; }
#footMenu ul.footMenu li.firstNode { padding-left: 15px; } */
#footMenu ul.footMenu { background: url("/skins/default/pics/divMainMenu.gif") no-repeat 0 0; float: left; height: 27px; list-style: none; margin-left: 54px; overflow: hidden; position: relative; width: auto; }
#footMenu ul.footMenu li { background: url("/skins/default/pics/divMainMenu.gif") no-repeat 100% 0 #FFFFFF; display: inline; float: left; height: 27px; padding-right: 0; position: relative; z-index: 6; }
#footMenu ul.footMenu li.firstNode { padding-left: 5px;}

#footMenu ul.footMenu li a { position:relative; float: left; display: inline; padding: 0px 8px 0px 8px; margin: 0; font: 12px Arial,Helvetica,sans-serif; text-decoration: none; color: #646464; background: url(/skins/default/pics/footer_spacer.gif) no-repeat right 1px;}
#footMenu ul.footMenu li.firstNode a { background: url(/skins/default/pics/firstNode_footer_spacer.gif) no-repeat right 1px; padding: 0px 8px 0px 0px;}
#footMenu ul.footMenu li.lastNode a { background: none; padding: 0px 0px 0px 8px;}
#footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited { text-decoration: none; color: #646464; }
#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:#007bc0; }
/* 
#footMenu ul.footMenu li.end { position:absolute;  height: 27px; padding-right: 0px; background: url(/skins/default/pics/spliter.gif) no-repeat 100% 0; left: 335px; z-index: 5; width: 123px;}
*/

#footMenu ul.footMenu li.end { background: url("/skins/default/pics/spliter.gif") no-repeat 100% 0; height: 27px; padding-right: 0; width: 50px; z-index: 5; }


/* 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; background: url(/skins/default/pics/content_dotted_line.gif) left bottom repeat-x; }
#searchresult .searchitem { margin: 0 0 1em 0; width: auto; overflow: hidden; }
#searchresult a.more { display:block; height:23px; color: #007bc0; }

#loginBox  { position: relative; margin:20px 0 20px 7%; width: 286px; height: auto;  }
#loginBox .wachtwoordBox { height: 300px; }
#loginBox h2 { padding-bottom:6px;  font-size:18px; margin-bottom:12px; }
#loginBox .fieldset { margin: 8px 0 0 0; }
#loginBox .fieldset p { font-weight: normal; color:#000; width:90%;}
#loginBox .fieldset input,
#loginBox .fieldset input.password { position: relative; width: 220px; height: 16px; padding: 1px 8px; margin: 4px 0; border:1px solid #007BC0; background-color:#f3f3f4; font: 12px/14px Arial, Helvetica, sans-serif;  }
/*#content textarea, fieldset input.text { position: relative; width: 220px; height: 16px; padding: 1px 8px; margin: 4px 0; border:1px solid #007BC0; background-color:#f3f3f4; font: 12px/14px Arial, Helvetica, sans-serif;  }*/
#loginBox .fieldset label { position: relative; display: block; width: 200px; height: 15px; margin: 10px 0 0 0; font: 12px/ 13px Arial, Helvetica, sans-serif;  }
#loginBox .fieldset input.button { font: 12px/ 13px Arial, Helvetica, sans-serif;  }
#loginBox .fieldset a { position: relative; float:left; padding-top:3px; margin:0; text-decoration:none; font: 12px/14px Arial, Helvetica, sans-serif;  }
#loginBox .fieldset a.submit { position: relative; display: block; margin-right: 18px; text-decoration:none; height: 14px; padding: 2px 10px; border:1px solid #007BC0; background-color:#f3f3f4; font: 12px/14px Arial, Helvetica, sans-serif; height:14px; cursor: pointer; }
#loginBox .fieldset .autosubmit { background:#fff; width: 1px; height: 1px; visibility:hidden; outline:none; }
#loginBox .fieldset .buttons { position:relative; margin-top:16px; }
#logBox  .logout { position: relative; margin:1px 0 20px 7%; width: 286px; height: auto;  }

#logBox .title {position: absolute; padding: 2px 20px 0 95px; width: 408px; height: 32px; top:25px; }
#logBox .title h2 {color:#959696; font-weight:normal; font-size:125%; font-family:  Arial, Helvetica, sans-serif;   margin: 8px 0; position: absolute;  right: 120px; }
p.error { position: absolute; top:21px; color:#fb3d03;}
p.red { color:#fb3d03;}


#logBox .title  a.exit {color:#007BC0; font-weight:normal;  margin:10px 0; position: absolute; right:15px; background: url(/skins/default/pics/logout.gif) left top no-repeat; width: 16px; height: 16px;}
#logBox .title  a.changePassword {color:#007BC0; font-weight:normal;  margin:10px 0; position: absolute; right:45px; background: url(/skins/default/pics/pass.gif) left top no-repeat; width: 16px; height: 16px;}