/* CSS Document */
 body{
  margin:0;
  padding:171px 0 67px 0;
  background-color:#331e76;
  scrollbar-base-color:#331e76;
  background-image:url(images/background.jpg);
  background-position:center;
  background-repeat:repeat-y;
  font-family:Arial, Helvetica, sans-serif; font-size:10px;
 }



#container a { color:#3a67a9; font-weight:normal;}
#container td{ color:#666666;}
#container strong{color:#3a67a9;}
#container h3{color:#3a67a9;}

div#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:171px;
 }

 div#header td{ background-color:#b5bdd4;}

 div#footer td{ color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

 div#footer a { color:#3a67a9; font-weight:normal;}

 div#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:67px;
  background-image: url(images/background_bottom.jpg); background-position:top center; background-repeat:no-repeat;
  font-family:Arial, Helvetica, sans-serif; font-size:12px;
 }
 
 #container { width:862px; margin-top:30px; }
 
#main { width:700px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px;}

#main td {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px;}

.toepassing a:active img, .toepassing a:visited img, .toepassing a:link img { border: 3px solid #999999; }
.toepassing a:hover img { border: 3px solid #3a67a9; }
 
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow: scroll;
  overflow-x:hidden;
  margin-left:15px;
 }