/* =========================================================================================

//
//	StyleSheet Kenwerk.nl
//
//	Aangemaakt door Remotion, 02-2009
//

========================================================================================= */

/* =========================================================================================
// 	General
========================================================================================= */
body {
   font-family:verdana;
   font-size:11px;
   padding:0;
   margin:0;
   background: #d0d970;
}
/* force-enable interpolation in IE7+ */
img {
   -ms-interpolation-mode:bicubic;
}
a {
   color:#035568;
}
a:hover {
   color:#5b909d;
}
a img {
   border:none;
}
h1 {
   font-size:20px;
   margin-top:10px;
   line-height:27px; /* line-height influences final sifr size. 27px matches the 20px non-sifr size */
}
h1.pink {
   color: #d40066;
}
h1.mint {
   color: #498b97;
}
h2 {
   margin: 0px;
   padding: 0px;
   line-height: auto;
   font-size:15px;
}
h2.green {
   color: #035568;
}
h3 {
   font-size:13px;
}

/* layoutfix for an auto-generated stats div that's inserted onload, and shifts the layout in Firefox/ */
#atff {
   position:absolute;
   top:0;
   left:0;
}

img.splash_hpny {
   position:absolute;
   top:50%;
   left:50%;
   z-index:10;
   cursor:pointer;

   width:0;
   height:0;
}
/* =========================================================================================
// 	Generic Utility Styles
========================================================================================= */

.shoehorn {
   line-height:1px;
   font-size:1px;
   clear:both;
   height:1px;
}
.error_message, .info_message {
   padding:10px;
   border:1px solid #d20000;
   color:#d20000;
   margin:10px 0;
}
.error_message h3, .info_message h3 {
   font-size:13px;
   margin:0 0 10px 0;
}
.info_message {
   border:1px solid #1b00bf;
   color:#1b00bf;
}
/* Form fields */
input, select, textarea {
   font-family:verdana;
   font-size:11px;
}
textarea {
   padding:5px;
}
/* fixing styles for FILE inputs, which perform badly in narrow situations
   because IE and FFX have personal vendettas against allowing them to be styled.
*/
.text_rightcol input.fileinput {
   /* FFX and everyone else: move to next line. FFX won't adjust *visual* width, which is a shame. WebKit (safari & chrome) will, so they're okish. */
   width:186px !important;
   /* IE7 and 6. Not tested for IE8, which is still in beta as of [31 Dec 2008] and not officially suported */
   *width:143px !important;
}
form {
   margin:0;
}
.formfield {
   float:left;
   width: 100%;
   margin-bottom:5px;
}
.formfield label {
   width:180px;
   float:left;
   padding-top:2px;
}
input {
   border: none;
}
.formfield input, .formfield textarea, .formfield select {
   width:190px;
   float:right;
}
.formfield input {
   padding:3px 5px 2px;
   border:1px solid #014a53;
}
.formfield select {
   width:210px;
}
.formfield textarea {
   padding:3px 0;
   height:80px;
}
.formfield input.inputfile {
   width:210px;
}
.formtext {
   margin-bottom:5px;
}
.formfield .checkradiocombo {
   width:220px;
   padding:2px 0;
   clear:right;
   margin-left:207px;
   margin-left:185px;
}
.formfield .checkradio_item input {
   position:relative;
   top:2px;
}

input.checkradio {
   width:auto !important;
   float:none;
   background:none !important;
}
.formfield input.checkradio {
   float:left;
   border: 0;
   margin-left:0px;
   margin-right:5px;
}
.formfield label.checkradio {
   width:auto;
   float:none;
   xposition:relative;
   xtop:2px;
   margin-top:2px;
}
.formfield .fixed_fieldvalue {
   width:234px;
   float:right;
   padding-top:2px;
}
.formfield .fixed_fieldvalue input {
   float:none;
}
.formfield .formfield_tip {
   float:left;
   width:240px;
   margin-left:185px;
   _margin-left:93px;
   padding-top:5px;
   font-style:italic;
}
.form_responsetext {
   margin:1em 0;
   padding:15px;
   background:#eaf0b2;
}
/* Below, CSS for scalable buttons that use the common technique of:
   longcap + shortcap backgrounds technique, as in:

   (__________________|  +  |_)

   ==

   <= (______|_) =>
*/

