/* ------------------------------------------*/
/* ---------->>> TOOLS + RECET <<<-----------*/
/* ------------------------------------------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0;
clear: both; 
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* reset CSS */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
font-size:100%;
margin:0;
outline-style:none;
outline-width:0;
padding:0;
text-decoration:none;
vertical-align:baseline;}
body { 
line-height: 1.5; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }
/* end reset CSS */

/* -------------------------------------------------------*/
/* ---------->>> GLOBAL  TYPO & BASE STYLES <<<-----------*/
/* -------------------------------------------------------*/
body {
font-family:Arial, Helvetica, sans-serif;
letter-spacing:0;
text-align:left;
word-spacing:normal;
line-height:16px;
text-decoration:none;
color:#626262;
font-size:62.5%;
background:url(../images/general/body_bg.jpg) repeat-x #fff;
}
body a,body a:link,body a:active {
color:#d84704;
text-decoration:none;
}
body a:hover {
color:#ff8349;
}
body p{
line-height:1.6em;
font-size:1.2em;
text-align:left;
margin:0;
padding:0px 0 10px 0;
color:#626262;
}
body img {
border:none;
}
body ul,
body ul.nospace_top
{
padding:0;
margin:10px 0;
list-style-type:none;
line-height:18px;
font-size:1.2em;
}
body ul.nospace_top 
{
margin:0 0 10px 0;
}
body ul li {
padding:0;
margin:0;
}
#bottom_pane ul {
list-style-type:none;
line-height:18px;
}
.slogan {
color:#171717;
font-size:1.3em;
line-height:1.6em;
font-family:Arial, Helvetica, sans-serif;
}
/* -------------------------------------------------------*/
/* ---------->>> GLOBAL REPETITIVE STYLES <<<-----------*/
/* -------------------------------------------------------*/
.border
{
border:solid 1px #d6e0e5;
}
.arrow_small {
background:url(../images/general/arrow.jpg) no-repeat left center;
padding-left:10px;
}
strong {
color:#434343;
}
.no_padding {
padding:0;
}
.margin0
{
margin:0;
}
.link {
padding:10px 0;
float:left;
}
.border_bottom {
padding:7px 0 0;
margin:7px 0;
border-bottom:solid 1px #dce2e5;
}
.margin-left10
{
margin-left:10px;
}
/* ------------------------------------*/
/* ---------->>> BUTTONS<<<------------*/
/* ------------------------------------*/
body a.btn
{
background:url(../images/general/bg_btn.jpg) no-repeat top left;
width:93px;
height:18px;
line-height:17px;
display:block;
margin:10px 0;
color:#fff;
text-indent:10px;
}
#btn_submit
{
background:url(../images/general/bg_btn.jpg) no-repeat top left;
width:93px;
height:18px;
padding:0 0 10px 0;
border:none;
cursor:pointer;
color:#fff;
display:block;
}
body a.btn:hover,
#btn_submit:hover {
background:url(../images/general/bg_btn.jpg) 0 -18px no-repeat;
}

/* ---------------------------------------*/
/* ---------->>> COLOR CODES<<<-----------*/
/* ---------------------------------------*/
.light_grey {
color:#a3a3a3;
}
.color_red {
color:#d84704;
}
.color_darkgrey {
color:#404040;
}

/* ------------------------------------*/
/* ---------->>> HEADERS <<<-----------*/
/* ------------------------------------*/
body h1 {
font-size:2.6em;
color:#d84704;
margin:0;
padding:0 0 15px;
}
body h2 {
color:#d84704;
font-size:1.5em;
font-weight:700;
margin:0 0 10px 0;
padding:0;
}
.bg_cases_body h2 {
padding:0 0 5px;
color:#d84704;
}
body h3, body h4 {
color:#d84704;
font-size:1.2em;
font-weight:700;
margin:0 0 5px 0;
padding:0;
}
body h4 {
color:#505050;
}

/* ------------------------------------------------------*/
/* ---------->>> HEADERS IMAGE REPLACEMENT <<<-----------*/
/* ------------------------------------------------------*/

/* ---------->>> about.php <<<-----------*/
h2.companyview {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_companyview.jpg) no-repeat top left #fff;
}

h2.ourcompetences {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_ourcompetences.jpg) no-repeat top left #fff;
}

h2.contacteerons {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_contacteerons.jpg) no-repeat top left #fff;
}

h2.routebeschrijving {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_routebeschrijving.jpg) no-repeat top left #fff;
}
/* ---------->>> end about.php <<<-----------*/

/* ---------->>> jobs.php <<<-----------*/
h2.webontwikkelaars {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_webontwikkelaars.jpg) no-repeat top left #fff;
}

h2.webdevelopment{
height:18px;
text-indent:-5000px;
background:url(../images/headers/h2_development.jpg) no-repeat top left #fff;
}

h2.webmarketing{
height:18px;
text-indent:-5000px;
background:url(../images/headers/h2_development.jpg) no-repeat top left #fff;
}

h2.webdesign{
height:18px;
text-indent:-5000px;
background:url(../images/headers/h2_webdesign.jpg) no-repeat top left #fff;
}

h2.support {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_support.jpg) no-repeat top left #fff;
}
h2.supportgegevens {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_supportgegevens.jpg) no-repeat top left #fff;
}
h2.designer {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_designer.jpg) no-repeat top left #fff;
}

h2.contactgegevens {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_contactgegevens.jpg) no-repeat top left #fff;
}

h2.facturatie {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_bank.jpg) no-repeat top left #fff;
}

h3.profiel {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_inhoudelijkprofiel.jpg) no-repeat top left #fff;
}

h3.functie {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_functieomschrijving.jpg) no-repeat top left #fff;
}

h3.achtergrond {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_achtergrond.jpg) no-repeat top left #fff;
}

h3.interesse {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_interesse.jpg) no-repeat top left #fff;
}

h3.wijbieden {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_wijbieden.jpg) no-repeat top left #fff;
}
/* ---------->>> end jobs.php <<<-----------*/

/* ---------->>> webbuilding.php <<<-----------*/
h2.h2cases {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_cases.jpg) no-repeat top left #fff;
}

h2.h2webbuildingservices {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_webbuildingservices.jpg) no-repeat top left #fff;
}

h1.h1webbuilding {
height:21px;
text-indent:-5000px;
background:url(../images/headers/h1_webbuilding.jpg) no-repeat top left #fff;
}

h3.inschrijven {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_inschrijven.jpg) no-repeat top left #f7f7f7;
}

h3.webdesign {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_webdesign.jpg) no-repeat top left #fff;
}

h3.webdevelopment {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_webdevelopment.jpg) no-repeat top left #fff;
}

h3.webmarketing {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_webmarketing.jpg) no-repeat top left #fff;
}
/* ---------->>> end webbuilding.php <<<-----------*/

/* ---------->>> ecommerce.php <<<-----------*/
h1.ecommerce {
height:21px;
text-indent:-5000px;
background:url(../images/headers/h1_ecommerce.jpg) no-repeat top left #fff;
}

h2.ecommerceservices {
height:17px;
width:200px;
text-indent:-5000px;
background:url(../images/headers/h2_ecommerceservices.jpg) no-repeat top left #fff;
}

