/*standard*/
* {margin: 0; padding: 0;}
html, body {height: 100%; background: #0192c9 url("bg.jpg") repeat-y 50% 0%;}
body{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

#page{
  overflow: auto !important;
  overflow: visible;
  margin: 0 auto;
  width: 750px;
  min-height: 100%;
  background: #fff url("blue.jpg") repeat-y;
}
* html #page{height: 100%;}

h1 {
  margin-left: 10px;
  margin-top: 10px;
  height: 54px;
  width: 175px;
  background-image: url("logo.gif");
}

h3{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

h4{
 font-size: 14px;
 margin-top: 15px;
 margin-bottom: 5px;
}

p{
 margin-top: 10px;
 margin-bottom: 10px;
 line-height: 18px;
}

li { list-style-type: none; }

td{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

td.title{
 font-weight: bold;
 width: 200px;
}

#header{
  position: absolute;
  left: 50%;
  margin-left: -375px;
  margin-top: 0;
  background: #fff url("foto6.gif") 0 75px no-repeat;
  height:202px;
  width: 750px;
}
.level2 #header { background: #fff url("foto6b.gif") no-repeat; height: 80px !important;}

#header a{
  color: #fff;
  font-size: 1px;
  line-height: 1px;
  text-indent: -99px;
  text-decoration: none;
  letter-spacing: -1px;
}

/*homepage*/
.home_level1 #header { background: #fff url("foto6.gif") 0 75px no-repeat;}
.home_level2 #header { background: #fff url("foto6b.gif") no-repeat; height: 80px;}

/*organisatie*/
.organisatie_level1 #header { background: #fff url("foto12.gif") 0 75px no-repeat; }
.organisatie_level2 #header { background: #fff url("foto12b.gif") no-repeat; height: 80px;}

/*diensten*/
.diensten_level1 #header { background: #fff url("foto9.gif") 0 75px no-repeat; }
.diensten_level2 #header { background: #fff url("foto9b.gif") no-repeat; height: 80px;}

/*network solutions*/
.network_solutions_level1 #header { background: #fff url("foto3.gif") 0 75px no-repeat; }
.network_solutions_level2 #header { background: #fff url("foto3b.gif") no-repeat; height: 80px;}

/*information systems*/
.information_systems_level1 #header { background: #fff url("foto1.gif") 0 75px no-repeat; }
.information_systems_level2 #header { background: #fff url("foto1b.gif") no-repeat; height: 80px;}

/* Corporate solutions */
.corporate_solutions_level1 #header { background: #fff url("foto4.gif") 0 75px no-repeat; }
.corporate_solutions_level2 #header { background: #fff url("foto4b.gif") no-repeat; height: 80px;}

/* WerkenBij */
.werken_bij_level1 #header { background: #fff url("foto5.gif") 0 75px no-repeat;  }
.werken_bij_level2 #header { background: #fff url("foto5b.gif") no-repeat; height: 80px;}

/* referenties */
.referenties_level1 #header { background: #fff url("foto11.gif") 0 75px no-repeat; }
.referenties_level2 #header { background: #fff url("foto11b.gif") no-repeat; height: 80px;}

/*menu*/
#menu{
  background: #cce9f4;
  float: left;
  margin-top: 230px;
  width: 180px;
  font-size: 11px;
  padding-bottom: 20px;
  padding-top: 10px;
}
/* 2ndlevel menu*/
.level2 #menu{ margin-top: 105px !important; }

#menu ul{
 padding-left: 10px;
 padding-right: 10px;
}

* html #menu li { height: 30px; }

#menu a {
  display: block;
  font-weight: bold;
  color: #000;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
}

#menu a:hover { color: #0483b3; }

.liRand{ border-bottom: 1px solid #0483b3; }
.navcurrent, .navcurrent2, .currentnav{ color: #0192c9 !important; }
.nav2{ margin-left: 10px; }

.contact{
display: inline;
width: 75px;
}

/*content*/
#main {
  background: #fff;
  float: right;
  width: 530px;
  margin-top: 230px;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  padding: 20px 20px 20px 0px;
}

/*2nd level main*/
.level2 #main{ margin-top: 105px !important; }

#main a {
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
}
#main a:hover { color: #0483b3; }

#main h2 {
  font-size: 18px;
  font-style: normal;
  line-height: 40px;
}

#main li {
  list-style: square inside;
}

/*topmenu*/
#topmenu {
  background: url("corner2.png") no-repeat;
  width: 390px;
  height: 16px;
  text-align: right;
  font-size: 7pt;
  color: #000000;
  position: absolute;
  left: 50%;
  top:  0;
  margin-left: -25px;
  padding: 0 5px;
}

#topmenu li {
  background: url(spacer.jpg) no-repeat;
  padding-left: 5px;
  display: inline;
}

#topmenu a {
  font-size: 7pt;
  color: #000000;
  text-decoration: underline;
}
#topmenu a:hover { text-decoration: underline; }


/*breadcrumbs*/
#breadcrumb  { margin-top: 202px; }
/*2nd level breadcrumbs*/
.level2 #breadcrumb { margin-top: 80px !important; }


/*breadcrumb*/
#breadcrumb {
  position: absolute;
  left: 50%;
  margin-left: -375px;
  background-color: #e4e4e4;
  height: 27px;
  line-height: 27px;
  width: 730px;
  padding: 0 10px;
  font-size: 11px;
}

#breadcrumb li {
  background: url(spacer2.jpg) no-repeat;
  padding-left: 5px;
  display: inline;
}
#breadcrumb li.eerste{ background-image: none;}

#breadcrumb a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
#breadcrumb a:hover { text-decoration: underline; }

/*footer*/
#footer {
  position: relative;
  width: 750px;
  height: 20px;
  margin: -20px auto 0 auto;
  background: #000;
}

/* Teksten verbergen die vervangen worden door afbeeldingen */
h1, #header h2, #menu h3, #topmenu h3, #breadcrumb h3 {
  display: block;
  overflow: hidden;
  list-style-type: none;
  font-size: 1px;
  letter-spacing: -1px;
  line-height: 1px;
  text-indent: -99px;
  text-decoration: none;
  background-repeat: no-repeat;
  color: #fff;
}

/* Screen reader-vriendelijk verbergen */
#skip, #header p {
  position: absolute;
  top: -9999px !important;
}

/* flash object */
#flashcontent{
  background: url("bgflash.gif") no-repeat;
  margin-left: -15px;
  margin-top: -15px;
  width: 560px;
  height: 562px;
  padding-top: 84px;
  padding-left: 5px;
  color: #fff;
}