/* linkbutton with links */
.link_button {
   background:url('../gfx/but_round_leftside.png') no-repeat 0 50%;
   float:left;
   xposition:relative;
   margin: 4px;
}
.formfield .link_button {
   margin:1em 0 0 0;
   position:static;
}
.link_button a, .link_button input {
   background:url('../gfx/but_round_rightside.png') no-repeat 100% 50%;
   color:white !important;
   text-decoration:none;
   border:0 !important;
   line-height:auto;
   display:block;
   width:auto;
   /* value must match the width of the cap image */
   margin-right:-11px;
   /* tweak to achieve desired centering. L and R padding are to compensate the cap widths, and they are unequal to compensate the right coord  */
   padding:4px 20px 4px 20px;
}
/* linkbutton as input button */
.link_button input {
   padding:3px 20px 5px 20px;
   float:none;
}
/* Form module specifics */
.form_text {
   margin:1em 0;
}
/* =========================================================================================
// 	Generic Page Styles
========================================================================================= */

.site {
   width:853px;
   margin:0 auto;
   position:relative;
   left:-72px;
}

.leftside_top,
.leftside_bottom {
   position:absolute;
}

.leftside_top {
   top:-6px;
   left:-33px;
}
.leftside_bottom {
   bottom:0;
   left:-33px;
}
.but_print {
   float:right;
   margin:0 0 8px 8px;
   cursor:pointer;
}

/* =========================================================================================
// 	Header
========================================================================================= */

.header {
   position:relative;
   height:231px;
   background:white;
   z-index:2;
}
.logo_header {
   position:absolute;
   top:8px;
   left:10px;
}
.menu_top {
   position:absolute;
   top:0;
   right:-151px;
   background:#014a53 url('../gfx/corner_bl_green.gif') no-repeat 0 100%;
   padding:10px 18px 16px 30px;
   color:white;
}
.menu_top a {
   color:white;
   text-decoration:none;
   margin:0 15px;
}
.menu_top img {
   position:relative;
   top:3px;
}
.header_login {
   position:absolute;
   top:45px;
   right:-151px;
   background:#afbd22 url('../gfx/corner_br_green_ongreen.gif') no-repeat 100% 100%;
   padding:10px;
   color:white;
   width:131px;
}
.header_login .formfield input, .header_login .formfield select {
   width:120px;
   float:none;
   clear:both;
}
.header_login .formfield input[type="text"], .header_login .formfield input[type="password"] {
   padding: 4px 5px;
   color: #aaaaaa;
   border:0;
   background: url(../gfx/bg_header_login.jpg) no-repeat;
   height:16px;
}
.header_login input[type="submit"], .header_login input[type="button"] {
   width: 130px;
   height: 25px !important;
   padding: 5px 0px;
   background: url(../gfx/bg_header_login_button.jpg) no-repeat;
   color: #FFFFFF;
}
.header_search {
   position:absolute;
   top:45px;
   right:0;
   background:#d40066 url('../gfx/corner_bl_pink.gif') no-repeat 0 100%;
   padding:10px 3px 16px 10px;
   color:white;
   width:168px;
}
.header_search h3 {
   margin:0;
}
.header_search input#hs_query {
   width:90px;
}
.header_search #header_search_form {
   margin-top:10px;
}
.searchfieldbackground {
   float:left;
   width:120px;
   height:25px !important;
   background: url(../gfx/bg_header_search_input.jpg) no-repeat;
}
#header_search_form .searchfieldbackground input[type="text"] {
   padding: 4px 5px;
   color: #aaaaaa;
   border:0;
   height:1.3em;
   width:80px;
   left:10px;
   position:relative;
}
#header_search_form input[type="button"], #header_search_form input[type="submit"] {
   width: 44px;
   height: 25px !important;
   background: url(../gfx/bg_header_search_button.jpg) no-repeat;
   padding: 5px 0px;
   color: #FFFFFF;
}
.header_siteselect {
   position:absolute;
   bottom:10px;
   right:15px;
   width:160px;
}
.header_siteselect h3 {
   color:#005568;
   margin-bottom:5px;
}
img.header_photo {
   position:absolute;
   bottom:0;
   left:0;
   background-position:50% 50%;
}
/* =========================================================================================
// 	Main Menu
========================================================================================= */

