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

* {
margin					: 0px;
padding					: 0px;
}

body {
font					: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color					: #333333;
background-color		: #FE4110;
}

a {
color					: #FE4110;
text-decoration			: none;
}

a:hover {
text-decoration			: underline;
}

a img {
border					: 0px;
}

h1 {
font-family				: Tahoma, Arial, Helvetica, sans-serif; 
font-size				: 11px; 
line-height				: 18px; 
color					: #333; 
font-weight				: bold; 
margin					: 10px 0px 20px 0px;
}

h2 {
font-family				: Tahoma, Arial, Helvetica, sans-serif; 
font-size				: 11px;
line-height				: 18px; 
color					: #333; 
font-weight				: bold; 
}

/****** Alle h3 en h2 spans uit *****/
h3 span, h2 span {
display					: none;
}


h3 {
font-family				: Tahoma, Arial, Helvetica, sans-serif; 
font-size				: 11px;
padding					: 10px 0px;
color					: #000;
text-transform			: uppercase;
}

p {
padding					: 5px 0px 5px 0px;
margin					: 0px;
line-height				: 18px;
}

hr {
border					: 0;
color					: #FE4110;
background-color		: #FE4110;
height					: 1px;
clear					: both;
margin					: 0 !important; 
margin					: -7px 0px -7px 0px;
line-height:0px;
padding:0px;
font-size:0px;
}

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

/* de bg en de witte kleur  */
#container {
margin					: 0px auto;
width					: 100%;
background				: #FFFFFF url("../img/bg_body.gif") no-repeat center top;
}

/* de title image, wordt in pagina overschreven */
#header {
margin					: 0px auto;
background				: #FE4110 url("../img/bg_header.gif") no-repeat 75%;
width					: 934px;
height					: 245px;
}

	#header h1 {
	display					: none;
	}
	
	#header a {
	display					: block;
	margin-left				: 25px;
	}


#footer {
margin-top				: -1px;
width					: 100%;
height 					: 38px;

background-image		: url("../img/bg_footer.gif");
background-repeat		: repeat-h; 
background-position		: center bottom;
}

	#footer #footer_center {
	width					: 960px;
	height 					: 38px;
	margin					: auto;
	color					: #FFFFFF;
	background-image		: url("../img/bg_footer_bottom.gif");
	background-repeat		: no-repeat; 
	background-position		: center bottom;
	text-align				: center;
	}
	
	#footer #footer_center  ul{
	margin-top				: 18px;
	margin-right			: 20px;
	list-style-type			: none;
	float					: right;
	}
	
	#footer #footer_center  li{
	float					: left;
	}
	
	#footer #footer_center a{
	color					: #FFFFFF;
	font-weight				: bold;
	}

/* zorgt voor de witte bg tussen header en footer, hierin de content gedeeltes */
#wrap {
padding					: 40px 0px 0px 0px;
margin					: auto;
width					: 970px;
background-image		: url("../img/bg_white_shadow.gif");
background-repeat		: no-repeat; 
background-position		: center bottom;
}

/* trekt de wrap div omlaag die door alle geneste floats niet hoog genoeg is waardoor je anders een rode bg krijgt */
.glue {
font-size				: 0px;
height					: 2px; /* de margin -1 opheffen uit de footer */
clear					: both;
}

/* content gedeelte   ------------------------------------------------ */
.content {
float					: left;
width					: 557px;

margin					: 0px;
padding					: 0px;
margin-left				: 45px;
_margin-left			: 25px;
}


/* rechter paneel   -------------------------------------------------- */
.sidepanel {
width					: 300px;
float					: right;
margin-right			: 40px;
_margin-right			: 20px;
}

/* filter   ------------------------------------------------------- */
.filter {
background-color		: #EBEBEB;
height					: 80px;
border-bottom			: solid 1px #CCC;
}

.filter p {
font-weight				: bold;
padding					: 6px 10px;
}

.filter ul {
list-style-type			: none;
margin-left				: 10px;
}

.filter li {
width					: 165px;
float					: left;
margin					: 0 6px;
}

.filter label {
display					: block;
float					: left;
clear					: right;
width					: 150px;
}

.filter select {
float					: left;
width					: 165px;
font-size				: 10px;
}

/* Paginering  ------------------------------------------------------- */

.pagescontainer {
float					: left;
clear					: both;
border-top				: 1px solid #FE4110;
width					: 557px;
}

.pages {
padding					: 8px 0px 8px 0px;
height					: 16px;
float					: left;
}

.pages ul {
list-style-type			: none;
float					: left;
}

.pages li {
float					: left;
display					: block;
margin					: 0; 
padding					: 0;
margin-right 			: 5px;
}

.pages a {
display					: block;
border					: solid 1px #FE4110;
font-weight				: bold;
color					: #333;
padding					: 1px 3px;
}

.pages a:hover {
border					: solid 1px #FE4110;
background-color		: #FE4110;
color:					: #333;
text-decoration			: none;
}

.pages a.selected {
border					: solid 1px #FE4110;
background-color		: #FE4110;
color					: #FFFFFF;
}


/* Vacatures   ------------------------------------------------------- */

h2.vacature_overzicht {
background-image		: url("../img/hd_vac_overzicht.gif");
background-repeat		: no-repeat; 
background-position		: left top;
width					: 557px;
height					: 32px;
margin					: 0; 
padding					: 0;
}

.vacature {
float					: left;
width					: 557px;
padding					: 6px 0px 6px 0px;
border-top				: 1px solid #FE4110;
}

.vacature h2 {
float					: left;
margin					: 0px;
padding					: 0px;
width					: 440px;
}

