@charset "utf-8";

/* 
CSS Document created for www.tradiro.com
Created by WEBCITERS, [http://wwww.webciters.com]
*/

body{
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #01004c;
	letter-spacing: .02em;
}

#mainWrapper{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

#mainWrapper .header{
	float: left;
	margin: 0;
	padding: 0;
	height: 250px;
	width: 1000px;
	position: relative;
}

#mainWrapper .header .flash_ban{
	margin: 0;
	padding: 0;
	height: 300px;
	width: 300px;
	position: absolute;
	left: 700px;
}

#mainWrapper .banners_bottom{
	float: center;
	margin-top: 0;
	padding: 0;
	height: 120px;
	width: 600px;
	position: relative;
	left: 300px;

	
}

#mainWrapper .header p.logo{
	float: left;
	margin: 0;
	padding: 0;
}

#mainWrapper .header p.bgimg, #mainWrapper .header p.bgimg_vacatures, #mainWrapper .header p.bgimg_overons, #mainWrapper .header p.bgimg_aanmelden, #mainWrapper .header p.bgimg_vacatures_cv, #mainWrapper .header p.bgimg_overons_flash, #mainWrapper .header p.bgimg_aanmelden_flash, #mainWrapper .header p.bgimg_vacatures_flash{
	margin: 0;
	padding: 0;
	float: right;
	width: 497px;
	height: 250px
}

#mainWrapper .header p.nautral, #mainWrapper .header p.nautral02, #mainWrapper .header p.nautral03, #mainWrapper .header p.nautral04, #mainWrapper .header p.nautral05{
	margin: 0;
	padding: 0;
	float: right;
	width: 497px;
	height: 250px;
}

#mainWrapper .header p.nautral{
	background: #e9eaff url(../images/right_bg_new.jpg) top right no-repeat;
}

#mainWrapper .header p.nautral02{
	background: #e9eaff url(../images/right_bg_new02.jpg) top right no-repeat;
}

#mainWrapper .header p.nautral03{
	background: #e9eaff url(../images/right_bg_new03.jpg) top right no-repeat;
}

#mainWrapper .header p.nautral04{
	background: #e9eaff url(../images/right_bg_new04.jpg) top right no-repeat;
}

#mainWrapper .header p.nautral05{
	background: #e9eaff url(../images/right_bg_new05.jpg) top right no-repeat;
}

#mainWrapper .header p.bgimg{
	background: #FFEADF url(../images/right_bg.jpg) top right no-repeat;
}

#mainWrapper .header p.bgimg_vacatures{
	background: #FFEADF url(../images/right_bg_vac.jpg) top right no-repeat;
}

#mainWrapper .header p.bgimg_overons{
	background: #e9eaff url(../images/right_bg_op.jpg) top right no-repeat;
}

#mainWrapper .header p.bgimg_aanmelden{
	background: #e9eaff url(../images/right_bg_av.jpg) top right no-repeat;
}

#mainWrapper .header p.bgimg_vacatures_cv{
	background: #FFEADF url(../images/right_bg_vac2.jpg) top right no-repeat;
}

#mainWrapper .header p.bgimg_overons_flash, #mainWrapper .header p.bgimg_aanmelden_flash{
	background: #e9eaff;	
}

#mainWrapper .header p.bgimg_vacatures_flash{
	margin: 0;
	padding: 0;
	float: right;
	width: 497px;
	height: 250px;
}

#mainWrapper .header p.bgimg_vacatures_flash{
	background: #FFEADF url(../images/right_bg_new061.jpg) top right no-repeat;
}


#menu, #menu_hm{
	padding: 0;
	margin: 0;
}

#menu .menuItems{
	width: 700px; /*1000-bgimgpart width */
	background: #FFF;
	height: 35px;
	padding: 15px 0 0 0;
	margin: 0;
	float: left;
	text-align: right;
	font: 12px Arial, Helvetica, sans-serif;
	

}

#menu_hm .menuItems_hm{
	width: 400px;
	background: #FFF;
	height: 35px;
	padding: 15px 0 20px 0;
	margin: 0;
	float: left;
}

#menu .menuItems p, #menu .menuItems p.activelink, #menu .menuItems p.home{
	display: inline;
	padding: 0 25px 0 0;
	margin: 3px 0 0 0;
	color: #000;
}

