/**************************************/
/*              GLOBALS               */
/**************************************/
body     { background: #566461 url(/templates/nextjob/images/background-colors.jpg) repeat-x left top; background-position: left 69px; padding-top: 2em; color: #333333; }
div#site { background-color: white; position: relative; }

body div#site input.datePicker { background:url("/core/javascript/mootools/datepicker/date.gif") no-repeat scroll -2px -2px transparent; padding-left:20px; width: 90px; }
body div#site #straatnaam { width: 146px; }
body div#site #huisnummer { width: 40px; }
body div#site #postcode   { width: 64px; }
body div#site #woonplaats,
body div#site #plaats     { width: 122px; }

body div#site table,
body div#site td,
body div#site th { padding: 2px; }

body .strong { font-weight: bold; }

body div#site div.roundedCorners table,
body div#site div.roundedCorners thead,
body div#site div.roundedCorners tbody,
body div#site div.roundedCorners tfoot,
body div#site div.roundedCorners th,
body div#site div.roundedCorners td { margin: 0px; padding: 0px; border: 0px; line-height: 0px; }

body div#site div#content hr { background: none repeat scroll 0 0 #aacb45 };

div#content a,
div#content a:link,
div#content a:visited { color: #aacb45; }
div#content a:hover { color: #000; }

/* Toolbox */
body .noborder, body table.noborder, body table.noborder td, body table.noborder th { border: none; }
body .nopadding, body table td.nopadding, body table th.nopadding { padding: 0; }
body .nomargin, body table td.nomargin, body table th.nomargin { margin: 0; }
body .left { float: left; }
body .right { float: right; }
body .nofloat { float: none; }

/* Disable bluetrip external link icons */
a[href^="http:"], a[href^="http:"]:visited { background-image: none; padding-right: 0px; }

/* Markup text at top in tables (when using images next to text) */
body table td, body table th { vertical-align: top;}
body table { border-collapse: separate; }

/* Markup headers */
body h1, body h2, body h3, body h4, body h5, body h6 {
  color: #494F57;
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-weight: lighter;
  line-height: 1.2em;
}

body div#site div#content h1,
body div#site div#content h2,
body div#site div#content h3,
body div#site div#content h4,
body div#site div#content h5 { font-weight: bold; }

body div#site div#content h1 { font-size: 1.5em; }
body div#site div#content h2 { font-size: 1.4em; }
body div#site div#content h3 { font-size: 1.3em; }
body div#site div#content h4 { font-size: 1.2em; }

/**************************************/
/*              HEADER                */
/**************************************/
div#breadcrumbs,
div#breadcrumbs a { color: #828672; }
div#breadcrumbs { margin: 5px; }
div#section_header p { margin: 0; }

div#header { text-align: right; padding-right: 20px; color: #888; margin-bottom: 5px; }
div#header p { padding: 0px; margin: 0px; word-spacing: 5px; }
div#header a { word-spacing: normal; color: #888; text-decoration: none; }
div#header a:hover { color: #000; }
div#flashHeader { position: relative; }

div#headerButtons { position: absolute; right: 10px; top: 15px; z-index: 9999; }
div#headerButtons a.headerButton { background: transparent url(/templates/nextjob/images/headerknop_01.png) no-repeat left top; display: block; float: left; color: #fff; padding: 0px; margin: 0px; text-decoration: none; height: 27px; margin-right: 10px; }
div#headerButtons a.headerButton span { background: transparent url(/templates/nextjob/images/headerknop_02.png) no-repeat right top; display: block; height: 27px; line-height: 24px; padding: 0px; margin-left: 10px; padding-right: 10px; }
div#headerButtons a.headerButton:hover { background-position: left -27px; }
div#headerButtons a.headerButton:hover span { background-position: right -27px; }

/**************************************/
/*             NAVIGATION             */
/**************************************/
div#menu                 { background: transparent url(/templates/nextjob/images/back-hoofdmenu.png) no-repeat left top; height: 32px; }
div#menu ul              { list-style: none; font-size: 1.1em; margin: 4px 0 0 8px; }
div#menu ul li           { margin: 0px; display: inline; float: left; }
div#menu ul li a.last    { margin-right: 0px; }
div#menu ul li a         { background: transparent url(/templates/nextjob/images/menuknop_01.png) no-repeat left top; display: block; color: #fff; text-decoration: none; padding: 0px; margin-right: 10px; height: 24px; cursor: pointer; }
div#menu ul li a span    { background: transparent url(/templates/nextjob/images/menuknop_02.png) no-repeat right top; display: block; height: 24px; line-height: 24px; margin-left: 5px; padding-left: 10px; padding-right: 15px; font-weight: bold; }
div#menu ul li.current a {}
div#menu ul li a:hover      { background-position: left -24px; }
div#menu ul li a:hover span { background-position: right -24px; color: #333; }

div#menu div.slider           { font-size: 1em; visibility: hidden; overflow: hidden; list-style: none; padding: 0; margin: 0px; z-index: 1; position: absolute; width: auto; min-width: 135px; border:none; white-space: nowrap; }
div#menu ul.sub               { list-style: none; padding: 0; margin: 0px; white-space: nowrap; }
div#menu ul.sub li            { float: none; margin: 0px; padding: 0px; margin-bottom: 20px; }
div#menu ul.sub li a:link,
div#menu ul.sub li a:visited,
div#menu ul.sub li a          { background: none; background-color: #596663; color: #fff; text-decoration: none; font-weight: normal; line-height: 25px; height: 25px; width: inherit; display: block; text-align: left; padding: 1px 15px 1px 15px; margin: 0px; width: 200px; }
div#menu ul.sub li a:hover    { background-color: #899895; color: #fff; }

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
div#main { background: transparent url(/templates/nextjob/images/groenelijn.png) no-repeat left top; }
div#content { padding: 24px; padding-bottom: 10px; padding-top: 10px; }
div.columnRight { width: 206px; padding-top: 15px; }
div.columnLeft { width: 670px; margin-right: 24px; }

div.boekjeBlock { background: transparent url(/templates/nextjob/images/blok-boekje-2011.png) no-repeat left top; width: 206px; height: 214px; margin-bottom: 20px; cursor: pointer; }
div.boekjeBlock div.content { padding: 10px; padding-top: 135px; }

div.boekjeStartBlock { background: transparent url(/templates/nextjob/images/blok-boekje-start.png) no-repeat left top; width: 206px; height: 214px; margin-bottom: 20px; cursor: pointer; }
div.boekjeStartBlock div.content { padding: 10px; padding-top: 135px; }

div.columnLeft div.greenBlock { width: 680px; margin-bottom: 20px; }
div.columnLeft div.greenBlock div.content { background: none;  padding-left: 10px; padding-right: 10px; }
div.columnLeft div.greenBlock div.header { display: none; }
div.columnLeft div.greenBlock div.footer { display: none; }

div.greenBlock { width: 206px; margin-bottom: 20px; }
div.greenBlock div.content { background: transparent url(/templates/nextjob/images/blok-nieuws_03.png) repeat-y left top;  padding-left: 10px; padding-right: 10px; }
div.greenBlock div.header { background: transparent url(/templates/nextjob/images/blok-nieuws_01.png) no-repeat left top; height: 9px; }
div.greenBlock div.footer { background: transparent url(/templates/nextjob/images/blok-nieuws_05.png) no-repeat left top; height: 10px; }

div.vragenBlock { width: 206px; margin-bottom: 20px; cursor: pointer; }
div.vragenBlock div.content { background: transparent url(/templates/nextjob/images/blok-vragen_03.png) repeat-y left top;  padding-left: 10px; padding-right: 10px; }
div.vragenBlock div.header { background: transparent url(/templates/nextjob/images/blok-vragen_01.png) no-repeat left top; height: 11px; }
div.vragenBlock div.footer { background: transparent url(/templates/nextjob/images/blok-vragen_05.png) no-repeat left top; height: 12px; }

body div#site div#main div#content div.columnRight div#section_column div#section_column_0 div.latestnewsAction div.greenBlock div.content ul.news-latestnews,
body div#site div#main div#content div.columnRight div#section_column div#section_column_1 div.latestnewsAction div.greenBlock div.content ul.news-latestnews,
body div#site div#main div#content div.columnRight div#section_column div#section_column_2 div.latestnewsAction div.greenBlock div.content ul.news-latestnews,
body div#site div#main div#content div.columnRight div#section_column div#section_column_3 div.latestnewsAction div.greenBlock div.content ul.news-latestnews { list-style-type: disc; margin-left: 20px; }
body div#site div#main div#content div.columnRight div#section_column div#section_column_0 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li,
body div#site div#main div#content div.columnRight div#section_column div#section_column_1 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li,
body div#site div#main div#content div.columnRight div#section_column div#section_column_2 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li,
body div#site div#main div#content div.columnRight div#section_column div#section_column_3 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li { background: none; padding-left: 0px; }
body div#site div#main div#content div.columnRight div#section_column div#section_column_0 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li span.news-latestnews-date,
body div#site div#main div#content div.columnRight div#section_column div#section_column_1 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li span.news-latestnews-date,
body div#site div#main div#content div.columnRight div#section_column div#section_column_2 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li span.news-latestnews-date,
body div#site div#main div#content div.columnRight div#section_column div#section_column_3 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li span.news-latestnews-date { display: none; }
body div#site div#main div#content div.columnRight div#section_column div#section_column_0 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li a:link,
body div#site div#main div#content div.columnRight div#section_column div#section_column_1 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li a:link,
body div#site div#main div#content div.columnRight div#section_column div#section_column_2 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li a:link,
body div#site div#main div#content div.columnRight div#section_column div#section_column_3 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li a:link { text-decoration: underline; color: #000; }
body div#site div#main div#content div.columnRight div#section_column div#section_column_0 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li a:visited,
body div#site div#main div#content div.columnRight div#section_column div#section_column_1 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li a:visited,
body div#site div#main div#content div.columnRight div#section_column div#section_column_2 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li a:visited,
body div#site div#main div#content div.columnRight div#section_column div#section_column_3 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li a:visited { text-decoration: underline; color: #000; }
body div#site div#main div#content div.columnRight div#section_column div#section_column_0 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li a:hover,
body div#site div#main div#content div.columnRight div#section_column div#section_column_1 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li a:hover,
body div#site div#main div#content div.columnRight div#section_column div#section_column_2 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li a:hover,
body div#site div#main div#content div.columnRight div#section_column div#section_column_3 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li a:hover { text-decoration: underline; color: #537e24; }
body div#site div#main div#content div.columnRight div#section_column div#section_column_0 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li a:active,
body div#site div#main div#content div.columnRight div#section_column div#section_column_1 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li a:active,
body div#site div#main div#content div.columnRight div#section_column div#section_column_2 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li a:active,
body div#site div#main div#content div.columnRight div#section_column div#section_column_3 div.latestnewsAction div.greenBlock div.content ul.news-latestnews li a:active,
.container a:focus { text-decoration: underline; color: #000; }

/**************************************/
/*               FOOTER               */
/**************************************/
div#copyright { background: transparent url(/templates/nextjob/images/website_05.png) no-repeat left top; padding-top: 24px; padding-bottom: 5px; text-align: center; font-size: .95em; }
div#copyright,
div#copyright a { color: #c6c8bf; }
div#copyright a:hover { color: #fff; }
div#footer a,
div#footer { text-align: center; color: #888888; }

/**************************************/
/*            EDITOR CONTENT          */
/**************************************/
body#tinymce, body#tinymce td, body#tinymce pre { font-family: "Liberation Sans",Helvetica,Arial,sans-serif; }
body#tinymce { background: white; }