/* +---------------------------------------------------------------+ */
/* |    Generic Styling                                            | */
/* +---------------------------------------------------------------+ */
/* =====[ HTML Elements - Headers ]================================= */
h2
{
    margin:10px 0;
    padding:4px 0 4px 22px;
    padding-left:30px;
    background:url(/static/img_new/icn/logo_xs.gif) center left no-repeat;
    color:#4285c5;
    font-size:18px;
    border-bottom:1px solid #d8d8d8;
}

h2.link
{
    background:url(/images/newstyle/arrow_orange_right.gif) center left no-repeat;
    margin-top:0;
    padding-left:20px;
}

a h2.link
{
    text-decoration:none;
}

h3
{
    color:#fe7d19;
    font-size:14px;
}

.pinkarea h3
{
    color:#4285c5;
    font-size:14px;
}

h4
{
    margin:0 0 2px;
    padding:0;
    color:#515151;
    font-size:12px;
}

/* Gebruikt bij "wat is dit?" help-mouseover */
h1 span.helplink,h2 span.helplink,h3 span.helplink,h4 span.helplink,h2 span.sluitlink,h2 span.tools
{
    float:right;
    font-size:11px;
    font-weight:normal;
    color:#4285c5;
}

.nobr
{
    white-space:nowrap;
}

/* =====[ Colors ]===================================================*/
.orange
{
    color:#f56b00;
}

.dark-blue
{
    color:#2f5077;
}

.light-blue
{
    color:#4285c5;
}

.lighter-blue
{
    color:#7C9AB9;
}

/* =====[ Font classes ]===================================================*/
.small-font
{
    font-size:.9em;
}

/* =====[ HTML Elements - Text ]==================================== */
.smallprint
{
    font-size:80%;
    margin:0;
}

.bold
{
    font-weight:bold;
}

.italic
{
    font-style:italic;
}

/* =====[ HTML Elements - Links ]=================================== */
a
{
    color:#2f5077;
    text-decoration:underline;
}

a img
{
    border:0;
}

a:hover
{
    text-decoration:none;
}

a.pdf
{
    padding:4px 4px 4px 25px;
    background:transparent url(/static/img_new/icn/pdf.gif) no-repeat scroll 0 50%;
    font-size:12px;
    font-weight:normal;
}

a.backlink
{
    clear:both;
    display:block;
    margin:0;
    padding:13px 0 0 10px;
    font-size:.9em;
    background:url(/images/newstyle/arrow_blue_left.gif) no-repeat left 15px;
}

a.vorigelink
{
    margin:0;
    padding:13px 5px 0 10px;
    font-size:.9em;
    background:url(/images/newstyle/arrow_blue_left.gif) no-repeat left 15px;
}

a.volgendelink
{
    margin:0;
    padding:13px 10px 0 5px;
    font-size:.9em;
    background:url(/images/newstyle/arrow_blue_right.gif) no-repeat right 15px;
}

a.printlink
{
    clear:both;
    display:block;
    margin:0;
    padding:0 0 3px 22px;
    font-size:.9em;
    background:url(/images/newstyle/icn/printer.png) no-repeat left 0;
}

/* =====[ HTML Elements - Site wide used classes ]================== */
.clear
{
    clear:both;
}

div.inline-banner
{
    display:block;
    float:right;
    height:280px;
    width:336px;
}

div.test-banner
{
    background-color:#F0F;
    font-size:xx-large;
    height:100%;
    width:100%;
}

hr
{
    border:0;
    height:1px;
    color:#fe7d19;
}

/* =====[ HTML Elements - Lists ]=================================== */
ul
{
    list-style-type:disc;
}

/* =====[ HTML Elements - Form ]==================================== */
fieldset
{
    border:0;
    margin:0;
    padding:0;
}

/* This label is most used in forms, left floating with a 140px width */
label
{
    color:#515151;
}

label.block
{
    display:block;
    float:left;
    width:140px;
    font-weight:bold;
}

/* This label is used in the snelzoeken form */
label.snel
{
    display:inline;
    width:auto;
    color:#fff;
    float:left;
    font-weight:bold;
    padding:0;
}

label.clean
{
    display:inline;
    width:auto;
    float:none;
}

label.wide
{
    float:left;
    width:575px;
}

/* =====[ HTML Elements - Floats ]================================== */
.floatright,.right
{
    float:right;
}

.floatleft,.left
{
    float:left;
}

.align-right
{
    text-align:right;
}

ul.no-indent,ol.no-indent
{
    padding-left:2ex;
}

.align-center
{
    text-align:center;
}

/* +---------------------------------------------------------------+ */
/* |    Element Styling                                            | */
/* +---------------------------------------------------------------+ */
/* =====[ Small elements ]========================================== */
.area
{
    padding:10px 17px;
    margin-bottom:1em;
}

.hidden
{
    display:none;
}

.clean
{
    margin:0;
    padding:0;
    border:0;
}

.wide
{
    width:100%;
}

.debug
{
    border-style:solid;
    border-width:1px;
    border-color:red;
}

div.alertbox
{
    display:block;
    border:0;
    padding:5px 10px;
    margin:0 0 10px;
    background:#fffcc7;
}

div.alertbox p
{
    background:url(/images/newstyle/lamp.gif) no-repeat left center;
    padding:0 0 0 25px;
    margin:0;
    color:#7c9ab9;
    font-size:1.2em;
}

div.alertbox_small
{
    display:block;
    border:0;
    padding:5px 10px;
    margin:0 0 10px;
    background:#fffcc7;
}

div.alertbox_small p
{
    background:url(/images/newstyle/lamp.gif) no-repeat left center;
    padding:0 0 0 25px;
    margin:0;
    color:#7c9ab9;
    font-size:1em;
}

div.alertbox_small
{
    display:block;
    border:0;
    padding:5px 10px;
    margin:0 0 10px;
    background:#fffcc7;
}

div.alertbox_small p
{
    background:url(/images/newstyle/lamp.gif) no-repeat left center;
    padding:0 0 0 25px;
    margin:0;
    color:#7c9ab9;
    font-size:1em;
}

.pinkarea
{
    background-color:#ffebdb;
}

.bluearea
{
    background-color:#edf3fa;
}

ul.minimenu
{
    float:right;
    padding-right:20px;
    font-size:smaller;
}

ul.minimenu li
{
    display:inline;
}

div.prev_next_nav
{
    width:630px;
    padding:5px 0 0;
}

/* =====[ Paraghraph ]============================================== */
p
{
    line-height:17px;
}

p img.right
{
    margin:10px 0 10px 16px;
}

p img.left
{
    margin:10px 16px 10px 0;
}

/* =====[ Tooltips ]================================================ */
.tooltip
{
    background:#FFF98F none repeat scroll 0;
    border:1px solid #D8D8D8;
    color:#515151;
    margin-top:-10px;
    padding-bottom:10px;
    width:230px;
    line-height:18px;
}

.tooltip h4
{
    display:block;
    font-size:14px;
    margin:0;
    padding:10px 10px 0;
}

.tooltip p
{
    margin:0;
    padding:0 10px 10px;
}

.tooltip .pointer
{
    position:absolute;
    left:-14px;
    top:20px;
    height:26px;
    width:14px;
}

.tooltip ul
{
    margin-left:25px;
}

/* Vaste tooltip bovenaan de rechter kolom */
.tooltip.fixed
{
    margin-top:10px;
    margin-left:-10px;
    width:240px;
}

.tooltip.center
{
    text-align:center;
}

div.tooltips div.info
{
    border:1px solid #d8d8d8;
    color:#515151;
    background:#fff9bf;
    position:relative;
    width:215px;
    margin-top:-35px;
    padding:10px 10px 10px 9px;
}

div.tooltips div.info .pointer
{
    width:14px;
    position:absolute;
    top:20px;
    left:-14px;
    height:26px;
}

