/**
 * Stylesheet for <profacts>
 * @author	karen <karen@codedor.be>
 * @media	screen, projection
 */

 
* { margin: 0;}
html, body { height: 100%; }

/* text */
p{ font-size: 0.93em; margin: 0 0 15px 0; line-height: 1.5em;}
strong{font-weight: bold;}
em { font-style:  italic; }


/* blockquote */
blockquote{ font-style: italic; font-size: 1.25em; font-family: "Trebuchet MS", Arial, Verdana; margin: 0 0 15px 10px; line-height: 1.35em; background: #f2f4f6; border: 1px solid #D9DEE2; padding: 10px 10px 10px 20px; float: right; display: block; width: 200px}
blockquote .author{ font-size: 0.85em; font-style: normal; color: #417297}


img{ border: none;}
img.left{ float: left; margin: 0 10px 10px 0}
img.right{ float: left; margin: 0 0 10px 10px}
img.linkedin { display: block; float: left; padding: 5px; border: 1px solid #7f959a; margin: 5px 0 0 0}

.img_left{ float: left; margin: 0 15px 5px 0px; border: 1px solid #edf1f1 ;}
.img_right{ float: right; margin: 0 0 5px 15px; border: 1px solid #edf1f1;}


/*links*/

#content a { color: #4F687C; text-decoration: underline;  }
#content a:link { color: #4F687C; }
#content a:visited { color: #4F687C; }
#content a:hover { color: #4F687C; }
#content a:active, a:focus { color: #3e4b68;text-decoration: none }



/**
 * = Global
 * ----------------------------------------------------------
 */

h1.logo{padding: 0; margin: 0; display: block; float: left; height: 121px; width: 799px;position:relative;  top: 9px; left: 150px; background: url(../img/logo.jpg) no-repeat;}
h1.logo a{padding: 0; margin: 0; display:block; height:79px; overflow:hidden; position:relative; text-indent:-9000px; width:354px; top: 18px; } 

div.print_logo{ display: none;}

/* container */
#container{ position: relative; width: 960px; display: block; min-height: 100%;  height: auto !important; height: 100%; margin: 0 auto -100px; }
 

h1, h3, h4{ color: #153751;}
h1{ color: #4f687c; font-size: 1.9em; margin:  0 0 20px 0; font-weight: normal;}

h1.news{ padding-bottom: 5px; margin: 0 0 5px 0; }

h2{ color: #4f687c; font-size: 1.7em; padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px dotted #153751; font-weight: normal;}


h2.sidebar{ color: #4f687c; font-size: 1.7em; padding: 0; margin: 0 0 0 80px; border: 0;  border-bottom: 1px dotted #153751;}

h3{ color: #417297;font-size: 1.20em; margin: 0 0 3px 0}
h4{ font-size: 1.2em;}
h5{ font-size: 1.0em}

#home a.more{ font-size: 0.85em; font-weight: bold;}




/* header home */
.tabs-nav{ position: relative; top: 7px; height: 50px; float: right; clear: right; }

#header{ clear: both; width: 960px;  }

#eyecatcher{ display: block; width: 960px; float: left; margin: 0; background: url(../img/bg_eyecatcher.png) no-repeat 300px 12px;}
.eyecatch_img{ display: block; float: left; clear: both; padding: 0 0 0 50px}
.eyecatch_txt{ display: block; float: right; width: 570px; color: white; margin: 35px 0 0 0; font-size: 1.1em}


/* header default */
#subheader{ width: 960px; display: block; float: left; margin: 0; font-family: "Trebuchet MS", Arial, Verdana;}

.subnav ul.contact{ margin: 20px 0 0 0 ; }
.subnav ul.careers{ margin: 20px 0 0 0 ; }
.subnav ul.about{ margin: 20px 0 0 0 ; }

.subnav{ width: 260px; float: left; display: block; padding: 0 0 0 80px; }
.subnav ul{ width: 260px; display: block; float: left; margin: 10px 0 0 0;}
.subnav ul li{ margin: 0}

.subnav ul li a{ display: block; padding: 3px 0 10px 10px; margin: 0; color: white; text-decoration: none; background: url(../img/bg_subnav.gif) no-repeat; height: 13px; width: 230px;}
.subnav ul li.last a{ background: none;} 
.subnav ul li a:hover, .subnav ul li.selected a{ color: #153751; background: url(../img/bg_subnav_hover.gif) no-repeat;}

.sidenav{ list-style:  disc; width: 240px;  margin: 10px 0 20px 95px; display: block; float: left;}
.sidenav li{ padding: 0 0 0 10px; float: left; display: block; margin: 20px 0 0 0} 
.sidenav li li { float: left; border: none; color: #b6b6b6; margin: 5px 0 0 0;} 
#content .sidenav li li a{ color: #8c8c8c;} 

#content .sidenav li a.selected{ background: #173145; color: white; padding: 1px 5px 4px 5px}


.headerpic{ float: left; display: block; width: 610px; }
.headerpic img{ float: right; margin: 10px 0 0 0} 

/* content */
#content{ color: #153751; display: block; float: left; width: 960px; padding-top: 25px; clear: both; font-family: "Trebuchet MS", Arial, Verdana;}


/* footer */
#push { height: 100px; clear: both; }
#footer{ color: #fff; position: relative; background: url(../img/footer.jpg) repeat-x; text-align: center;  clear: both; padding: 50px 0 0 0; height: 50px; font-size: 0.9em; font-family: "Trebuchet MS", Arial, Verdana;}
.footer_content{ display: block; width: 850px; margin: 0 auto}

/* Clearfix */
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}




/* HOMEPAGE */
/* ---------------------------------------------------------- */
.col_news{ float: left; display: block; width: 305px; margin-right:30px; padding: 0 0 0 65px}
.col_mission{ margin-right: 30px}
.col_mission, .col_links{ width: 260px; float: left; display: block; }

/* newsbox */
#home .newsbox{ color: #153751; margin: 0 0 20px 0; background: #edf0f2; padding: 10px;	border:1px solid #d9dee2 ;-moz-border-radius: 4px; -webkit-border-radius: 4px;}
#home .newsbox a{ color: #417297;}
#home .date { font-size: 0.9em; display: block; margin: 0 0 10px 0}

#home .blogbox{ color: #153751; margin: 0 0 20px 0; }
#home .blogbox a{ color: #417297;}
#home .date { font-size: 0.9em; display: block; margin: 0 0 10px 0}




/* missionbox */
#home .col_mission p{ padding: 0 7px 10px 0px; margin: 0;}
#home .col_mission ul{ margin:0 0 10px 35px; padding: 0; list-style-image:url(../img/bulletlist.jpg) ;}
#home .col_mission ul li{ font-size: 0.90em;}


/* quicklinks */
#home .button { width: 240px; height: 40px; display: block; margin-bottom: 8px; color: white; text-decoration: none; padding: 14px 0 0 20px}
#default .button { width: 240px; height: 40px; display: block; margin-bottom: 8px; color: white; text-decoration: none; padding: 14px 0 0 20px; float: right;}
.orange{ background: url(../img/btn_orange.jpg) no-repeat; font-weight: bold; color: #fff!important}
.blue{ background: url(../img/btn_blue.jpg) no-repeat; font-weight: bold; color: #fff!important}
.green{ background: url(../img/btn_green.jpg) no-repeat; font-weight: bold; color: #fff!important}

.orange:hover{ background: url(../img/btn_orange_hover.jpg) no-repeat;}
.blue:hover{ background: url(../img/btn_blue_hover.jpg) no-repeat;}
.green:hover{ background: url(../img/btn_green_hover.jpg) no-repeat;}


.btns_left{ width: 340px; float: left; display: block; margin: 20px 0 0 0; }

/* DEFAULT */
/* ---------------------------------------------------------- */

#sidebar{ width: 340px; display: block; float: left; }




#maincontent{ width: 570px; display: block; float: left; margin: 0 0 0 50px;}

.breadcrumb{ border-bottom: 1px dotted #153751; padding: 0 0 3px 0; margin: 0 0 15px 0;}
.breadcrumb a{ color: #4F687C;}
.contenttext { background: url(../img/bg_contenttext.jpg) no-repeat; padding: 0 0 40px 0; min-height: 300px;}


.contenttext ul{ margin: 20px 0 20px 20px}
.contenttext ul li{ font-size: 0.93em; list-style-type: circle; margin: 0 0 0 20px}

.contenttextsurvey p { font-size: 1em; }

.contenttextsurvey #footnote { font-style: italic; font-size: 0.8em; }

#default .date { font-size: 0.9em; display: block; margin: 0 0 10px 0}
.foot_rules{ font-size: 11px; font-weight: bold; }




/* employee page */

.employee{ margin: 0 0 20px 0; border: 1px solid #e4e6e9; padding: 10px; display: block; float: left; width: 570px ;}

.employee_pic { border: 1px solid #d3d6da; height: 100px;  width: 100px; float: left; margin: 0 20px 5px 0}


.error-message{ color: red; font-style: italic; font-size: 0.85em }

.news_block a.more { color: #417297 ;}

.block_empl{}

/* links */
.block_lnk { display: block; float: left; margin: 0 0 15px 0; }

.img_links{ display: block; float: left; margin: 5px 15px 5px 0px; border: 1px solid #edf1f1; clear: left;}
.linkspage p{ display: block; width: 360px; float: left; }

.gifts_right{ float: right; padding: 0 0 0 20px; }



/* pagination */
.pagination { float: right; margin: 8px 0 8px 0; display: block; width: 580px; text-align: right;}

.pagination .paginator_float{ float: right; margin: 0 9px 0 0; }

.pagination .paginator_float .prev{ float: left; margin: 0 10px 0 0; display: block;}
.pagination .paginator_float .numbers{ float: left; }
.pagination .paginator_float .next{ float: right; margin: 0 0 0 10px; display: block;}
.pagination .paginator_float .next a, .pagination .paginator_float .prev a{ color: #000; font-size: 0.85em; } 
.pagination .disabled { display: none; }

.pagination span{  display: block; float: left; padding: 3px 2px; font-size: 0.85em; }
.pagination span a, .paginator a{ color: white!important; padding: 3px 7px; background: #4F687C; text-decoration: none}

.pagination span.current{ background: #f39a26; color: #fff;  padding: 3px 7px; margin: 0 2px}


/* error messages*/
#flashMessage {color: red; margin-top: 15px; font-size: 0.85em; font-style: italic; }