.menu_sections {
   position:absolute;
   bottom:0;
   left:11px;
   background:transparent;
   height:35px;
}
.menu_sections a {
   float: left;
   margin-left: -11px;
   position:relative;
}
.menu_sections img {
   display:block;
}
.menu_ridge {
   height:4px;
   width:672px;
   position:absolute;
   bottom:-4px;
   left:-11px;
   /* fix for IE6, where min-height is 1 fontsize: */
   line-height:1px;
   font-size:1px;
}
/* =========================================================================================
// 	Section dropmenu
========================================================================================= */

.section_dropmenu {
   float:left;
   position:absolute;
   top:231px;
   left:0;
   width:853px;
   z-index:1;
   padding-top:3px;
   display:none;
}
.section_dropmenu a {
   float:left;
   width:254px;
   padding:8px 5px 8px 25px;
   color:white;
   text-decoration:none;
   position:relative;
}
.section_dropmenu a:hover {
   background:url('../gfx/dropmenu_bg_hover.png');
}
.section_dropmenu .sd_star {
   position:absolute;
   top:7px;
   left:4px;
}
/* These classnames match the values of the KEY column in the domain KLEUR */
.sdrm_bedrijven {
   background:url('../gfx/dropmenu_bg_bedrijven.png');
}
.sdrm_scholen {
   background:url('../gfx/dropmenu_bg_onderwijs.png');
}
.sdrm_leerlingen {
   background:url('../gfx/dropmenu_bg_leerlingen.png');
}
.sdrm_projecten {
   background:url('../gfx/dropmenu_bg_projecten.png');
}
.sdrm_kenwerk {
   background:url('../gfx/dropmenu_bg_kenwerk.png');
}

.sdrm_projecten a, .sdrm_projects a {
   color:black;
}
/* =========================================================================================
// 	Side Menu
========================================================================================= */

.menu_side {
   float:left;
   width:223px;
   color:white;
   padding:10px 0 27px 0;
}
.menu_side a {
   color:white;
   display:block;
   padding:5px 15px 5px 10px;
   text-decoration:none;
}
.haschildren_indicator {
   margin-right:-8px;
   float:right;
}
.menu_side a.active {
   padding:9px 10px 7px;
   margin-top:5px;
}
.children {
   margin-bottom:10px;
   padding-bottom:7px;
}
.children a, .menu_side .children a.active {
   padding:5px 15px 5px 10px;
   padding-left:30px;
   background:url('../gfx/submenu_tree.png') no-repeat 11px -5px;
}
.menu_side .children a.active {
   margin-top:0;
   font-weight:bold;
}
.menu_side .children a.last {
   background:url('../gfx/submenu_tree_end.png') no-repeat 11px -5px;
}
.subchildren {
   padding-left:20px;
   background:url('../gfx/submenu_tree_vertical.png') repeat-y 11px 0;
}
.subchildren a, .menu_side .subchildren a.active {
   background:url('../gfx/submenu_tree.png') no-repeat 11px -5px;
}
.menu_side .subchildren a.last {
   background:url('../gfx/submenu_tree_end.png') no-repeat 11px -5px;
}
.menu_side .subchildren a.active {
   margin-top:0;
   background:none;
   font-weight:bold;
}
/* =========================================================================================
// 	Content
========================================================================================= */

.middle {
   padding-bottom: 30px;
   background:white url('../gfx/corner_br_white_onlgreen.gif') no-repeat 100% 100%;
}
.breadcrumbs {
   color: #035568;
   margin-bottom:15px;
}
.breadcrumbs span {
   font-weight: bold;
}
.content, .content_wide {
   float:left;
   padding:15px;
   width:419px;
   line-height:160%;
}
.content_wide {
   width: 642px;
}
/* Text copy styles & some fixes for the changed lineheight. */
.text {
   line-height:160%;
}
.text p {
   margin:0 0 9px 0;
}
.text h2 {
   margin-bottom:0;
}