/* =====[ Fancy & Arrow List ]====================================== */
ul.arrow,ol.arrow
{
    padding:0;
    margin:0;
    list-style-type:none;
}

ul.arrow li,ol.arrow li
{
    display:block;
    list-style-type:none;
    background:transparent url(/images/list_fancy.gif) no-repeat left top;
    padding:0 0 5px 23px;
}

ul.arrow li ul,ol.arrow li ul
{
    margin:8px 0 0;
    padding:0 0 0 23px;
}

/* ================================================================= */
/* Multiple choice list (list of radio buttons / checkboxes + labels) */
ul.multiple-choice
{
    padding:0;
    margin:0;
}

ul.multiple-choice li
{
    padding:1px 0 1px 5px;
    margin:0;
    list-style-type:none;
}

/* =====[ Check List ]============================================== */
ul.check,ol.check
{
    padding:0;
    margin:0 0 0 10px;
}

ul.check li,ol.check li
{
    display:block;
    list-style-type:none;
    background:url(/images/list_check.gif) no-repeat left top;
    padding:0 0 10px 23px;
}

ul.check.tight li,ol.check.tight
{
    padding-bottom:5px;
}

/* =====[ Tooltip List ]============================================ */
ul.tooltip-list,ol.tooltip-list
{
    padding:0;
    margin:0 0 0 10px;
}

ul.tooltip-list li,ol.tooltip-list li
{
    list-style-position:inside;
    padding:0;
}

/* =====[ Fancy Image ]============================================= */
img.fancy
{
    padding:8px;
    margin-right:10px;
    border:1px solid #d8d8d8;
}

/* +---------------------------------------------------------------+ */
/* |    Table Styling                                              | */
/* +---------------------------------------------------------------+ */
/* .fancy = standard style */
/* .folders = same code as borderless DONE */
/* .form = standard with borderless, so deleted. */
/* .barebones = other naming, .nomargin  DONE */
/* .nobg = no background */
/* =====[ Standard Table ]========================================== */
table,tr,td,th
{
    padding:0;
    margin:0;
    border-width:0;
    border-collapse:collapse;
}

table.standard,table.standard td,table.standard th
{
    padding:0;
    margin:0 0 10px;
    border-width:0;
    border-top:1px solid #d8d8d8;
    border-right:1px solid #d8d8d8;
    border-collapse:collapse;
}

table.standard td,table.standard th
{
    vertical-align:top;
    padding:7px 9px;
    margin:0;
    border-bottom:1px solid #d8d8d8;
    border-left:1px solid #d8d8d8;
    background:#fff;
}

table.standard tr
{
    border-style:none;
}

table.standard th
{
    height:50px;
    font-weight:bold;
    line-height:150%;
}

table.standard tr,table.standard th
{
    margin:0;
    background:#ffebdb;
    color:#666;
}

table.tight,table.tight tr,table.tight td,table.tight th
{
    padding:0;
}

/* Used to mark every other line in a table. Is there anything clever for this? */
tr.accent
{
    background:#ddd;
}

table.high-rows tr td
{
    padding-top:2px!important;
    padding-bottom:2px!important;
}

/* =====[ Center column ]======================================= */
table tr td.center
{
    text-align:center;
}

/* =====[ No background exeption ]============================== */
table.nobg,table.nobg tr,table.nobg td
{
    background:none;
}

/* =====[ Borderless exeption ]================================= */
table.borderless
{
    border-top:0;
    border-right:0;
    padding:0;
    margin:0;
}

table.borderless tr th,table.borderless tr td
{
    border-bottom:0;
    border-left:0;
    padding:0;
    margin:0;
}

table.borderless tr.padded td
{
    padding-right:1ex;
}

/* =====[ prijslijst exeption ]========================== */
table.prijslijst tfoot tr td
{
    border-left:0;
    border-right:0;
    border-bottom:0;
    background:none;
}

/* =====[ No margin/padding exeption ]========================== */
table.nomargin,table.nomargin tr,table.nomargin td,table.nomargin th
{
    padding:0;
    margin:0;
}

/* =====[ Factuur overzicht exeption ]========================== */
table.factuur_overzicht
{
    margin:0 0 10px;
}

table.factuur_overzicht tr td hr
{
    border-top:1px solid #d8d8d8;
}

/* =====[ Table - Poll ]========================================*/
table.result
{
    padding:0;
    margin:10px 0 15px;
    border-top:1px solid #ccc;
}

table.result tr
{
    border-bottom:1px solid #ccc;
}

table.result td
{
    padding:8px 0;
    margin:0 0 4px;
}

/* =====[ Columns ]================================================= */
div.column-left
{
    background:url(/static/img_new/content_home_left_dots-630.gif) top right repeat-y;
    float:left;
    margin-top:10px;
    padding:20px 40px 20px 20px;
    width:600px;
    overflow:hidden;
}

@media print {
    div.column-left
    {
        background:none;
    }
    
    div.print-overflow-visible
    {
        overflow:visible;
    }
}

div.column-left div.background-white
{
    background:#FFF;
    margin:0 -20px;
    padding:5px;
}

div.column-right
{
    float:left;
    color:#515151;
    padding-left:15px;
    padding-right:5px;
    margin-top:10px;
    width:220px;
}

div.column-right .extra-images img
{
/* IE6 Exeptions exist in IE css file */
    max-width:220px;
}

.extra-images
{
    clear:both;
    padding-top:15px;
}

div.column-single
{
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#edf3fa;
}

/* +---------------------------------------------------------------+ */
/* |    Forms & Buttons                                            | */
/* +---------------------------------------------------------------+ */
/* =====[ Forms ]=================================================== */
input.text
{
    padding:3px;
    border:1px solid #d8d8d8;
    margin:0 0 3px;
}

textarea
{
    border:1px solid #d8d8d8;
    padding:3px;
}

/* =====[ Form errors ]============================================= */
.errors
{
    width:560px;
    padding:20px;
    margin:0 10px 10px 0;
    color:red;
    border:1px dotted red;
}

.errors.narrow
{
    width:340px;
}

.errors.wide
{
    width:866px;
}

.errors ul
{
    margin:0 0 0 20px;
    padding:0;
    list-style-type:square;
}

.errors ul li
{
    margin:0;
    padding:0;
}

/* =====[ Form buttons ]============================================ */
input.button
{
    display:block;
    padding:4px 4px 5px;
    margin:4px 5px 4px 0;
    height:28px;
    background:transparent url(/images/newstyle/bg/buttongd.gif) repeat scroll 0;
    border:1px solid #bbb;
}

input.button:hover
{
    background:transparent url(/images/newstyle/bg/buttongd_hvr.gif) repeat scroll 0;
}

div.button
{
    background:transparent;
}

.button.left
{
    margin-right:10px;
}

/* +---------------------------------------------------------------+ */
/* |    Search Results                                             | */
/* +---------------------------------------------------------------+ */
/* =====[ Search Results - Generic styling  ]======================= */
span.markeer
{
/* markeer trefwoorden uit de zoekopdracht */
    background-color:#f33;
}

#search-output
{
    float:left;
    width:680px;
}

.search-results ul
{
    list-style-type:none;
    padding:0;
    margin:0;
}

.search-results li
{
    cursor:pointer;
    list-style-type:none;
    padding:12px 19px 0;
    margin:0 0 8px;
    clear:both;
    font-size:.9em;
    background:#edf3fa;
}

.search-results li:hover
{
    background:#dbe8f4;
}

.search-results li h2.link a:visited
{
    color:#fe8222!important;
}

.search-results li:hover h2
{
    text-decoration:underline;
}

/* Following line is part of above IE6 hack, fixes FF */
.search-results li:hover .details ul li
{
    background:#dbe8f4;
}

.search-results li.topbaan
{
    border:2px solid #f56b00;
    padding:10px 17px 0;
}