h3.payment {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_payment.jpg) no-repeat top left #fff;
}

h3.usability {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_usability.jpg) no-repeat top left #fff;
}

h3.integration {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_integration.jpg) no-repeat top left #fff;
}
/* ---------->>> end ecommerce.php <<<-----------*/

/* ---------->>> emailmarketing.php <<<-----------*/
h2.emailservices {
height:17px;
text-indent:-5000px;
width:200px;
background:url(../images/headers/h2_emailservices.jpg) no-repeat top left #fff;
}

h1.h1email {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h1_email.jpg) no-repeat top left #fff;
}

h3.emailmngt {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_emailmngt.jpg) no-repeat top left #fff;
}

h3.campagnes {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_campagnes.jpg) no-repeat top left #fff;
}

h3.resultaat {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_resultaat.jpg) no-repeat top left #fff;
}
/* ---------->>> end emailmarketing.php <<<-----------*/

/* ---------->>> cases.php <<<-----------*/
h2.coblo {
height:14px;
text-indent:-5000px;
background:url(../images/headers/h2_coblo.jpg) no-repeat top left #fff;
}

h2.sanke{
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_sanke.jpg) no-repeat top left #fff;
}

h2.telenet_nieuwsbrief{
height:14px;
text-indent:-5000px;
background:url(../images/headers/h2_telenet_nieuwsbrief.jpg) no-repeat top left #fff;
}

h2.telenet_shootout{
height:14px;
text-indent:-5000px;
background:url(../images/headers/h2_telenet_shootout.jpg) no-repeat top left #fff;
}

h2.prosupex{
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_prosupex.jpg) no-repeat top left #fff;
}

h2.vanderstraeten{
height:14px;
text-indent:-5000px;
background:url(../images/headers/h2_vanderstraeten.jpg) no-repeat top left #fff;
}

h2.unizo {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_unizo.jpg) no-repeat top left #fff;
}

h2.azur {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_azur.jpg) no-repeat top left #fff;
}

h2.h2telenet {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_telenet.jpg) no-repeat top left #fff;
}

h2.pascaud {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_pascaud.jpg) no-repeat top left #fff;
}

h2.po {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_po.jpg) no-repeat top left #fff;
}

h2.combell {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_combell.jpg) no-repeat top left #fff;
}

h2.brianto {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_brianto.jpg) no-repeat top left #fff;
}

h2.illusion {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_illusion.jpg) no-repeat top left #fff;
}

h2.bgl {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_bgl.jpg) no-repeat top left #fff;
}

h2.baeck {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_baeck.jpg) no-repeat top left #fff;
}

h2.vandessel {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_vandessel.jpg) no-repeat top left #fff;
}

h2.drisag {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_drisag.jpg) no-repeat top left #fff;
}

h2.magicdice {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_magicdice.jpg) no-repeat top left #fff;
}

h2.edemon {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_edemon.jpg) no-repeat top left #fff;
}

h2.wolvenberg {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_wolvenberg.jpg) no-repeat top left #fff;
}

h3.concept {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_concept.jpg) no-repeat top left #fff;
}

h3.impressie {
height:16px;
text-indent:-5000px;
background:url(../images/headers/h3_impressie.jpg) no-repeat top left #fff;
}
/* ---------->>> end cases.php <<<-----------*/

/* ---------->>> rights.php <<<-----------*/
h2.voorwaarden {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_voorwaarden.jpg) no-repeat top left #fff;
}

h2.privacy {
height:17px;
text-indent:-5000px;
background:url(../images/headers/h2_privacy.jpg) no-repeat top left #fff;
}
/* ---------->>> end rights.php <<<-----------*/


/* ------------------------------------------*/
/* ---------->>> GLOBAL  FORMS <<<-----------*/
/* ------------------------------------------*/
input{
width: 250px;
color:#505050;
font-size:1.2em;
/*border:solid 1px #d8e2e8;*/
}
/*newsletter*/
input.name, input.email
{
padding:3px;
margin:5px 0 0 0;
border:solid 1px #d8e2e8;
width:178px;/*184-6*/
}
input.tekstvak
{
padding:3px;
margin:5px 0 0 0;
border:solid 1px #d8e2e8;
width:203px;/*184-6*/
}
/*newsletter*/

/*contactform*/
input.subject
{
width: 337px;
color:#505050;
font-size:1.2em;
}
input.adres
{
width: 168px;
color:#505050;
font-size:1.2em;
}
input.tel, input.functie{
width: 150px;
}
textarea {
height: 230px;
color:#505050;
width: 337px;
/*border:solid 1px #d8e2e8;*/
}
label {
font-size:1.2em;
margin: 5px 0;
display: block;
}
form label em, span.error {
color: red;
font-size:1.2em;
}
#table_right
{
width:347px;
float:right;
padding:0;
margin:0;
}
#table_left
{
width:347px;
float:left;
padding:0;
margin:0;
}
.inputfield
{
padding:0;
margin:10px 0;
}
.checkboxColumn {
background:#fff;
font-size:1.2em;
}
.checkboxColumn input {
width:auto;
margin:3px 3px 3px 0;
border:none;
height:13px;
}
/*crap form*/
.email,.name {
line-height:1.6em;
font-size:1.2em;
text-align:left;
margin:0;
padding:0;
color:#626262;
}
/* --------------------------------------*/
/* ---------->>> MAIN PAGE <<<-----------*/
/* --------------------------------------*/
#page {
margin:0 auto;
padding:0;
width:974px;
/*960+7+7*/
position:relative;
}
/* ------------------------------------*/
/* -------- START TOP HEADER ----------*/
/* ------------------------------------*/
#top_pane {
margin:0;
padding:20px 7px 0;
width:960px;
float:left;
}
#top_pane #box_topnav {
margin:0;
padding:0;
float:right;
}
#top_pane #box_topnav ul {
margin:0;
padding:0;
list-style:none;
width:auto;
}
#box_topnav ul li {
float:left;
background:none;
text-indent:0;
}
#box_topnav ul a {
padding:0;
margin:0;
text-decoration:none;
color:#dfe6ea;
width:auto;
float:left;
background:none;
}
#box_topnav ul a:hover {
color:#fff;
}
.divideline {
color:#dfe6ea;
padding:0;
margin:0 7px;
float:left;
}

/* ------------------------------------*/
/* ----------- END TOP HEADER ---------*/
/* ------------------------------------*/
#main_wrapper {
margin:30px 0 0;
padding:0;
width:974px;
float:left;
}
#content_wrapper_bg {
width:974px;
background:url(../images/general/bg_content_pane.png) no-repeat top left;
float:left;
margin:0;
padding:0;
}
#content_wrapper {
width:960px;
margin:0;
padding:0 7px;
float:left;
}

