/* jQuery UI Styles -----------------------------------------*/
@import "ui.core.css";
@import "ui.theme.css";
@import "ui.datepicker.css";

/* Basis elementen en hoofdelementen -----------------------------------------*/

* {
margin					: 0px;
padding					: 0px;
font						: 11px "Arial", "Helvetica", sans-serif;
}

body {
background				: #73aae8 url(../img/bg_main.jpg) repeat-x center top;
color					: #FFF;
}

h1 {
font-family				: Arial, Helvetica, sans-serif;
font-size					: 20px;
font-style				: normal;
line-height				: normal;
font-variant				: normal;
color					: #333;
font-weight				: lighter;
margin					: 10px 0px 20px 0px;
}

h1 span {
display					: none;
}

h2 {
margin					: 10px 0px 0px 0px;
padding					: 0px;
font-weight				: bold;
line-height				: 18px;
}

p {
line-height				: 18px;
padding					: 0px 0px 10px 0px;
margin					: 0px;
}
strong {
font-weight				: bold;
}
a {
text-decoration			: none;
}

a:hover {
color					: #666;
}

a img {
border					: 0px;
}


/* Placeholders --------------------------------------------------------------*/

#container {
width					: 994px;
margin					: auto;
color					: #000;
}

/* Header ------------------------------------------------------- */

#header {
clear					: both;
width					: 994px;
height					: 141px;
background				: #FFF;
}

#header_title {
float					: left;
padding					: 52px 0px 0px 17px;
}

#logo {
float					: right;
width					: 141px;
height					: 141px;
}

/* Navigatie ------------------------------------------------------- */

#nav {
clear					: both;
margin					: auto;
width					: 960px;
height					: 192px;
}

#nav li {
width					: 192px;
height					: 192px;
}

#nav li a {
display					: block;
width					: 384px;
height					: 192px;
}

.kwicks {
list-style				: none;
position					: relative;
margin					: 0;
padding					: 0;
}
.kwicks li{
display					: block;
float					: left;
overflow					: hidden;
padding					: 0;
cursor					: pointer;
}

#nav_automotive{ background-image: url(../img/nav_automotive.jpg) ; }
#nav_logistics { background-image: url(../img/nav_logistics.jpg) ; }
#nav_shipping 	{ background-image: url(../img/nav_shipping.jpg) ; }
#nav_corporate { background-image: url(../img/nav_corporate.jpg) ; }
#nav_special 	{ background-image: url(../img/nav_special.jpg) ; }


#wrap {
float					: left;
clear					: both;
width					: 738px;
margin-top				: 1px;
background				: url(../img/bg_wrap.jpg) repeat-y left top;
}

/* Content   ------------------------------------------------------- */

#content {
float					: left;
width					: 738px;
background				: url(../img/bg_content.jpg) no-repeat left top;
}

#content_bottom {
float					: left;
width					: 738px;
height					: 25px;
background				: url(../img/bg_content_footer.jpg) no-repeat left top;
}

/* Actieblokken - linkerzijde  ------------------------------------------------------- */

#actieblok {
float					: left;
width					: 144px;
padding					: 41px 0px 15px 38px;
min-height				: 380px;
height					: auto;
}

/* for Internet Explorer */
/*\*/
* html #actieblok {
height					: 380px;
}

#actieblok.home dl {
float					: left;
}

#actieblok.home dt {
float					: left;
width					: 20px;
height					: 15px;
margin					: 0px 0px 3px 0px;
}

#actieblok.home dt.automotive 		{ background-color: #5ea1ef; }
#actieblok.home dt.logistics 		{ background-color: #133c69; }
#actieblok.home dt.shipping 		{ background-color: #2d8df6; }
#actieblok.home dt.specialproducts 	{ background-color: #2168b6; }
#actieblok.home dt.corporate 		{ background-color: #1a5290; }

#actieblok.home dd {
float					: left;
width					: 100px;
height					: 15px;
color					: #FFF;
font-weight				: bold;
margin					: 0px 0px 3px 6px;
}

#actieblok.home p {
float					: left;
padding					: 10px 0px 0px 0px;
color					: #FFF;
}

#actieblok.home form {
float					: left;
}

#actieblok.home select {
background-color			: #669cdc;
width					: 134px;
margin					: 7px 0px;
padding					: 0px;
color					: #FFF;
}

#actieblok .link_open_soll a {
float					: left;
display					: block;
width					: 134px;
height					: 36px;
background-image			: url(../img/link_open_sollicitatie.gif);
background-position			: 0px 0px;
margin					: 20px 0px 0px 0px
}

#actieblok .link_open_soll a:hover {
background-position			: 0px 36px;
}

#actieblok .link_registreer_nu {
float					: left;
display					: block;
width 					: 130px;
padding-top 			: 97px;
background 				: transparent url('../img/text_jobagent.gif') no-repeat scroll top;
margin-top 				: 20px;
}