.search-results li.topbaan div.topbaan-text
{
    margin:0;
    font-weight:bold;
    font-size:1.5em;
    color:#f56b00;
}

.search-results li h2
{
    color:#4285c5;
    border:0;
    font-size:1.3em;
}

.search-results li h2 a
{
    text-decoration:none;
}

.search-results li .description
{
    width:402px;
/* 20 px ruimte */
}

.search-results li .description p
{
    line-height:1.2em!important;
}

.search-results li .details
{
    width:220px;
}

.search-results li .details h4
{
    margin:5px 0 0;
    font-size:.9em;
    color:#f56b00;
}

.search-results li .details h4 a
{
    color:#f56b00;
    text-decoration:none;
}

.search-results li .details ul
{
    padding:10px 0 0;
}

.search-results li .details ul li
{
    padding:0;
    margin:0;
    list-style-type:none;
    line-height:1.7em;
}

.search-results li .details ul li div.key
{
    float:left;
    width:110px;
}

.search-results li .details ul li div.value
{
    float:right;
    width:110px;
    text-align:left;
    font-weight:bold;
    overflow:hidden;
}

.search-results li .details img
{
    margin:8px 0 0;
}

/* =====[ Short Search Results - Generic styling  ]============= */
.search-results li.kort
{
    display:block;
    padding:6px;
    margin:0 0 10px;
}

.search-results li.kort .title
{
    float:left;
    width:388px;
    padding:0;
}

.search-results li.kort .title h2
{
    margin:0;
    padding:0 0 0 20px;
    background-position:left top;
}

.search-results li.kort .location
{
    float:left;
    width:110px;
    padding:0;
    margin:0 15px;
}

.search-results li.kort .image,.search-results li.kort .bedrijfsnaam
{
    width:140px;
    float:right;
    color:#f56b00;
    text-align:right;
}

.search-results li.kort .image img,.search-results li.kort .bedrijfsnaam img
{
    max-width:120px;
    width:auto!important;
    width:120px;
    max-height:60px;
}

.search-results li.kort .image a
{
    color:#f56b00;
    text-decoration:underline;
}

.search-results li.kort .image a:hover
{
    text-decoration:none;
}

.search-results li.kort.topbaan
{
    padding:4px;
}

.search-results li.kort.topbaan .title
{
    margin:0;
    padding:0;
}

.search-navigation
{
    margin:0 0 20px;
    text-align:center;
    color:#515151;
    height:30px;
}

.search-navigation .small
{
    margin:11px 0 20px;
    text-align:center;
    color:#515151;
    width:600px;
}

.search-navigation a.current
{
    text-decoration:none;
    color:#515151;
    font-weight:bold;
    cursor:default;
}

.search-navigation .volgende
{
    padding-right:8px;
    background:url(/images/newstyle/buttons/next.gif) 100% 50% no-repeat;
    float:right;
}

.search-navigation .perpage
{
    float:left;
}

/* +---------------------------------------------------------------+ */
/* |    Specific Page Styling                                      | */
/* +---------------------------------------------------------------+ */
/* =====[ Werkgevers - Producten overzicht ]======================== */
#products h2
{
    clear:both;
    margin:0;
    border-bottom:1px solid #ccc;
}

#products H2 span.red
{
    font-size:11px;
    font-weight:normal;
    color:red;
}

#products H3 span.korting
{
    color:#4285c5;
    font-size:14px;
    font-weight:bold;
}

#products a.alertbox
{
    float:right;
    font-size:11px;
    font-weight:bold;
    background:#fffcc7 url(/images/newstyle/lamp.gif) no-repeat 5px center;
    padding:5px 5px 5px 20px;
    margin:0;
}

#products ul.choose_group
{
    margin:15px 0 0;
    padding:0;
    height:92px;
}

#products ul.choose_group li
{
    display:block;
    float:left;
    list-style-type:none;
    height:88px;
    padding:2px 15px;
    margin:0 0 0 -1px;
    background:transparent url(/images/newstyle/bg/bg_producten_small.gif) no-repeat scroll left center;
    width:198px;
    cursor:pointer;
}

#products ul.choose_group li.selected
{
    background:transparent url(/images/newstyle/bg/bg_producten_small_hvr.gif) no-repeat scroll left center;
}

#products ul.choose_group li:hover
{
    background:transparent url(/images/newstyle/bg/bg_producten_small_hvr.gif) no-repeat scroll left center;
}

#products ul.choose_group li:hover h3
{
    text-decoration:none;
}

#products ul.choose_group li .vacatures
{
    background:url(/images/newstyle/icn/product_vacatures.gif) left center no-repeat;
    padding:5px 0 0 72px;
    font-size:.9em;
}

#products ul.choose_group li .cvdatabase
{
    background:url(/images/newstyle/icn/product_database.gif) left center no-repeat;
    padding:5px 0 0 72px;
    font-size:.9em;
}

#products ul.choose_group li .exposure
{
    background:url(/images/newstyle/icn/product_exposure.gif) left center no-repeat;
    padding:5px 0 0 72px;
    font-size:.9em;
}

#products ul.choose_group li .pakketopmaat
{
    background:url(/images/newstyle/icn/product_op_maat.gif) left center no-repeat;
    padding:5px 0 0 72px;
    font-size:.9em;
}

#products ul.choose_group li h3
{
    border:0;
    margin:0;
    padding:0;
    color:#4285c5;
    text-decoration:underline;
}

#products ul.choose_group li p
{
    margin:0;
    padding:0;
}

#products ul.product_list
{
    margin:0;
    padding:0;
}

#products ul.product_list li
{
    clear:both;
    list-style-type:none;
    padding:15px 0 15px 75px;
    margin:0;
    border-bottom:1px solid #ccc;
    min-height:65px;
    height:auto!important;
    height:65px;
}

#products ul.product_list li:hover h3
{
}

#products ul.product_list li.ster0
{
    background:url(/images/newstyle/icn/0ster.gif) no-repeat left 15px;
}

#products ul.product_list li.ster1
{
    background:url(/images/newstyle/icn/1ster.gif) no-repeat left 15px;
}

#products ul.product_list li.ster2
{
    background:url(/images/newstyle/icn/2ster.gif) no-repeat left 15px;
}

#products ul.product_list li.ster3
{
    background:url(/images/newstyle/icn/3ster.gif) no-repeat left 15px;
}

#products ul.product_list li.cvdb
{
    background:url(/images/newstyle/icn/product_database.gif) no-repeat left 15px;
}

#products ul.product_list li.exposure
{
    background:url(/images/newstyle/icn/product_exposure.gif) no-repeat left 15px;
}

#products ul.product_list li.cadeau
{
    background:url(/images/newstyle/icn/cadeau.gif) no-repeat left 15px;
}

#products ul.product_list li .description
{
    float:left;
    width:660px;
}

#products ul.product_list li a.order_button
{
    display:block;
    float:right;
    height:29px;
    width:120px;
    background:url(/images/newstyle/buttons/btn_bestelpagina.gif) no-repeat right center;
}

#products ul.product_list li a.order_button:hover
{
    background:url(/images/newstyle/buttons/btn_bestelpagina_hvr.gif) no-repeat right center;
}

#products ul.product_list h3
{
    border:0;
    margin:0;
    padding:0;
}

#products ul.product_list p
{
    margin:0;
    padding:0;
}

div.footnote
{
    font-style:italic;
    padding-top:1em;
    font-size:11px;
}

/* =====[ Uitgebreid zoeken ]======================================= */
.uitgebreid-zoekpagina label.left
{
    width:220px;
}

.uitgebreid-zoekpagina input.text
{
    width:275px;
}

.uitgebreid-zoekpagina select
{
    width:285px;
    margin:0 0 3px;
}

.uitgebreid-zoekpagina select.straal
{
    width:150px;
}

.uitgebreid-zoekpagina input.postcode
{
    width:120px;
}

