/*
 * Main body and table defenitions
 */
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; }
body { background: #FFFFFF; text-align: left; }

/*
 * Table and td defenitions
 */
table, tr, td {	border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px; }

/*
 * Front defenitions
 */
div#front             { width: 880px; margin: 0 auto; text-align: center; position: relative; }
div#front a#vacature  { position: absolute; right: 20px; width: 237px; height: 103px; top: 80px; 
                        background: transparent url(../images/vacatureStamp.png) no-repeat top left; }

div#front div#photo   { float: left; vertical-align: top; width: 430px; height: 698px; padding-right: 20px; }

div#front div#logo    { float: left; width: 267px; height: 100px; margin-top: 190px; padding-bottom: 15px; }

div#front div#buttons { float: left; width: 420px; height: 200px; margin-left: 10px; }

div#front div#werkgever,
div#front div#werknemer,
div#front div#zzp         { width: 120px; height: 200px; margin-right: 20px; float: left; display: inline; }
div#front div#werkgever   { clear: left; }

div#front div#image       { float: left; width: 120px; height: 120px; padding-bottom: 10px; cursor: pointer; }
div#front div#province *  { width: 120px; margin: 0px;  }
div#front div#submit      { width: 120px; padding-top: 10px; height: 20px; cursor: pointer; }

div#links		  { display: none; }

/*
 * Main div definitions (display inline fixes IE double margin bug)
 */

div#site   {
  text-align: left;
  background-image: url(../images/main_bg.gif);
  background-position: top left;
  background-repeat: repeat-y;
  padding: 0px;
}

div#header      { height: 80px; background-color: #fff; padding: 5px 0 0 5px; }
div.space,
div#top         { width: 750px; float: left; }
div.space       { width: 876px; }
div#logo        { float: left; height: 66px; display: inline; cursor: pointer; }
div#breadcrumbs { padding-left: 5px; padding-top: 10px; width: 400px; float: left; }
div#user        { float: right; text-align: right; font-size: 10px; }
div#mainHeader,
div#mainFooter  { background-color: #fff; width: 750px; height: 40px; float: left; }
div#mainHeader  { height: 20px; }
div#gradient    { position: relative; margin-left: 750px; height: 576px/*376px*/; background-repeat: repeat-x; background-position: top left; }
div#footerMenu  { padding-left: 5px; width: 745px; color: #fff; text-align: left; clear: both; float: left; padding-top: 1px; }
div#footerLogos { text-align: left; float: left; padding-left: 10px; }
div#siteIcon    { position: absolute; right: 0px; background-position: bottom right; height: 85px; width: 85px; bottom: 0px; }
div#footerLogos { margin-top: 10px; }
div#footerLogos a { margin-right: 9px; }
div#footerLogos a.noMargin { margin-right: 0px; }
div#partnersFooter { float: left; margin-left: 16px; width: 110px; background-color: #fff; position: relative; display: inline; }

div.lefttopCorner,
div.leftbottomCorner { float: left; display: inline; }
div.righttopCorner,
div.rightbottomCorner { float: right; display: inline; }
div#lower_corner, div#lower_corner_left { margin-top: 20px; }

