html {
  font-family: "Times New Roman", Georgia, Times, serif;
  font-size: 10pt;
}

form {
  margin: 0;
  padding: 0;
}

body {
  background-color: white;
  background-image: url(new/bg22.jpg);
  background-position: top;
  font-size: 1em;
  }

h1 { font-weight:normal; font-size: 0.9em; }
h2 { font-size: 1.7em; }
h3 { font-weight:normal; font-size: 1.1em; }
h4 { font-weight:normal; font-size: 1em; }

a {
  color: white;
  font-weight: normal;
  text-decoration: none;
}

#container {
  background-color: white;
  position: relative;
  width: 800px;
  left: 50%;
  margin-left: -400px;
  padding-bottom: 20px;
}

#menu {
  width: 693px;
  height: 170px;
  padding: 10px 50px;
  /* background: url(menubalk2.png) no-repeat top center; */
  /* geel     background-position: center -197px; */
  /* welkom   background-position: center -394px; */
  /* text     background-position: center -590px; */
  /* ref      background-position: center -787px; */
  /* contact  background-position: center -984px; */
  /* tarieven background-position: center -1181px; */
}
#menu ul {
  list-style: none;
  display: inline;
}
#menu ul li {
  float: left;
}
#menu ul li a {
  display: block;
  height: 152px;
  width: 110px;
  background: url(menubalk2.gif) no-repeat top center;
}

#menu ul li a.active, #menu ul li a:hover {
  background: url(menubalk2.gif) no-repeat;
}
#menu li#logo a { position: relative; top: 3px; background: url(logo.gif) no-repeat; width: 135px; background-position: 0 0; }
#menu li#welcome a { background-position: 0 -152px; } 
#menu li#welcome a:hover, #menu li#welcome a.active, #welcome li#welcome a.active:hover { background-position: 0 0; }

#menu li#text a { background-position: -109px -152px; } 
#menu li#text a:hover, #menu li#text a.active, #text li#text a.active:hover { background-position: -109px 0; }

#menu li#ref a { background-position: -218px -152px; } 
#menu li#ref a:hover, #menu li#ref a.active, #welcome li#welcome a.active:hover { background-position: -218px 0; }

#menu li#contact a { background-position: -327px -152px; } 
#menu li#contact a:hover, #menu li#contact a.active, #welcome li#welcome a.active:hover { background-position: -327px 0; }

#menu li#tariff a { width: 115px; background-position: -436px -152px; } 
#menu li#tariff a:hover, #menu li#tariff a.active, #welcome li#welcome a.active:hover { width: 113px; background-position: -436px 0; }

#content {
  font-size: 1em;
  padding: 0;
  clear: both;
}

.bg3070 {
  background-color: #B0B0B0; 
text-align: justify;
 }

.bg5050 {
  background-color: #B0B0B0;
  color: white;
}

#content #col30 ul { list-style:none; }

#content #col30 ul li {
  padding: 0;
  margin: 0;
}

#content #col30 ul li a {
  color: white;
  font-weight:normal;
  font-size: 1.0em;
  line-height: 1.4em;
  border-bottom: 1px dotted white;
}

#content #col30 ul li a.active { font-size: 1.1em; color: #0A89D1; font-weight:normal; }

#content #col70, #content #col50-right {
  font-size: 1.0em;
  background-color: #B0B0B0;
  line-height: 1.3em;
  }

.homecontent {
  color: white;
  line-height: 1.4em;
  background-color: #B0B0B0;
  text-align: justify;
}

.contactcontent {
color: white;
background-color: #B0B0B0;
text-align: justify;
}

.contactcontent div {
  padding-top:30px;
padding-bottom:0px;
padding-right:30px;
padding-left:30px;  
  font-size: 1em;
  line-height: 220%;
}

.homecontent a:hover {
  text-decoration: none;
  font-weight: normal;
  color: #2762A6;
}
.homecontent div {
  padding-top:30px;
padding-bottom:0px;
padding-right:30px;
padding-left:30px;  
  font-size: 1em;
  line-height: 150%;
}