.uitgebreid-zoekpagina table.zoekcriteria table td
{
    margin:0;
    padding:0;
}

.uitgebreid-zoekpagina table,.uitgebreid-zoekpagina table tr td
{
    border:none;
    background:none;
}

/* =====[ /zoek/bedrijven/ ]======================================== */
div.bedrijfspresentatie-zoekscherm table,div.bedrijfspresentatie-zoekscherm table tr td
{
    background:none;
    border:0;
}

div.bedrijfspresentatie-zoekscherm ul
{
    list-style-type:none;
    margin-left:0;
    padding-left:0;
}

div.bedrijfspresentatie-zoekscherm ul li
{
    display:block;
    border-bottom:1px solid #d8d8d8;
    clear:both;
}

div.bedrijfspresentatie-zoekscherm ul li h2
{
    border:0;
}

div.bedrijfspresentatie-zoekscherm ul li img
{
    float:right;
    margin:10px;
}

/* =====[ /zoek/vacatures/ ]======================================== */
#criteria-header
{
    position:relative;
    width:872px;
    background-color:#ffebdb;
    padding:10px 17px;
    margin:11px 0 20px;
}

#criteria-header h2
{
    float:left;
    width:200px;
    border:none;
    background:none;
    padding:0;
    margin:0;
}

#criteria-header ul
{
    width:600px;
    float:right;
    margin-top:5px;
    text-align:right;
}

#criteria-header ul li
{
    display:inline;
}

#criteria-header .edit-crit
{
    position:absolute;
    top:40px;
    left:79px;
    display:none;
    width:640px;
    padding:7px;
    margin:10px 0;
    background:#8cb3d9;
    color:#2f5077;
}

#criteria-header .edit-crit .close-link
{
    display:block;
    float:right;
    background:url(/images/newstyle/icn/sluiten.gif) center right no-repeat;
    padding:2px 22px 0 0;
}

ul#current-criteria
{
    float:left;
    width:870px;
    padding:10px 0 0;
    margin:0;
}

ul#current-criteria li
{
    list-style-type:none;
    display:block;
    float:left;
    width:405px;
    padding:0 30px 0 0;
    margin:0;
}

ul#current-criteria li div.key
{
    float:left;
    width:150px;
    text-align:left;
/* clear: left; */
}

ul#current-criteria li div.value
{
    float:right;
    width:255px;
    font-weight:bold;
    text-align:left;
/* clear: right;  */
}

ul#current-criteria li div.value a
{
    font-weight:normal;
    font-size:.8em;
}

#cv-detail
{
}

#cv-detail h3
{
    padding-bottom:0;
    margin-bottom:0;
    margin:25px 0 0;
}

#cv-detail p
{
    padding-top:0;
    margin-top:0;
}

#contactgegevensbutton
{
    margin:5px 0 0;
}

/* =====[ Winkelmandje tool in header ]============================= */
#shoppingtrolley
{
    position:absolute;
    right:4px;
    top:55px;
    width:500px;
}

#shoppingtrolley a
{
    float:right;
    padding:3px 5px 3px 20px;
    margin-left:5px;
/*border: solid 1px #d8d8d8;*/
}

#shoppingtrolley a.status
{
    background:#fff9bf url(/images/newstyle/shoppingcart.png) no-repeat left center;
}

#shoppingtrolley a.checkout
{
    background:#fff9bf url(/images/newstyle/euro.png) no-repeat left center;
}

/* =====[ /doc/sollicitatietips/* ]================================= */
.submenu
{
    float:right;
    padding:15px;
    margin:40px 0 15px 15px;
}

.submenu ul
{
    padding-left:15px;
}

/* =====[ /site/* ]================================================= */
#callmenow
{
    float:right;
    width:160px;
    padding:15px;
}

/* =====[ Search Results - CV styling ]============================= */
#search-result-cv.search-results li .description
{
    width:630px;
}

#search-result-cv.search-results li .details ul
{
    padding:0;
}

/* =====[ Short Search Results - CV styling ]======================= */
#search-result-cv.search-results li.kort .title
{
    float:left;
    width:603px;
    padding:0;
}

#search-result-cv.search-results li.kort .title h2
{
    margin:0;
    padding:0 0 0 20px;
    height:20px;
    overflow:hidden;
    background-position:left top;
}

#search-result-cv.search-results li.kort .location
{
    float:left;
    width:200px;
    padding:0;
    margin:0 15px;
}

#search-result-cv.search-results li.kort .image
{
    width:55px;
    padding:0 5px 0 0;
    float:right;
    color:#f56b00;
    text-align:right;
}

#search-result-cv.search-results li.kort .image img
{
    max-width:120px;
    max-height:60px;
    margin-left:5px;
}

/* =====[ CV Uitnodigen / Form ]==================================== */
.cv-uitnodigen table.form
{
    clear:both;
    margin:25px 0 0;
    padding:0;
}

.cv-uitnodigen table.form td
{
    min-width:132px;
    padding:0;
}

.cv-uitnodigen .checkbox
{
    float:left;
    border:1px solid #d8d8d8;
}

.cv-uitnodigen textarea
{
    height:120px;
    width:400px;
}

.cv-uitnodigen input.text
{
    width:400px;
}

.cv-uitnodigen label
{
    font-weight:normal;
    width:140px;
}

/* =====[ CV / Vacature Mail A Friend]============================== */
.mailafriend input.text
{
    width:400px;
}

.mailafriend input.onderwerp
{
    width:540px;
}

.mailafriend textarea
{
    width:540px;
}

/* =====[ /index.html - HOME ]====================================== */
.portal
{
    clear:both;
    width:838px;
    min-height:247px;
    background:url(/images/newstyle/content_search.gif) top right no-repeat;
    position:relative;
    color:#072e53;
}

.portal h1
{
    color:#fff;
    margin:0 0 10px;
    padding:0;
    font-size:24px;
}

.portal .home_title_right
{
    width:250px;
    float:right;
    padding:20px 0 0 30px;
    color:#fff;
}

.portal .home_title_right label
{
    padding:5px 0 0 15px;
    color:#fff;
}

.portal .home_title_right p
{
    width:225px;
    margin:0 0 25px;
    padding:0;
}

.portal .home_title_right .uitgebreid_zoeken
{
    text-align:right;
    padding:10px 0 0;
}

.portal .home_title_left
{
    width:463px;
    float:left;
    padding:20px 0 0 90px;
    height:227px;
    color:#fff;
}

.portal .home_title_left p.vacplaatsentekst
{
    width:220px;
    height:128px;
    padding:0!important;
    margin:0!important;
}

.portal .home_title_left a,.portal .home_title_left a:hover
{
    color:#fff;
}

.portal #home_left
{
    height:870px;
    width:563px;
    background:url(/images/newstyle/content_home_left_dots.gif) top right repeat-y;
    float:left;
    color:#6a6a6a;
    margin:15px 0 0;
}

.portal #home_left ul.productenoverzicht
{
    padding:0;
    margin:0;
    list-style-type:none;
}

.portal #home_left ul.productenoverzicht li
{
    display:block;
    float:left;
    width:116px;
    height:105px;
    margin-right:40px;
}

.portal #home_left ul.productenoverzicht li.last
{
    margin-right:0;
}

ul.productenoverzicht li a.vacatures
{
    display:block;
    background:url(/images/newstyle/buttons/btn_vacatures.gif) no-repeat center top;
    width:116px;
    padding:70px 0 0;
    border:none;
    text-align:center;
}

ul.productenoverzicht li a.vacatures:hover
{
    background:url(/images/newstyle/buttons/btn_vacatures_hvr.gif) no-repeat center top;
}

ul.productenoverzicht li a.cvdatabase
{
    display:block;
    background:url(/images/newstyle/buttons/btn_cvdatabase.gif) no-repeat center top;
    width:116px;
    padding:70px 0 0;
    border:none;
    text-align:center;
}