/* -----------------------------------------*/
/* ---------->>> SIDEBAR LEFT <<<-----------*/
/* -----------------------------------------*/
#content_wrapper #sidebar_pane {
float:left;
padding:20px 0 0 20px;
}
#content_wrapper #sidebar_pane_bg {
width:224px;
background:url(../images/general/bg_sidebar.png) no-repeat top left #fff;
float:left;
}
#box_logo {
margin:0;
padding:0;
background:url(../images/general/logo_intracto.png) no-repeat top left;
width:120px;
height:48px;
float:left;
}
#box_services {
width:204px;
float:left;
margin:0;
padding:11px 8px 20px;
}
#box_services_content {
float:left;
padding:20px;
margin:0;
width:204px;
/*244-40*/
}
#box_blog {
width:204px;
float:left;
margin:0;
padding:11px 8px 0;
}
#box_services ul,#box_services_content ul {
list-style-type:none;
margin:0;
padding:0;
}
#box_services li,#box_services_content li {
background:url(../images/general/bg_item_services.png) 0 -37px no-repeat;
margin:0 0 6px;
padding:0;
font-size:1.1em;
}
#box_services li a,#box_services_content li a {
display:block;
list-style:none;
width:204px;
height:37px;
line-height:37px;
color:#505050;
text-decoration:none;
text-indent:20px;
background:url(../images/general/bg_item_services.png) no-repeat top left #fff;
margin:0;
padding:0;
}
#box_services li a:hover,#box_services_content li a:hover,#box_services li a#active_box_services,#box_services_content li a#active_box_services_content {
color:#fff;
background:url(../images/general/bg_item_services.png) 0 -37px no-repeat #fff;
}
.blog_head {
line-height:24px;
text-indent:10px;
font-size:1.2em;
width:205px;
height:24px;
color:#fff;
background:url(../images/general/tab_title.jpg) 0 0 no-repeat;
margin:0 0 4px;
}
.blog_item_bg,
.blog_item {
height:100%;
width:195px;/*205-10*/
border-bottom:1px solid #dce2e5;
background:url(../images/general/bg_blogitem.jpg) repeat-x bottom left;
float:left;
margin:0;
padding:10px 5px;
}
.blog_item {
background:none;
}
.blog_icon {
background:url(../images/general/blog.png) no-repeat top left;
float:left;
width:14px;
height:14px;
}
.blog_body {
float:left;
width:171px;
margin:0;
padding:0 5px;
}
.blog_body p {
margin:0;
padding:0;
line-height:1.4em;
}
.author {
font-size:.9em;
}
.blog_body .title a {
color:#0c5981;
}
.blog_body .title a:hover {
color:#0c5981;
text-decoration:underline;
}

/* ----------------------------------------*/
/* ---------->>> CENTER PANE <<<-----------*/
/* ----------------------------------------*/
#content_wrapper #center_pane {
float:left;
margin:0;
padding:0;
}
#content_wrapper #center_pane #mainimg_pane {
margin:0;
padding:0;
float:left;
width:716px;
}
/*-------- MAIN IMAGES HOMEPAGE ---------*/
#tab_404{
width:696px;
/*716-20*/
height:235px;
/*275-40*/
padding:40px 0 0 20px;
display:block;
background:url(../images/general/bg_404.jpg) no-repeat top left;
}
#tab_webbuilding,
#tab_marketing,
#tab_ecommerce,
#tab_cases
{
width:696px;
/*716-20*/
height:235px;
/*275-40*/
padding:40px 0 0 20px;
display:block;
background:url(../images/home/bg_services.jpg) top left no-repeat;
}
#tab_marketing {
background:url(../images/home/bg_services.jpg) 0 -275px no-repeat;
display:none;
}
#tab_ecommerce {
background:url(../images/home/bg_services.jpg) 0 -550px no-repeat;
display:none;
}
#tab_cases {
background:url(../images/home/bg_services.jpg) 0 -825px no-repeat;
display:none;
}
.text_pane {
margin:0;
padding:40px 0 0;
width:350px;
}
#content_wrapper #center_pane #bottom_pane {
margin:0;
padding:0 20px;
width:676px;
/*716-20-20*/
}
#bottom_pane #tabspanel {
float:left;
width:451px;
}

/* ---------------------------------------------------------------- */
/* ---------->>> OPMAAK CASES/JOBS/CLIENTS PANEL TABS <<<---------- */
/* ---------------------------------------------------------------- */
#tab1,#tab2,#tab3,#temp {
background:url(../images/general/bg_tabs_body.jpg) no-repeat top left;
width:431px;
/*451-20*/
}
.img-left{
	float:left;
	margin: 5px 5px 0 5px	
}
#tabspanel p
{
padding:0 0 5px 0;
}
.tab_box {
margin:0 0 10px;
padding:0 0 5px;
width:431px;
float:left;
border-bottom:solid 1px #dce2e5;
}
.tab_box_last {
margin:5px 0 0;
padding:0 0 5px;
width:431px;
float:left;
border-bottom:none;
}
.tab_box p,.tab_box_last p {
padding:0 5px;
margin:0;
}
.tab1_leftbox {
margin:0;
padding:0;
float:left;
width:89px;
}
.tab1_rightbox {
margin:0;
padding:0 0 0 10px;
float:left;
width:322px;
}
.img_left
{
float:left;
margin:0 15px 5px 0;
}
/*Tab modify*/
#tabspanel .leftimg {
float:left;
}
.leftimg a {
margin-top:10px;
float:left;
}
#tabspanel .floattext {
float:right;
}
/*End Tab modify*/

/* ------------------------------------------------- */
/* ---------->>> OPMAAK SIDEBAR RIGHT <<<----------- */
/* ------------------------------------------------- */
#bottom_pane #about_pane {
float:right;
padding:0;
margin:27px 0 0;
}
.menu_list,
.menu_list2 {
width:205px;
float:left;
}
.menu_list2 {
width:506px;
}
.menu_content,
.menu_content2 {
display:block;
background-color:#fff;
margin:0;
padding:5px 10px;
}
.menu_content2 {
padding:5px 0;
float:left;
width:506px;
}
.menu_content ul li {
padding:0;
margin:0;
background:url(../images/general/arrow.jpg) no-repeat left center;
text-indent:10px;
}
.newsletter
{
margin:0 0 5px 0;
}

.menu_content ul li.img_news {
background:none;
text-indent:0px;
margin:10px 0 0 0;
}
.menu_content a:hover {
color:#ff8349;
}
.menu_head,
.menu_head2
{
cursor:pointer;
line-height:24px;
text-indent:10px;
font-size:1.2em;
width:205px;
height:24px;
margin:0 0 4px;
}
.menu_head2 {
width:506px;
background:url(../images/general/tab2_title_inactive.jpg);
}
.menu_head2 .active2 {
background:url(../images/general/tab2_title_active.jpg);
width:506px;
height:24px;
}
.menu_body,
.menu_body2 {
display:none;
}
.arrow {
background:url(../images/general/arrow.png) no-repeat center right;
padding:0 15px 0 0;
}
.arrow_bullet {
background:url(../images/general/arrow.png) no-repeat center left;
padding:0 0 0 15px;
}
.arrow_left {
background:url(../images/general/arrow_left.png) no-repeat center left;
padding:0 0 0 15px;
}