hr {
  border: 1px dotted white;
  padding: 0;
  margin: 0;
}

#btm {
  color: #0A89D1;
  font-size: 1em;
  clear: both;
  margin-top: 20px;
}

#btm a {
  font-style: normal;
}

.onecol100 {
padding-left:20px;  
}

.twocol5050 {
  background-image: url(img/dot4.gif);
  background-position: top center;
  background-repeat: repeat-y;
}

.threecol {
  position: relative;
  padding-left: 305px;
  padding-right: 200px;
  background-image: url(img/dot1.gif);
  background-position: top center;
  background-repeat: repeat-y;
  height:100%;
}

.threecol #btm #col1 {
  position: relative;
  float: left;
  width: 260px;
  right: 200px;
  margin-left: -100%;
  padding: 0 10px;
}
* html .threecol #btm #col1 {
  margin-left:-1220px;
}

* html .threecol #btm #col2 img {
  left: -19px;
  top: -10px;
}

.threecol #btm #col2 {
  position: relative;
  float: left;
  width: 180px;
  margin: 0 10px;
}

.threecol #btm #col2 img {
  left: -8px;
  position: relative;
}

.threecol #btm #col3 {
  position: relative;
  float: left;
  width: 260px;
  padding: 0 20px;
  margin-right: -3000px;
  left: -10px;
}

.twocol5050 #btm #col1 {
  width: 350px;
  padding: 0 20px;
  float: left;
}

.twocol5050 #btm #col2 {
  float: right;
  width: 350px;
  padding: 0 20px;
}

.twocol7030 #btm #col2 {
  float: right;
  width: 260px;
  padding: 0 20px;

}
.twocol7030 #btm #col1 {
  width: 430px;
  padding: 0 20px;
  float: left;
}

.twocol7030 #btm #col2 {
  float: right;
  width: 260px;
  padding: 0 20px;
}

#footer {
  clear: both;
  padding-left: 20px;
  font-size:0.8em;
  color:#0A89D1;
}

#col30 {
  width: 242px;
  float: left;
  padding: 20px;
}

#col50-left {
  float: left;
  width: 370px;
  padding: 20px;
  line-height: 1.2em; 
  font-size:1em;
}

#col50-left a {
  color: white;
  font-weight: normal;
  }

#col50-left a:hover {
  text-decoration: none;
  font-weight: normal;
  color: #2762A6;
}

#col50-left p {
  padding-left: 30px;
}

#col50-right {
  float: right;
  width: 387px;
  padding: 0;
  margin: 0;
}

#col50-right img {
  margin: 0;
  padding: 0;
  margin-bottom: -5px;
}

#col70 {
  width: 470px;
  float: right;
  padding: 0px 20px;
  color: white;
  }

#col30 a {
padding: 5px;
margin: 0px;
display: block;
}

.cleardiv {
  width: 100%;
  clear: both;
}

td, th {
  vertical-align: top;
}

.partner {
  font-size: 0.9em;
  float: left;
  clear: none;
  width: 165px;
  padding-left: 24px;
  margin-right: -14px;
}

.partner img {
  margin: 10px 0;
  display: block;
  clear: both;
  border: none;
}

.project {
  font-size: 0.9em;
  color: #0A89D1;
  float: left;
  clear: none;
  padding: 5px;
  width: 140px;
}

.threecol .project {
  width: 125px;
  padding: 5px 0;
}

.project img {
  position: relative;
  top: -4px;
  border: 1px solid black;
  float: left;
  margin: 0 10px;
}

#btm .project a {
  font-style: normal;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
  color: #0A89D1;
  }
  
/*
  Helaas maar oh zo nodig... de Internet Explorer hacks :(
*/

* html .cleardiv {
  margin-bottom: -16px;
  background-color: white;
}

* html .threecol #btm #col1 {
  height: 1%;
  left: 720px;
}

* html .threecol, * html .twocol {
  margin-top: 20px;
}

* html #col70 {
  padding-top: 20px;
}

* html .project a {
  color: #9CBBD6;
}