div#main   { float: left; clear: left; width: 750px; background-color: #fff; margin: 0px; margin-bottom: 10px; }
td.left    { width: 135px; border: 1px solid #fff; }
div#left   { width: 135px; float: left; display: inline; background: #fff; border: 1px solid #fff; margin-left: 5px; }
div#middle { width: 585px; float: left; display: inline; background: #fff; margin-right: 20px; position: relative; }
td.middle  { width: 585px; }
div#full   { width: 710px; float: left; display: inline; background: #fff; margin-right: 20px; margin-left: 20px; }
div#footer { position: relative; height: 65px; clear: both; width: 100%; }
div#innerFooter { width: 1200px; height: 65px; }

div#login                      { float: left; text-align: right; margin-top: 20px; }
div#login div#logon            { width: 310px; margin-left: 0px; height: 25px; background-position: top left; float: left; }
div#login div#logout           { width: 70px; margin-left: 0px; height: 25px; background-position: top left; float: left; }
div#login div#loginInformation { float: right; margin-right: 10px; clear: both; width: 350px; }
div#login div#submit           { width: 21px; height: 21px; margin-left: 5px; float: left; cursor: pointer; }
div#login #hiddenSubmit     { display: none; }

div#left a#aangemeld,
div#left a#register          { display: block; width: 120px; height: 120px; }
div#left a#vacatureToevoegen { display: block; width: 120px; height: 120px; }
div#left div#zoekzzp,
div#left div#zoekwerkgever,
div#left div#zoekwerknemer   { width: 120px; height: 120px; }

div#banners { position: absolute; top: 60px; left: 25px; width: 180px; }

/* Making the footer stick to the bottom =] */
div#site        { position: relative; min-height: 100%; }
div#footer      { position: relative; margin-top: -65px; }

/*
 * Module, menu and block definitions
 */
div.block  { margin-bottom: 10px; background-color: #F5F5F5; }
ul#topMenu { float: left; margin: 0px; padding: 0px; background-repeat: no-repeat; padding-left: 10px; width: 580px; }
a#sponsors { float: right; display: block; margin-top: 15px; text-decoration: none; vertical-align: bottom; height: 17px; margin-right: 15px; }

a#sponsors span.middle { background-color: #CB3301; color: #ffffff; text-align: center; line-height: 15px; font-weight: bold; float: left; height: 17px; padding-left: 5px; padding-right: 5px; cursor: pointer; }
a#sponsors span.right,
a#sponsors span.left                  { width: 2px; height: 17px; background: transparent url(../images/top.leverancier.bg.gif) top left no-repeat; }
a#sponsors span.right                 { background-position: top right; float: left; }


.logged_in ul#topMenu { padding-left: 10px; width: 740px; }
div.module { margin-bottom: 10px; }

div.content { margin-left: 0px; padding: 0px; }
div.module div.content { text-align: left; }

div.contentPage { width: 570px; }
div.contentPage img { margin-bottom: 5px; }

div.blockFieldHeader  { width: 120px; height: 6px; }
div.blockField        { width: 115px; padding-left: 5px; overflow: hidden; }
div.contentFieldHeader  { width: 588px; height: 6px; }
div.contentField        { width: 578px; padding-left: 10px; overflow: hidden; }
div#full div.contentField       { width: 700px; }
div#full div.contentFieldHeader { width: 710px; }
div#full table.reactions div.contentField       { width: 578px; }
div#full table.reactions div.contentFieldHeader { width: 588px; }
div.corner_lefttop,
div.corner_righttop,
div.corner_leftbottom,
div.corner_rightbottom { width: 6px; height: 6px; }

div.waitMessage { margin-top: 100px; }
div.waitMessage * { margin: 0 auto; }
div.waitMessage h1 { margin: 0 auto; width: 588px; margin-bottom: 1em; }
div.waitMessage a { float: none; }
div.waitMessage .error { width: 100%; float: left; }

ul#topMenu                            { float: left; list-style: none; padding-top: 15px; }
ul#topMenu li span.right,
ul#topMenu li span.left               { width: 2px; height: 17px; background: transparent url() top left no-repeat; }
ul#topMenu li span.right              { background-position: top right; }
ul#topMenu li,
ul#topMenu li *                       { float: left; cursor: pointer; }
ul#topMenu li.menu_item a             { height: 17px; color: #fff;line-height: 15px; }
ul#topMenu li.menu_item a span.right  { margin-right: 5px; }
ul#topMenu li.menu_item a span.middle { padding: 0 5px 0 5px; white-space: nowrap; height: 17px; font-size: 12px; }
ul#topMenu li.current a span.middle,
ul#topMenu li.menu_item a:hover span.middle { background-color: #ffffff; }
ul#topMenu li.current a span.right, ul#topMenu li.current a span.left,
ul#topMenu li a:hover span.right,   ul#topMenu li a:hover span.left               { background-image: url(../images/top.menu.bg.gif); }

.spacer { height: 0.5em; }
.clear { clear: both; }
.left  { float: left; }
.right { float: right; }
.full  { width: 100%; }
.hidden { display: none; }
/*
 * Wait and error screen container
 */
div#messageContainer { width: 400px; margin: 0 auto; }

ul { margin-top: 0px; }

div.home hr { width: auto; }

div.home div#cvLogo_zzp,
div.home div#cvLogo_werknemer,
div.home div#vacatureLogo { margin-right: 10px; }
div.home div#managerInformation { width: 150px; }
div.home div#managerInformation fieldset { width: 120px; text-align: center; }

div.home a { float: none; text-decoration: none; } 
div.home a:hover { text-decoration: underline; } 

div.home div#occupied_date div.elementDescription { margin-left: 23px; width: 100px; }
div.home div#active_cron    { margin-left: 23px; }
div.home div.save           { float: right; margin-right: 20px; }

div.cv div.options       { height: 40px; width: 200px; margin: 0 auto; }
div.vacature div.options { text-align: center; width: 550px; margin: 0 auto; padding-bottom: 30px;}
div.vacature div.options .formStep { width: 120px; }
div.topOptions .formStep,
div.options .formStep { margin: 0px; }
div#aanbieding div.options { float: right; margin-top: 10px; }

div.home div#floatingLinks { position: relative; }
div.home div.bannerFlashContainer { height: 70px; }
div.home div#bannerFlashContainer { position: absolute; top: 140px; left: 250px; z-index: 100; }

div.cv div#location,
div.vacature div#specialities { float: left; }
div.cv div#info,
div.vacature div#info { float: right; margin-right: 15px; }
div.vacature div#description { float: left; margin-bottom: 15px; }

div.searchCv div                                    { float: left; cursor: pointer; }
div.searchCv div#itemLeft                           { width: 120px; }
div#cvLogo_zzp,
div#cvLogo_werknemer                                { width: 40px; height: 40px; }
div.searchCv div#itemMiddle                         { width: 450px; }

div.searchCv div#itemMiddle div#function            { width: 150px; }
div.searchCv div#itemMiddle div#speciality          { width: 150px; }
div.searchCv div#itemMiddle div#dob                 { width: 150px; }

div.searchCv div#itemMiddle div#experience          { width: 150px; }
div.searchCv div#itemMiddle div#location            { width: 150px; }
div.searchCv div#itemMiddle div#distance            { width: 150px; }

div.searchCv div#cvInzien                           { float: left; width: 68px; height: 21px; }

div.searchVacature div                              { float: left; cursor: pointer; }
div.searchVacature div#itemLeft                     { width: 120px; }
div#vacatureLogo                                    { width: 40px; height: 40px; }
div.searchVacature div#itemMiddle                   { width: 450px; }

div.searchVacature div#itemMiddle div#function      { width: 200px; }
div.searchVacature div#itemMiddle div#speciality    { width: 150px; }
div.searchVacature div#itemMiddle div#hours         { width: 100px; }

div.searchVacature div#itemMiddle div#experience    { width: 200px; }
div.searchVacature div#itemMiddle div#location      { width: 150px; }
div.searchVacature div#itemMiddle div#distance      { width: 100px; }
div.searchVacature div#itemBottom                   { margin-top: 20px; }
div.searchVacature div#vacatureInzien               { float: left; width: 106px; height: 21px; }

div#rating                                          { margin-top: 3px; height: 12px; }


div.submit,
div#submit                                          { width: 21px; height: 21px; float: left; cursor: pointer; }

div.marginRight                                     { margin-right: 15px; }
div.vacature div.reaction,
div.cv div.reaction                                 { float: right; width: 245px; margin-right: 13px; }
div.vacature div.itemBottom,
div.cv div.itemBottom                               { float: right; margin-top: 5px; text-align: right; display: inline;  }
div#reageer                                         { float: left; width: 60px; height: 20px; margin-right: 5px; display: inline; }
div.reactionClick                                   { float: right; margin-right: 15px; margin-top: 10px; }
div.reactionClick fieldset                          { width: 220px; padding-bottom: 0px; padding-right: 10px; }
div.reactionClick fieldset.react                    { width: 150px; padding: 5px; text-align: center; }
div.reactionClick table                             { margin-bottom: 5px; }
div.reactionClick fieldset.react a.formStep         { padding: 0px; margin: 0px; }
div.reactionClick img.infoIcon                      { margin: 2px; margin-top: 7px; float: left; }
div.reactionClick div.info                          { float: left; width: 20px; }
div.reactionClick div.info img                      { margin: 10px 10px 2px 2px; }
div.itemBottom div                                  { cursor: pointer; }
div.reactionReply                                   { float: left; margin-right: 5px; display: inline; white-space: nowrap; }
div.cv div.submit,
div.vacature div.submit                             { clear: right; padding-bottom: 5px; }

table.reactions td                                  { vertical-align: top; }
table.reactions td.middle td                        { vertical-align: middle; }

div#sendurl_form textarea,
div#sendurl_form input              { width: 300px; }
div#sendurl_form textarea           { margin: 2px; }
div#sendurl_form input.button       { width: 100px; color: #fff; }

div#leveranciers                    { margin-left: 15px; }
div#leveranciers table.category     { width: 220px; margin-bottom: 10px; }
div#leveranciers table.category th { color: #fff; font-weight: bold; padding: 0px; }
div#leveranciers table.category th div.leverancierLeft,
div#leveranciers table.category th div.leverancierRight   { width: 10px; height: 20px; float: left; }
div#leveranciers table.category th div div { float: left; width: 10px; height: 10px; }
div#leveranciers table.category th div.leverancierContent { float: left; width: 200px; height: 19px; padding-top: 1px; }
div#leveranciers table.category td { vertical-align: middle; text-align: center; }
div#leveranciers table.category td div.leverancierItemBg { display: block; width: 70px; height: 70px; float: left; }
div#leveranciers table.category tbody td { padding-top: 10px; }
div#leveranciers table.category td div.leverancierItemBg td { padding: 0px; }
div#leveranciers table.category tbody td a { text-decoration: none; }

div#leveranciers div.links table.category td { vertical-align: middle; text-align: left; }
div#leveranciers div.links table.category tbody td { padding-top: 0px; padding-left: 5px; }
div#leveranciers div.links table.category tbody td a:hover { text-decoration: underline; }

div#aanbiedingen h1 { padding-left: 20px; }
div#aanbiedingen a { text-decoration: none; }
div#aanbiedingen a:hover { text-decoration: underline; }
div#aanbiedingen a b { color: #222; }
div#aanbiedingen div.aanbieding { float: left; width: 220px; text-align: center; padding-bottom: 20px; }
div#aanbiedingen div.aanbieding a { width: 100%; text-align: center; }
div#aanbiedingen div.archiefAanbieding { float: left; width: 235px; text-align: left; padding-left: 20px; }

div#gradient { padding-top: 32px; padding-left: 16px; position: relative; }
div#innerGradient { width: 500px; }
div#SOSlogo    { display: block; position: absolute; top: 115px; left: 890px; height: 554px; width: 220px; z-index: 100; }
div#partners { position: absolute; top: 32px; left: 16px; width: 110px; height: 100%; background-color: #fff; }
div#partners h1 { padding-top: 20px; padding-left: 20px; }
div#partners div.partner { float: left; padding-top: 5px; padding-left: 10px; text-align: center; width: 90px; padding-bottom: 10px; }
div.partnerPopup { position: absolute; width: 615px; height: 400px; top: 132px; left: 200px; background-color: #fff; text-align: center; border: 1px solid black; z-index: 200; }
div.partnerPopup div.partnerHeader { height: 120px; width: 100%; text-align: center; padding-bottom: 10px; }
div.partnerPopup div.partnerContent { padding: 20px; height: 185px; }
div.partnerPopup div.partnerContent td { text-align: left; font-size: 10px; line-height: 17px; padding-left: 10px; }
div#partnerAanmelden { position: absolute; bottom: 16px; left: 10px; }