/* ------------------------------------------------*/
/* ---------->>> LAYOUT CONTENTPAGES <<<-----------*/
/* ------------------------------------------------*/
#content_wrapper #bg_header_content {
width:960px;
background-color:#fff;
margin:0;
padding:0;
float:left;
background:url(../images/content/bg_content.jpg) no-repeat bottom left;
}
#prev_box {
float:left;
width:204px;
padding-bottom:6px;
}
#next_box {
float:left;
width:204px;
margin-top:6px;
}
#next_box a {
float:left;
width:204px;
height:20px;
background:url(../images/content/btn_next.jpg) no-repeat top left;
}
#prev_box a {
float:left;
width:204px;
height:20px;
background:url(../images/content/btn_prev.jpg) no-repeat top left;
}
#next_box a:hover {
background:url(../images/content/btn_next_over.jpg) no-repeat top left;
}
#prev_box a:hover {
background:url(../images/content/btn_prev_over.jpg) no-repeat top left;
}
#scroll_pane {
float:left;
position:relative;
overflow:hidden;
height:424px;
/*37*10(height tab *5)+ gaps(9*6)54*/
width:204px;
}
#nextprev_box a.prev:hover,#nextprev_box a.prevactive {
background:url(../images/content/prev_active.jpg) no-repeat top left;
}
#nextprev_box a.next:hover,#nextprev_box a.nextactive {
background:url(../images/content/next_active.jpg) no-repeat top left;
}
#service_pane,#jobs_pane {
float:left;
height:212px;
width:716px;
/* 960-244*/
}
/*TABS WEBBUILDING*/
#bg_webdesign,
#bg_marketing,
#bg_webdevelopment{
width:716px;
height:212px;
background:url(../images/content/bg_webbuilding.jpg) no-repeat bottom left;
}
#bg_marketing {
background:url(../images/content/bg_webbuilding.jpg) no-repeat bottom left;
display:none;
}
#bg_webdevelopment {
background:url(../images/content/bg_webbuilding.jpg) no-repeat bottom left;
display:none;
}
/*TABS ECOMMERCE*/
#tab_webshop,
#tab_webshopintegration,
#tab_payment {
width:716px;
height:212px;
display:block;
background:url(../images/content/bg_ecommerce.jpg) no-repeat top left;
}
#tab_webshopintegration {
background:url(../images/content/bg_webbuilding.jpg) no-repeat top left;
display:none;
}
#tab_payment {
background:url(../images/content/bg_webbuilding.jpg) no-repeat top left;
display:none;
}
/*TABS JOBS*/
#bg_jobs {
width:716px;
height:212px;
background:url(../images/content/bg_jobs.jpg) no-repeat top left;
}
#tab_job2,#tab_job3,#tab_job4,#tab_job5 {
display:none;
}

/*TABS CASES*/
#telenet_nieuwsbrief, #telenet_shootout, #prosupex, #vanderstraeten, #unizo, #azur, #telenetevents, #pascaud, #poferries, #combell, #brianto, #illusion, #bgl, #baeck,
#vandessel, #drisag, #magicdice, #edemonstrations, #wolvenberg
{
display:none;
}
/*TABS ABOUT/NEWSLETTER*/
#tab_competences,#tab_contact,#tab_beleid,#tab_news1,#tab_news2,#tab_news3,#tab_news4,#tab_news5,#tab_news6 {
display:none;
}
.box_column {
padding:0;
margin:0 18px 20px 0;
float:left;
width:218px;
}
.box_column_last {
padding:0;
margin:0 0 20px 0;
float:left;
width:218px;
}
.img_box_column
{
height:58px;
width:218px;
margin:5px 0;
border:#d7e0e5 solid 1px;
}
/*competences.php*/
/* switch competences tab */
#c2, #c3, #c4, #c5, #c6, #c7, #c8, #c9, #c10, #c11, #c12, #c13, #c14, #c15, #c16, #c17 
{
display:none;
}
#ul_competences
{
padding:0;
margin:0;
float:left;
line-height:18px;
}
.image_case_small {
width:212px;
/*218-6*/
height:164px;
/*170-6*/
float:left;
margin-right:21px;
border:#d7e0e5 solid 3px;
}
#ul_competences ul{
list-style-type:none;
margin:0;
padding:0;
}
#ul_competences ul li{
margin:0;
padding:0;
display:block;
}
#ul_competences ul li a{
margin:0;
padding:0;
}
#ul_competences li a:hover,
#ul_competences li a#active_ul_competences
{
color:#434343;
}
/* end switch competences tab */

.box_competence
{
float:right;
padding:10px 10px 0 10px;
margin:0;
width:460px;
border:solid 1px #dce2e5;
}
.box_examples
{
float:right;
padding:5px 15px 15px;
margin:15px 0;
width:450px;
}
.ex_left
{
float:left;
padding:0;
margin:15px 0;
width:200px;
}
.ex_right
{
float:right;
padding:0;
margin:15px 0;
width:200px;
}
.ex_right img, .ex_left img
{
border:#d7e0e5 solid 2px;
margin:0 0 10px 0;
}
#bg_about {
width:716px;
height:212px;
background:url(../images/content/bg_about.jpg) no-repeat bottom left;
}
/*MAIN_IMAGES SUBSCRIBE NEWSLETTER*/
#bg_newsletter{
height:212px;
background:url(../images/content/bg_newsletter.jpg) no-repeat bottom left;
}
/*MAIN_IMAGES MARKETING*/
#bg_emailcampaigns {
width:716px;
height:212px;
background:url(../images/content/bg_emailmarketing.jpg) no-repeat bottom left;
}
#bg_emailmanagement {
width:716px;
height:212px;
background:url(../images/content/bg_webbuilding.jpg) no-repeat bottom left;
display:none;
}
#bg_result {
width:716px;
height:212px;
background:url(../images/content/bg_webbuilding.jpg) no-repeat bottom left;
display:none;
}
/*CASES PAGE*/

/*CASES PAGE edit 2009-02-02*/
#cases_pane
{
float:left;
width:960px;
}
#cases_pane #cases_header
{
width:960px;
height:300px;
}
.case_gen
{
position:relative;
width:960px;
height:300px;
background:url(../images/cases/bg_cases.jpg) no-repeat top left;
}
#cases_pane #cases_nav
{
width:920px;
height:169px;
padding:0 20px;
}	
	#cases_nav #left_nav,
	#cases_nav #right_nav,
	#cases_nav #left_nav a,
	#cases_nav #right_nav a
	{
	width:20px;
	height:169px;
	display: block;	
	}
	#cases_nav #left_nav
	{
	float:left;
	}
	#cases_nav #right_nav
	{
	float:right;
	}
	.disabled_next,
	.disabled_prev
	{
	width:20px;
	height:169px;
	background:url(../images/cases/right_disabled.jpg) no-repeat top left;
	cursor:auto;
	}
	.disabled_prev
	{
	background:url(../images/cases/left_disabled.jpg) no-repeat top left;
	}
	a.left_nav
	{
	background:url(../images/cases/nav_cases_left.jpg) no-repeat top left;	
	}
	a.right_nav
	{
	background:url(../images/cases/nav_cases_right.jpg) no-repeat top left;
	}
	a.left_nav:hover
	{
	background:url(../images/cases/nav_cases_left_over.jpg) no-repeat top left;
	}
	a.right_nav:hover
	{
	background:url(../images/cases/nav_cases_right_over.jpg) no-repeat top left;
	}
	#cases_nav #center_pane
	{	
	width:880px;
	overflow:hidden;
	position:relative;
	height:169px;
	display:block;
	}		
	table#cases
	{
	margin:0 0 0 12px;
	}
	table#cases tr td
	{
	font-size:1.1em;
	width:205px;	
	margin:0;
	padding:0;
	margin:0 12px 0 0;		
	line-height:37px;
	text-indent:15px;	
	}	
	table#cases tr td a
	{
	margin:0;
	padding:0;
	width:205px;
	height:37px;
	margin:0 0 7px 0;
	color:#868686;	
	font-size:1.1em;
	display: block;
	background: url(../images/cases/bg_case.jpg) no-repeat top left;	
	}	
	table#cases tr td a:hover
	{
	background:url(../images/cases/bg_case_over.jpg) no-repeat top left;	
	color:#fff;	
	}	
	