/*------------------------*/

.text ul, .text ol {
   margin-top:0px;
   margin-left:0;
}
.text ul {
   padding-left:20px;
}
.text ol {
   padding-left:25px;
}
.text ul li {
   margin-left:-20px;
   position:relative;
   left:20px;
   margin-right:20px;
}
.text ol li {
   margin-left:-25px;
   position:relative;
   left:25px;
   margin-right:25px;
}
.text ul ul li, .text ol ul li {
}
.text ul ul, .text ol ul {
   list-style-image:url('../gfx/bullet_dash.gif');
   margin-bottom:7px;
   line-height:160%;
}
.text ul ol, .text ol ol {
   list-style:lower-alpha;
   margin-bottom:7px;
}
.text ul ol li, .text ol ol li {
}
.text li {
   line-height:inherit;
}

/*------------------------*/

.text .link_button {
   line-height:13px;
}
.ff_wrapper {
   margin:0 0 9px;
}

/* Related Downloads */
.related_downloads {
   background:#dee9eb url('../gfx/downloadcenter/relateddownloads_top.gif') no-repeat;
   width:396px;
   margin:1.5em 0;
   position:relative;
   clear:both;
}
.rd_inner {
   background:url('../gfx/downloadcenter/relateddownloads_bottom.gif') no-repeat 0 100%;
   padding:15px;
}
.related_downloads h2 {
   font-size:13px;
   line-height:19px;
   color:#014a53;
   margin:0;
}
.dll_table {
   width:100%;
   margin:1em 0 0 0;
}
.dll_table tr.odd {
}
.dll_table tr.odd {
   background:#cadcdf;
}
.dll_table td {
   padding:2px;
}
.dll_table td.dlt_date {
   width:80px;
   color:#d40066;
}
.dll_table td.dlt_name {
}
.dll_table td.dlt_info {
   width:16px;
}
.dll_table td.dlt_action {
   width:50px;
}
/* this div functions exclusively as zero-point for the tooltip */
.dlt_info_canvas {
   position:relative;
}
.rd_tooltip {
   position:absolute;
   top:0;
   left:-142px;
   background:#4c8895;
   border:1px solid #014a53;
   padding:5px;
   color:white;
   width:130px;
   display:none;
}
.rd_tooltip .rd_order_image {
   display:block;
}
.rd_tooltip .rd_filesize {
   font-weight:bold;
   margin-bottom:5px;
}
.rightcol {
   margin-right:-136px; /* div hangs over the right edge */
   width: 304px;
   float:left;
   padding-top:30px;
   position:relative; /* IE7 bug where pos:rel is suddenly applied as pos:abs, causing layout havoc. */
}
.drawerboxes {
   background:#014a53 url('../gfx/corner_br_green_onlgreen.gif') no-repeat 100% 100%;
   position: relative;
}
.drawerboxes .db_header, .drawerboxes .db_container {
   position:relative;
   top:-30px; /* shift upward, to expose top round corner */
}
.drawerboxes .db_header {
   cursor:pointer;
   background:url('../gfx/accordion_bg_header.png') no-repeat;
}
.drawerboxes .db_header a {
   color:white;
   font-weight:bold;
   text-decoration: none;
   padding:10px 40px 15px 10px;
   display:block;
}
.db_opened {
   display:block;
}
.db_closed {
   display:none;
}
.drawerboxes .db_link a {
   background:url('../gfx/icon_link.gif') no-repeat 267px 50%;
}
.drawerboxes .db_content {
   padding:10px;
   padding-left:15px;
   color:white;
   position:relative;
}
.drawerboxes .db_content p {
   margin:0 0 10px;
}
.drawerboxes .db_content a {
   color:white;
}
.drawerboxes .db_content a:hover {
   color:#9bbfc6;
}
.drawerboxes .db_content .link_button {
   background:url('../gfx/but_round_leftside_white.png') no-repeat;
}
.drawerboxes .db_content .link_button a {
   background:url('../gfx/but_round_rightside_white.png') no-repeat 100% 0;
   color:#005568;
}
.rightcol_banners {
   width:304px;
   margin-top:10px;
   float:right;
}
.rightcol_banners a.banner {
   position:relative;
   display:block;
   margin-bottom:10px;
}
.rightcol_banners img.banner_image {
   display:block;
   width:304px;
}
.rightcol_banners .banner_overlay {
   position:absolute;
   bottom:0;
   right:0;
   display:block;
}
/* =========================================================================================
// 	Nieuwsoverzicht
========================================================================================= */
.nieuwsoverzicht_intro {
   float:left;
   width:100%;
   margin-top:1em;
}
.news_intro_image {
   width:150px;
   float:left;
   width:auto;
   margin-left:0;
   margin-right:10px;
   margin-bottom:5px;
}
.nieuwsoverzicht_intro h1 {
   margin-top:0;
   width:315px;
   margin-left:100px;
}
.nieuwsoverzicht_intro p {
   margin-top:0;
}
.nieuwsoverzicht_item {
   padding: 10px 0px;
   border-bottom: #3b7c8b 1px solid;
   clear:both;
}
.nieuwsoverzicht_item .newsitem_image {
   float:right;
   margin-left:5px;
   width:130px;
   position:relative;
   top:0;
   left:0;
}
.newsitem_image img {
   display:block;
   width:130px;
}
.newsitem_image img.newsitem_imagecorner {
   position:absolute;
   bottom:0;
   right:0;
   width:23px;
}
.nieuwsoverzicht_item .date {
   color: #d40066;
}
.nieuwsoverzicht_item a.readmore {
   display:block;
   padding-top:5px;
   font-weight:bold;
   text-decoration:none;
   clear:both;
   text-align:right;
}
.more_news_button {
   width: 104px;
   margin-top: 15px;
   padding: 3px 0px;
   background: url(../gfx/button_meernieuws_novz.jpg) no-repeat;
   text-align: center;
   color: #FFFFFF;
   text-transform: lowercase;
}
.more_news_button_full {
   width: 104px;
   margin-top: 15px;
   padding: 6px 0px;
   background: url(../gfx/button_meernieuws_novz_full.jpg) no-repeat;
   text-align: center;
   color: #FFFFFF;
   text-transform: lowercase;
}
.more_news_button a, more_news_button_full a {
   text-decoration: none;
   color: #FFFFFF !important;
}
.more_news_button a:hover, more_news_button_full a:hover {
   text-decoration: underline;
}
.nieuwsoverzicht_shortitems {
   margin-top:2em;
   clear:both;
}
.nieuwsoverzicht_shortitems .more_news_button {
   padding:5px 0 6px 0;
}
table.sort_news td {
   color: #005568;
   font-size: 11px;
   padding: 3px 0px;
}
table.sort_news td.expl {
   color: #d40066;
   width: 100px;
}
table.sort_news td a:link,  table.sort_news td a:active,  table.sort_news td a:visited {
   color: #005568;
   text-decoration: none;
}
table.sort_news td a:hover {
   color: #005568;
   text-decoration: underline;
}
.nieuws_detail h2 {
   margin:1em 0;
}
.nieuws_detail p {
   margin-top:0;
}
.nieuws_detail .date {
   color: #616161;
}
.nieuws_detail .back_button {
   width: 76px;
   margin-top: 10px;
   padding: 5px 0px 7px 0;
   background: url(../gfx/bg_button_green_small.jpg) no-repeat;
   text-align: center;
   color: #FFFFFF;
   text-transform: lowercase;
   line-height: auto;
   clear:both;
}
.nieuws_detail .back_button a {
   text-decoration: none;
   color: #FFFFFF;
}
.nieuws_detail .back_button a:hover {
   text-decoration: underline;
   color: #FFFFFF;
}
.nieuws_detail .sectorlist {
   color: #616161;
   margin-top:7px;
}
.nieuws_detail .newsitem_image {
   margin: 0 10px 10px 0;
   max-width:200px;
   float:left;
   position:relative;
}
.nieuwsarchief_pagination {
   width: 311px;
   height: 26px;
   margin-top: 40px;
   background: url('../gfx/news_pager.gif') no-repeat;
   cursor:default;
}
.nieuwsarchief_pagination .pager_start,  .nieuwsarchief_pagination .pager_end {
   width: 60px;
   margin: 0px 3px;
   padding: 3px 2px;
   color: #FFFFFF;
   text-align: center;
   xposition: relative;
   float: left;
}
.nieuwsarchief_pagination .pager_next,  .nieuwsarchief_pagination .pager_prev {
   width: 23px;
   margin: 0px 3px;
   padding: 3px 0px;
   color: #FFFFFF;
   text-align: center;
   xposition: relative;
   float: left;
}
.nieuwsarchief_pagination .pager_number {
   width: 103px;
   margin: 0px 3px;
   padding: 3px 2px;
   color: #000000;
   text-align: center;
   xposition: relative;
   float: left;
}
.nieuwsarchief_pagination a {
   color: #FFFFFF !important;
   text-decoration: none;
}
.nieuwsarchief_pagination a:hover {
   text-decoration: underline;
}
.sectorlist {
   float:right;
   clear:both;
}
.sectorlist .icon_sector {
   xposition:relative;
   xtop:3px;
}
/* =========================================================================================
// 	Workshop
========================================================================================= */

	.workshop a.thicklink {
   font-weight: bold;
   line-height: 20px;
}
.workshop {
}
table.workshop td {
   padding: 5px 0px;
}
table.workshop td.expl {
   width: 250px;
}
table.workshop td.expl {
   width: 250px;
}
table.workshop td.button {
   text-align: right;
   width: 180px;
}
table.workshop td.expl .date {
   color: #d40066;
}
table.workshop .more_news_button {
   width: 104px;
   margin-top: 10px;
   padding: 5px 0px;
   background: url(../gfx/button_meernieuws_novz.jpg) no-repeat;
   text-align: center;
   color: #FFFFFF;
   text-transform: lowercase;
}
table.workshop .more_news_button a:link,  table.workshop .more_news_button a:active,  table.workshop .more_news_button a:visited {
   text-decoration: none;
   color: #FFFFFF;
}
table.workshop .more_news_button a:hover {
   text-decoration: underline;
   color: #FFFFFF;
}
/* =========================================================================================
// 	Handige Links
========================================================================================= */
.weblinks {
   clear:both;
}

