/* --- MAIN.CSS - Lectric Groep --- */

*
{
	margin: 0;
	padding: 0;
}

body, a, p, td, h1, h2, h3, h4, h5, h6, input, textarea, select
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #495055;
}

body
{
	font-size: 0.75em;
	line-height: 1.5em;
	background: url(../../images/lectricgroep/bg_navTop.gif) 0 0 repeat-x;
}

p
{
	margin-bottom: 20px;
}

a
{
	text-decoration: none;
}

a:hover, a:focus, a:active
{
	text-decoration: underline;
}

a img
{
	border: 0px;
}

.alignLeft
{
	float: left;
}

.alignRight
{
	float: right;
}

ul, ol
{
	list-style: none;
}

:focus
{
	outline: 0;
}

#container
{
	width: 960px;
	margin: 0 auto;
}

.sifrtitle
{
	clear: both;
	font-size: 1.4em;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 20px;
	height: 20px;
}

.sifrtitlebig
{
	font-size: 1.7em;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 27px;
	height: 27px;
}

/* --- lay out --- */

#wrapNavTop
{
	width: 100%;
	height: 24px;
}

#navTop
{
	width: 960px;
	margin: 0 auto;
	padding: 3px 0 0 0;
	height: 22px;
	overflow: hidden;
}

#navTop .contact
{
	float: left;
	width: 300px;
	color: #a5a8ab;
}

#navTop .language
{
	float: left;
	width: 60px;
	margin-left:140px;
}

#navTop .language a
{
    margin-left: 10px;
}

#navTop ul.contact li
{
	float: left;
	margin-right: 15px;
}

#navTop ul.contact li a.email
{
	display: block;
	width: 98px;
	height: 14px;
	text-indent: -9999px;
	background: url(../../images/lectricgroep/btn_email.gif) 0 0 no-repeat;
}

#navTop ul.contact li a.email:hover
{
	background: url(../../images/lectricgroep/btn_email_over.gif) 0 0 no-repeat;
}

.nav
{
	width: 300px;
	float: right;
}

.nav a
{
    vertical-align:middle;
}

html>body .nav { padding: 3px 0 0 0; }
*:first-child+html .nav { padding: 0 0 0 0; }

#navTop ul.nav li
{
	margin: 0;
	padding: 0;
	float: left;
}

#navTop ul.nav li a
{
	float: left;
	display: block;
	padding: 0 0 0 15px;
	margin: 0 22px 0 0;
	background: url(../../images/lectricgroep/bullet_rood.gif) 0 5px no-repeat;
	color: #a5a8ab;
}

#navTop ul.nav li a:hover
{
	color: #ffffff;
	text-decoration: none;
}

#navTop ul.nav li a.navToplaatste
{
	margin: 0;
}


/* --- Logo --- */

#logo
{
	float: left;
	width: 212px;
	height: 21px;
	padding: 31px 0 0 0;
}

/* --- Hoofdmenu --- */

#menu
{
	float: right;
	width: 690px;
	height: 40px;
	padding: 33px 0 0 0;
	margin: 0;
	overflow: hidden;
}

/* --- Content --- */

#contentContainer
{
	float: left;
	width: 945px;
	min-height: 355px;
	padding: 15px 0 0 15px;
	background: url(../../images/lectricgroep/bg_content.gif) 0 0 repeat-x;
}

#contentContaineronder
{
	width: 930px;
	background: url(../../images/lectricgroep/home_fader.gif) 0 0 repeat-x;
}

#content
{
	width: 930px;
}

#content h2
{
	width: 280px;
	height: 20px;
	margin: 0 0 15px;
}

#content .blokgroot a
{
	text-decoration: underline;
}

#content .blokgroot a:hover
{
	text-decoration: none;
}

.blue
{
	float: left;
	color: #aec5db;
	background: #165999;
}

.grey
{
	color: #495055;
	padding: 30px 15px 0;
	background: url(../../images/lectricgroep/bg_grey.gif) 0 0 repeat-x;
}

.white
{
	color: #495055;
	background: #fff;
	padding: 30px 15px 0;
}

.blok
{
	float: left;
	width: 280px;
	padding: 30px 15px 15px 15px;
}

.blokgroot
{
	float: left;
	width: 590px;
}

.extraspace
{
	padding-top: 35px;
}

#content h1, .blok h1
{
	font-size: 1.3em;
	padding: 0 0 10px 0;
}

/* --- Home bedrijven balk --- */

#logos
{
	float: left;
	width: 875px;
	background: #fff;
	padding: 11px 0 14px 55px;
	border-bottom: 10px solid #165999;
}

#logos li
{
	float: left;
	margin-right: 60px;
}

#logos li a
{
	display: block;
	height: 28px;
	text-indent: -9999px;
}

#logos li.oplosssingen a
{
	width: 91px;
	background: url(../../images/lectricgroep/home_oplossingen.jpg) 0 0 no-repeat;
}

#logos li.yourzine a
{
	width: 125px;
	background: url(../../images/lectricgroep/home_yourzine.jpg) 0 0 no-repeat;
}