/*Editions cases
2009-05-08*/
.btn_case
{
position:absolute;
top:228px;
left:268px;
width:122px;
height:37px;
}
.btn_case a
{
display:block;
width:122px;
height:37px;
}
#zomertour,#hubo,#caryagroup,#magicdice,#sioen,#telenet,#ortuz,#sanke2,#sponser,#shootout,
#psupex,#po_ferries,#solvint,#illusion2,#iv,#kmo_contact,#drisag2,#vd,#telesat,
#tvvlaanderen,#pascaud,#azur,#brianto,#aol
{
width:960px;
height:300px;
display:none;
}
#mitsu
{
width:960px;
height:300px;
background:url(../images/cases/case_mitsubishi.jpg) no-repeat top left;
}
#hubo
{
background:url(../images/cases/case_hubo.jpg) no-repeat top left;
}
#caryagroup
{
background:url(../images/cases/case_carya.jpg) no-repeat top left;
}
#magicdice
{
background:url(../images/cases/case_magicdice.jpg) no-repeat top left;
}
#sioen
{
background:url(../images/cases/case_sioen.jpg) no-repeat top left;
}
#telenet
{
background:url(../images/cases/case_telenet.jpg) no-repeat top left;
}
#ortuz
{
background:url(../images/cases/case_ortuz.jpg) no-repeat top left;
}
#sanke2
{
background:url(../images/cases/case_sanke.jpg) no-repeat top left;
}
#sponser
{
background:url(../images/cases/case_sponser.jpg) no-repeat top left;
}
#shootout
{
background:url(../images/cases/case_shootout.jpg) no-repeat top left;
}
#psupex
{
background:url(../images/cases/case_prosupex.jpg) no-repeat top left;
}
#po_ferries
{
background:url(../images/cases/case_po_ferries.jpg) no-repeat top left;
}
#solvint
{
background:url(../images/cases/case_solvint.jpg) no-repeat top left;
}
#illusion2
{
background:url(../images/cases/case_illusion.jpg) no-repeat top left;
}
#iv
{
background:url(../images/cases/case_iv.jpg) no-repeat top left;
}
#kmo_contact
{
background:url(../images/cases/case_kmo.jpg) no-repeat top left;
}
#drisag2
{
background:url(../images/cases/case_drisag.jpg) no-repeat top left;
}
#vd
{
background:url(../images/cases/case_vd.jpg) no-repeat top left;
}
#telesat
{
background:url(../images/cases/case_telesat.jpg) no-repeat top left;
}
#tvvlaanderen
{
background:url(../images/cases/case_tvvlaanderen.jpg) no-repeat top left;
}
#pascaud
{
background:url(../images/cases/case_pascaud.jpg) no-repeat top left;
}
#azur
{
background:url(../images/cases/case_azur.jpg) no-repeat top left;
}
#aol
{
background:url(../images/cases/case_aol.jpg) no-repeat top left;
}
#brianto
{
background:url(../images/cases/case_brianto.jpg) no-repeat top left;
}
#zomertour
{
background:url(../images/cases/case_zomertour.jpg) no-repeat top left;
}
#cases_nav li a:hover,#cases_nav td a#active_center_pane {
color:#fff;
background:url(../images/cases/bg_case_over.jpg) no-repeat 0 0;
}
#pages
{
width:920px;
float:left;
padding:10px 20px;
}
#pages ul
{
list-style:none;
width:860px;/*920-60*/
margin:5px 0 0 0;
padding:0 30px;
}
#pages ul li
{
float:left;
margin-left:3px;
line-height:13px;
}
#pages ul li a
{
margin-right:3px;
color:#797979;
}
#pages ul li a:hover
{
color:#adadad;
}
#pages ul li.last_case
{
float:right;
}
#pages ul li a.next_page,
#pages ul li a.prev_page
{
background:url(../images/cases/next_page.jpg) no-repeat top left;
width:12px;
height:12px;
display:block;
}
#pages ul li a.prev_page
{
background:url(../images/cases/prev_page.jpg) no-repeat top left;
}
/*END CASES PAGE edit 2009-02-02*/

.cases_pane {
float:left;
width:960px;
/*background:url(../images/content/bg_content.jpg) no-repeat bottom left;*/
}
#service_pane_cases {
float:left;
padding:0 20px 0 0;
width:696px;
/* 960-244-20*/
}
#service_pane_cases .concept,#service_pane_cases .impressie {
float:left;
padding:0;
margin-bottom:20px;
width:696px;
/* 960-244-20*/
}
.header_top {
float:left;
padding:20px 0 5px;
margin-bottom:5px;
border-bottom:solid 1px #dce2e5;
width:696px;
}
.textbox_case {
float:left;
width:400px;
}
.imgbox_case {
padding-top:10px;
float:left;
width:296px;
/*716-400-20*/
}
.imgbox_case .image_logo {
float:right;
margin-top:25px;
/*border:#d7e0e5 solid 3px;*/
}
.image_case {
width:212px;
/*218-6*/
height:164px;
/*170-6*/
float:left;
margin-right:21px;
border:#d7e0e5 solid 3px;
}
.image_case2 {
width:212px;
/*218-6*/
height:164px;
/*170-6*/
float:left;
margin-right:10px;
border:#d7e0e5 solid 3px;
}
.image_caselast {
width:212px;
/*218-6*/
height:164px;
/*170-6*/
float:left;
border:#d7e0e5 solid 3px;
}
#case_nav {
float:left;
padding-top:5px;
width:296px;
}
#case_nav a {
float:right;
background:url(../images/content/bg_nr.jpg) no-repeat top left;
width:17px;
height:17px;
line-height:17px;
text-align:center;
color:#a0a0a0;
font-weight:700;
margin:0 0 0 5px;
}
#case_nav a:hover {
background:url(../images/content/bg_nr_active.jpg) no-repeat top left;
width:17px;
height:17px;
color:#fff;
}
#case_nav a:focus {
outline:none;
}
/*START LEFT SIDEBAR CASES/JOBS PAGES*/
#contentpage_wrapper #left_sidebar {
float:left;
width:204px;
/*244-20-20 padding-left contentpage_wrapper - padding-right (20)*/
text-align:left;
padding:0 20px 0 0;
}
#left_sidebar p {
text-align:left;
}
#contentpage_wrapper #impressie,#contentpage_wrapper #right_container {
float:left;
width:696px;
/*960-244-20 padding-right contentpage_wrapper */
}
/*RIGHTS PAGE*/
#right_container2 {
float:left;
width:696px;
margin-top:20px;
}
#right_container2 h3 {
color:#d84704;
font-size:1.2em;
font-weight:700;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}
.text_box {
padding:0;
margin:20px 0 0;
}
/*END LEFT SIDEBAR CASES/JOBS*/
/*MAIN_IMAGES CASES*/
.box_slogan {
padding:0;
float:left;
width:400px;
margin-top:70px;
}
#contentpage_wrapper {
width:920px;
/*960-(2*20)*/
margin:10px 0 0;
padding:0 20px;
float:left;
}
/*TITLE BAR CONTENTPAGES*/
#contentpage_wrapper .titlebar {
margin:0 0 20px;
padding:0 0 5px;
float:left;
border-bottom:#e2e1e1 solid 1px;
width:920px;
/*960-40*/
}
#contentpage_wrapper .servicesbar {
margin:0 0 20px;
padding:0 0 1px;
float:left;
border-bottom:#e2e1e1 solid 1px;
width:920px;
/*960-40*/
}
.line {
margin:0;
padding:0;
float:left;
border-bottom:#e2e1e1 solid 1px;
width:100%;
}
#contentpage_wrapper .titlebar .left_title {
margin:0;
padding:0;
float:left;
width:555px;
}
#contentpage_wrapper .titlebar .right_title {
margin:0;
padding:0;
float:left;
width:365px;
}
.servicesbar ul {
margin:0;
padding:0;
width:920px;
list-style-type:none;
}
.servicesbar ul li {
margin:0 0 0 2px;
padding:0;
float:right;
}
.servicesbar ul li.active {
float:left;
}
.servicesbar ul li a {
margin:0;
padding:0;
display:block;
}
/*END TITLE BAR CONTENTPAGES*/