.weblinks h2 {
   font-size: 18px;
}
.weblinks p.url {
   padding-left: 20px;
}
.weblinks p.url a:link,  .weblinks p.url a:active,  .weblinks p.url a:visited {
   color: #d40066;
   text-decoration: none;
}
.weblinks p.url a:hover {
   color: #d40066;
   text-decoration: underline;
}
.weblinks p.description {
   margin-bottom: 15px;
   padding-left: 50px;
   color: #005568;
}
/* =========================================================================================
// 	Routeplanner
========================================================================================= */

	table.routeplanner td.expl {
   width: 100px;
   font-weight: bold;
}
input.routeplanner {
   padding: 5px 10px;
   width: 146px;
   background: url('../gfx/input_routeplanner.jpg') no-repeat;
}
table.routeplanner td.extra {
   padding-top: 5px;
   font-size: 10px;
   text-align: right;
   line-height: 18px;
}
input.button_blue {
   padding: 5px 10px;
   width: 131px;
   color: #FFFFFF;
   background: url('../gfx/button_blue.jpg') no-repeat;
}
table.route2 {
   color: #005568;
   margin: 10px 0px;
}
table.route2 td {
   width: 100px;
}
table.route2 td.expl {
   width: 250px;
   padding-right: 10px;
}
table.route2 a:link,  table.route2 a:active,  table.route2 a:visited {
   color: #005568;
   text-decoration: underline;
}
table.route2 a:hover {
   text-decoration: none;
}
.formulieren {
   height: auto;
   position: relative;
   float: left;
}
.formulieren p {
   line-height: 18px;
   color: #000000;
}
.formulier_holder {
   padding: 25px 0 0 11px;
   margin-bottom: 20px;
   background:#bcbd00 url('../gfx/corner_tl_lightgreen.gif') no-repeat;
}
.formulier_holder div.form {
   padding: 0 0 25px 0;
   background:#bcbd00 url('../gfx/corner_br_lightgreen.gif') no-repeat 100% 100%;
}
.formulier_holder div.form_intro {
   color:red;
   font-weight:bold;
   padding:0 0 15px 0;
}
.formulier_holder .title {
}
table.form {
}
.form table.form td {
   padding: 5px 0px;
   color: #FFFFFF;
}
.form table.form td.expl {
   font-weight: bold;
   vertical-align: top;
}
.form table.form td.missing {
   color: #ff0000;
}
.form table.form td.input {
   padding-left: 10px;
   vertical-align: top;
}
.form table.form a:link,  .form table.form a:active,  .form table.form a:visited {
   color: #FFFFFF;
   text-decoration: underline;
   font-weight: normal;
}
.form table.form a:hover {
   color: #FFFFFF;
   text-decoration: none;
   font-weight: normal;
}
.form table.form td.input input {
   width: 156px;
   padding: 6px 10px;
   background:transparent;
}
.form table.form td.input .inputwrapper {
   background: url(../gfx/bg_textfield_green.jpg) no-repeat 0 0;
   width:200px;
}
.form table.form td.inputtekst {
   width: 156px;
   padding: 6px 10px;
   background: url(../gfx/bg_textfield_green.jpg) no-repeat 0 50%;
}
.form table.form td.inputtekst input {
   width: 156px;
   border:0;
}
.form table.form td.input input.text_small_field {
   width: 20px !important;
   background: url(../gfx/bg_textfield_green_length2.jpg) no-repeat !important;
}
.form table.form td.input input.text_medium_field {
   width: 40px !important;
   background: url(../gfx/bg_textfield_green_length4.jpg) no-repeat !important;
}
.form table.form td.input textarea {
   width: 170px;
   height: 85px;
   padding: 3px;
   background-color: #FFFFFF;
   border: none;
}
.form table.form td.input input.form_fileinput {
   background: url(../gfx/bg_textfield_green.jpg) no-repeat 0 0;
}
.form table.form td.input select {
   width:175px;
}
.form table.form td.submitbuttons {
   text-align:right;
}
.form table.form td.submitbuttons input {
   margin-right:10px;
}
.form table.form td.input input.submit,  .form table.form td.input input.submit_light {
   width: 131px !important;
   padding: 6px 10px !important;
   color: #FFFFFF !important;
   background: url(../gfx/bg_textfield_button_green.jpg) no-repeat !important;
}
.form table.form td.input input.submit_light {
   color: #005568 !important;
   background: url(../gfx/bg_textfield_button_light_green.jpg) no-repeat !important;
}
/* =========================================================================================
// 	FAQ
========================================================================================= */

	.faq_holder {
   margin:1em 0;
}
.faq_holder .faq_item {
   float: left;
   margin-bottom: 5px;
   width: 420px;
}
.questionholder .number {
   width: 19px;
   background: url(../gfx/bg_faq_bullet.jpg) no-repeat;
   color: #FFFFFF;
   text-align: center;
   float: left;
   padding: 3px 0px;
   line-height:13px;
}
.question_active .number {
   background: url(../gfx/bg_faq_bullet_active.jpg) no-repeat;
}
.questionholder .question {
   float: left;
   padding-left: 20px;
   padding-top: 3px;
   color: #005568;
   width:380px;
}
.questionholder .question a {
   color: #005568;
   text-decoration: none;
}
.question_active .question a {
   text-decoration: underline;
}
.faq_holder .question a:hover {
   color: #005568;
   text-decoration: underline;
}
.faq_holder .answer {
   color: #005568;
   padding: 5px 0px 0px 50px;
   clear:both;
}
.faq_holder .answer p {
   margin-top:0;
   margin-bottom:1em;
}
.faq_filterform {
   float:right;
}
/* =========================================================================================
// 	Education
========================================================================================= */