ul.productenoverzicht li a.cvdatabase:hover
{
    background:url(/images/newstyle/buttons/btn_cvdatabase_hvr.gif) no-repeat center top;
}

ul.productenoverzicht li a.exposure
{
    display:block;
    background:url(/images/newstyle/buttons/btn_extraexposure.gif) no-repeat center top;
    width:116px;
    padding:70px 0 0;
    border:none;
    text-align:center;
}

ul.productenoverzicht li a.exposure:hover
{
    background:url(/images/newstyle/buttons/btn_extraexposure_hvr.gif) no-repeat center top;
}

.portal #home_right
{
    width:240px;
    float:right;
    padding-left:30px;
    padding-top:15px;
}

.portal #home_right .box h2
{
    margin:0;
    padding:4px 0;
    color:#2f5077;
    font-size:16px;
    font-weight:normal;
    border:none;
}

.portal #home_right .box.small
{
    background:url(/images/newstyle/box_home_right_small.gif) top left;
/* no-repeat */
    width:216px;
    height:97px!important;
    margin:0 0 20px;
    color:#6a6a6a;
}

.portal #home_right .box.small.login
{
    background:url(/images/newstyle/box_home_right_small_wg.gif) top left!important;
/* no-repeat */
    width:216px;
    height:128px!important;
    margin:0 0 20px;
    color:#6a6a6a;
}

.portal #home_right .box.small.login form
{
    margin:5px 0 0;
}

.portal #home_right .box.small.login input
{
    margin:0 0 3px;
}

.portal #home_right .box.small.login form span
{
    float:left;
}

.portal #home_right .box.small.login form .button
{
    width:70px;
}

.portal #home_right .box.small.login form span.createaccount
{
    float:left;
    width:110px;
    font-size:.8em;
    padding:2px 0 0 10px;
}

.portal #home_right .callmebox p
{
    padding:8px 0 0!important;
    font-size:.8em;
}

.portal .box .callmenow .button
{
    display:inline;
}

.portal #home_right .box.small h2
{
    background:url(/images/newstyle/arrow_orange_right.gif) 4px 50% no-repeat;
    padding-left:26px;
}

.portal #home_right .box.small p
{
    margin:0;
    padding:8px 0;
    line-height:18px;
    color:#6a6a6a;
}

.portal #home_right .box.small form
{
    margin:0;
    padding:4px 0 0;
}

.portal #home_right .box.small .telnr
{
    width:120px;
    margin:0 5px 0 0;
}

.portal #home_right .box.small input
{
    margin:0;
}

.portal #home_right .box.large
{
    background:url(/images/newstyle/box_home_right_large.gif) top left no-repeat;
    width:235px;
    height:203px;
    margin:0 0 15px;
}

.portal #home_right .box.large h2
{
    background:url(/images/newstyle/arrow_orange_right.gif) 83% 50% no-repeat;
}

.portal #home_right .box.large p
{
    margin:0;
    padding:8px 15px 10px 0;
}

.portal #home_right .box.nobg
{
    background:none;
    width:220px;
}

.portal #home_right .box.nobg h2
{
    background:none;
    padding:0;
    margin:0;
}

.portal #home_right .box.nobg h2.pijl
{
    background:url(/images/newstyle/arrow_orange_right.gif) center left no-repeat;
    margin-top:0;
    padding-left:20px;
}

.portal #home_right .box.nobg p
{
    margin:0;
    padding:8px 15px 10px 0;
}

.portal #home_right .box.nobg ul
{
    padding:10px 0 15px;
    margin:0;
    list-style-type:none;
}

.portal #home_right .box.nobg ul li
{
    padding:0 0 6px;
}

.portal #home_right .box.nobg form
{
    margin:0;
}

.portal #bpres_index ul
{
    padding:0;
    margin:0;
    list-style-type:none;
}

.portal #bpres_index ul li
{
    display:block;
    float:left;
    width:215px;
    padding:5px 4px;
}

.portal #bpres_index p
{
    padding:15px 0 0;
}

/* =====[ AutoComplete ]======================================== */
#ac-options
{
    position:absolute;
    top:83px;
    width:202px;
    margin:0 0 0 2px;
    background:#fff;
    color:#0d2b88;
}

/* =====[ Informatie onderwerpen ]============================== */
#informatie_onderwerpen ul
{
    padding:0 0 15px;
    margin:0;
    list-style-type:none;
}

#informatie_onderwerpen ul li
{
    display:block;
    float:left;
    width:215px;
    height:15px;
    padding:5px 4px;
    font-size:.9em;
}

#informatie_onderwerpen p
{
    padding:15px 0 0;
}

/* =====[ Portal ]===================================== */
.portal #bpres_index,.portal #logocarrousel,.portal #homepagetopper,.portal #vernieuwd-alert,.portal #home_left .box
{
    clear:both;
    width:455px;
    margin-left:83px;
    margin-bottom:20px;
    padding:0;
}

.portal #logocarrousel ul
{
    padding:0;
    margin:0;
    list-style-type:none;
    height:66px;
}

.portal #logocarrousel li
{
    padding:3px;
    margin:2px;
    border:1px solid #ABBCCF;
    float:left;
    width:101px;
    height:60px;
    text-align:center;
    list-style-type:none;
    line-height:60px;
}

.portal #logocarrousel li:hover
{
    border:1px solid #f56b00;
}

.portal #logocarrousel li img
{
    max-width:101px;
    max-height:60px;
    vertical-align:middle;
}

.portal #logocarrousel li a
{
    display:inline;
    vertical-align:middle;
    line-height:60px;
}

/* =====[ Lightboxes ]============================================== */
.leightbox
{
    color:#333;
    display:none;
    position:absolute;
    top:10%;
    left:25%;
    width:50%;
    height:80%;
    padding:1em;
    border:1px solid #B8B8B8;
    background-color:#FFF;
    text-align:left;
    z-index:1001;
    overflow:auto;
}

.leightbox td
{
    vertical-align:text-top;
    padding-top:1ex;
}

.leightbox td.zoektermen
{
    padding-right:1ex;
}

.leightbox .example
{
    border:solid 1px #b8b8b8;
    padding:5px;
}

.leightbox .example h4
{
    color:#b8b8b8;
    font-weight:normal;
    margin:-4px 0 4px -4px;
}

.leightbox p
{
    margin:5px 5px 10px;
}

#overlay
{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    background-color:#333;
    -moz-opacity:.8;
    opacity:.80;
    filter:alpha(opacity=80);
}

.lightbox[id]
{
/* IE6 and below Can't See This */
    position:fixed;
}

#overlay[id]
{
/* IE6 and below Can't See This */
    position:fixed;
}

/* =====[ Edit bedrijfspresentatie ]================================ */
.edit-bedrijfspresentatie input.text
{
    width:400px;
}

.edit-bedrijfspresentatie textarea
{
    width:400px;
}

/* =====[ Edit gegevens ]=========================================== */
.edit-gegevens textarea
{
    width:580px;
}

/* =====[ Mijn pagina - Common code ]=============================== */
.mijnpagina
{
    margin:15px 0 0;
    padding:5px 15px 20px;
    background:#f0f0f0;
    width:878px;
}

.mijnpagina div.left
{
    width:626px;
}

.mijnpagina div.right
{
    width:232px;
    padding-left:20px;
}

.mijnpagina hr
{
    border:1px solid #f0f0f0;
}

.mijnpagina hr.divider
{
    clear:both;
    width:100%;
    border-top:1px solid #dbd7d7!important;
}

.mijnpagina h2
{
    border-bottom:1px solid #d8d8d8;
}

.mijnpagina .canvas h2
{
    width:582px;
    overflow:hidden;
}

.mijnpagina h3
{
    border:0;
    padding:0;
    margin-top:0;
}

