@media all {

/* 
 * ALGEMEEN *
            */

 body {
  behavior:url('/_etc/javascripts/csshover.htc');
  background: #ffffff url('/_etc/smiles/emo-top.png');
  background-repeat: no-repeat;
  background-attachment: scroll;  
  background-position: 480px 0px; 
 }
 h1 {
  padding-left: 2em;
  padding-bottom: 0.2em;
  display: inline;
  font-size: 140%;
  border-bottom: 0.1em groove #c00;
  color: #c00;
 }
 h2, h3, p#ads {
  margin: 1em 0;
  padding-top: 1em;
  font-size: 120%;
  color: #c00;
  border-top: 0.1em dotted #00a;
 }
  h2 span {
   font-size: 70%;
  }
  p#ads {
   font-size: 100%;
   text-align: center;
  }
 p.verborgen,
 h2.verborgen,
 hr {
  display: none;
 }
 a {
  color: #c00;
  text-decoration: none;
 }
 a.extern {
  color: #c00;
 }
/*zet pijltje aan na link in andere browsers dan IE*/
 a.extern:after {
  content: url('/_etc/img-joosts/link.gif');
 }
 a:hover {
  color: #000;
 }
 div > div > .footer {
  display: none;
 }
 del {
  font-size: 80%;
  text-decoration: line-through;
 }
 del:hover {
  text-decoration: none;
  cursor: help;
 }
 ins {
  color: green;
  text-decoration: none;
 }

/* 
 * KRONKEL *
          */

  div#container div#kronkel blockquote {
    font-size: 80%;
    border-left: 1px solid #c00;
    border-right: 1px solid #c00;
    margin: 1em 2em;
    padding: 0.5em 1em;
    background-color: #ffc;
    background-image: url('/_etc/quote.gif');
    background-repeat: no-repeat;
    /* Internet Explorer heeft best wel rare dingen: */
    border-bottom: 1px solid #eef;
   }
   /* Maja, we moeten er maar mee leven hè? */
   div#container > div#kronkel blockquote {
    border-bottom: none;
   } 
 
div#container {
  position: absolute;
  left: 17em;
  top: 1em;
  width: 43em;
  border-left: 0.1em dotted #00a;
  padding-left: 1em;
  padding-top: 2em;
  padding-bottom: 2em;
 }
  div#container p {
   margin-top: 1em;
  }
  div#container div#kronkel {
   text-align: justify;
   line-height: 140%;
  }
   div#container div#kronkel a {
	  color: #800; 
/*	  border-bottom: 1px dotted #666; */
	  text-decoration: none;
   }
   div#container div#kronkel p:first-letter {
    font-size: 140%;
    color: #c00;
   }
/*
    div#container div#kronkel p:hover strong {
     background-color: #eef;
    }
    div#container div#kronkel p:hover a {
     text-decoration: underline;
     color: #c00;
    }
    div#container div#kronkel p:hover a.extern {
     color: #f66;
    }
*/
    div#container div#kronkel p a:hover {
	   color: #c00; 
	   border-bottom: 1px solid #c00; 
	   text-decoration: none;
    }
    div#container div#kronkel p strong {
     font-weight: normal;
    }
    abbr,
    span.abbr,
    span.uitleg {
     cursor: help;
     color : #666;
     border-bottom: none;
    }
    div#container div#kronkel p span.uitleg {
     border-color: red;
    }
    div#container div#kronkel p span.uitleg:after {
     font-size: 80%;
     content: " (" attr(title) ")";
     color: red;
    }
   div#container div#context p {
   margin: 0 0 1em 4em;
   font-size: 80%;
   text-align: right;
   color: #aaa;
   }
   div#container div#context h4 {
   margin: 1em 0 0 0;
   text-align: right;
   font-size: 80%;
   color: #aaa;
   }


/* 
 * MENU *
        */

 div#hoofdmenu {
  position: absolute;
  left: 1em;
  top: 1em;
  width: 14em;
 }
  div#hoofdmenu p {
   text-align: center;
  }
  div#hoofdmenu h2,
  div#hoofdmenu h3 {
   margin: 0 0 1em 0;
   padding-top: 1em;
   font-size: 100%;
   color: #c00;
   text-align: center;
  }
  div#hoofdmenu #alle-kronkels {
   list-style-type: none;
   width: 14em;
   border: 1px solid #00a;
   margin-bottom: 1.5em;
  }
   div#hoofdmenu #alle-kronkels li a {
    text-align: left;
    padding: 1em;
    padding-right: 2em;
    position: relative;
    display: block;
    width: 11em; /* Vindt IE leuk */
    text-decoration: none;
    color: #c00;
   }
   div#hoofdmenu #alle-kronkels li a.huidige {
    background: #ffc;
    text-align: center;
   }
   div#hoofdmenu #alle-kronkels li a:hover {
    background: #ff6;
   }
   div#hoofdmenu #alle-kronkels li a:hover em {
    color: #c00;
   }
   div#hoofdmenu #alle-kronkels li em {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 2.5em;
    color: #eee;
   }
  div#hoofdmenu #laatste-reacties,
  div#hoofdmenu ul#links {
   list-style-type: none;
   margin-bottom: 1.5em;
  }
   div#hoofdmenu #laatste-reacties li,
   div#hoofdmenu ul#links li {
    margin: 0.5em 0;
    padding: 0.2em;
    color: #999;
    text-align: center;
    border: 1px solid #fff;
   }
   div#hoofdmenu ol#laatste-reacties li:hover {
    background: #eef;
    color: #000;
    border-color: #000;
   }
   div#hoofdmenu ul#links li a {
    display: block;
    padding: 0.3em;
   }
   div#hoofdmenu ul#links li a[hreflang]:after {
     content: " (" attr(hreflang) ")";
    }
  div#hoofdmenu ol#laatste-reacties q {
   display: block;
   margin: 0.2em;
  }
  div#hoofdmenu p {
   margin-bottom: 1.5em;
  }
  #img-k {
   width: 14em;
  }
  