.formulier_holder table.education_form td.expl {
   font-weight: bold;
   padding: 10px 0px 2px;
}
.formulier_holder table.education_form td.input {
   font-weight: bold;
   padding: 5px 0px;
}
/* =========================================================================================
// 	Footer
========================================================================================= */

.footer {
   background:white url('../gfx/corner_tr_white_onlgreen.gif') no-repeat 100% 0;
   margin-top:20px;
   color:#035568;
   height:120px;
}
.footermenu {
   background:#014a53 url('../gfx/corner_br_green.gif') no-repeat 100% 100%;
   width:661px;
   padding:6px 10px 12px 5px;
   color:white;
}
.footermenu a {
   color:white;
   margin:0 15px;
   text-decoration:none;
}
.footermenu img {
   position:relative;
   top:4px;
}
.colofon {
   float:right;
   margin-right:10px;
   _margin-right:5px;
   margin-top:15px;
   font-size:9px;
   line-height:1.6;
}
.colofon h3 {
   margin:0;
}
.bottomline {
   text-align:right;
   margin:20px 194px 0 20px;
   width:639px;
}
.bookmarkbox {
   position:absolute;
   bottom:120px;
   left:22px;
   width:258px;
   display:none;
}
img.bookmarkbox_top {
   display:block;
}
.bmb_body {
   padding:5px;
   background:white;
   border:6px solid #498b97;
   border-width:0 11px 10px 10px;
}
.bmb_left {
   float:left;
   width:115px;
}
.bmb_left h3 {
   margin:0 0 1em 0;
   font-size:12px;
   padding:3px 0 2px 25px;
   background:url('../gfx/icon_addto.gif') no-repeat;
}
.bmb_right {
   float:left;
   width:112px;
}
.bmb_right a {
   display:block;
   text-decoration:none;
   color:#666;
   padding:2px 0;
}
.bmb_right a img {
   position:relative;
   top:3px;
   margin-right:5px;
}
.bmb_right a:hover {
   color:#01474f;
}
.bmb_close {
   background:url('../gfx/bookmarkbox_close.gif') no-repeat;
   width:47px;
   height:30px;
   position:absolute;
   bottom:-30px;
   left:47px;
}
/* Royal Selectbox*/