.mijnpagina h2 .uitloggen
{
    float:right;
    padding:1px 20px 1px 0;
    background:url(/images/newstyle/icn/sluiten.gif) no-repeat right top;
    font-size:.65em;
    font-weight:normal;
}

.mijnpagina .emailsettings
{
    width:210px;
    padding:10px 10px 3px;
    background:#fff;
    border:1px solid #dbd7d7;
}

.mijnpagina .emailsettings p
{
    padding:0 0 10px;
    margin:0;
}

.mijnpagina .emailsettings hr
{
    border:1px solid #fff;
}

.mijnpagina .emailsettings ul
{
    padding:0;
    margin:0;
}

.mijnpagina .emailsettings ul li
{
    list-style-type:none;
    padding:0 0 7px;
    margin:0 0 7px;
    border-bottom:1px solid #dbd7d7;
}

.mijnpagina .emailsettings ul li a.edit
{
    display:block;
    height:25px;
    float:right;
    background:url(/images/newstyle/icn/wijzigen.gif) no-repeat left top;
    padding:0 0 0 25px;
}

.mijnpagina .emailsettings a.beheer
{
    display:block;
    margin:8px 0 0 140px;
    padding:0 0 2px 25px;
    background:url(/images/newstyle/icn/beheer.gif) no-repeat left top;
}

.mijnpagina .searchagents
{
    width:620px;
}

.mijnpagina .searchagents a.add_agent,.add_link
{
    display:block;
    height:30px;
    padding:0 0 0 25px;
    margin:12px 0 0;
    background:url(/images/newstyle/icn/toevoegen.gif) no-repeat left top;
}

.mijnpagina .searchagents ul
{
    padding:4px 0 0;
    margin:0;
    background:#fff;
    border:1px solid #dbd7d7;
}

.mijnpagina .searchagents ul li
{
    list-style-type:none;
    padding:0;
    margin:0 0 0 7px;
    padding:1px 0 0;
}

.mijnpagina .searchagents ul li ul
{
    width:595px;
    padding:0;
    margin:0;
    height:35px;
    border:none;
    border-bottom:1px solid #dbd7d7;
    background:url(/images/newstyle/icn/searchagent.gif) no-repeat left top;
    padding-left:10px;
}

.mijnpagina .searchagents ul li ul.last
{
    border:none;
}

.mijnpagina .searchagents ul li ul.blocked
{
    background:#eee;
    color:#aaa;
}

.mijnpagina .searchagents ul li ul li
{
    position:relative;
    display:inline;
    float:right;
    list-style-type:none;
    top:8px;
    padding-left:20px;
    padding-bottom:3px;
    margin-left:15px;
}

.mijnpagina .searchagents ul li ul li.name
{
    float:left;
    width:220px;
    height:12px;
/* Hide other lines so searchagents box doesn't break! */
    overflow:hidden;
/* Hide other lines so searchagents box doesn't break! */
}

.mijnpagina .searchagents ul li ul li.match
{
    background:url(/images/newstyle/icn/match.gif) no-repeat left top;
    margin-left:0;
}

.mijnpagina .searchagents ul li ul li.edit
{
    background:url(/images/newstyle/icn/wijzigen.gif) no-repeat left top;
}

.mijnpagina .searchagents ul li ul li.inactive
{
    background:url(/images/newstyle/icn/inactief.gif) no-repeat left top;
}

.mijnpagina .searchagents ul li ul li.active
{
    background:url(/images/newstyle/icn/actief.gif) no-repeat left top;
}

.mijnpagina .searchagents ul li ul li.delete
{
    background:url(/images/newstyle/icn/sluiten.gif) no-repeat left top;
}

.mijnpagina .mijn_abonnement_info table
{
    width:620px;
}

.mijnpagina .mijn_account
{
    width:210px;
    padding:10px 10px 3px;
    background:#fff;
    border:1px solid #dbd;
}

.mijnpagina .mijn_account ul
{
    padding:0;
    margin:0;
}

.mijnpagina .mijn_account ul li
{
    list-style-type:none;
    margin:0 0 10px;
}

.mijnpagina .mijn_account ul li img
{
    border:1px solid #dbd7d7;
    max-width:208px;
    width:auto!important;
    width:208px;
}

/* =====[ Mijn pagina - Werkgevers ]================================ */
.mijnpagina .headtools
{
    border-bottom:1px solid #dbd7d7;
    height:80px;
    padding:8px 0 10px;
    margin:0 0 15px;
}

.mijnpagina .headtools .headtools_box
{
    display:block;
    float:left;
    width:200px;
    margin:0;
    padding-left:75px;
}

.mijnpagina .headtools_box h3
{
    margin:0;
    padding:0;
    border:0;
}

.mijnpagina .headtools .ht_vacatures
{
    background:url(/images/newstyle/icn/product_vacatures.gif) no-repeat left top;
    margin-left:23px;
}

.mijnpagina .headtools .ht_cvdatabase
{
    background:url(/images/newstyle/icn/product_database.gif) no-repeat left top;
    margin:0;
}

.mijnpagina .headtools .ht_exposure
{
    background:url(/images/newstyle/icn/product_exposure.gif) no-repeat left top;
    margin:0;
}

.mijnpagina .headtools_box ul
{
    padding:0;
    margin:0;
    padding-bottom:15px;
    list-style-position:inside;
    text-align:left;
}

.mijnpagina .headtools_box ul li
{
    list-style-type:disc;
}

/* =====[ Mijn pagina - Werknemers ]================================ */
.mijnpagina .mijn_cv
{
    width:620px;
}

.mijnpagina .mijn_cv .canvas
{
    border:1px solid #dbd7d7;
    background:#fff;
    padding:8px;
}

.mijnpagina .mijn_cv ul.stats
{
    width:100%;
    clear:both;
    list-style-type:none;
    padding:0;
    margin:0;
}

.mijnpagina .mijn_cv ul.stats li
{
    display:block;
    width:250px;
    margin:0 50px 0 0;
    float:left;
}

.mijnpagina .mijn_cv ul.stats li span.left
{
    width:65%;
    text-align:left;
}

.mijnpagina .mijn_cv ul.stats li span.right
{
    font-weight:bold;
    width:34%;
    text-align:left;
}

.mijnpagina .mijn_cv ul.tools
{
    width:100%;
    clear:both;
    list-style-type:none;
    padding:15px 0 0;
    margin:0;
    clear:both;
    height:16px;
}

.mijnpagina .mijn_cv ul.tools li
{
    display:block;
    float:right;
    padding:0 11px 3px 21px;
}

.mijnpagina .mijn_cv ul.tools li.match
{
    float:left;
    background:url(/images/newstyle/icn/match.gif) no-repeat left top;
}

.mijnpagina .mijn_cv ul.tools li.edit
{
    background:url(/images/newstyle/icn/wijzigen.gif) no-repeat left top;
}

.mijnpagina .mijn_cv ul.tools li.inactive
{
    background:url(/images/newstyle/icn/inactief.gif) no-repeat left top;
}

.mijnpagina .mijn_cv ul.tools li.active
{
    background:url(/images/newstyle/icn/cv_actief.gif) no-repeat left top;
}

.mijnpagina .mijn_cv ul.tools li.delete
{
    background:url(/images/newstyle/icn/sluiten.gif) no-repeat left top;
}

.mijnpagina .mijn_cv ul.tools li.download
{
    background:url(/images/newstyle/icn/download.gif) no-repeat left top;
}

.mijnpagina .mijn_sollicitaties
{
    width:100%;
}

.mijnpagina .mijn_sollicitaties ul
{
    border:1px solid #dbd7d7;
    background:#fff;
    padding:8px;
    margin:0;
    list-style-type:none;
}

.mijnpagina .mijn_sollicitaties ul li
{
    padding:0 0 8px;
    border-bottom:1px solid #dbd7d7;
    margin:0 0 7px;
}

.mijnpagina .mijn_sollicitaties ul li.last
{
    border:none;
    margin:0;
    padding:0;
}

