#html{
  width:100%;
  height:100%;
}
body {
  width:100%;
  height:100%;
  vertical-align:middle;
  margin: 0;
  padding: 0;
  background: #ffffff url(images/body_bg.gif) repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000101;
}
span.hidden {
 display: none;
}
/*******TOTAL*******/
#total {
  min-height:50px !important;
  height:100%;
  width:1011px;
 margin: auto;
}
#contentHorz {
 float: left;
 width: 1011px;
 background: url(images/kader_boven.png) no-repeat;
 margin: 40px 0px 0px 0px;
 min-height: 500px;
 padding-left: 30px;
}
body.home #contentHorz {
 height: 535px;
}
#contentHorz p.buttons {
 float: right;
 width: 63px;
 margin: -32px 63px 0px 0px;
}
#contentHorz p a.goHome {
 background: url(images/home_bt.png) no-repeat;
 float: left;
 display: block;
 width: 27px;
 height: 34px;
 padding-right: 5px;
}
#contentHorz p a.email {
 background: url(images/email_bt.png) no-repeat;
 float: right;
 display: block;
 width: 27px;
 height: 34px;
}
/*******HEADER*******/
#header {
 width: 250px;
 height: 110px;
 float: left;
}
#header a#top {
 width: 223px;
 height: 92px;
 display: block;
 float: left;
 padding-top: 15px;
}
#header a#top img {
 padding:0;
}
#header p {
 float: right;
 width: 63px;
 margin: -35px 30px 0px 0px;
}
#header p a.goHome {
 background: url(images/home_bt.png) no-repeat;
 float: left;
 display: block;
 width: 27px;
 height: 34px;
 padding-right: 5px;
}
#header p a.email {
 background: url(images/email_bt.png) no-repeat;
 float: right;
 display: block;
 width: 27px;
 height: 34px;
}
/*******MENU*******/
#menu {
 width: 755px;
 margin-top: 40px;
 float: left;
}
#menu ul {
 margin-top: 0;
 margin-bottom: 0;
 list-style: none;
 width: 629px;
 height: 50px;
 margin: auto;
 text-align: right;
 float: right;
}
#menu ul li {
 float: left;
 height: 48px;
 margin-right: 12px;
}
#menu ul li a {
 display: block;
 height: 49px;
}
#menu ul li.ictelligence a {
 background: url(images/over_ictelligence.png) no-repeat;
 width: 165px;
}
#menu ul li.ictelligence a:hover {
 background: url(images/over_ictelligence_on.png) no-repeat;
}
body.ictelligence #menu ul li.ictelligence a {
  background: url(images/over_ictelligence_aan.png) no-repeat;
}
#menu ul li.diensten a {
 background: url(images/diensten_bt.png) no-repeat;
 width: 120px;
}
#menu ul li.diensten a:hover {
 background: url(images/diensten_on.png) no-repeat;
}
body.diensten #menu ul li.diensten a {
  background: url(images/diensten_aan.png) no-repeat;
}
#menu ul li.downloads a {
 background: url(images/downloads_bt.png) no-repeat;
 width: 120px;
}
#menu ul li.downloads a:hover {
 background: url(images/downloads_on.png) no-repeat;
}
body.downloads #menu ul li.downloads a {
  background: url(images/downloads_aan.png) no-repeat;
}
#menu ul li.netwerk a {
 background: url(images/netwerk_bt.png) no-repeat;
 width: 120px;
}
#menu ul li.netwerk a:hover {
 background: url(images/netwerk_on.png) no-repeat;
}
body.netwerk #menu ul li.netwerk a {
  background: url(images/netwerk_aan.png) no-repeat;
}
#menu ul li ul {
 display: none;
}
/*******submenu*******/
body.home #submenu {
 display: none;
}
#submenu {
  float:left;
  width: 946px;
  height: 42px;
  background: url(images/totem_bg.png) no-repeat;
  margin: 0px 0px 15px 3px;
  padding: 0;
}
#submenu ul {
  width: 560px;
  float:right;
  margin: 0;
  padding: 9px 0px 0px 0px;
  list-style: none;
}
#submenu ul li {
float:left;
margin-top:1px;
margin-left:1px;
}
#submenu ul li a {
background: url(images/submenu_pijl.png) no-repeat left center;
font-weight: bold;
color:#e1a13c;
font-size: 14px;
text-decoration:none;
padding: 0px 15px 0px 15px;
}
#submenu ul li.on a,
#submenu ul li a:hover {
 color: #ffffff;
}
/*******INTER*******/
#inter {
  float:left;
  width: 475px;
  margin: 0px 20px 0px 20px;
  color: #000101;
}
#inter p {
 line-height: 20px;
 padding-bottom: 10px;
 clear: right;
 display: block;
}
div#inter div.alignCenter p img{
 display: block;
 margin: auto;
 float: none;
}
div#inter div p img {
 float: left;
}
body.bodycontact div#inter div p {
 float: left;
 padding: 0px 0px 10px 0px;
 clear: both;
 width: 100%;
}
#inter a[href$=".pdf"] {
 display: block;
 background:transparent url(images/pdf_img.png) no-repeat scroll left top;
 padding:0 0 0 25px;
 height: 23px;
}
#inter a {
 color: #2a4b80;
 text-decoration: underline;
}
#inter a:hover {
  text-decoration: none;
 color: #E1A13C;
}
#inter a.inloggen{
 display: block;
 margin: auto;
 background: url(images/inloggen_bt.png) no-repeat;
 height: 40px;
 width: 147px;
}
#inter a.inloggen:hover {
 background: url(images/inloggen_on.png) no-repeat;
}
body.home div#left,
body.home div#right {
 display: none;
}
body.home #inter {
 display: block;
 width: 940px;
 margin: 0;
 float: none;
 height: 219px;
}
body.home #inter img {
 padding-bottom: 2px;
 padding-top: 2px;
 border-top: 1px solid #f2d9b1;
 border-bottom: 1px solid #f2d9b1;
 border-left: none;
 border-right: none;
}
body.home #inter div {
 float: left;
 width: 177px;
 height: 184px;
 margin: 12px 13px 0px 0px;
}
body.home #inter div p.button_home,
div#left p.button_home {
 background: url(images/div_bg_top.png) no-repeat;
 width: 177px;
 height: 58px;
 padding: 0;
 margin: 0;
}
body.home #inter div p.button_home a,
div#left p.button_home a {
 background: url(images/button_blue.png) no-repeat right bottom;
 color: #e0a13c;
 text-decoration: none;
 font-size: medium;
 font-weight: bold;
 padding: 10px 0px 0px 15px;
 display: block;
 margin-right: 15px;
}
body.home #inter div p.button_home a:hover,
div#left p.button_home a:hover {
 background: url(images/button_orange.png) no-repeat right bottom;
}
body.home #inter div img,
div#left div img {
 padding: 0px 0px 0px 1px;
 border: none;
}
#inter div#div5 {
 margin-right: 0;
}
body.home #inter div img,
body.bodycontact #inter div img {
 border: none;
}
#inter ul {
 list-style: none;
 padding-left: 0px;
 margin: 0;
 clear: both;
}
#inter ul li {
background: url(images/verzend_pijl.png) no-repeat 0 0;
padding-left: 20px;
margin-bottom: 10px;
line-height: 18px;
}
#inter ul li a {
 padding-left: 0;
 background: none;
 line-height: 20px;
}
/*** CONTACT ***/
div.chat,
div.email,
div.bel {
 border: 1px solid #e3eefe;
 padding: 10px;
 margin: 5px 0px 15px 0px;
 float: left;
 width: 453px;
}
/*** LEFT ***/
div#left {
 float: left;
 margin-left: 3px;
 width: 369px;
}
div#left img {
 margin: 0px 0px 10px 0px;
 border: 1px solid #ffffff;
 padding: 1px;
}
/*** RIGHT ***/
div#right {
 background: url(images/right_bg.gif) no-repeat;
 float: left;
 width:61px;
 height: 412px;
}
body.bodycontact div#right img {
 display: none;
}
div#right img {
 float: right;
 margin-top: 15px;
}
div#right span {
 text-align: right;
 padding-right: 3px;
}
div#right span.bluebel {
 padding-right: 6px;
}
body.bodycontact #right span {
 display: none;
}
/*** FOOTER ***/
#footer {
 float: left;
 width: 1011px;
 height: 90px;
 font-size: x-small;
 color: #8c9eba;
 padding-top: 10px;
 margin: -60px 0px 0px 0px;
}
#footer div.footer_bg {
 background: url(images/footer_bg.png) no-repeat;
 width: 1005px;
 height: 90px;
 z-index: -5;
 position: relative;
 margin-bottom: -20px;
}
#footer ul {
 list-style: none;
 margin: 0px 35px 0px 25px;
 padding: 0px 0px 0px 8px;
 float: left;
}
#footer ul li {
 display: inline;
}
#footer ul li a {
 text-decoration: none;
 color: #8c9eba;
}
#footer ul li a:hover {
 text-decoration: underline;
}