.vacature h2 span {
color					: #FE4110;
display					: inline;
}

.vacature p {
padding					: 0px;
width					: 400px;
}

.vacature img {
width					: 90px;
float					: right;
}

.vacature_klein {
margin					: 0px 10px 0px 10px;
padding					: 10px 0px;
border-bottom			: 1px solid #FE4110;
line-height				: 0px;
}

.vacature_klein p {
padding					: 0px;
}

/* vacature details   ------------------------------------------------------- */

h2.vacature_detail {
background-image		: url("../img/hd_vacature_big.gif");
background-repeat		: no-repeat; 
background-position		: left top;
width					: 557px;
height					: 32px;
margin					: 0; 
padding					: 0;
}

.vacature_details dt {
width					: 150px; 
height					: 12px;
xbackground-color		: #EBEBEB;
border-top				: solid 1px #FE4110;
padding					: 3px;
}

.vacature_details dd {
margin					: -22px 0 10px 170px;
padding					: 3px;

background-color		: #EBEBEB;
border-bottom			: solid 1px #CCC;
}

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

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

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

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

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

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

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

.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;
}


h3.side_vac_overzicht {
background-image		: url("../img/hd_vac_overzicht.gif");
background-repeat		: no-repeat; 
background-position		: left top;
width					: 300px;
height					: 32px;
margin					: 0; 
padding					: 0;
}



/* Solicitatie   ---------------------------------------------------- */

h2.sollicitatie {
background-image		: url("../img/hd_solicitatieformulier.gif");
background-repeat		: no-repeat; 
background-position		: left top;
width					: 557px;
height					: 32px;
margin					: 0; 
padding					: 0;
}

h2.open_solicitatie {
background-image		: url("../img/hd_open_solicitatie.gif");
background-repeat		: no-repeat; 
background-position		: left top;
width					: 557px;
height					: 32px;
margin					: 0; 
padding					: 0;
}

.message {
font-size				: 12px;
font-weight				: bold;
background-color		: #EBEBEB;
margin					: 15px 0px;
padding					: 15px 20px;
border-bottom			: solid 1px #CCC;
}

/* Filmpjes   ------------------------------------------------------- */

h2.promo_overzicht {
background-image		: url("../img/hd_promo_big.gif");
background-repeat		: no-repeat; 
background-position		: left top;
width					: 557px;
height					: 32px;
margin					: 0; 
padding					: 0;
}



.movie_container {
width					: 557px;
height					: 350px;
background-color		: #EBEBEB;
border-bottom			: solid 1px #CCC;
text-align				: center;
padding-top				: 10px;
}

.movie_container object {
margin-top				: 10px;
}

h3.side_promo_overzicht {
background-image		: url("../img/hd_side_overzicht.gif");
background-repeat		: no-repeat; 
background-position		: left top;
width					: 300px;
height					: 32px;
margin					: 0;
padding					: 0;
}




h3.side_promo {
background-image		: url("../img/hd_promo.gif");
background-repeat		: no-repeat; 
background-position		: left top;
width					: 300px;
height					: 32px;
margin					: 0;
padding					: 0;
}

h3.side_promo span {
display					: none;
}

.side_gray {
float					: left;
background-color		: #EBEBEB;
border-bottom			: solid 1px #CCC;
width					: 300px;
}

.side_gray a {
display					: block;
}

.side_gray .pages {
padding-left			: 10px;
}

a.bekijk_promo {
margin-left				: 60px;
display					: block;
background-image		: url("../img/ln_andere_promo.gif");
background-repeat		: no-repeat; 
background-position		: 50% 50%;
width					: 227px;
height					: 21px;
}

a.bekijk_promo span {
display					: none;
}

.thumbs {
padding-top				: 20px;
margin					: 0 0 10px 8px;
}

.thumbs a {
display					: inline;
margin					: 0;
padding					: 0;
}


.movie_thumb {
width					: 80px;
height					: 44px;
margin					: 5px 6px;
}

.side_movie {
margin					: 0 0 0 20px;
padding-top				: 10px;
}

/* Kiwa logo's ----------------------------------------------- */

.kiwa {
float					: left;
width					: 300px;
padding-top				: 20px;
text-align				: right;
}

/* Linkjes en dingetjes ----------------------------------------------- */

.verder {
padding					: 0px 0px 0px 17px;
margin					: 0px;
background-image		: url("../img/icon_lees_verder.gif");
background-repeat		: no-repeat; 
background-position		: left 50%;
height					: 11px;
}

.open_sollicitatie {
float					: right;
width 					: 350px;
height					: 12px;
font-weight				: bold;
padding-top				: 7px;
}

.gevonden_resultaten {
float					: right;
height					: 12px;
font-weight				: bold;
padding-top				: 7px;
}

.side_open_sollicitatie {
clear					: both;
font-weight				: bold;
padding					: 0px 0px 0px 10px;
line-height				: 14px;
}

.open_sollicitatie a {
color					: #FE4110;
}

.side_adres {
padding					: 0;
margin					: 0 20px;
color					: #739BAF;
text-align				: right;
font-size				: 10px;
}

.side_adres a {
display					: inline;
color					: #739BAF;
font-weight				: bold;
}

.side_gray .bedrijf {
padding					: 0;
margin					: 15px 0 5px 0;
}


/* ----------------------- CMS  ----------------------- */
.cms_edit, .cms_login_main {
float					: left;
width					: 800px;

margin					: 0px;
padding					: 0px;
margin-left				: 45px;
_margin-left			: 25px;
}