#mainBody_hm .midCol #menu_hm .menuItems_hm p{
	display: inline;
	padding: 0 12px 0 0;
	margin: 3px 0 0 0;
	color: #000;
}

#menu .bgimgpart, #menu .bgimgpart_vacatures, #menu .bgimgpart_overons, #menu .bgimgpart_aanmelden, #menu .bgimgpart_vacatures_cv, #menu .bgimgpart_overons_flash, #menu .bgimgpart_aanmelden_flash, #menu .bgimgpart_flash{
	padding: 0;
	margin: 0;
	float: right;
	height: 50px;
	width: 300px;
}

#menu .bgimgpart_overons_flash, #menu .bgimgpart_aanmelden_flash, #menu .bgimgpart_flash{
	background: #FFF;
}

#menu .bgimgpart, #menu .bgimgpart_vacatures{
	background: #FFF url(../images/right_bg_part.jpg) right no-repeat;
}

#menu .bgimgpart_vacatures{
	background: #FFF url(../images/right_bg_part_vac.jpg) right no-repeat;
}

#menu .bgimgpart_overons{
	background: #FFF url(../images/right_bg_part_op.jpg) right no-repeat;
}

#menu .bgimgpart_aanmelden{
	background: #FFF url(../images/right_bg_part_av.jpg) right no-repeat;
}

#menu .bgimgpart_vacatures_cv{
	background: #FFF url(../images/right_bg_part_vac2.jpg) right no-repeat;	
}

#mainBody_hm{
	margin: 0;
	padding: 0;
	background: #FFF;
}

#mainBody{
	margin: 0;
	padding: 0;
	background: #ee3c32;
}

#mainBody_bl{
	margin: 0;
	padding: 0;
	background: #01509f;
}

#mainBody .leftCol, #mainBody_bl .leftCol{
	float: left;
	width: 165px;
	margin: 0;
	padding: 0;
}

#mainBody_hm .leftCol{
	float: left;
	width: 275px;
	margin: 0;
	padding: 0;
}

#mainBody .leftCol p, #mainBody_bl .leftCol p{
	margin: 0;
	padding: 25px 20px 0 0;
	text-align: right;
	display: block;
}

#mainBody .leftCol p.zoek{
	width: 145px;
	background: url(../images/zoek_bg.gif) no-repeat left;
	margin: 0;
	padding: 8px 20px 0 0;
	text-align: right;
	height: 22px;
}

#mainBody_bl .leftCol p.zoekwerk{
	width: 145px;
	background: url(../images/zoek_bg_op.gif) no-repeat left;
	margin: 0;
	padding: 8px 20px 0 0;
	text-align: right;
	height: 22px;
}

#mainBody .midCol, #mainBody_bl .midCol{
	float: left;
	margin: 0;
	padding: 35px;
	width: 600px;
}

#mainBody .midCol .content_left{
	float: left;
	margin: 0;
	padding: 20px 15px 0 0;
	width: 285px;
}

#mainBody .midCol .content_right{
	float: right;
	margin: 0;
	padding: 20px 0 0 15px;
	width: 285px;
}

#mainBody .midCol .content_right p{
	margin: 0;
	padding: 30px 0 5px 0;
	width: 285px;
	display: block;
}

#mainBody .midCol .content_right .vacaturesList, #mainBody .midCol .content_right .vacaturesList p{
	padding: 0;
	margin: 0;
}

div.vacaturesList .contentList{
	margin: 0;
	padding: 0 10px;
	background: #ffc9c7;
	color: #000;
}

div.vacaturesList .contentList ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

div.vacaturesList .contentList li{
	margin: 0;
	padding: 10px;
	border-bottom: 2px solid #FF0000;
}

div.vacaturesList .contentList li:hover{
	margin: 0;
	padding: 10px;
	list-style: none;
	border-bottom: 2px solid #FF0000;
	background: #FFF;
}

div.vacaturesList .contentList li p{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 13px;
	display: block;
}

div.vacaturesList .contentList li span{
	margin: 0;
	padding: 0 0 5px 0;
	display: block;
}

div.pagination{
	padding: 15px;
	margin: 0;
}

div.pagination a{
	padding: 0 5px;
	margin: 0;
}