#actieblok .link_registreer_nu a {
float					: left;
display					: block;
width					: 99px;
height					: 14px;
background-image			: url(../img/link_registreer_nu.gif);
background-position			: 0px 0px;
margin					: 10px 0px 0px 0px
}

#actieblok .link_registreer_nu a:hover {
background-position			: 0px -14px;
}

#actieblok.vacature ul {
float					: left;
list-style				: none;
padding					: 0px;
}

#actieblok.vacature li {
float					: left;
padding					: 5px 0px 5px 0px;
border-bottom				: 1px solid #71a0da;
width					: 134px;
}

#actieblok.vacature ul li.overzicht {
width					: 119px;
padding					: 5px 0px 5px 15px;
background				: url(../img/icon_back.gif) no-repeat 0px 6px;
}

#actieblok.vacature li a {
color					: #FFF;
}

#actieblok.vacature li a:hover {
text-decoration			: underline;
color					: #FFF;
}

#actieblok.vacature dl {
float					: left;
width					: 135px;
}

#actieblok.vacature dt {
float					: left;
padding					: 0px 0px 0px 10px;
background				: url(../img/icon_vorig.gif) no-repeat 0px 4px;
}

#actieblok.vacature dd {
float					: right;
padding					: 0px 10px 0px 0px;
background				: url(../img/icon_volgend.gif) no-repeat 50px 4px;
}

#actieblok.vacature dd li {
float					: right;
}

#actieblok.vacature .link_soll_direct {
float					: left;
padding					: 80px 0px 140px 0px
}

#actieblok.vacature .link_soll_direct a {
float					: left;
display					: block;
width					: 134px;
height					: 40px;
background-image			: url(../img/link_soll_direct.gif);
background-position			: 0px 0px;
margin					: 20px 0px 0px 0px
}

#actieblok.vacature .link_soll_direct a:hover {
background-position			: 0px 40px;
}

#actieblok.divisie {
float					: left;
width					: 156px;
padding					: 31px 0px 15px 26px;
min-height				: 380px;
height					: auto;
}

/* for Internet Explorer */
/*\*/
* html #actieblok.divisie {
height					: 380px;
}

/* Main content ------------------------------------------------------- */

#main {
float					: left;
width					: 475px;
padding					: 32px 0px 15px 26px;
color					: #FFF;
}

#main a {
text-decoration			: underline;
}

#main ul {
list-style			: square;
padding				: 0px 0px 15px 17px;
}

#main ol {
padding				: 0px 0px 15px 25px;
}

#main li {
line-height			: 18px;
}


/* Main content : Home ------------------------------------------------------- */

#main dl.vacatures {
float					: left;
}

#main dl.vacatures dt {
float					: left;
width					: 20px;
height					: 15px;
}

#main dl.vacatures dd {
float					: left;
width					: 440px;
margin					: 0px 0px 3px 0px;
}

#main dl.vacatures dd a {
color					: #FFF;
font-weight				: bold;
width					: 440px;
padding					: 0px 6px 0px 6px;
display					: block;
text-decoration			: none;
}

#main dt.automotive, #main dd.automotive a:hover 			{ background-color:	#5ea1ef; }
#main dt.logistics, #main dd.logistics a:hover 				{ background-color:	#133c69; }
#main dt.shipping, #main dd.shipping a:hover 				{ background-color:	#2d8df6; }
#main dt.specialproducts, #main dd.specialproducts a:hover 	{ background-color:	#2168b6; }
#main dt.corporate, #main dd.corporate a:hover 				{ background-color:	#1a5290; }

/* Main content : Vacaturepagina ------------------------------------------------------- */

#main #vacature_colorblock {
float					: left;
width					: 20px;
height					: 15px;
margin					: 0px 0px 3px 0px;
}

#main #vacature_colorblock.automotive 		{ background-color: #5ea1ef; }
#main #vacature_colorblock.logistics 		{ background-color: #133c69; }
#main #vacature_colorblock.shipping 		{ background-color: #2d8df6; }
#main #vacature_colorblock.specialproducts 	{ background-color: #2168b6; }
#main #vacature_colorblock.corporate 		{ background-color: #1a5290; }

#main #vacature {
float					: left;
width					: 440px;
padding					: 0px 0px 0px 9px;
}

#main #vacature dl {
float					: left;
padding					: 2px 0px 15px 0px;
width					: 440px;
}

#main #vacature dt {
float					: left;
width					: 105px;
height					: 15px;
margin					: 0px 0px 3px 0px;
font-weight				: bold;
}

#main #vacature dd {
float					: left;
width					: 320px;
height					: 15px;
margin					: 0px 0px 3px 0px;
}

#main #vacature_footer {
border-top				: 1px solid #98bfec;
}