/*GENERAL CONTENTPAGES*/
#contentpage_wrapper #gen_text_pane {
float:left;
padding:0;
margin:0 0 35px;
width:696px;
padding:0 0 0 20px;
}
#gen_text_pane #gen_text1 {
margin:0;
padding:0;
float:left;
width:311px;
/*535-204-20padding*/
}
#gen_text_pane #gen_text2 {
margin:0 0 0 20px;
padding:0;
float:left;
width:360px;
}
gen_text_header {
width:716px;
float:left;
}
#newsletter {
float:left;

width:204px;
/*background:url(../images/general/bg_newsletter.jpg) no-repeat top left;*/
}
#content_wrapper a.button {
background:url(../images/general/bg_btn.jpg) no-repeat top left;
width:93px;
height:19px;
line-height:17px;
color:#fff;
text-indent:5px;
display:block;
}
#content_wrapper a.button:hover {
background:url(../images/general/bg_btn_over.jpg) no-repeat top left;
}
.button_pane {
margin:10px 0;
padding:0;
float:left;
}
#contentpage_wrapper #sidebar_left {
float:left;
width:535px;
margin:0;
padding:0;
}
#contentpage_wrapper #sidebar_right {
float:right;
margin:0;
padding:27px 0 0;
width:365px;
}
.contentpane {
margin:0 0 20px;
padding:0;
}
.contentpane ul {
font-size:1.2em;
}
/*GOOGLE MAPS*/
#map {
width:500px;
height:350px;
float:left;
}
#map2 {
width:295px;
height:150px;
float:left;
}
#mapdir {
float:left;
margin-left:20px;
width:176px;
/*196-20*/
}
/*START CASES_PANE*/
#optionTabs1,#optionTabs2,#optionTabs3,#optionTabs4,#optionTabs5,#optionTabs6 {
background:url(../images/content/bg_cases.jpg) no-repeat top left;
width:515px;
/*535-20*/
height:239px;
/*259-20*/
float:left;
margin:0;
padding:10px 10px 0;
}
/*MAINIMAGES CASES */
#optionTabs1_body,#optionTabs2_body,#optionTabs3_body,#optionTabs4_body,#optionTabs5_body,#optionTabs6_body,#optionTabs7_body,#optionTabs8_body,#optionTabs9_body,#optionTabs10_body,#optionTabs11_body,#optionTabs12_body,#optionTabs13_body,#optionTabs14_body,#optionTabs15_body,#optionTabs16_body,#optionTabs17_body,#optionTabs18_body {
width:515px;
height:191px;
/*221-30*/
padding-top:30px;
}
#optionTabs1_body {
background:url(../images/content/bg_case1.jpg) no-repeat top left;
}
#optionTabs2_body {
background:url(../images/content/bg_case2.jpg) no-repeat top left;
}
#optionTabs3_body {
background:url(../images/content/bg_case3.jpg) no-repeat top left;
}
#optionTabs4_body {
background:url(../images/content/bg_case4.jpg) no-repeat top left;
}
#optionTabs5_body {
background:url(../images/content/bg_case5.jpg) no-repeat top left;
}
#optionTabs6_body {
background:url(../images/content/bg_case6.jpg) no-repeat top left;
}
#optionTabs1_body {
background:url(../images/content/bg_case1.jpg) no-repeat top left;
}
#optionTabs2_body {
background:url(../images/content/bg_case2.jpg) no-repeat top left;
}
#optionTabs3_body {
background:url(../images/content/bg_case3.jpg) no-repeat top left;
}
#optionTabs4_body {
background:url(../images/content/bg_case4.jpg) no-repeat top left;
}
#optionTabs5_body {
background:url(../images/content/bg_case5.jpg) no-repeat top left;
}
#optionTabs6_body {
background:url(../images/content/bg_case6.jpg) no-repeat top left;
}
#optionTabs7_body {
background:url(../images/content/bg_case7.jpg) no-repeat top left;
}
#optionTabs8_body {
background:url(../images/content/bg_case8.jpg) no-repeat top left;
}
#optionTabs9_body {
background:url(../images/content/bg_case9.jpg) no-repeat top left;
}
#optionTabs10_body {
background:url(../images/content/bg_case10.jpg) no-repeat top left;
}
#optionTabs11_body {
background:url(../images/content/bg_case11.jpg) no-repeat top left;
}
#optionTabs12_body {
background:url(../images/content/bg_case12.jpg) no-repeat top left;
}
#optionTabs13_body {
background:url(../images/content/bg_case13.jpg) no-repeat top left;
}
#optionTabs14_body {
background:url(../images/content/bg_case14.jpg) no-repeat top left;
}
#optionTabs15_body {
background:url(../images/content/bg_case15.jpg) no-repeat top left;
}
#optionTabs16_body {
background:url(../images/content/bg_case16.jpg) no-repeat top left;
}
#optionTabs17_body {
background:url(../images/content/bg_case17.jpg) no-repeat top left;
}
#optionTabs18_body {
background:url(../images/content/bg_case18.jpg) no-repeat top left;
}
.bg_cases_body {
width:278px;
/*298-20*/
height:auto;
/*142-20-60*/
margin:0;
padding:10px;
background-color:#fff;
/*background-color:rgba(255, 255, 255, 0.92);*/
/*opacity:0.92;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
filter:alpha(opacity=92);*/
/*FIX for IE7*/
}
/*SECOND UL MENU JQEURY*/
.relatedcases_bottom {
padding:0;
margin:0;
}
.relatedcases_bottom ul {
padding:0 0 0 10px;
margin:0;
list-style-type:none;
font-size:11px;
}
.relatedcases_bottom ul li {
margin:0 4px 0 0;
display:block;
float:left;
}
.relatedcases_bottom ul a {
margin:0;
width:169px;
display:block;
height:24px;
line-height:24px;
color:#868686;
font-size:1.2em;
text-decoration:none;
text-indent:10px;
background:url(../images/content/bg_tab_cases.jpg) no-repeat top left;
}
.relatedcases_bottom ul a:hover,.relatedcases_bottom ul a#activeCaseTab {
background:url(../images/content/bg_tab_cases_over.jpg) no-repeat top left;
color:#fff;
}
.padding_top {
padding-top:4px;
}
/*END SECOND UL MENU JQEURY*/
/*END CASES_PANE*/
/*START BOTTOM PANE*/
#tabspanel
{
margin-top:20px;
min-height:265px;
}
#bottom_pane_content {
margin:20px 0;
padding:0;
width:920px;
display:inline;
}
#bottom_pane_content ul li {
background:none;
text-indent:0;
}
#tab_content1,#tab_content2,#tab_content3,#tab_content4 {
background:url(../images/general/bg_tabs_body_content.jpg) no-repeat top left;
width:678px;
/*698-20*/
float:left;
margin:0;
padding:10px;
}
/*CONTENT TABS BOTTOM*/
/*CONTENT BLOGITEMS*/
.blog_box,
.blog_box_last{
padding:0;
margin:0 37px 0 0;
width:200px;
float:left;
}
.blog_box_last {
margin:0;
float:right;
}
.blog_box ul li,
.blog_box_last li {
padding:5px 0;
margin:0;
border-bottom:#e2e1e1 solid 1px;
}
.blog_box ul li:last-child,
.blog_box_last li:last-child
{
border-bottom:none;
}
.blog_box ul li a,
.blog_box_last li a {
color:#0c5981;
}
.blog_box ul li a:hover,
.blog_box_last li a:hover {
text-decoration:underline;
color:#0c5981;
}