#logos li.someone a
{
	width: 119px;
	background: url(../../images/lectricgroep/home_someone.jpg) 0 0 no-repeat;
}

#logos li.opleidingen a
{
	width: 92px;
	background: url(../../images/lectricgroep/home_opleidingen.jpg) 0 0 no-repeat;
}

#logos li.searchresult a
{
	width: 148px;
	background: url(../../images/lectricgroep/home_searchresult.jpg) 0 0 no-repeat;
}

/* --- Vacatures --- */

#vacatures, #nieuws
{
	float: left;
	width: 280px;
}

#vacatures li a
{
	padding-left: 15px;
	text-decoration: none;
	background: url(../../images/lectricgroep/bullet_grijs.gif) 0 0.3em no-repeat;
}

#nieuws li
{
    background: url(../../images/lectricgroep/bullet_grijs.gif) 0 0.3em no-repeat;
}

#nieuws li div 
{
    margin-left:15px;
}

#nieuws li a
{
	/*padding-left: 15px;*/
	text-decoration: none;
	/*background: url(../../images/lectricgroep/bullet_grijs.gif) 0 0.3em no-repeat;*/
}


#vacatures li a:hover, #nieuws li a:hover
{
	text-decoration: underline;
}

.ontwikkelingen h2, #vacatures h2, #nieuws h2
{
	height: 28px;
	margin-bottom: 10px;
}


#vacatureOverzicht
{
	float: left;
}

#vacatureOverzicht h2
{
	width: 590px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d5d5d5;
}

.allevacatures
{
	margin: 20px 0 0 0;
}

.vacaturesoverzicht
{
	clear: both;
	overflow: hidden;
	width: 590px;
	background: url(../../images/lectricgroep/bullet_grijs.gif) 4px 5px no-repeat;
}

.grijs
{
	background-color: #ededed;
}

.last
{
	margin: 0 0 30px 0;
}

.vacaturetitel
{
	float: left;
	width: 370px;
	padding: 0 0 1px 32px;
}

.vacaturebedrijf
{
	float: left;
	width: 173px;
	padding: 0 15px 0 0;
	text-align: right;
}

/* Subnav */

#subnav
{
	float: left;
	width: 280px;
	padding: 0 0 20px 0;
}

#subnav h1
{
	font-size: 1.3em;
	padding: 0 0 10px 0;
}

#subnav li a
{
	padding-left: 15px;
	text-decoration: none;
	background: url(../../images/lectricgroep/bullet_subnav.gif) 0 3px no-repeat;
	font-weight: bold;
}

#subnav li a:hover
{
	color: #db4228;
}

/* --- Spotlight --- */


.spotlight
{
	clear: both;
	overflow: hidden;
	padding: 0 0 20px 0;
}

.spotlightimg
{
	float: left;
	width: 89px;
}

.spotlighttxt
{
	float: left;
	width: 171px;
	overflow: hidden;
}

.spotlighttxt a
{
	display: block;
}

.spotlighttxtwide
{
	float: left;
	overflow: hidden;
}

.blank
{
	background: none;
}

.hdrSoli
{
    border-bottom:solid 1px #DCDFE1;
    width:100%;
    height:50px;
    margin-top:-15px;
}
.footer {
	clear: both;
	width: 975px;
	border-top: solid 1px #dcdfe1;
	margin: 20px auto;
	padding: 7px 0;
	overflow: hidden;
	font-size: 0.916em;
	line-height: 1.182em;
}
.footer .left {
	float: left;
	width: 700px;
}
.footer .left span {
	color: #000;
	text-transform: uppercase;
}
.footer .right {
	float: right;
}
.footernav {
	float: right;
}
.footernav img {
	vertical-align: middle;
	margin-right: 5px;
}
.footernav li {
	float: left;
	margin-left: 19px;
}
.header {
	width: 975px;
	overflow: hidden;
	overflow: hidden;
	font-size: 0.916em;
	line-height: 1.182em;
	margin: 0 auto;
	color: #FFF;
	padding: 4px 0 8px 0;
}
.header a {
	color: #FFF;
}
.header .left {
	float: left;
	width: 700px;
	padding-top: 1px;
}
.header .right {
	float: right;
}
.header h4 {
	float: left;
	margin-right: 16px;
	color: #FFF;
	font-size: 1em;
}
.header .contact_nav {
	float: left;
}
.header .contact_nav li {
	float: left;
	margin-right: 20px;
}
.header .contact_nav li img {
	margin-right: 5px;
	vertical-align: middle;
}
.header .right {
	float: right;
	line-height: 1.455em;
}
.header .lang_nav {
	float: right;
}
.header .lang_nav li {
	float: left;
	border-left: solid 1px #6d7377;
	padding-left: 5px;
	margin-left: 5px;
}
.header .lang_nav li:first-child {
	border-left: none;
}
.header .lang_nav li img {
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 5px;
}
.header .lang_nav li a {
	color: #c5c8ca;
}
.header .lang_nav li.active a {
	color: #FFF;
}