/* 
 * FOOTER *
          */

   p.footer {
    margin: 0.5em 0;
    color: #aaa;
   }

#footer, .footer {
 display: none;
}


/* 
 * REACTIEFORMULIER *
                    */

 fieldset {
  border: none;
  overflow: hidden;
 }
  fieldset legend {
   display: none;
  }
  fieldset dl dt {
   margin: 0.6em 0;
  }
   fieldset dl dt label {
    display: block;
    cursor: pointer;
   }
   fieldset dl dt label:after {
    content: ":";
   }
    fieldset dl dt label span {
     text-decoration: underline;
    }
    fieldset dl dt label:hover span {
     text-decoration: none;
    }
  fieldset dl dd {
   margin: 0.2em 3em;
  }
  fieldset dl dd.help {
   color: #f00;
   margin-left: 3.5em;
  }
   fieldset dl dd small {
    color: #666;
    font-size: 70%;
   }
   fieldset dl dd.error input,
   fieldset dl dd.error textarea {
    border-color: #f00;
   }
   fieldset dl dd input,
   fieldset dl dd textarea {
    border: 3px double #999;
    border-top-color: #bbb;
    border-left-color: #bbb;
    padding: 0.25em;
    background-color: #fff;
    font-size: 1em;
   }
   fieldset dl dd > input,
   fieldset dl dd > textarea {
    color: #666;
   }
   fieldset dl dd input:hover,
   fieldset dl dd textarea:hover {
    border-top-color: #ddd;
    border-left-color: #ddd;
   }
   fieldset dl dd input:focus,
   fieldset dl dd textarea:focus {
    border-top-color: #000;
    border-left-color: #000;
    color: #000;
   }
   fieldset dl dd input.required,
   fieldset dl dd textarea.required {
    background: #efe;
   }

/* 
 * REACTIES *
            */

 ol#alle-reacties li {
  margin: 1em 1em 1em 2em;
  padding: 0.5em;
  border: 1px solid #fff;
 }
 ol#alle-reacties li ul {
  list-style-type: circle;
  margin: 0.5em 1em;
 }
  ol#alle-reacties li ul li {
   margin: 0.2em 0;
   padding: 0;
   border: none;
  }
  ol#alle-reacties li ul li:hover {
   color: inherit;
   border: none;
  }
 ol#alle-reacties li.k {
  color: #666;
  display: block;
  list-style-type: none;
  margin-left: 4em;
  background-color: #eef;
 }
 ol#alle-reacties li:hover {
  background: #eee;
  border-color: #000;
 }
 ol#alle-reacties li.k:hover {
  color: #333;
  background-color: #fff;
 }
 li:hover + li.k {
  border-color: green !important;
 }
  ol#alle-reacties li span {
   cursor: help;
   border-bottom: 1px dashed #c00;
  }
  ol#alle-reacties li blockquote {
   margin-left: 3em;
  }
   ol#alle-reacties li blockquote p {
    font-style: italic;
    quotes: '"' '"';
   }
   ol#alle-reacties li blockquote p:before {
    content: open-quote;
   }
   ol#alle-reacties li blockquote p:after {
    content: close-quote;
   }
  ol#alle-reacties li dl {
   margin: 0.8em;
  }

}

@media print {
 h1 {
  padding-left: 0;
  border-bottom: none;
  font-size: 120%;
  color: #000;
 }
 a.extern {
  color: #000;
 }
 a.extern:before {
  content: "[";
  color: #888;
  font-size: 75%;
 }
 a.extern:after {
  content: "] → (" attr(href) ")";
  color: #888;
  font-size: 75%;
 }
 div#container {
  width: auto;
 }
 div#container div#kronkel p:first-letter {
  color: #000;
 }
 div#kronkel {
  font-size: 90%;
  line-height: 100%;
 }
 img {
  content: attr(alt);
 }
}