#main #vacature_footer ul {
float					: right;
list-style				: none;
padding					: 7px 0px;
}

#main #vacature_footer ul li {
float					: left;
padding					: 2px 10px 2px 30px;
}

#main #vacature_footer ul li.solliciteer a 	{ background: url(../img/icon_solliciteren.gif) no-repeat 0px 1px;text-decoration: none;}
#main #vacature_footer ul li.terug a 		{ background: url(../img/icon_back.gif) no-repeat 0px 1px;text-decoration: none;}

#main #vacature_footer ul li a {
font-weight				: bold;
padding					: 0px 0px 0px 16px;
color					: #FFF;
text-decoration			: none;
}

#main #vacature_footer ul li a:hover {
text-decoration			: underline;
color					: #FFF;
}

/* Main content : Sollicitatiepagina ------------------------------------------------------- */

.sol_form p {
padding					: 0px 0px 20px 0px;
}

.sol_form p a {
color					: #FFFFFF;
font-weight				: bold;
text-decoration			: none;
}

.sol_form p a:hover {
text-decoration			: underline;
}

.sol_form dt {
width					: 120px;
height					: 12px;
padding					: 3px 3px 3px 0px;
float					: left;
}

.sol_form dd {
float					: left;
padding					: 3px;
width					: 300px;
}

.sol_form ul {
list-style-type			: none;
}

.sol_form input.full {
width					: 95%;
}

.sol_form textarea.full {
width					: 95%;
height					: 160px;
}

.sol_form input.medium {
width					: 150px;
}

.sol_form input.small {
width					: 70px;
}

.sol_form .form_error {
color					: #FE4110;
font-weight				: bold;
}

.sol_form .knoppen {
text-align				: left;
}

#main .message a {
text-decoration			: none;
}

#main .message a:hover {
text-decoration			: underline;
}

.knoppen ul {
list-style				: none;
float					: right;
}

.knoppen li {
float					: left;
padding-left			: 10px;
}

.knoppen a {
display					: block;
clear					: both;
font-weight				: bold;
background-color		: #FE4110;
color					: #FFF;
border-right			: 4px solid #000;
border-left				: 1px solid #FE4110;
margin					: 7px 0;
padding					: 3px 6px;
}

.knoppen a:hover {
text-decoration			: none;
background-color		: #FFF;
color					: #FE4110;
border					: 1px solid #FE4110;
border-right			: 4px solid #FE4110;
padding					: 2px 6px;
}

.red {
color					: #FE4110;
}

/* Main content : Medewerkers aan het woord ------------------------------------------------------- */

.profile {
margin				: 0 0 12px 0;
padding				: 0;
float				: left;
width				: 235px;
}
.profile img {
margin				: 0px 15px 0 0;
float				: left;
width				: 51px;
height				: 60px;
border				: 1px solid #123D68;
}

#main .profile a.namelink {
color				: #fff;
font-weight			: bold;
text-decoration:none;
}

#main .profile a.namelink:hover {
color				: #123d68;
font-weight			: bold;
}

.profile_txt img {
float				: right;
border				: 1px solid #FFF;
margin				: 0px 0px 5px 10px;
}


/* Main content : Divisiepagina ------------------------------------------------------- */

#main.divisie p {
padding					: 0px 0px 10px 23px;
}

#main.divisie dt.automotive, #main.divisie dd.automotive a:hover 			{ background-color: #568fc8; }
#main.divisie dt.logistics, #main.divisie dd.logistics a:hover 				{ background-color: #133c69; }
#main.divisie dt.shipping, #main.divisie dd.shipping a:hover 				{ background-color: #2d8df6; }
#main.divisie dt.specialproducts, #main.divisie dd.specialproducts a:hover 	{ background-color: #2168b6; }
#main.divisie dt.corporate, #main.divisie dd.corporate a:hover 				{ background-color: #1a5290; }

/* Rechterzijde  ------------------------------------------------------- */

#right_items {
float					: right;
width					: 240px;
padding					: 22px 16px 15px 0px;
}

#right_items ul {
list-style				: none;
margin-bottom         : 20px;
}

#right_items li {
width					: 230px;
padding					: 4px 0px 4px 10px;
margin					: 0px;
border-top				: 1px solid #568fc8;
}

#right_items li.last_item {
border-bottom				: 1px solid #568fc8;
}

#right_items li a {
padding						: 0px;
margin						: 0px;
height						: 40px;
display						: block;
background-position			: 0px 0px;
}

#right_items li a:hover {
background-position			: 0px 40px;
}

#right_items li a:hover.lang_en  {
background-position			: 0px 23px;
}