/*END CONTENT BLOGITEMS*/
/*CONTENT TAB CONTACT*/
.contact_box {
padding:0;
margin:0 30px 0 0;
float:left;
}
.contact_box_last {
padding:0;
margin:0;
float:left;
height:206px;
}
#tabspanel p.vCardLink {
background:url(../images/general/icon_email.jpg) 0 4px no-repeat;
padding:2px 0 2px 28px;
margin:0;
}
.vcard {
display:none;
}
/*END CONTENT TAB CONTACT*/
/*CONTENT TAB TAGS*/
.tags_container {
margin:0;
padding:0;
width:100%;
float:left;
}
.tagitem,
.lasttagitem {
padding:5px;
margin:0;
float:left;
border-right:#e2e1e1 solid 1px;
color:#0c5981;
}
.lasttagitem {
border:none;
}
#tab_content2 .tag_normal {
color:#0c5981;
font-size:1.4em;
margin:5px 0;
padding:0;
}
#tab_content2 .tag_important {
font-size:2em;
color:#0c5981;
}
#tab_content2 .tag_small {
font-size:1.2em;
color:#0c5981;
}
/*END CONTENT TAB TAGS*/
/*CONTENT TAB CLIENTS*/
.cases {
padding:0;
margin:10px 0;
float:left;
}
.more_cases {
padding:0;
margin:10px 0 0;
float:right;
}
#tab_content3 ul {
padding:0;
margin:0 0 0 36px;
list-style-type:none;
}
#tab_content3 ul li {
padding:0 40px 0 0;
margin:0;
float:left;
}
a.telenet {
background:url(../images/general/logo_telenet_over.jpg) no-repeat top left;
width:50px;
height:56px;
float:left;
}
a.tvvlaanderen {
background:url(../images/general/logo_tvvlaanderen_over.jpg) no-repeat top left;
width:132px;
height:58px;
float:left;
}
a.azur {
background:url(../images/general/logo_azur_over.jpg) no-repeat top left;
width:114px;
height:58px;
float:left;
}
a.tradelio {
background:url(../images/general/logo_tradelio_over.jpg) no-repeat top left;
width:67px;
height:58px;
float:left;
}
a.illusion {
background:url(../images/general/logo_illusion_over.jpg) no-repeat top left;
width:79px;
height:58px;
float:left;
}
/*END CONTENT TAB CLIENTS*/
/*CONTENT TABS BOTTOM*/
#bottom_pane_content #quickmenu {
padding:0;
margin-top:47px;
float:right;
}
#quickmenu ul {
margin:0;
padding:0;
list-style-type:none;
}
#quickmenu ul a {
display:block;
line-height:24px;
text-indent:10px;
width:205px;
height:24px;
background:url(../images/general/tab_title_inactive.jpg);
margin:0 0 4px;
color:#505050;
}
#quickmenu ul a.none {
background:none;
}
#quickmenu ul a:hover {
background:url(../images/general/tab_title_active.jpg);
color:#fff;
}
/*END BOTTOM PANE*/

/*START CONTENTPAGES NIVAU3*/
#competences_wrapper {
float:left;
padding:0;
margin:0;
width:506px;
}
#services_content_wrapper
{
margin:0;
padding:0 15px 0 0;
width:399px;/*414-15*/
float:left;
}
.menu_content2 {
display:block;
background-color:#fff;
padding:5px 0;
float:left;
width:506px;
}
.menu_content2 .left_content,
.menu_content2 .content_wrap
{
float:left;
width:356px;
padding:0 0 5px 10px;
}
.menu_content2 .content_wrap
{
width: 496px;
}
#services_content_wrapper a
{
margin:0 10px 0 0;
}
.menu_content2 .right_cases
{
float:left;
width:140px;
}
.right_cases img
{
border:#d7e0e5 solid 3px;
margin:0 0 10px 0;
float:right;
}
/*END CONTENTPAGES NIVAU3*/

