/*-----------------------------------------------------------------------------
Website: Vegram Graphics
Auteur: Webatvantage.be
Laatst gewijzigd: 02-09-2009
-----------------------------------------------------------------------------*/

/*------------------------------- CSS IMPORT-------------------------------*/
@import url("../Includes/Jquery_fancybox.css");
/*------------------------------- CSS IMPORT-------------------------------*/

/*------------------------------- START RESET -------------------------------*/
* { margin: 0; padding: 0; outline: none; }
/*------------------------------- END RESET -------------------------------*/

/*------------------------------- START HTML / BODY -------------------------------*/
html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }
body { background: #fff; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; overflow: -moz-scrollbars-vertical; }
/*------------------------------- END HTML BODY -------------------------------*/

/*------------------------------- END DEFAULT LINK -------------------------------*/
a img { border: none; }
a:link, a:visited, a:hover, a:active{ color: #dd2027; }
/*------------------------------- END DEFAULT LINK -------------------------------*/

/*------------------------------- START HEADINGS -------------------------------*/
h1 { display: block; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 1.5em; padding: 0 0 5px 0; border-bottom: 1px solid #e0e0e0; }
h2, span.cms_title { display: block; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 1.5em; padding: 0 0 5px 0; border-bottom: 1px solid #e0e0e0; }
h2 span.datum { color: #666; font-size: 12px; font-weight: bold; }
h2.openingsuren { background: url(../Graphics/Clock.gif) no-repeat top left; padding-left: 25px;  height: 18px; line-height: 18px; display: block; margin: 3px 0; }
/*------------------------------- END HEADINGS -------------------------------*/

/*------------------------------- START CONTAINER -------------------------------*/
#container { width: 900px; margin: 0 auto; text-align: left; }
/*------------------------------- END CONTAINER -------------------------------*/

/*------------------------------- START HEADER -------------------------------*/
/* Topnav */
#header ul#topnav { float: left; width: 900px; height: 20px; }
#header ul#topnav li { float: right; display: inline; list-style: none; }
#header ul#topnav li a#links { display: block; width: 51px; height: 20px; background: url(../Buttons/Topnav_links.gif) no-repeat top left; text-indent: -9999px; }
#header ul#topnav li a#links_active { display: block; width: 51px; height: 20px; background: url(../Buttons/Topnav_links.gif) no-repeat bottom left; text-indent: -9999px; }
#header ul#topnav li a:hover#links { background: url(../Buttons/Topnav_links.gif) no-repeat bottom left; }
#header ul#topnav li a#sitemap { display: block; width: 51px; height: 20px; background: url(../Buttons/Topnav_sitemap.gif) no-repeat top left; text-indent: -9999px; }
#header ul#topnav li a#sitemap_active { display: block; width: 51px; height: 20px; background: url(../Buttons/Topnav_sitemap.gif) no-repeat bottom left; text-indent: -9999px; }
#header ul#topnav li a:hover#sitemap { background: url(../Buttons/Topnav_sitemap.gif) no-repeat bottom left; }
#header ul#topnav li a#contact { display: block; width: 51px; height: 20px; background: url(../Buttons/Topnav_contact.gif) no-repeat top left; text-indent: -9999px; }
#header ul#topnav li a#contact_active { display: block; width: 51px; height: 20px; background: url(../Buttons/Topnav_contact.gif) no-repeat bottom left; text-indent: -9999px; }
#header ul#topnav li a:hover#contact { background: url(../Buttons/Topnav_contact.gif) no-repeat bottom left; }

/* Logo */
#header #logo { clear: both; float: left; width: 227px; height: 40px; margin: 20px 0; }

/* Navbox */
#header #navbox { clear: both; float: left; width: 900px; height: 18px; background: url(../Graphics/Mainnav_bg.gif) repeat-x bottom left; }

/* Mainnav */
#header ul#mainnav { float: left; width: 700px; height: 18px; }
#header ul#mainnav li { display: inline; }
#header ul#mainnav a { float: left; display: block; width: auto; line-height: 100%; height: 18px; margin: 0 25px 0 0; padding: 0 3px; text-transform: uppercase; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333; text-decoration: none; }
#header ul#mainnav a:hover, #header ul#mainnav a#mainnav_active { background: url(../Graphics/Mainnav_hover_bg.gif) repeat-x bottom left; color: #dd2027; }

/* Taalkeuze */
#header ul#taalkeuze { float: right; width: auto; height: 18px; }
#header ul#taalkeuze li { display: inline; }
#header ul#taalkeuze a { float: left; display: block; width: auto; line-height: 100%; height: 18px; margin: 0 0 0 10px; padding: 0 3px; text-transform: uppercase; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333; text-decoration: none; }
#header ul#taalkeuze a:hover,
#header ul#taalkeuze a#taalkeuze_active { background: url(../Graphics/Mainnav_hover_bg.gif) repeat-x bottom left; color: #dd2027; }

/* Banner */
#header #banner { clear: both; float: left; width: 900px; height: 133px; }
#header #banner ul { list-style: none; margin: 0; padding: 0; }
#header #banner ul li { float: left; display: inline; }

#header #banner a#intro_druk { float: left; display: block; width: 300px; height: 133px; background: url(../Graphics/Intro_foto1.jpg) no-repeat top left; }
#header #banner a:hover#intro_druk { background: url(../Graphics/Intro_foto1.jpg) no-repeat bottom left; }
#header #banner a#intro_afwerken { float: left; display: block; width: 300px; height: 133px; background: url(../Graphics/Intro_foto2.jpg) no-repeat top left; }
#header #banner a:hover#intro_afwerken { background: url(../Graphics/Intro_foto2.jpg) no-repeat bottom left; }
#header #banner a#intro_binden { float: left; display: block; width: 300px; height: 133px; background: url(../Graphics/Intro_foto3.jpg) no-repeat top left; }
#header #banner a:hover#intro_binden { background: url(../Graphics/Intro_foto3.jpg) no-repeat bottom left; }

div#intro_druk_taal { position: absolute;  bottom: -40px; left: 0; width: 300px; height: 40px; line-height: 40px; text-align: center; }
div#intro_afwerken_taal { position: absolute; bottom: -40px; left: 300px; width: 300px; height: 40px; line-height: 40px; text-align: center; }
div#intro_binden_taal { position: absolute; bottom: -40px; left: 600px; width: 300px; height: 40px; line-height: 40px; text-align: center; }

.intro_active { background-position: bottom left !important; }

#banner .kwicks li { float: left; width: 300px; height: 133px; margin-right: 0; }
#banner #kwicks_druk { background: #ccc; }
#banner #kwicks_afwerken { background: #ddd; }
#banner #kwicks_binden { background: #ccc; }

.kwicks { width: 900px; list-style: none; position: relative; margin: 0; padding: 0; }
.kwicks li { display: block; overflow: hidden; padding: 0; cursor: pointer; }
/*------------------------------- END HEADER -------------------------------*/

/*------------------------------- START MAIN -------------------------------*/
/* Main */
#main { padding-bottom: 37px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #333; line-height: 1.5em; }  

/* Left */
#left { clear: both; float: left; width: 192px; margin: 0 30px 0 0; overflow: hidden; }
#left ul#sidenav { clear: both; float: left; width: 192px; margin: 20px 0 0 0; overflow: hidden; }
#left ul#sidenav li { clear: both; display: block; width: 192px; height: 30px; background: #272727 url(../Graphics/Sidenav_divider.gif) no-repeat bottom left; }
#left ul#sidenav li.last { display: block; width: 192px; height: 30px; background: #272727 url(../Graphics/Sidenav_last.gif) no-repeat bottom left; }
#left ul#sidenav li a:link, #left ul#sidenav li a:visited, #left ul#sidenav li a:active { display: block; width: 192px; height: 30px; line-height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; text-decoration: none; text-align: left; text-indent: 25px; }
#left ul#sidenav li a:hover, #left ul#sidenav li a#sidenav_active { background: url(../Graphics/Sidenav_hover.gif) no-repeat 10px 13px; padding: 0 0 0 10px; }

#left span#productnav_titel { float: left; display: block; width: 182px; font-weight: bold; font-size: 10px; margin: 10px 0 0 0;  padding: 0 0 5px 10px; background: url(../Graphics/Arrow.gif) no-repeat 0 7px; border-bottom: 1px solid #ddd; }
#left ul#productnav { clear: both; float: left; width: 192px; margin: 10px 0 0 0; overflow: hidden; }
#left ul#productnav li { clear: both; display: block; width: 192px; height: 30px; background: #eee url(../Graphics/Productnav_divider.gif) no-repeat bottom left; }
#left ul#productnav li.last { display: block; width: 192px; height: 30px; background: #eee url(../Graphics/Productnav_last.gif) no-repeat bottom left; }
#left ul#productnav li.sub { clear: both; display: block; width: 192px; height: 30px; background: #fff url(../Graphics/Productnav_divider.gif) no-repeat bottom left; }
#left ul#productnav li a:link, #left ul#productnav li a:visited, #left ul#productnav li a:active { display: block; width: 192px; height: 30px; line-height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333; text-decoration: none; text-align: left; text-indent: 25px; }
#left ul#productnav li a:hover, #left ul#productnav li a#productnav_active { background: url(../Graphics/Productnav_hover.gif) no-repeat 10px 13px; padding: 0 0 0 10px; }

#left form#productsearch { float: left; margin: 20px 0; }
#left form#productsearch fieldset { border: none; }
#left form#productsearch span { float: left; display: block; width: 182px; font-weight: bold; font-size: 10px; margin: 0 0 10px 0;  padding: 0 0 5px 10px; background: url(../Graphics/Arrow.gif) no-repeat 0 7px; border-bottom: 1px solid #ddd; }
#left form#productsearch .input { float: left; width: 180px; height: 13px; margin: 0 0 5px 0; padding: 5px; background: url(../Graphics/Productsearch_input_bg.gif) repeat-x top left; border:1px solid #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666; }
#left form#productsearch .select { float: left; width: 192px; margin: 0 0 10px 0; padding: 3px; background: url(../Graphics/Productsearch_input_bg.gif) repeat-x top left; border:1px solid #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666; }
#left form#productsearch .submit { float: left; width: 90px; height: 25px; margin: 5px 0 0 0; background: url(../Buttons/Submit.gif) no-repeat top left; border: none; color: #fff; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#left form#productsearch .submit:hover { background-position: bottom left; }

/* Center */
#center { float: left; width: 415px; margin: 20px 0 0 0; }
#center p { margin: 10px 0 20px 0; }
#center p img { float: left; margin: 0 20px 5px 0; }
#center  ul { margin: 10px 20px 10px 20px; }

/* Center large [product pages] */
#center_large {	float: left; width: 678px; margin: 20px 0 0 0; }
#center_large h1 a:link, #center_large h1 a:visited, #center_large h1 a:active { color: #333; text-decoration: none; }
#center_large h1 a:hover { color: #dd2027; text-decoration: underline; }

#center_large p { margin: 10px 0 20px 0; }
#center_large p img { float: left; margin: 0 20px 5px 0; }
#center_large  ul { margin: 10px 20px 10px 20px; }

/* Right */
#right { float: right; width: 233px; margin: 20px 0 0 0; }
#right #scroller { width: 225px; height: 167px; border: 3px solid #eee; padding: 1px; }
#right #contactinfo { width: 203px; min-height: 134px; margin: 10px 0; padding: 15px; height: auto !important; height: auto; background: #fff url(../Graphics/Contactinfo_bg.gif) no-repeat top left; }
/*------------------------------- END MAIN -------------------------------*/

/*------------------------------- START PROGRAMMA -------------------------------*/
div#programma { margin-bottom: 20px; }
div#programma div.agendapunt { margin: 10px 0; padding: 10px 0; border-bottom: 1px solid #eee; }
div#programma div.agendapunt span.datum { color: #666; }
div#programma div.agendapunt span.titel { color: #dd2027; font-weight: bold; }

div#programma div#geen_items { margin: 10px 0; padding: 10px 0; border-bottom: 1px solid #eee; }

div#programma div#buttons { float: left; width:678px; margin: 0 0 10px 0; }
div#programma div#buttons a#btn_vorige, div#programma a#btn_volgende { display: block; width: 130px; height: 25px; line-height: 25px; margin: 5px 0 0 0; padding: 0 10px; background-color: #eee; border-right: 1px solid #fff; color: #333; text-decoration: none; }
div#programma div#buttons a:hover#btn_vorige, div#programma a:hover#btn_volgende { background: #dd2027; color: #fff; }
div#programma div#buttons a#btn_vorige { width: 130px; text-align: center; float: left; } 
div#programma div#buttons a#btn_volgende { text-align: center; background-image: url(../Graphics/Programma_divider.gif) repeat-y top left; float: right; } 
/*------------------------------- END PROGRAMMA -------------------------------*/

/*------------------------------- START CONTACTFORM -------------------------------*/
form#contactform { margin: 0 0 20px 0; padding: 0; }
form#contactform fieldset { margin: 0 0 10px 0; border: 1px solid #ddd; }
form#contactform legend { font-weight: bold; padding: 0 5px; color: #333; }
form#contactform .floatleft { float: left; width: 300px; }
form#contactform ul { float: left; width: 300px; list-style: none; margin: 0; padding: 10px; }
form#contactform ul li { display: block; min-height: 30px; height: auto !important; margin: 3px 0; padding: 5px 0; }

form#contactform .label,
form#contactform .input,
form#contactform .inputred,
form#contactform .input_small,
form#contactform .input_small_red,
form#contactform .textarea,
form#contactform .textareared { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; }
form#contactform .label { clear: both; float: left; display: block; width: 100px; height: 20px; line-height: 20px; padding: 0 0 0 5px; }
form#contactform .input { clear: both; float: left; display: block; width: 250px; height: 16px; margin: 4px 0; padding: 3px 5px; border: 1px solid #e0e0e0; }
form#contactform .input_small { clear: both; float: left; display: block; width: 100px; height: 16px; margin: 4px 0; padding: 3px 5px; border: 1px solid #e0e0e0; }
form#contactform .input_small_red { clear: both; float: left; display: block; width: 100px; height: 16px; margin: 4px 0; padding: 3px 5px; border: 1px solid #dd2027; }
form#contactform .input:focus, form#contactform .textarea:focus, form#contactform .input_small:focus { border: 1px solid #999; }
form#contactform .inputred { clear: both; float: left; display: block; width: 250px; height: 16px; margin: 4px 0; padding: 3px 5px; border: 1px solid #dd2027; }
form#contactform .textarea { clear: both; float: left; display: block; width: 250px; border: 1px solid #e0e0e0;	 overflow: auto; min-height: 85px; height: auto !important; margin: 10px 0 10px 0; padding: 3px 5px; }
form#contactform .textareared { clear: both; float: left; display: block; width: 250px; border: 1px solid #dd2027; overflow: auto; min-height: 85px; height: auto !important; margin: 20px 0 10px 0; padding: 3px 5px; }
form#contactform .select { clear: both; float: left; margin: 0 0 10px 0; padding: 5px; background: url(../Graphics/Productsearch_input_bg.gif) repeat-x top left; border:1px solid #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666; }
form#contactform .select optgroup { margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #ccc; }
form#contactform .select optgroup label { background: #333; color: #fff; font-weight: bold; }

form#contactform .submit { float: left; width: 90px; height: 25px; background: url(../Buttons/Submit.gif) no-repeat top left; border: none; color: #fff; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
form#contactform .submit:hover { background: url(../Buttons/Submit.gif) no-repeat bottom left; }
/*------------------------------- END CONTACTFORM -------------------------------*/

a#stap2_link, a#stap3_link { float: left; width: 90px; height: 25px; line-height: 25px; background: url(../Buttons/Submit.gif) no-repeat top left; border: none; color: #fff; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; text-align: center; display: none; }
a:hover#stap2_link, a:hover#stap3_link { background-position: bottom left; }

/*------------------------------- START PRODUCTEN -------------------------------*/
div#producten { margin: 10px 0; }
div#producten a:link.productitem, div#producten a:visited.productitem, div#producten a:active.productitem { float: left; display: block; width: 206px; height: 148px; border: 1px solid #ddd; margin: 0 26px 26px 0; text-decoration: none; color: #333; font-weight: bold; }

div#producten a:hover.productitem { border: 1px solid #dd2027; color: #fff; text-decoration: underline; }
div#producten a:link.productitem span, div#producten a:visited.productitem span, div#producten a:active.productitem span { float: left; display: block; width: 208px; margin-left: -1px; height: 21px; line-height: 21px; background: #ddd; text-align: center; }

div#producten a:hover.productitem span { background: #dd2027; }

form#items_per_pagina { float: right; display: block; height: 25px; margin: 10px 0 0 0; }
form#items_per_pagina fieldset { border: none; }
form#items_per_pagina .label { float: left; display: block; height: 18px; line-height: 18px; }
form#items_per_pagina #aantal { width: 50px; margin: 0 0 0 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }
/*------------------------------- END PRODUCTEN -------------------------------*/

/*------------------------------- START PRODUCTEN DETAIL -------------------------------*/
div#producten_detail { margin: 25px 0 0 0; }

/* Product scroller */
div#product_scroller { float: left; width: 206px; height: 127px; margin: 0 20px 10px 0; background: #fff; border: 1px solid #ddd; overflow: hidden; }
div#product_scroller:hover { border: 1px solid #dd2027; }

/* Description */
div#producten_detail div.description ul { margin: 5px 0 5px 15px; padding: 0; list-style-type: disc; list-style-position: inside; }
div#producten_detail div.description ul li { margin:0; padding: 0; }

/* Relevante producten */
div#relevante_producten h1 { margin: 10px 0 10px 0;}
div#relevante_producten a:link, div#relevante_producten a:visited, div#relevante_producten a:active { float: left; display: block; width: 148px; height: 93px; margin: 0 22px 0 0; border: 1px solid #ddd; } 
div#relevante_producten a:hover { border: 1px solid #dd2027; }
/*------------------------------- END PRODUCTEN DETAIL -------------------------------*/

/*------------------------------- START KLANTEN -------------------------------*/
div.klant_oneven { position: relative; float: left; width: 198px; height: 98px; margin: 0 15px 15px 0; background: #eee; border: 1px solid #ddd; }
div:hover.klant_oneven, div:hover.klant_even  { border: 1px solid #dd2027; }
div.klant_even { position: relative; float: left; width: 198px; height: 98px; margin: 0 0 15px 0; background: #eee; border: 1px solid #ddd;	}
span.klantnaam { position: absolute; bottom: 0; left: 0; display: block; width: 198px; height: 20px; line-height: 20px; background: #eee; text-align: center; font-style: italic; }
div.klant_oneven:hover span.klantnaam, div.klant_even:hover span.klantnaam { background: #dd2027; color: #fff; }
/*------------------------------- END KLANTEN -------------------------------*/

/*------------------------------- START SITEMAP -------------------------------*/
/* Niveau 1 */
ul.sitemap { float: left; margin: 0 15px 10px 0; padding: 0; list-style: none; }
ul.sitemap li { font-weight: bold; }
ul.sitemap li a { background: url(../Graphics/Arrowblock.gif) no-repeat center left; padding: 0 0 0 15px; }

/* Niveau 2 */
ul.sitemap li ul { margin: 0 15px 10px 10px; list-style: none; }
ul.sitemap li ul li { font-weight: normal; }

ul.sitemap li ul li a { background: url(../Graphics/Arrowblock_grey.gif) no-repeat center left; padding: 0 0 0 15px; }
ul.sitemap li ul li a:link, ul.sitemap li ul li a:visited, ul.sitemap li ul li a:active { color: #333; }

/* Niveau 3 */
ul.sitemap li ul li ul { margin: 0 15px 10px 15px; list-style: none; color: #666; }
ul.sitemap li ul li ul li a { background: url(../Graphics/Arrowblock_lightgrey.gif) no-repeat center left; padding: 0 0 0 15px; }
ul.sitemap li ul li ul li a { color: #666; }
/*------------------------------- END SITEMAP -------------------------------*/

/*------------------------------- START CONTACT -------------------------------*/
ul.contact { margin: 5px 0; }
ul.contact li { padding: 0px 0; }
/*------------------------------- END CONTACT -------------------------------*/

/*------------------------------- START NIEUWS -------------------------------*/
ul#nieuwslijst { margin: 10px 0 10px 0; }
ul#nieuwslijst li { display: block; margin: 5px 0 0 0; }
ul#nieuwslijst li a { display: block; padding: 5px 5px 5px 15px; background: url(../Graphics/Nieuws.gif) no-repeat center left; text-decoration: none; color: #333; }
ul#nieuwslijst li a:hover, ul#nieuwslijst li a#nieuws_active { background: url(../Graphics/Nieuws_active.gif) no-repeat center left; color: #dd2027; }
ul#nieuwslijst li a span.datum { color: #666; }
ul#nieuwslijst li a:hover span.titel { text-decoration: underline; }
ul#nieuwslijst li a span.leesverder { display: none; }
ul#nieuwslijst li a:hover span.leesverder { display: inline; }
div#nieuws_header { position: relative; margin: 10px 0; padding: 15px; background: #eee;  }
div#nieuws_header span#quote_links { position: absolute; top: 2px; left: 2px; width: 15px; height: 12px; background: url(../Graphics/Quote_links.gif) no-repeat top left; }
div#nieuws_header span#quote_rechts { position: absolute; bottom: 2px; right: 2px; width: 15px; height: 12px; background: url(../Graphics/Quote_rechts.gif) no-repeat bottom right; }

#news_header { font-weight: bold; }

.news_item { overflow: hidden; }
.news_item img { float: left; margin: 0 10px 5px 0; }
/*------------------------------- END NIEUWS -------------------------------*/

/*------------------------------- START AANVRAAG -------------------------------*/
div#aanvraag_breadcrumbs { width: 678px; height: 50px; margin: 0 0 10px 0; background: #eee; }
div#aanvraag_breadcrumbs a.active { background-position: bottom left; cursor: default; }
div#aanvraag_breadcrumbs a { float: left; display: block; width: 155px; height: 50px; text-indent: -9999px; background-position: top left;  }
/* Nederlands */
div#aanvraag_breadcrumbs a#stap1_NL { background-image: url(../Graphics/Aanvraag_stap1_NL.gif); }
div#aanvraag_breadcrumbs a#stap2_NL { background-image: url(../Graphics/Aanvraag_stap2_NL.gif); }
div#aanvraag_breadcrumbs a#stap3_NL { background-image: url(../Graphics/Aanvraag_stap3_NL.gif); }
/* Frans */
div#aanvraag_breadcrumbs a#stap1_FR { background-image: url(../Graphics/Aanvraag_stap1_FR.gif); }
div#aanvraag_breadcrumbs a#stap2_FR { background-image: url(../Graphics/Aanvraag_stap2_FR.gif); }
div#aanvraag_breadcrumbs a#stap3_FR { background-image: url(../Graphics/Aanvraag_stap3_FR.gif); }	
/* Engels */
div#aanvraag_breadcrumbs a#stap1_EN { background-image: url(../Graphics/Aanvraag_stap1_EN.gif); }
div#aanvraag_breadcrumbs a#stap2_EN { background-image: url(../Graphics/Aanvraag_stap2_EN.gif); }
div#aanvraag_breadcrumbs a#stap3_EN { background-image: url(../Graphics/Aanvraag_stap3_EN.gif); }	
/*------------------------------- END AANVRAAG -------------------------------*/

/*------------------------------- START VACATURES -------------------------------*/
ul#vacatures { margin: 10px 0 10px 0; }
ul#vacatures li { display: block; margin: 5px 0 0 0; }
ul#vacatures li a { display: block; padding: 5px 5px 5px 15px; background: url(../Graphics/Nieuws.gif) no-repeat center left;; text-decoration: none; color:#333; }
ul#vacatures li a:hover, ul#vacatures li a#vacatures_active { background: url(../Graphics/Nieuws_active.gif) no-repeat center left; color: #dd2027; }
ul#vacatures li a span.datum { color: #666; }
ul#vacatures li a:hover span.titel { text-decoration: underline; }
ul#vacatures li a span.leesverder { display: none; }
ul#vacatures li a:hover span.leesverder { display: inline; }
/*------------------------------- END VACATURES -------------------------------*/

/*------------------------------- START LINKS -------------------------------*/
a.link_button { padding: 8px 8px 6px 8px; background: #eee; border-right: 1px solid #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333; cursor: pointer; text-decoration: none; }
a:hover.link_button, a#link_button_active { background: #dd2027; color: #fff; }

dl#linkslist { margin: 10px 0; }
dl#linkslist dt { padding: 10px 0 10px 18px; background: url(../Graphics/Arrowblock.gif) no-repeat center left; }
dl#linkslist dd { padding: 0 0 10px 0; border-bottom: 1px solid #eee; }
/*------------------------------- END LINKS -------------------------------*/

/*------------------------------- START BUTTONBOX -------------------------------*/
div.buttonbox { clear: both; margin: 5px 0; padding: 5px; border-top: 1px solid #e0e0e0; }
div.buttonbox .terug { float: left; padding: 0 0 0 15px; background: url(../Graphics/Arrowback.gif) no-repeat center left; }
div.buttonbox .naarboven { float: right; padding: 0 0 0 15px; background: url(../Graphics/Arrowup.gif) no-repeat center left; }
/*------------------------------- END BUTTONBOX -------------------------------*/

/*------------------------------- START FOOTER -------------------------------*/
#footer { position: relative; margin-top: -37px; height: 37px; clear: both; background: url(../Graphics/Footer_bg.gif) repeat-x top left; }
#footer #innerfooter { width: 900px; margin: 0 auto; color: #666; line-height: 37px; } 
#footer p.copyright { float: left; }
#footer p.credits { float: right; }
#footer p.copyright a, #footer p.credits a { color: #333; }
/*------------------------------- END FOOTER -------------------------------*/

/*------------------------------- START TOOLTIP -------------------------------*/
#tooltip { display: none; position: absolute; display: block; width: auto; padding: 5px; border: 1px solid #c21e21; background: #dd2027; color: #fff; }
/*------------------------------- END TOOLTIP -------------------------------*/

/*------------------------------- START OTHER CLASSES -------------------------------*/
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }
.important { font-weight: bold; }
.underline { text-decoration: underline; }
.nomargin { margin: 0; }
.noborder { border: none; }
.hidden { display: none; }
.error, .red { color: #903; }
.arrow { background: url(../Graphics/Arrowblock.gif) no-repeat center left; padding: 0 0 0 15px; text-decoration: underline; }
.info { padding: 5px; background: #eee; border: 1px solid #ddd; }
.infomessage { padding: 5px 5px 5px 30px; color: #333; border: 1px solid #ddd; background: #eee url(../Graphics/Info.png) no-repeat 6px 6px; }
.errormessage { padding: 5px 5px 5px 30px; color: #dd2027; border: 1px solid #dd2027; background: #f5e0e0 url(../Graphics/Error.png) no-repeat 6px 6px; }
.succesmessage { padding: 5px 5px 5px 30px; color: #363; border: 1px solid #65b46e; background: #cbeaca url(../Graphics/Succes.png) no-repeat 6px 6px; }
.mail { display: inline-block; height: 18px; line-height: 18px; margin: 3px 0; padding: 0 0 0 25px; background: url(../Graphics/Mail.gif) no-repeat center left; }
div.boxgrey { margin: 10px 0; padding: 10px 10px 10px 20px; background: #eee; border-left: 3px solid #ddd; overflow: hidden; }
/*------------------------------- END OTHER CLASSES -------------------------------*/

/*------------------------------- START CLEARFIX -------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {	display: block; }
/* End hide from IE-mac */
/*------------------------------- END CLEARFIX -------------------------------*/