#mainBody .midCol .content_left h1, #mainBody .midCol .content_right h1{
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#mainBody_hm .midCol{
	float: left;
	margin: 0;
	padding: 1px 0px 0px 30px;
	width: 380px;
	color: #000;
}

#mainBody .midCol p, #mainBody_bl .midCol p, #mainBody_hm .midCol p{
 margin: 0;
 padding: 10px 0 0 0;
 text-align: justify;
}

#mainBody .rightCol, #mainBody_bl .rightCol{
	margin: 0;
	padding: 0;
	float: right;
	width: 160px;
	display: block;
}

#mainBody_hm .rightCol{
	margin: 0;
	padding: 0;
	float: right;
	width: 275px;
}

#mainBody .rightCol p.home, #mainBody .rightCol p.insch, #mainBody .rightCol p.contact, #mainBody .rightCol p.vacatures, #mainBody_bl .rightCol p.overons, #mainBody_bl .rightCol p.aanmelden, #mainBody_bl .rightCol p.contact, #mainBody .rightCol p.overons, #mainBody_bl .rightCol p.home{
	margin: 0;
	padding: 0;
}

#mainBody .rightCol p.home{
	background: url(../images/page_bg.gif) no-repeat;
	height: 283px;
}

#mainBody .rightCol p.insch{
	background: url(../images/page_bg_insc.gif) no-repeat;
	height: 479px;
}

#mainBody .rightCol p.contact{
	background: url(../images/page_bg_contact.gif) no-repeat;
	height: 284px;
}

#mainBody .rightCol p.vacatures{
	background: url(../images/page_bg_vacatures.gif) no-repeat;
	height: 300px;
}

#mainBody .rightCol p.overons{
	background: url(../images/employees_bg_op.gif) no-repeat;
	height: 313px;
}

#mainBody_bl .rightCol p.overons{
	background: url(../images/page_bg_op.gif) no-repeat;
	height: 313px;
}

#mainBody_bl .rightCol p.contact{
	background: url(../images/employer_bg_contact.gif) no-repeat;
	height: 313px;
}

#mainBody_bl .rightCol p.aanmelden{
	background: url(../images/page_bg_av.gif) no-repeat;
	height: 506px;
}

#mainBody_bl .rightCol p.home{
	background: url(../images/employer_home_bg.gif) no-repeat;
	height: 283px;
}

#mainBody .midCol .contactDetail, #mainBody_bl .midCol .contactDetail, #mainBody_hm .midCol .contactDetail{
	margin: 0;
	padding: 20px 0 30px 0;
}

#mainBody .midCol .contactDetail p.companyInfo, #mainBody_bl .midCol .contactDetail p.companyInfo{
	margin: 0;
	padding: 0 0 30px 0;
	float: left;
	text-align: right;
	width: 190px;
}

#mainBody_hm .midCol .contactDetail p.companyInfo{
	margin: 0;
	padding: 0 0 30px 0;
	float: left;
	text-align: right;
	width: 120px;
}

#mainBody .midCol .contactDetail p.companyInfo2, #mainBody_bl .midCol .contactDetail p.companyInfo2{
	margin: 0;
	padding: 0 0 30px 0;
	float: right;
	text-align: left;
	width: 380px;
}

#mainBody_hm .midCol .contactDetail p.companyInfo2{
	margin: 0;
	padding: 0 0 30px 0;
	float: right;
	text-align: left;
	width: 240px;
}

#mainBody .midCol .contactDetail .headTitle, #mainBody_bl .midCol .contactDetail .headTitle, #mainBody_hm .midCol .contactDetail .headTitle{
	margin: 0;
	padding: 0 0 30px 0;
	float: right;
	text-align: left;
	width: 380px;
	font-size: 18px;
}

/* form styles starts here*/

#mainBody .midCol .form, #mainBody_bl .midCol .form, #mainBody_hm .midCol .form{
	margin: 0;
	padding: 20px 0 0 0;
}

#mainBody .midCol .content_left .form{
	margin: 0;
	padding: 0 0 0 0;
}

#mainBody .midCol .form p, #mainBody_bl .midCol .form p, #mainBody_hm .midCol .form p{
	margin: 0;
	padding: 8px 0 0 0;
	display: block;
}

