@media print,screen {
  body {
  	 font-family:verdana, arial, helvetica;
  	 background-color:#fff;
     color:#333;
  	 padding:0px;
  	 margin: 0px;
  }
  
    hr {
      border-style: hidden; 
      border-width: 0px;
      color: #036; background-color: #036; 
      height: 1px;
    }
    
  a.verder {
     width:23px; height:15px; float:right; 
     background-image: url(/afbeeldingen/knoppen/more.gif);
     background-position: bottom right;
     background-repeat: no-repeat;
  }

  img {border-style: hidden; border-width: 0px}
  img.left {float:left;margin-right:5px;}
  img.right {float:right;margin-right:5px;}

  p, li {line-height: 140%;}

  .bible  { color: #800; }
  .contact {color: #800;font-weight: bold;}
  .new {color: #C00;font-weight: bold;}
  .r {text-align: right;}
  .footinfo {
    color:#888;
  }
  
  p.bible, p.cite { font-style: italic; padding-left:  7%;}
  p.ref {text-align: right;}

  table.vakje {border-collapse: collapse;  } 
  table.vakje tr th {text-align: left; padding: 3px; border: 1px solid #036;}
  table.vakje tr td {vertical-align: top; padding: 3px; border: 1px solid #036}
  
  h1, h2, h3 {clear: left }
}

@media print {
  body { color:#000; }
 
  body, p, td, th {font-size: 8pt;}
  h1 { font-size: 18pt; font-weight: 500}
  h2 { font-size: 12pt;}
  
  table.vakje tr th {background-color: #aaa;}
  table.vakje tr td {background-color: #ccc;}

  .noprint {
    display: none;
  }
  #header {
     display: none;
     color:#00a; 
  }
  #menu {
     width:0cm;
     height:0cm;
     display: none;
  }
  #content { 
    position: relative;
    width:100%;
    height: auto;
  }
}

@media screen {
 body {
  color:#000;
  background-color: #fff;
 }
 
  body, p, td, th {font-size: 11px;}

  table.vakje tr th {
    background-color: #036; 
    color: #ffF;border: none;
    background-image: url(/afbeeldingen/blue.gif);
    background-repeat: repeat-x
  }
  table.vakje tr td   { 
    background-color: #eef; 
    border: none; 
    border-bottom: 1px solid #036
  }

  h1 { font-size: 15pt; font-weight: 400}
  h2 { font-size: 12pt;}
  h1, h2, h3 { color: #036} 
  h1         { border-bottom: 1px solid #036}


  
  a {color:#036}
  a.visited {color:#669}
/* menu zijn de hoofd items, submenu zijn de subitems,
   tip en subtip zijn losse submenus's */
  #menu {
    position:absolute;
    /*float:left; 	top: 80px;*/
    color: #036;
	  width:152px;
  }   
 
  div.menu  { 
    color: #036; 
    font-size: 16px; 
    background-color: #eef; 
    margin: 5px; 
    border: solid 0 #ccf 
  }


a.menu, a.activeMenu { 
  color: #eef; text-decoration: none; 
  background-color: #036; 
  display: block; 
  padding-top: 2px; padding-left: 5px; 
  border-color: #eef; border: solid 1px;
  background-image: url(/afbeeldingen/blue.gif);
  background-repeat: repeat-x
}
a.menu      {
}
a.activeMenu, a.menu:hover{
  border-color: #eef; color: #f60;
}

/*
a.menu:hover, a.activeMenu{	background-color: #669;	text-decoration: underline}
*/
a.submenu { font-size: 70%; text-decoration: none; display: block; padding-left: 15px }
a.submenu:hover {	background-color: #ddf;}

div.tip  { color: #036; font-size: 9px; line-height: 120%; text-indent: 15px; margin: 15px 5px; border: solid 0 #669 }
 
a.tip {
	background-color: #eef;
  text-decoration: none;
  display: block
}
a.tip:hover {
	background-color: #ddf;	
}



 #header {
  width: 100%;
  height: 70px;
	padding:0px;
	margin: 0px;
  background-color:#eef;
  color: #036;
 }


 #content {


    position: absolute;

    margin-right: 160px;

   /*      top:80px;
   margin-left: 160px;  
   */
  width: 560px;
  left: 160px;
  padding: 0;
  } 
}