body, table, tr, td, h1 {
   font-family: Candara, Optima, "Droid Sans", "Trebuchet MS", sans-serif;
   font-size: 13px;
   line-height: 14px;
}

table, tr, td, p, h1 {
   background-color: #ffffff;
}

td.inline {
   vertical-align: top;
   font-size: 13px;
   line-height: 15px;
   padding-top: 5px;
   padding-bottom: 2px; 
}

li.inline {
   font-size: 13px;
}

p, h1, ul, pre {
   margin-left: 18px;
   margin-right: 60px;
   margin-bottom: 0px;
}

p, ul, pre {
   font-size: 14px;
   line-height: 18px;
   margin-top: 8px;
}

hr {
   margin-top: 4px;
   margin-bottom: 0px;
   margin-left: 18px;
   margin-right: 18px;
   height: 1px;
   color: #808080;
}

p.footer {
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 18px;
   margin-right: 18px;
   text-align: center;
}

a.footer {
   font-weight: normal;
   border-top: none;
}

.footer {
   font-size: 11px;
   line-height: 13px;
   color: #808080;
   text-align: center;
   width: 675px;
   border-top: 1px solid #808080;
   padding-top: 3px;
}

h1 {
   margin-top: 15px;
   margin-bottom: -6px;
   font-size: 19px;
   line-height: 22px;
   font-weight: normal;
   color: #404040;
}

ul {
   padding-left: 16px;
   list-style-type: square;
   color: #505050;
}
 
li {
   margin-top: 1px;
}

span {
   color: #000000;
}

a {
   font-weight: bold;
   text-decoration: none;
   color: #003080;
}

a:hover {
   text-decoration: underline;
}

img {
   border: 0px;
}

.aanbodkopje {
   color: #404040;
   margin-top: 14px;
   margin-bottom: -4px;
   font-weight: bold;
}

.visiekopje {
   color: #404040;
   margin-top: 14px;
   margin-bottom: -4px;
   font-weight: bold;
}

.gabanner {
   position: absolute;
   left: 50%;
   top: 20px;
   margin-left: -370px;
   width: 740px;
   height: 100px;
   background-image: url('img/groenink-advies-banner-740x100.png');
   box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.5);
}

.menubox {
   position: absolute;
   width: 154px;
   height: 44px;
   top: 135px;
   left: 50%;
   font-size: 17px;
   padding: 8px;
   box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.5);
   cursor: pointer;
}

.menuoverzicht {
   margin-left: -370px;
   background-color: #fcc;
   color: #600;
}

.menuoverzicht:hover {
   background-color: #caa;
}

.menuaanbod {
   margin-left: -180px;
   background-color: #ffc;
   color: #660;
}

.menuaanbod:hover {
   background-color: #cca;
}

.menuwerkwijze {
   margin-left: 10px;
   background-color: #cfc;
   color: #060;
}

.menuwerkwijze:hover {
   background-color: #aca;
}

.menucontact {
   margin-left: 200px;
   background-color: #ccf;
   color: #006;
}

.menucontact:hover {
   background-color: #aac;
}

.contentboxouter {
   position: absolute;
   left: 50%;
   top: 220px;
   margin-left: -370px;
}

.contentboxinner {
   width: 740px;
   padding-top: 1px;
   padding-bottom: 20px;
   border-radius: 10px;
   background-color: white;
   box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.5);
}

.linkerkopje {
   width: 150px;
}

@media screen and (max-width: 800px) {
   .gabanner {
      margin-left: -200px;
      width: 400px;
      background-image: url('img/groenink-advies-banner-500x100.png');
   }

   .menubox {
      height: 30px;
   }

   .menuoverzicht {
      width: 78px;
      margin-left: -200px;
   }

   .menuaanbod {
      width: 68px;
      margin-left: -91px;
      background-color: #ffc;
      color: #660;
   }

   .menuwerkwijze {
      width: 80px;
      margin-left: 8px;
   }

   .menucontact {
      width: 65px;
      margin-left: 119px;
   }

   .contentboxouter {
      margin-left: -200px;
      top: 200px;
   }

   .contentboxinner {
      width: 400px;
   }

   .footer {
      width: 350px;
   }

   .linkerkopje {
      width: 70px;
   }
}