#mainBody .midCol .content_left .form p{
	margin: 0;
	padding: 30px 0 0 0;
	display: block;
}

#mainBody .midCol .form label, #mainBody_bl .midCol .form label{
	margin: 0;
	padding: 0 30px 0 40px;
	text-align: right;
	width: 150px;
	float: left;
	display: block;
}

#mainBody_hm .midCol .form label{
	margin: 0;
	padding: 0 20px 0 20px;
	text-align: right;
	width: 100px;
	float: left;
	display: block;
}

#mainBody .midCol .content_left .form label{
	margin: 0;
	padding: 0 30px 5px 5px;
	text-align: left;
	width: 150px;
	float: left;
	display: block;
}

#mainBody .midCol .form input, #mainBody .midCol .form textarea, #mainBody_bl .midCol .form input, #mainBody_bl .midCol .form textarea{
	margin: 0;
	padding: 3px;
	border: none;
	background: #FFF;
	font-size: 11px;
}

#mainBody_hm .midCol .form input, #mainBody_hm .midCol .form textarea{
	margin: 0;
	padding: 3px;
	border: 1px solid #CCC;
	background: #EFEFEF;
	font-size: 11px;
}

#mainBody .midCol .form input.nobg{
	margin: 0;
	border: none;
	background: transparent;
}

#mainBody .midCol .form span, #mainBody_bl .midCol .form span{
	margin: 0 15px 0 0;
}

#mainBody .midCol p.btnmenu{
	margin: 0;
	padding: 8px 0 0 0;
	display: block;
}

#mainBody .midCol p.btnmenu span{
	float: left;
	width: 80px;
	padding: 0 10px 0 0;
	margin: 0;
}

span.telemin{
	font-size: 11px;
	font-style: italic;
}

form{
	padding: 0;
	margin: 0;
}

/* footer styles starts here */

#mainWrapper .footer{
	margin: 0;
	padding: 30px;
	background: #FFF;
	float: left;
	color: #999;
	width: 940px;
}

#mainWrapper .footer p{
	margin: 0;
	padding: 0;
	display: block;
}

#mainWrapper .banners_at_bottom{
	margin: 0;
	padding:25px 170px 2px 170px;
	background: #FFF;
	float: left;
	color: #999;
	width: 600px;
}

#mainWrapper .banners_at_bottom p{
	margin: 0;
	padding: 0;
	display: block;
}

/* Pseudo Classes */

#menu .menuItems a, #menu_hm .menuItems_hm a{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#menu .menuItems a:hover, #menu_hm .menuItems_hm a:hover{
	color: #ee3c32;
	text-decoration: none;
}

a{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

p.btnmenu a{
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}

p.btnmenu a:hover{
	color: #000;
	text-decoration: none;
}

#mainBody .midCol p.btnmenu span.activeLink a{
	font-size: 14px;
	font-weight: bold;
}

a img{
	border: none;
}

div.vacaturesList .contentList a{
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

#mainBody_hm .midCol .contactDetail a{
	color: #000;
}


#mainBody_hm .midCol .contactDetail a:hover{
	color: #AAA;
}

/* possible hacks */
.clear{
	clear: both;
}


.tableborder {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	border: 1px solid #000000;
}
.boldheading
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding:3px;
}
.boldword
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding:3px;
	text-align:left;
}
.borderbotom
{
border-bottom:1px solid #F27359;
}
.normalclass
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:3px;
	text-align:left;
}
.boldinnerheading
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding:3px;
	text-align:left;
}
.boldwordcolor
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding:3px;
	color:#DDDDFF;
}

.boldwordemployee
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding:3px;
	color:#FF0000;
}
.thislink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding:2px;
	color:#FFFF00;
}
.thislinks
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding:2px;
	color:#000000;
	text-decoration:none;
}
.thislinks a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding:2px;
	color:#000000;
	text-decoration:none;
}
.thislinks a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding:2px;
	color:#red;
	text-decoration:underline;
}
.thislinks a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding:2px;
	color:#blue;
	text-decoration:none;
}
.boldwordemployeecv
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding:3px;
	color:#FFCACA;
}
.boldwordcolorcv
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding:3px;
	color:#DDDDFF;
}