/* --------------------------------------------------------*/
/* ---------->>> NAVIGATION SPECIFIC LAYOUT  <<<-----------*/
/* --------------------------------------------------------*/
#nav_pane {
margin:0;
padding:0;
width:974px;
}
#nav_pane #top_nav {
float:left;
margin:0;
padding:0;
width:974px;
}
#nav_pane #bottom_nav {
background:url(../images/general/bg_nav.png) top left no-repeat;
float:left;
height:31px;
margin:0;
padding:0;
width:974px;
}
.menu {
float:left;
height:36px;
margin:0;
padding:0 89px;
width:796px;
}
.menu ul {
float:left;
list-style:none;
margin:0;
padding:0;
text-align:center;
}
.menu li {
float:left;
width:197px;
line-height:39px;
}
.menu li a {
background:url(../images/general/bg_nav_mainitem.png) 0 -36px no-repeat;
color:#505050;
display:block;
float:left;
font-size:1.2em;
font-weight:normal;
height:36px;
margin:0;
text-decoration:none;
width:197px;
}
.menu li a:hover {
background:url(../images/general/bg_nav_mainitem.png) top left no-repeat;
color:#fff;
text-decoration:none;
}
.menu li a.tabactive {
background:url(../images/general/bg_nav_mainitem.png) top left no-repeat;
color:#fff;
height:36px;
position:relative;
width:197px;
}
#submenu1 {
height:31px;
margin:0;
padding:0 7px;
width:960px;
}
#submenu2 {
height:31px;
margin:0 0 0 110px;
padding:0;
width:850px;
}
#submenu3 {
height:31px;
margin:0 0 0 357px;
padding:0;
width:603px;
}
#submenu4 {
height:31px;
margin:0;
padding:0 7px;
width:960px;
}
#submenu1 ul,
#submenu2 ul,
#submenu3 ul,
#submenu4 ul {
float:left;
list-style:none;
margin:0;
padding:0;
text-align:center;
}
#submenu1 ul li,
#submenu2 ul li,
#submenu3 ul li,
#submenu4 ul li {
float:left;
}
#submenu1 ul a,
#submenu2 ul a,
#submenu3 ul a,
#submenu4 ul a 
{
background:url(../images/general/line_between.jpg) no-repeat left top;
color:#dfe6ea;
font-size:1.1em;
line-height:31px;
margin:0;
padding:0 20px;
text-decoration:none;
}
#submenu1 ul .first a,
#submenu2 ul .first a,
#submenu3 ul .first a,
#submenu4 ul .first a {
background:none;
}
#submenu1 ul a:hover,
#submenu2 ul a:hover,
#submenu3 ul a:hover,
#submenu4 ul a:hover {
color:#fff;
}

.box_urls
{
float:left;
width:218px;
margin:0 11px 0 0;
}
.box_urls_last
{
float:right;
width:218px;
margin:0;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection,screen {
/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display:none;
}
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display:none;
}
}
.tabs_home {
width:451px;
float:left;
}
.tabs_content {
width:698px;
float:left;
}
.relatedcases {
width:535px;
float:left;
}
/* Skin */
.ui-tabs-nav,.ui-tabs-panel {
font-family:Arial, Helvetica, sans-serif;
}
.ui-tabs-nav {
list-style:none;
margin:0;
padding:0 0 0 20px;
}
.ui-tabs-nav:after {
/* clearing without presentational markup, IE gets extra treatment */
display:block;
clear:both;
content:" ";
}
.ui-tabs-nav li {
float:left;
margin:0;
font-weight:700;
color:#505050;
font-size:1.1em;
background:none;
text-indent:0;
}
.ui-tabs-nav a,.ui-tabs-nav a span {
float:left;
/* fixes dir=ltr problem and other quirks IE */
padding:0 12px;
background:url(../images/general/tabs.png) no-repeat;
font-size:12px;
font-weight:400;
}
.ui-tabs-nav a {
margin:5px 0 0;
/* position: relative makes opacity fail for disabled tab in IE */
padding-left:0;
background-position:100% 0;
text-decoration:none;
white-space:nowrap;
/* @ IE 6 */
outline:0;
/* @ Firefox, prevent dotted border after click */
}
.ui-tabs-nav a:link,.ui-tabs-nav a:visited {
color:#868686;
}
.ui-tabs-nav .ui-tabs-selected a {
position:relative;
top:1px;
z-index:2;
margin-top:0;
background-position:100% -23px;
color:#505050;
}
.ui-tabs-nav a span {
padding-top:1px;
padding-right:0;
height:20px;
background-position:0 0;
line-height:20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-top:0;
height:27px;
background-position:0 -23px;
line-height:27px;
}
.ui-tabs-nav .ui-tabs-selected a:link,.ui-tabs-nav .ui-tabs-selected a:visited,.ui-tabs-nav .ui-tabs-disabled a:link,.ui-tabs-nav .ui-tabs-disabled a:visited {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor:text;
}
.ui-tabs-nav a:hover,.ui-tabs-nav a:focus,.ui-tabs-nav a:active,.ui-tabs-nav .ui-tabs-unselect a:hover,.ui-tabs-nav .ui-tabs-unselect a:focus,.ui-tabs-nav .ui-tabs-unselect a:active {
/* @ Opera, we need to be explicit again here now... */
cursor:pointer;
}
.ui-tabs-disabled {
/*    opacity: .4;
    filter: alpha(opacity=40);*/
}
.ui-tabs-nav .ui-tabs-disabled a:link,.ui-tabs-nav .ui-tabs-disabled a:visited {
color:#000;
}
.ui-tabs-panel {
padding:10px;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav {
/* auto clear @ IE 6 & IE 7 Quirks Mode */
display:inline-block;
}
*:first-child+html .ui-tabs-nav {
/* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display:inline-block;
}

/* ------------------------------------------------>>> FOOTER <<<------------------------------------------------- */
#footer_wrapper{float:left;margin:20px 0;padding:0 7px;text-align:center;width:960px;}
#footer_wrapper #footer_top_pane{background:url(../images/general/bg_footer_top.jpg) no-repeat top left;margin:0;padding:20px 20px 0;width:920px;}
#footer_wrapper p{color:#9e9e9e;text-align:center;}
#footer_wrapper img{margin:5px;}
#footer_wrapper #footer_bottom_pane{background:url(../images/general/bg_footer_bottom.jpg) no-repeat top left;height:98px;margin:0;padding:0 20px;width:920px;}
#footer_bottom_pane a{color:#9e9e9e;text-decoration:none;}
#footer_bottom_pane a:hover, #sitemap dd a:hover{color:#b6b6b6;}
#footer_bottom_pane a.color_red{color:#d84704;}
#footer_bottom_pane a.color_red:hover{color:#ff8349;}
#footer_bottom_pane ul{text-align:center;}
#footer_bottom_pane ul li{display:inline;margin:0 3px 0 0;}
#footer_bottom_pane ul li a{border-right:solid 1px #dce2e5;padding:0 5px 0 0;}
#footer_bottom_pane ul li.last{margin:0;}
#footer_bottom_pane ul li.last a{border-right:none;}
#sitemap{text-align:center;width:960px;margin-bottom:15px;}
#sitemap_content{display:none;text-align:left;}

#sitemap a.slidedown{
font-size:1.2em;
background:url(../images/general/arrow_down.jpg) no-repeat right center;
padding:0 17px 0 0;
line-height:30px;
color:#9e9e9e;}

#sitemap_links{margin:20px 0;}

#sitemap dl{
font-size:1.2em;	
float:left;
display:block;
width:228px;
margin:0 16px 20px 0;
line-height:18px;}

#sitemap dl.last{
margin:0;}
#sitemap dt{
margin:0 0 10px 0;
background:url(../images/general/bg_sitemap_header.jpg) no-repeat 0 0;
height:24px;
line-height:24px;
padding:0 0 0 10px;}

#sitemap dl dd{
background:url(../images/general/arrow.jpg) no-repeat 0 5px;
padding-left:10px;}

#sitemap dd a{color:#9e9e9e;}
#sitemap dd a:hover{color:#b6b6b6;}

#tab_job3 h1 {
  line-height: 25px;
}