.mijnpagina .mijn_sollicitaties ul li span.date
{
    padding:0 15px 0 0;
}

.mijnpagina .mijn_sollicitaties ul li span.title
{
    padding:0 15px 0 0;
}

.mijnpagina .mijn_sollicitaties ul li span.company
{
    padding:0 15px 0 0;
    float:right;
}

.mijnpagina .mijn_sollicitaties ul li span.brief
{
    float:right;
}

.mijnpagina .mijn_sollicitaties ul li span.disabled
{
    color:#aaa;
}

.mijnpagina .mijn_pasfoto
{
}

.mijnpagina .mijn_pasfoto h3
{
    padding:0 0 0 23px;
    background:url(/images/newstyle/icn/mijnfoto.gif) no-repeat left center;
}

.mijnpagina .mijn_pasfoto img
{
    padding:5px;
    background:#fff;
    border:1px solid #dbd7d7;
}

/* =====[ begin breads crumbs ]======================================*/
.breadcrumbsarea
{
    width:887px;
    padding:10px;
    margin:10px 0 0;
    height:65px;
    background:#edf3fa;
}

ol.breadcrumbs
{
    margin:0!important;
    padding:0!important;
}

ol.breadcrumbs li
{
    display:block;
    float:left;
    list-style-type:none;
    padding:0!important;
    margin:0!important;
    background:#edf3fa;
}

ol.breadcrumbs div.border
{
    border-top:1px solid #839dba;
    border-bottom:1px solid #839dba;
    height:16px;
}

ol.breadcrumbs div
{
    background:#ddd;
}

ol.breadcrumbs div.taken,ol.breadcrumbs div.untaken
{
    height:16px;
}

ol.breadcrumbs div.taken
{
    background:#F90 url(/static/img_new/stappen_bar.gif);
}

ol.breadcrumbs div.first
{
    border-left:1px solid #839dba;
}

ol.breadcrumbs div.half
{
    width:50%;
}

ol.breadcrumbs div.last
{
    border-right:1px solid #839dba;
    width:100%;
}

ol.breadcrumbs li p
{
    width:100%;
    text-align:center;
    padding:15px 0 5px;
    margin:0!important;
    color:#515151;
}

ol.breadcrumbs li label
{
    display:block;
    float:none;
    width:auto;
    margin:0!important;
    font-weight:bold;
}

/* =====[ FAQ ]===================================================== */
#faq a:hover
{
    color:#fe7d19;
}

#faq div
{
    padding:1px;
}

#faq div.ques a
{
    font-weight:bold;
}

#faq div.typebody
{
    display:none;
}

#faq div.topic
{
    display:block;
    margin-bottom:4px;
}

#faq div.topiclist
{
    display:none;
    margin-top:4px;
    margin-bottom:10px;
}

#faq div.faq
{
    display:block;
    margin-bottom:4px;
    margin-right:20px;
}

#faq div.faqbody
{
    display:none;
    margin-top:4px;
    margin-left:20px;
    margin-bottom:10px;
}

#faq ul
{
}

/* =====[ FAQ Admin ]=========================================== */
#faqadmin .edit
{
    color:red;
}

#faqadmin div.typebody
{
    display:block;
}

#faqadmin div.topic
{
    display:block;
}

#faqadmin div.topiclist
{
    display:block;
}

#faqadmin div.faq
{
    display:block;
}

#faqadmin div.handle
{
    float:left;
    background-color:red;
    background-repeat:repeat-y;
    width:7px;
    height:14px;
}

/* =====[ CV Detailpagina ]========================================= */
.cv-detailpagina .navigation
{
    width:630px;
}

.cv-detailpagina table
{
    max-width:600px!important;
}

/* =====[ Werkgever - Informatie ]================================== */
#informatie .menuitem
{
    margin:3px 0;
}

#informatie .menuparent
{
    margin-left:2em;
}

#informatie .quote
{
    font-style:italic;
}

#informatie .testimonial .quote,#informatie .testimonial .who
{
    padding-left:160px;
}

#informatie .testimonial img
{
    float:left;
}

#informatie .testimonial
{
    clear:both;
    height:200px;
}

/* =====[ Metro preview ]=========================================== */
.metroadvertentie
{
    background:url(/images/metro_preview_bg.gif) no-repeat;
    width:400px;
    padding:15px 0 15px 15px;
    text-align:left;
}

.metroadvertentie .metrotext
{
    color:#00000;
    font-size:8pt;
    font-family:frutiger, verdana, arial, helvetica;
}

.metroadvertentie .metrofunctie
{
    color:#00539F;
    font-size:11pt;
    font-weight:bold;
    font-family:frutiger, verdana, arial, helvetica;
}

.metroadvertentie img
{
    float:right;
}

/* =====[ Two blocks layout ]======================================= */
.two_blocks
{
    margin:20px 0 0;
}

.two_blocks .left_block
{
    width:454px;
    height:250px;
    float:left;
    padding:0 20px 0 0;
    margin:0 20px 0 0;
    background:url(/images/newstyle/bg/dotted_vertical.gif) repeat-y top right;
}

.two_blocks .right_block
{
    float:right;
    width:414px;
    height:250px;
}

.title_outside_box
{
    background:none;
    font-size:1.4em;
    font-weight:bold;
    margin:30px 0;
}

.title_outside_box .colored
{
    color:#F90;
}

.left_block .content_block,.right_block .content_block
{
    padding:15px;
    height:250px;
    background:#ecf3fb;
}

.content_block .button
{
    margin-left:260px;
}

.content_block a.arrow
{
    display:block;
    background:url(/images/newstyle/arrow_orange_right.gif) center left no-repeat;
    margin:6px 0 0;
    padding-left:20px;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}

.content_block h2
{
    margin-top:0;
    padding-top:0;
}

.content_block p
{
    margin-top:0;
    padding-top:0;
}

/* =====[ Login page specifics ]============================ */
.new-user
{
    padding:15px;
    height:230px;
}

.new-user a.create_account
{
    display:block;
    width:220px;
    height:40px;
    margin:15px 0 0;
    text-decoration:none;
    background:url(/images/newstyle/buttons/btn_accountaanmaken.gif) no-repeat top left;
}

.new-user a.create_account:hover
{
    background:url(/images/newstyle/buttons/btn_accountaanmaken_hvr.gif) no-repeat top left;
}

.new-user #direct-vacature-plaatsen
{
    padding:5px 0 10px;
}

.new-user .button
{
    margin-left:182px;
}

.login-form
{
    padding:15px;
    background:#feebdc!important;
    height:230px;
}

.login-form div.clear
{
    height:5px;
}

.login-form label
{
    display:block;
    float:left;
    font-weight:bold;
    width:160px;
    padding:3px 0 0;
}

.login-form label.clean
{
    display:inline;
    float:none;
    font-weight:normal;
    width:160px;
    padding:0;
}

.login-form .small_link
{
    font-size:.9em;
    float:left;
    padding:18px 0 0;
}

.login-form .button,.login-form .login_button
{
    float:right;
    margin:5px 0 0;
    position:relative;
    right:50px;
}

.login-form .login_footer
{
    clear:both;
    margin:10px 0 0;
}

.login_footer .login_button
{
    float:right;
}

.login_footer .button
{
    float:right;
}

.login_footer span
{
    float:left;
    padding:20px 0 0;
    font-size:.8em;
}

/* =====[ /Www/doc/cv-plaatsen/inhoud.html & others ]=============== */
.cv-plaatsen .tarea
{
    width:570px;
    height:35px;
}

.cv-plaatsen #html-content-default
{
    height:450px;
}

.error
{
    color:red;
}

/* =====[ MISC - werid css objects ]=============== */
#functienaam .button
{
    padding:1px;
}

form#criteria_selecteren #select_functienaam_button
{
    margin:10px 5px 10px 0;
    float:left;
}

