@font-face {
   font-family: 'VAG Rounded BT';
   src: url('../fonts/VAGRoundedBT.eot?') format('eot'), url('../fonts/VAGRoundedBT.woff') format('woff'), url('../fonts/VAGRoundedBT.ttf') format('truetype');
}

body { color: #4d545c; margin: 0; padding: 0; font: 12px/20px verdana, sans-serif; }
html { background: #FFF url(../images/background.png) repeat-x; margin: 0; padding: 0; }
div.page { background: url(../images/page_background.png); margin: 0 auto; margin-bottom: 0px; width: 960px; padding-bottom: 20px; padding-left: 6px; padding-right: 6px; position: relative; }
/* IE6 */ * html div.page { background: #FFF; padding-left: 0px; padding-right: 0px; }

/*******************************************************************************
 * Header Element defaults
 ******************************************************************************/
div.header a { color: #ff6529; text-decoration: none; }
div.header a:hover { text-decoration: underline; }
/*******************************************************************************
 * Header
 ******************************************************************************/
div.header { background: #ffffff; position: relative; }
div.header a { color: #4d545c; }
div.header h1 { background: url(../images/logo_header.png) no-repeat 0 46px; height: 65px; margin: 0 20px; padding: 30px 0 0; text-indent: -1000em; }
div.header h1 a { display: block; height: 100%; }
div.header ul.navigation { background: #dbddde; left: 0; line-height: 30px; list-style: none; margin: 0; padding: 0 17px; position: absolute; right: 0; top: 0; }
div.header ul.navigation li { background: url(../images/separator.gif) no-repeat 0 0; display: inline; padding: 0 3px 0 9px; }
div.header ul.navigation li.first { background: transparent; }
div.header ul.socialmedia { padding: 0 11px 0 17px; list-style: none outside none; position: absolute; top: 0; right: 220px; margin: 6px;}
div.header ul.socialmedia li { display: inline; padding: 0 2px 0 0; }
div.header ul.personal { background: #edeeee; font-weight: bold; line-height: 30px; list-style: none; margin: 0; padding: 0 11px 0 17px; position: absolute; top: 0; right: 0; }
div.header ul.personal li { background: url(../images/separator.gif) no-repeat 0 0; display: inline; padding: 0 3px 0 9px; }
div.header ul.personal li.first { background: transparent; }
div.header ul.tabs { font-family: VAG Rounded BT, verdana, sans-serif; font-size: 18px; font-weight: normal; height: 30px; list-style: none; margin: 0; padding: 0 20px; }
div.header ul.tabs li { display: block; float: left; margin-right: 3px; text-align: center; width: 85px; }
div.header ul.tools li.last { width: 65px; }
div.header ul.tools li.first { width: 40px; }
div.header ul.tabs a { background: #eee; display: block; line-height: 31px; }
div.header ul.tabs a:hover { background: #e3e3e3; text-decoration: none; }
div.header ul.tabs li.active a { background: #4d545c; color: #FFF; }
div.header ul.tabs img { padding: 5px;}
div.header ul.tools { position: absolute; left: 0; padding-right: 17px; }
div.header ul.tools li.last a { background: #FFF; display: block; line-height: 31px; color: #4d545c; }
div.header ul.tools li.active.last a { background: #FFF; text-decoration: none; color: #FF6529; }
div.header ul.tools li.last a:hover { background: #FFF; text-decoration: none; color: #FF6529; }
div.header ul.sectors { padding-left: 410px;}

/*******************************************************************************
 * Search Bar Portlet
 ******************************************************************************/
form.search { background: #4d545c; margin: 0; padding: 12px 20px; zoom: 1; z-index: 900; position: relative}
form.search button.search {margin: 0; font: 15px/20px verdana, sans-serif; background: url(../images/zoeken.png) no-repeat scroll 0 0 transparent; border: 0 none; color: #FFF; height: 31px; font-weight: bold; position: relative; vertical-align: middle; width: 81px;}
form.search div.search { display: inline; font-size: 1em; line-height: 31px; margin-right: 0; margin-left: 20px; }
form.search div.search a { color: #FFF; font-weight: bold;}
form.search div.search span { color: #C9CBCE; }
form.search fieldset { border: 0; margin: 0; padding: 0; display: inline; }
form.search input { font: 14px/29px verdana, sans-serif; width: 188px; height: 29px; vertical-align: middle; }
form.search input:focus, form.search input.query:focus { border-color: #FFAD01; outline: none; color: #000000;}
form.search input.query { border: 1px solid #DBDDDE; border-color: #FFF; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size: 12px; float: left; margin: 0 1px 0 0; padding: 0 2px 0 12px; width: 248px; color: #999999; position: relative; *height: 29px; }
form.search div.wrapper { background: #FFF url(../images/dropdown.png) no-repeat 98% 50%; border: 1px solid #FFF; float: left; margin: 0 1px 0 0; padding: 0 24px 0 2px; width: 272px; }
form.search div.wrapper input.dropdown { border: 0; cursor: default; font-size: 11px; margin: 0; padding: 0 0 0 12px; position: relative; width: 100%; *height: 27px; }
form.search select { margin: 0 10px 0 0; visibility: hidden; width: 190px; }
form.search fieldset span.title { color: #FFFFFF; font-weight: bold; font-size: 14px; }
form.search .options { background: #FFF; border: 1px solid #000; color: #4D545C; font-size: 0.9em; line-height: 1.5em; list-style: none; margin: 0; max-height: 250px; min-width: 300px; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; }
form.search .options li { cursor: default; padding: 7px 16px; }
form.search .options li:hover, .options li.selected { background: #F5F5F7; color: #4D545C; }
form.search div.infowrapper { position: absolute; display: block; left: 570px; top: 40px; z-index: 800;}
form.search div.infowrapper .infobody {background: url(../images/infobody.png) repeat-x; height: 47px; margin-left: 8px; margin-right: 12px;}
form.search div.infowrapper .infoleft {background: url(../images/infoleft.png) no-repeat; height: 47px; position: relative; top: 15px;}
form.search div.infowrapper .inforight {background: url(../images/inforight.png) no-repeat; height: 47px; background-position: right;}
form.search div.infowrapper .arrow {background: url("../images/infoarrow.png") no-repeat scroll 0 0 transparent; display: block; height: 23px; left: 20px; position: absolute; top: 0; width: 20px; z-index: 801;}
form.search div.infowrapper span.title { color: #666666; display: block; font-size: 14px; font-weight: bold; padding: 10px; text-align: center;}
.hidden {display: none;}