/*** SITEMAP ***/
#sitemap span.hidden {
 display:  block;
}
#inter ul#sitemap li {
 background: none;
 font-weight: bold;
 margin: 0;
}
#inter ul#sitemap li a,
#inter ul#sitemap li a span {
 text-decoration: none;
}
#inter ul#sitemap li a:hover,
#inter ul#sitemap li a span:hover  {
 text-decoration: underline;
}
#inter ul#sitemap li ul {
 margin-bottom: 10px;
}

#inter ul#sitemap li ul li {
 font-weight:normal;
}
/*******TITELS*******/
h1 {
  display:none;
}
h2 {
font-size: medium; 
font-weight: bold; 
line-height:14px;
color: #00386E;
}
h3 {
 font-size: small; 
 font-weight: bold; 
 line-height: 14px;
 /*color: #00386E;*/
 color: #E0A13C;
}
span.blue {
  font-size: 12px; 
  font-weight: bold; 
  color: #2b4c80;
  text-transform: uppercase;
 clear: right;
 display: block;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
img {
border: none;
}
/******* LIJSTEN *******/
ul.back01, .ondergrondBlauw {
  background-color:#7F9BB6;
  color:#ffffff;
  margin-left:0px;
  padding:5px;
}
body ul.back01 li {
  margin-left:30px;
}
/*--- TEXTE ---*/
div.coul01, .donkerBlauw, .coul01 {
color: #1C3B6C;
}
div.coul02, .blauw, .coul02 {
color: #0099CC;
}
div.coul03, .paars, .coul03 {
color: #9966CC;
}
div.coul04, .rood, .coul04 {
color: #990000;
}
div.coul05, .wit, .coul05 {
color: #ffffff;
}
div.font01, .arialBlack, .font01 {
 font-family: Arial Black
}
/*-- IMAGES BORDERS --*/
img.left, .plaatjeLinkerKolom {
}
img.bord01, .randDonkerBlaauw {
border: 1px solid #015858;
}
img.bord02, .randBlaauw {
border: 1px solid #0099CC;
}
img.bord03, .randBlaauwGroen {
border: 1px solid #058B90;
}
img.bord04, .randPaars {
border: 1px solid #9966CC;
}
img.bord05, .randDonkerPaars {
border: 1px solid #8F0463;
}
img.bord06, .randRoze {
border: 1px solid #E832AE;
}
img.bord07, .randOranje {
border: 1px solid #FF9900;
}
img.bord08, .randGroen {
border: 1px solid #669900;
}
img.bord09, .randRood {
border: 1px solid #CC0000;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
background-color: #016D70;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #016D70;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #48C7CA;
padding-bottom: 10px;
background-color: #EBF6F6;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 39px 3px;
color: #003333;
text-decoration: none;
}
html div.prec a:hover,
html div.suiv a:hover {
text-decoration: underline;
}
/******* Button *******/
#___plusone_0
{
margin-left: 25px !important;
}
input.buttonstyle {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 9px; 
  font-weight: normal; 
  color: #FFFFFF; 
  background-color: #1C3B6C; 
  border: 1px #1C3B6C outset; 
  text-decoration: none;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
border-bottom: 3px solid #016D70;
}
th,
td {
border: 1px solid #016D70;
padding: 3px;
vertical-align: top;
}
th {
background-color: #016D70;
color: #FFFFFF;
}
td {
background-color: #ECF4F4;
}
/*** SHOUT ***/
body.home div#shoutContainer {
 background: url(images/shout_bg.png);
 width:308px;
 height:144px;
 position:absolute;
 margin: 140px 0px 0px 28px;
 padding:9px;
}
body.home div#shout {
  position:absolute;
  z-index: 2;
  width:308px;
  height:144px;
  padding:9px;
  overflow:hidden;
  margin: 140px 0px 0px 28px;
}
body.home div#shout h2 {
  font-family:Arial;
  color:#E0A13C;
  font-size:22px;
  font-weight:bold;
}
body.home div#shout p {
  color:#2B4C80;
  font-size:13px;
  font-family:Arial;
  font-weight:Bold;
}
body.home div#shout a {
 text-decoration: none;
}
/*** menus ***/
body.bodyictelligence, .rubriekIctelligence{}
body.bodyenum, .rubriekEnum{}
body.bodyasterisk, .rubriekAsterisk{}
body.bodytelfact, .rubriekTelfact{}
body.bodydetachering, .rubriekDetachering{}
body.bodyrelaties, .rubriekRelaties{}
body.bodyvacatures, .rubriekVacatures{}
body.bodywerkwijze, .rubriekWerkwijze{}
body.bodycontact, .rubriekContact{}