form#criteria_selecteren #unselect_functienaam_button
{
    margin:10px 10px 10px 0;
    float:left;
}

/* =====[ Filter user generated content ]=========================== */
#cv-user-content table,#cv-user-content table tr td,#cv-user-content table th,#cv-user-content table thead
{
    background:none;
    border:0;
}

/*  =====[ Bedankt ]=============================================*/
div.result-report
{
    background-color:#FFF9BF;
    border:1px solid #D9DADA;
    color:#000;
    line-height:22px;
    font-size:13px;
    font-weight:bolder;
    margin:20px 0 10px;
    padding:14px 0;
    text-align:center;
}

div.result-report span
{
    color:#F56B00;
    font-weight:bold;
    font-size:16px;
}

div.bottom-menu
{
    text-align:center;
}

#sollicitatie_info
{
    display:none;
}

@media print {
    #sollicitatie_info
    {
        display:none;
    }
}

/*  == Call me now == */
div.callmebox
{
    background-image:url(/images/newstyle/box_home_right_small.gif);
    background-repeat:no-repeat;
    background-position:left top;
    color:#6A6A6A;
    height:97px!important;
    margin:0 0 20px;
    width:216px;
}

div.callmebox h2
{
    background:url(/images/newstyle/arrow_orange_right.gif);
    background-position:4px 50%;
    background-repeat:no-repeat;
    margin:0;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:26px;
    padding-right:0;
    color:#2f5077;
    font-size:16px;
    font-weight:normal;
    border:none;
}

div.callmebox p
{
    margin:0;
    line-height:18px;
    color:#6a6a6a;
    padding:8px 0 0!important;
    font-size:9px;
}

div.callmenow .button
{
    display:inline;
}

div.callmenow form
{
    margin:0;
    padding:4px 0 0;
}

div.callmenow .telnr
{
    width:120px;
    margin:0 5px 0 0;
}

div.callmenow input
{
    margin:0;
}

.voordeelpakket-box
{
    border:2px solid #edf3fa;
    clear:both;
    padding:0 10px 5px;
}

.voordeelpakket-box h3
{
    color:#2F5077;
    font-size:1em;
}

.voordeelpakket-box .korting
{
    color:#2F5077;
    font-size:1.2em;
    font-weight:bold;
    margin:10px 0 0;
    text-align:right;
}

.voordeelpakket-box .korting .prijs
{
    color:#fe7d19;
}

.voordeelpakket-box .small-links
{
    font-size:.85em;
    text-align:right;
}

.voordeelpakket-box ul.check
{
    margin:0;
}

/* === Werkgever/informatie tabs =================================== */
#drupal-tabs2
{
    height:50px;
}

#drupal-tabs2 ul.tabs,#drupal-tabs2 ul.primary
{
    border-collapse:separate;
    height:24px;
    list-style-type:none;
    list-style-position:inside;
    margin:0;
}

#drupal-tabs2 ul.tabs li,#drupal-tabs2 ul.primary li
{
    display:block;
    float:left;
    height:23px;
    margin:0;
}

#drupal-tabs2 ul.tabs li a,#drupal-tabs2 ul.primary li a
{
    background:#cfd9e5;
    border-top:1px solid #4285c5;
    border-right:1px solid #4285c5;
    border-bottom:1px solid #4285c5;
    border-left:1px solid #4285c5;
    display:block;
    margin:0;
    padding:4px 8px;
}

#drupal-tabs2 ul.tabs li a.active,#drupal-tabs2 ul.primary li a.active
{
    background:#edf3fa;
    border-bottom:1px solid #edf3fa;
}

.rounded
{
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    width:auto;
/* IE6 needs width, width 40px works, it will expand anyway :-/    */
}

/* Bundle layout voor producten */
.bundle-wrapper
{
    margin:0 0 30px;
    padding:0 15px;
}

.bundle-wrapper .bundle
{
    border-top:1px solid #ccc;
    clear:both;
    padding:10px 40px 0 0;
    margin:10px 0 0;
}

.bundle-wrapper .bundle.first
{
    border-top:0 solid #ccc;
}

.bundle-wrapper .bundle .bundle-title
{
    color:#FD8222;
    font-size:1.1em;
    font-weight:bold;
    width:100%;
}

.bundle-wrapper .bundle-left
{
    float:left;
    padding:0 0 20px;
    width:385px;
}

.bundle-wrapper .bundle-right
{
    color:#515151;
    float:right;
    width:145px;
}

.bundle-wrapper .bundle ul
{
    background:url(/images/newstyle/icn/cadeau.gif) no-repeat 0 0;
    margin:0;
    padding:3px 0 8px 90px;
}

.bundle-wrapper .bundle .bundle-price
{
    font-weight:bold;
    padding:0 0 5px;
}

.bundle-wrapper .bundle-price .bundle-label
{
    font-weight:normal;
}

.bundle-wrapper .bundle-price .strike
{
    font-weight:normal;
    text-decoration:line-through;
}

.bundle-wrapper .bundle-saved-price
{
    font-weight:bold;
    padding:0 0 10px;
}

.bundle-wrapper .bundle-saved-price .red
{
    color:red;
}

span.vacature-soort-tag
{
    color:#f56b00;
    font-size:1.5em;
    font-weight:bolder;
    text-transform:uppercase;
}

/* Matchcriteria blocks */
#match-criteria .floating_buttons input.button
{
    float:left;
}

#match-criteria .floating_buttons input.button
{
    margin:8px 6px 0 0;
}

#match-criteria .functienaam-selector-ui input,.functienaam-selector-ui select
{
    border:1px solid #515151;
    margin:5px 5px 0 0;
    width:280px;
}

#match-criteria .functienaam-selector-ui
{
    margin-bottom:20px;
}

#match-criteria .functienaam-selector-ui .inliner
{
    display:inline;
}

#match-criteria .criterium-block
{
    float:left;
    width:280px;
    margin:0 20px 7px 0;
}

#match-criteria .criterium-block select
{
    width:280px;
    margin-top:10px;
}

#match-criteria .criterium-block label
{
    margin-bottom:10px;
}

#match-criteria .criterium-block label strong
{
    margin-right:4px;
}

div.bijbaan-stage-block div.label
{
    width:200px;
    float:left;
}

div.bijbaan-stage-block div.tekst
{
    float:left;
    width:400px;
    clear:right;
}

/* Drupal portal */
.portal.drupal
{
    width:auto;
    min-height:0;
    background-image:none;
    position:auto;
}

.portal.drupal li
{
    display:block;
    list-style-type:none;
    background:transparent url(/images/list_arrowtail.gif) no-repeat left top;
    padding:0 0 2px 16px;
    background-position:0 3px;
}

/* ================================================================= */
/* == Autocomplete */
.autocomplete-w1
{
    position:absolute;
    top:7px;
    left:6px;
/* IE6 fix: */
    _background:none;
    _top:1px;
}

.autocomplete
{
    width:300px;
    border:1px solid #999;
    background:#FFF;
    cursor:default;
    text-align:left;
    max-height:350px;
    overflow:auto;
    margin:-6px 6px 6px -6px;
/* IE specific: */
    _height:350px;
    _margin:0 6px 6px 0;
    overflow-x:hidden;
}

.autocomplete .selected
{
    background:#F0F0F0;
}

.autocomplete div
{
    padding:2px 5px;
    white-space:nowrap;
}

.autocomplete strong
{
    font-weight:bold;
    color:#FE7D19;
}

/* ============================================ */
/* co-browser */
object.cb_controller
{
/* needed for ie6 */
    display:none;
}

#live_helpdesk_container div.cb_online
{
    padding-top:52px;
    min-height:110px;
    background:url(/images/newstyle/box_live_helpdesk.png) no-repeat scroll 0 0 transparent;
}

#live_helpdesk_container #cb_button_input
{
    padding-left:1px;
}