body,html {
  margin: 0; padding: 0; border: 0;
  width: 100%; height: 100%;
}
body {
  text-align: center;
  background: #d5d5d5;
  font: 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #333;
}

h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd { margin: 0; padding: 0; }
a, a:link,a:visited {
  color: #222;
  font-weight: bold;
}
a:hover {
  text-decoration: none;
 }
dt {
  margin-top: 5px;
  font-weight: bold;
}

h1 { font-size: 1.3em; display: none; }
h2 { font-size: 1.2em; margin-bottom: 5px; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
p { font-size: 1em; margin: 0.3em 0 0.5em 0}
ul { list-style: none; }

#content ul {
  margin-bottom: 10px;
}
#content li {
  margin-left: 20px;
  list-style-position: outside;
  list-style-type: circle;
}
p.fill {
  height: 180px;
}
/**
 * layout
 **/
div#wrapper {
  margin: 0 auto; 
  padding: 5px; border: 0;
  background: #fff;
  text-align: left;
  width: 770px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 760px;
}
html>body div#wrapper {
  width: 760px;
}
div#header {
  margin: 0; padding: 0; border: 0;
  margin-bottom: 5px;
  background: #eee;
  height: 175px;
  text-align: left;
}
/**
 * navigation part
 */
div#nav {
  margin: 0; padding: 0; border: 0;
  margin-bottom: 5px;
  text-align: center;
  background: #eee;
}
ul#menu {
  margin: 0;
  padding: 0;
  list-style: none;
  background: transparent;
}
ul#menu:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html ul#menu {height: 1%;}
/* End hide from IE-mac */

ul#menu li {
  float: left;
  margin: 0;
  padding: 0;
}
ul#menu li a {
  display: block;
  margin: 0;
  padding: 4px;
  border: 1px solid;
  border-color: #ffe #aaab9c #ccc #fff;
  background: #eee;
  color: #777;
  text-decoration: none;
  width: 98.5px;
}
body#nieuws #nav-nieuws a, body#company #nav-company a,
body#producten #nav-producten a, body#diensten #nav-diensten a,
body#download #nav-download a, body#info #nav-info a, 
body#contact #nav-contact a {
  background: #ddd;
  color: #333;
}
ul#menu li a:hover {
  color: #333;
  background: #fff;
  border-color: #aaab9c #fff #fff #ccc;
}
div#main {
  margin: 0; padding: 0; border: 0;
  text-align: left;
  
}
div#content {
  float: left;
  margin: 0;
  margin-bottom: 5px; 
  padding: 10px 5px; 
  border: 1px solid #eee;
  min-height: 400px;
  background: #fff url(../images/logosite2.jpg) bottom center no-repeat;
  width: 550px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 538px;
}
html>body div#content {
  width: 538px;
}
div#side {
  margin: 0; padding: 5px; border: 0;
  margin-left: 555px;
  text-align: left;
  background: #eee;
}
div#footer {
  clear: both;
  margin: 0; padding: 15px 0; border: 0;
  text-align: center;
  background: #eee;
}
/**
 * classes & stuff
 */
img { border: 0; }
.fleft { float: left; }
.fright { float: right; }
/**
 * forms
 */
#contform {
  margin: 10px;
}
#contform p {
  margin: 0.5em 0;
}
#contform fieldset {
  border: 1px solid #ddd;
  padding: 20px;
  background: #fafafa url(../../images/mail.jpg) 350px 20px no-repeat;
}
#contform legend {
  border: 1px solid #ddd;
  padding: 2px 6px;
  background: #fafafa;
}
input, select {
  border: 1px solid #ddd;
  background: #fff;
  width: 140px;
}
textarea {
  border: 1px solid #ddd;
  background: #fff;
  width: 400px;
  height: 250px;
}
.button {
  margin: 10px 0 10px 315px;
  padding: 2px 4px;
  border: 1px solid;
  border-color: #ffe #aaab9c #ccc #fff;
  background: #eee;
  color: #777;
}