#right_items li a.lang_en 	{ background-image: url(../img/switch_en.gif); height: 23px;	}
.broekman					{ background-image: url(../img/menuright_broekman.gif);			}
.waarom 					{ background-image: url(../img/menuright_waarom.gif);			}
.medewerkers 				{ background-image: url(../img/menuright_medewerkers.gif);		}
.stage 						{ background-image: url(../img/menuright_stage.gif);			}
.arbeidsvoorwaarden 		{ background-image: url(../img/menuright_voorwaarden.gif);		}

#right_items li.txt_actueel {
width					: 230px;
padding					: 0px 0px 0px 10px;
margin					: 0px;
border-top				: 0px solid #568fc8;
}

#right_items li.txt_actueel p {
padding					: 0px 0px 10px 0px;
margin					: 0px;
color					: #FFF;
}

.banner_prijsvraag {
width					: 240px;
float					: left;
margin-top				: 15px;
}

.banner_prijsvraag a {
width					: 238px;
height					: 213px;
background				: url(../img/banner_prijsvraag_geraden.jpg) no-repeat;
background-position			: 0px 0px;
display					: block;
border					: 1px solid #FFFFFF;
}

.banner_prijsvraag a:hover {
background-position			: 0px -213px;
}

.prijsvraag_disclaimer {
float					: left;
clear					: left;
width					: 460px;
font-size					: 10px;
padding-top				: 10px;
}

._thumbs {
xmargin-top				: 40px;
}

._thumbs a.thumb {
float					: left;
display				: inline;
height					: 66px;
margin-bottom			: 15px;
}

._thumbs a.thumb img {
border					: 1px solid #FFF;
}

._thumbs a.leftthumb {
margin                 : 0 15px 0 10px;
}

/* Footer   ------------------------------------------------------- */

#footer {
float					: left;
width					: 721px;
height					: 22px;
padding					: 0px 0px 0px 17px;
font-size					: 10px;
color					: #FFF;
}

#footer a {
color					: #FFF;
}

#footer a:hover {
text-decoration			: underline;
}

/*
Bewerken van vacatures ---------------------------------------------------- */

#main.beheer_vacature dl {
float					: left;
width					: 450px;
}

#main.beheer_vacature dt {
float					: left;
width					: 120px;
margin					: 3px 0px 3px 0px;
}

#main.beheer_vacature dd {
float					: left;
width					: 240px;
margin					: 3px 0px 3px 0px;
}
#main.beheer_vacature dd {
float					: left;
width					: 240px;
margin					: 3px 0px 3px 0px;
}

#main.beheer_vacature input.input_large,
#main.beheer_vacature textarea.input_large {
width					: 230px;
padding					: 1px 2px;
margin					: 0px;
}

#main.beheer_vacature dd.input_large input {
width					: 207px;
padding					: 1px 2px;
margin					: 0px;
}

#main.beheer_vacature select.input_large {
width					: 238px;
padding					: 0px;
margin					: 0px;
}

/*----PAGINERING ----------------------------------------------------*/

#pages {
float					: right;
padding					: 5px 30px 0px 0px;
height					: 35px;
}

#pages a {
color					: #FFF;
padding					: 1px 4px;
font-weight				: bold;
border					: 1px solid #FFF;
text-decoration			: none;
line-height				: 18px;
}

#pages a:hover {
color					: #1f61ab;
font-weight				: bold;
text-decoration			: none;
background-color			: #FFF;
border					: 1px solid #1f61ab;
}

#pages a.selected {
color					: #FFF;
font-weight				: bold;
background-color			: #1f61ab;
}

/* Main content : Prijsvraag ------------------------------------------------------- */

.prijsvraag_form p {
padding					: 0px 0px 20px 0px;
}

.prijsvraag_form p a {
color					: #FFFFFF;
font-weight				: bold;
text-decoration			: none;
}

.prijsvraag_form p a:hover {
text-decoration			: underline;
}

.prijsvraag_form dt {
width					: 90px;
height					: 12px;
padding					: 3px 3px 3px 0px;
float					: left;
}

.prijsvraag_form dd {
float					: left;
padding					: 3px;
width					: 300px;
}

.prijsvraag_form ul {
list-style-type			: none;
}

.prijsvraag_form input.full {
width					: 95%;
}

.prijsvraag_form textarea.full {
width					: 95%;
height					: 160px;
}

.prijsvraag_form input.medium {
width					: 150px;
}

.prijsvraag_form input.small {
width					: 70px;
}

.prijsvraag_form .form_error {
color					: #FE4110;
font-weight				: bold;
}

.prijsvraag_form .knoppen {
text-align				: left;
}

/* Representatives: tijdelijke vacaturepagina (geen CMS) ------------------------------------------------------- */

.representative_thumbs {
margin-top				: 40px;
}

.representative_thumbs img {
border					: 1px solid #FFF;
}

.representative_thumbs a {
float					: left;
display					: inline;
height					: 66px;
margin-bottom				: 15px;
}

.representative_thumbs a.leftthumb {
margin-right				: 15px;
}