/* Default RS styles */
.royal_selectbox {
   position:relative;
   z-index:1;
   line-height:13px;
}
.rs_field {
   background:url('../gfx/royalselect_field.gif') no-repeat;
   position:relative;
}
.rs_field_active {
   background-image:url('../gfx/royalselect_field_active.gif');
}
.rs_label {
   display:block;
   padding:7px 30px 6px 11px !important;
   cursor:pointer;
   float:none !important;
   color:black !important;
   width:auto !important;
   overflow:hidden;
   white-space:nowrap;
}
.rs_arrow {
   position:absolute;
   top:0;
   right:0;
   background:url('../gfx/royalselect_arrow.gif') no-repeat;
   width:30px;
   height:26px;
   cursor:pointer;
}
.rs_arrow_active {
   background-image:url('../gfx/royalselect_arrow_active.gif');
}
.rs_options {
   position:absolute;
   top:28px;
   left:0;
   display:none;
   width:100%;
   border:1px solid #d0d970;
   background:white;
}
.rs_options a {
   display:block;
   padding:5px 7px 5px 11px;
   text-decoration:none;
}
.rs_options a:hover {
   background:#d0d970;
   color:black !important;
}
/* Exception RS styles for selector in loginbox in header */
.rs_loginbox .rs_field {
   background:url('../gfx/royalselect_login_field.gif') no-repeat;
   position:relative;
}
.rs_loginbox .rs_field_active {
   background-image:url('../gfx/royalselect_login_field_active.gif');
}
.rs_loginbox .rs_arrow {
   background:url('../gfx/royalselect_login_arrow.gif') no-repeat;
}
.rs_loginbox .rs_arrow_active {
   background-image:url('../gfx/royalselect_login_arrow_active.gif');
}