/*Site color: 

bg: #f0f0f0
txt: #502e8f  #f12729   #525252 #929292
----------------------------*/


/*Global style
----------------------------*/
body,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,blockquote,img,h1,h2,h3,h4,h4,h5 {margin:0;padding:0;}
fieldset,img {border:0;}
.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html .clear{height:1%;}
.clear{display:block;}

body { font-size:11px; font-family:Arial, Helvetica, sans-serif;color:#525252; padding-bottom:30px;}
input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif;color:#525252;font-size:11px; }


/*Link style
----------------------------*/
a {color:#f12729}
a:link,a:visited { text-decoration:none; /*color:#666;*/}
a:hover,a:active { text-decoration:underline; color:#502E8F;}

/* Font Style
-----------------------------*/
h1 {color:#502e8f; font-size:20px;margin-bottom:10px; line-height:25px;font-family:Arial, Helvetica, sans-serif;}
h2 {color:#502e8f; font-size:20px;margin-bottom:10px; line-height:25px;font-family:Arial, Helvetica, sans-serif;}
h3 {color:#525252; margin-bottom:10px; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
h4 {color:#525252; margin-bottom:10px; font-size:13px; font-style:bold;font-family:Arial, Helvetica, sans-serif;}

/*Main
-----------------------------*/
#container {width:976px;margin:0 auto;}
#content { font-size:11.5px; line-height:120%;font-family:Arial,Helvetica,sans-serif;line-height:150%; }

#sollicitatiepagina textarea {width:240px;height:50px;}
#sollicitatiepagina input[type=text] {width:240px;}
#sollicitatiepagina input.smalleinputtext {width:165px;}

.side ul { margin-top:20px; clear:both;list-style:none; margin-left:0px;}
.side li{ background:url(/img/icon_arrow_01.gif) 2px 4px no-repeat; padding-left:14px; margin-bottom:12px;}
.side .transparant {opacity:0.5;filter:alpha(opacity=50)}
.side h3 {font-size:14px; color:#502e8f; margin-bottom:8px;font-style:normal;}
.side .blok {padding:10px; background:#f0f0f0; margin:10px 0 0; width:160px;}


ul {margin-left:30px;}

#left-side { width:180px; float:left; padding-right:40px;}
#right-side { width:180px; float:right; font-size:11px; line-height:120%; padding:0;margin-top:-10px;}
#homepageright-side { width:360px; float:right; padding-right:25px;}

#left-side a{ font-weight:bold;}
#left-side .search { background:#f0f0f0; padding:5px 10px; width:160px;}
#left-side .search input { width:146px;vertical-align:middle; background:url(/img/bg_search.jpg) no-repeat bottom right; border:none; margin:5px 0; padding:7px 5px 3px 10px;}
#left-side .search h3 {font-size:14px; color:#502e8f;font-style:normal;margin:0px;}

#center img, #right-side img, #homepagecenter img, #homepageright-side img {
	float:left;
	margin:0 10px 10px 0;
	border:5px solid #DCDCDC;
}


#homepagecenter { width:355px; float:left; }

input.error {
	border:1px dotted red;
}

label.error {
	color:red;
	font-style:italic;
	display:block;
}

.testimonialimg, .werkmaatschappijimg, .projectimg {
	width:37px;
	height:37px;
}

.testimonialimg .firefoxbugfix {
	opacity:1;
}


.dataTables_paginate {
	float:right;
	margin-top:5px;
}

.dataTables_paginate span.paginate_button, .dataTables_paginate span.paginate_active {
	padding: 0px 5px;
	border:1px solid #444444;
	cursor:pointer;
	margin:0 3px;
}

.paginate_active {
	background-color:#E3E4E4;
}



.sorting,.sorting_asc, .sorting_desc{
	cursor:pointer;
     background-image: url(/img/sort.png);
	background-position: right center;
	background-repeat:no-repeat;
}

.sorting_desc {
	background-image: url(/img/sort_up.png);
}

.sorting_asc {
	background-image: url(/img/sort_down.png);
}

/*Header
-----------------------------*/
#header { margin:20px 0 0; height:140px;}
#header .payoff{ font:bold 21px Verdana; color:#502E8F; margin:9px 0 0 50px; float:left;}
#logo { float:left;}
img#keywords { float:left; margin:13px 0 0 50px;}
#selection { float:right; width:180px; text-align:right;}
#selection select { 
	color:#999999;
	font-size:10px;
	margin-top:8px;
	width:180px;
}

#navrechterkant {margin-top:20px;float:left;}
#nav { height:27px; margin:20px 0 0 0;float:left;list-style:none;}
#nav li { float:left; text-align:center;position:relative;}

#nav li a { font:bold 12px/27px Arial, Helvetica, sans-serif; color:#E53528; text-decoration:none; display:block; padding: 0px 10px;background:url(/img/bg_nav.jpg) left top no-repeat;}
#nav li a:hover, #nav li a.hoverclass {background:#502E8B;color:#fff;}
#nav li a:hover {color: #E53528;}


/*#nav li:hover a {background:#502E8B;color:#fff;}*/

/*
#nav li:hover a:hover {background:#502E8B;color:#E53528;}
*/

#nav li ul {position:absolute; width:200px;display:none;list-style:none;margin:0px;}
/*#nav :hover ul { visibility: visible; }*/
#nav li ul li {width:200px; text-align:left; padding:0px;background:#502E8B;}


#nav li li a {color:#fff; text-indent:2px; background:none;}
#nav li li a:hover { color:#E53528;}
/*#E53528*/

/*Footer
-----------------------------*/
#footer { clear:both; border-top:solid 1px #eee; padding-top:5px; text-align:right; margin-top:8px;}
#footer a { color:#8c8b8b; font:bold 11px Arial; margin:0 5px;}





/*Vacatures
-----------------------------*/
.vacatures {}
.vacatures #left-side { width:180px; float:left; padding-right:40px;}
.vacatures #left-side ul{ margin:5px 0 0;border-top:dotted 1px #ddd;margin:0px;}
.vacatures #left-side li{background:url(../images/icon_arrow_01.gif) 5px 11px no-repeat;border-bottom:dotted 1px #ddd; padding:7px 16px;}

.vacatures #center { width:530px; float:left;}
.vacatures #center li{float:left; margin:2px;}

.vacatures #right-side { width:180px; float:right; font-size:11px; line-height:120%; padding:0;}
.vacatures #right-side a{ font-weight:bold;}
.vacatures #right-side .rightbox { padding:10px; background:#f0f0f0;width:160px; margin-bottom:10px;}
.vacatures #right-side .rightbox h1 {font-size:14px; color:#502e8f; margin-bottom:8px;}
.vacatures #right-side .rightbox .photo a{float:left; border:solid 4px #ccc; margin:1px;}
.vacatures #right-side .rightbox .photo a:hover {border:solid 4px #f12729;}
.vacatures #right-side .rightbox ul { margin-top:20px; clear:both;margin:0px;}
.vacatures #right-side .rightbox .list li{ background:url(../images/icon_arrow_01.gif) 2px 4px no-repeat; padding-left:14px; margin-bottom:12px;}
.vacatures #right-side .rightbox .line1 li{ background:url(../images/icon_arrow_01.gif) 2px 4px no-repeat; padding-left:14px; margin-bottom:4px;}


/*zoek_vacature
-----------------------------*/

.zoek-vacature {}
.zoek-vacature #left-side { width:180px; float:left; padding-right:40px;}
.zoek-vacature #left-side ul{ margin:5px 0 0;border-top:dotted 1px #ddd;margin:0px;}
.zoek-vacature #left-side li{background:url(../images/icon_arrow_01.gif) 5px 11px no-repeat;border-bottom:dotted 1px #ddd; padding:7px 16px;}

.zoek-vacature #center { width:530px; float:left;}
.zoek-vacature #center .select01 { height:20px; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:10px; text-align:justify;}
.zoek-vacature #center select {margin:2px; width:170px;}
.zoek-vacature #center .date01 { text-align:left; color:#000;}
.zoek-vacature #center .date01 td {padding:3px 0 3px 8px;}
.zoek-vacature #center .date01 th { background: url(../images/icon_arrow_02.gif) 95% 50% no-repeat #3f2682; border-left:solid 1px #fff; color:#fff; padding:3px 8px;}
.zoek-vacature #center .date01 tr.gray td{ background:#e3e4e4;}
.zoek-vacature #center .date01 td.red { color:#ff1f15;}


.zoek-vacature #right-side { width:180px; float:right; font-size:11px; line-height:120%; padding:0;}
.zoek-vacature #right-side a{ font-weight:bold;}
.zoek-vacature #right-side .rightbox { padding:10px; background:#f0f0f0;width:160px; margin-bottom:10px;}
.zoek-vacature #right-side .rightbox h1 {font-size:14px; color:#502e8f; margin-bottom:8px;}
.zoek-vacature #right-side .rightbox .photo a{float:left; border:solid 4px #ccc; margin:1px;}
.zoek-vacature #right-side .rightbox .photo a:hover {border:solid 4px #f12729;}
.zoek-vacature #right-side .rightbox ul { margin-top:20px; clear:both;margin:0px;}
.zoek-vacature #right-side .rightbox .list li{ background:url(../images/icon_arrow_01.gif) 2px 4px no-repeat; padding-left:14px; margin-bottom:12px;}
.zoek-vacature #right-side .rightbox .line1 li{ background:url(../images/icon_arrow_01.gif) 2px 4px no-repeat; padding-left:14px; margin-bottom:4px;}



/*content_pagina.html
-----------------------------*/
.content-pagina {}



#left-side { width:180px; float:left; padding-right:40px;}
#subnav{ margin:5px 0 0;border-top:dotted 1px #ddd;list-style:none;}
#subnav li {background:url(/img/icon_arrow_01.gif) 5px 11px no-repeat;border-bottom:dotted 1px #ddd; padding:7px 16px; margin:0px;}
#subnav li ul {margin:0px;}
#subnav li ul li {border:none;padding-bottom:0px;}

#center { width:530px; float:left;}
#center .select01 { height:20px; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:10px; text-align:justify;}
#center select {margin:2px; width:170px;}
#center .date01 { text-align:left; color:#000;}
#center .date01 td {padding:3px 0 3px 8px;}
#center .date01 th { background: url(../images/icon_arrow_02.gif) 95% 50% no-repeat #3f2682; border-left:solid 1px #fff; color:#fff; padding:3px 8px;}
#center .date01 tr.gray td{ background:#e3e4e4;}
#center .date01 td.red { color:#ff1f15;}

#center .photo a{float:left; border:solid 4px #ccc; margin:1px;}
#center .photo a:hover {border:solid 4px #f12729;}



#right-side a{ font-weight:bold;}
#right-side .rightbox { padding:10px; background:#f0f0f0;width:160px; margin-bottom:10px;}


#right-side .rightbox .photo a{float:left; border:solid 4px #ccc; margin:1px;}
#right-side .rightbox .photo a:hover {border:solid 4px #f12729;}

#right-side .rightbox .line1 li{ background:url(../images/icon_arrow_01.gif) 2px 4px no-repeat; padding-left:14px; margin-bottom:4px;}

#right-side img, #left-side img {border:4px solid #CCCCCC;margin:1px;}
#right-side img.hoover, #left-side img.hoover, #content img.hoover {border-color: #f12729;}
#right-side a.hoover, #left-side a.hoover {color: #502E8B; text-decoration:underline;}

#right-side .vacatures {padding:10px; background:#f0f0f0; margin:10px 0; width:160px;}
#right-side .vacatures h1 {font-size:14px; color:#502e8f; margin-bottom:8px;}
#right-side .vacatures .list { margin-top:10px;}
#right-side .vacatures .list li{ background:url(../images/icon_arrow_01.gif) 2px 4px no-repeat; padding-left:14px;margin-bottom:4px;}

#testimonialtabel img.testimonialimginmodule {margin:0;}
#testimonialtabel img.testimonialimginmodule:hover {border-color: #f12729;}

#vacaturetabel th, #testimonialtabel th {background-color:#3F2682;color:white;padding:3px 8px;}
#vacaturetabel tr.vacaturetr, #testimonialtabel tr.testimonialtr {cursor:pointer;}
#vacaturetabel tr.vacaturetr:hover, #testimonialtabel tr.testimonialtr:hover {background-color: #FBD5D3;}
#vacaturetabel .vacaturefunctietd {min-width:170px;}

#vacaturetabel tr.even, #testimonialtabel tr.even {background-color:#E3E4E4;}