body {
    background-image: url(http://www.richardhak.nl/imagez/papier.jpg);
	color:#000;
}

#minheight {}

  #voor-center{height:4em;}

  #center{width:1100px; margin:0 auto; background-color:#fff; -moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc;}  

    #header-bg{height:200px; background-color:#000033; background-size:100%;}
      #hak-outer {width:800px; margin:0 auto; height:inherit;}
        #hak-inner{display:table; height:100%; width:100%;}
        #hak-inner a:link         {text-decoration:none; color:#fff;} 
        #hak-inner a:visited   {text-decoration:none; color:#fff;} 
        #hak-inner a:hover       {text-decoration:none; color:#fff;} 
        #hak-inner a:active     {text-decoration:none; color:#fff;} 
  
    #voor-bread{height:5em;}
    
    #breadcc{}
      #breadcc-inn {width:800px; margin:0 auto;}
        #breadc a:link, #breadc a:visited, #breadc a:hover, #breadc a:active {text-decoration:none; color:#999;}
        #maill {float:right;}
        #maill a:link, #maill a:visited, #maill a:hover, #maill a:active {text-decoration:none; color:#999;}
        #na-maill {clear:both;}
        
    #na-bread{height:4em;}
    
    #page {width:800px; margin:0 auto; position:relative; /* to prevent spanning of selected text in chrome */}
      #subject{}
      #na-subject{height:2em;}
      #content{}
        .indent{margin-left:40px; margin-bottom:2.2em; margin-right:40px;}
        .indent{border:1px solid #ddd;}
	    .indent{padding:9px;}
	    .last{margin-bottom:1em;}
	    .indent2{margin-left:20px; margin-bottom:1em;}
	  #content a:link       {text-decoration:none; color:Royalblue;} 
	  #content a:visited {text-decoration:none; color:Royalblue;} 
	  #content a:hover     {text-decoration:none; color:Royalblue;} 
	  #content a:active   {text-decoration:none; color:Royalblue;} 
      
        #content ul.onderwerpen li a:link       {text-decoration:none; color:#333;} 
        #content ul.onderwerpen li a:visited {text-decoration:none; color:#333;} 
        #content ul.onderwerpen li a:hover     {text-decoration:none; color:orange;} 
        #content ul.onderwerpen li a:active   {text-decoration:none; color:orange;} 
      
      /* bij lijstjes is de standaar position 'outside' */
      
	  #content ul {list-style-type:disc;}
      #content ul {margin-bottom:0.9rem; margin-left:3rem;} /* 0.9 - li-bottom */
      #content ul li {margin-top:0rem; margin-bottom:0.3rem; margin-left:2rem;} 
    
      /* Deze bevinden zich NIET in indent */
        
      #content ol           {margin-bottom:0.9rem; margin-left:3rem;} /* 0.9 - li-bottom */
      #content ol:last-of-type{margin-bottom:0;}
      #content ol li        {margin-top:0rem; margin-bottom:0.7rem; margin-left:0rem; padding-left:1rem;} 
      #content ol li:last-of-type {margin-bottom:0} 
      #content ol li ol     {margin-top:0.4rem; margin-left:1.5rem;} /* 0.9 - li-bottom */
      #content ol li ol li  {margin-top:0rem; margin-bottom:0.3rem;} 
      #content ol li ol li:last-of-type {margin-bottom:0} 
      
      #content .onderwerpen {list-style-type:none; margin-left:0;} /* alleen 'ul.onderwerpen' werkt niet? */
      #content ul.onderwerpen li {}
    
      #content .alph{opacity:0.4;}
      
      #set1 p {margin-bottom:0.5em;}
      #set-ie p {margin-bottom:0.5em;}
        
            [id="set1"],[id="set-ie"] {
                -webkit-column-count: 3;
                -webkit-column-gap: 6.5rem;
                -ms-column-count: 3;
                -ms-column-gap: 6.5rem;
                -o-column-count: 3;
                -o-column-gap: 6.5rem;
                -moz-column-count: 3;
                -moz-column-gap: 6.5rem;
                column-count: 3;
                column-gap: 6.5rem;
            }
            
    #na-page {height:6em;}
  
    #footer {width:800px; margin:0 auto; color:#333;}
  
    #footer a:link       {text-decoration:none; color:#333;} 
    #footer a:visited {text-decoration:none; color:#333;} 
    #footer a:hover     {text-decoration:none; color:#000;} 
    #footer a:active   {text-decoration:none; color:#000;}
  
      #streepje{border-top:1px solid #ccc;}
        #footer2 {}
            [id="setje1"],[id="setje-ie"] {
                -webkit-column-count: 3;
                -webkit-column-gap: 11rem;
                -ms-column-count: 3;
                -ms-column-gap: 11rem;
                -o-column-count: 3;
                -o-column-gap: 11rem;
                -moz-column-count: 3;
                -moz-column-gap: 11rem;
                column-count: 3;
                column-gap: 11rem;
            }
            #na-setje1 {height:1em;}
            #na-footer-inhoud{height:4em;}
  
  #na-center{height:4em;}
  
  
  
  
@media (max-width:1110px) {
  #voor-center{height:0;}
  #center{width:100%;}
  #na-center{height:0;}
}

@media (max-width:900px) {
  #header-bg{height:175px;}
  #hak-outer{width:90%; margin:0 auto;}
    #hak-inner{text-align:center}
    #breadcc-inn {width:90%;}
  #page{width:90%;}
  #subject {width:100%;}
  #content {width:100%;}
  #footer {width:90%;}
}

@media (max-width:880px) {
    [id="set1"],[id="set-ie"] {
        -webkit-column-count: 2;
        -webkit-column-gap: 5em;
        -ms-column-count: 2;
        -ms-column-gap: 5em;
        -o-column-count: 2;
        -o-column-gap: 5em;
        -moz-column-count: 2;
        -moz-column-gap: 5em;
        column-count: 2;
        column-gap: 5em;
    }
    [id="setje1"],[id="setje-ie"] {
        -webkit-column-count: 2;
        -webkit-column-gap: 1em;
        -ms-column-count: 2;
        -ms-column-gap: 1em;
        -o-column-count: 2;
        -o-column-gap: 1em;
        -moz-column-count: 2;
        -moz-column-gap: 1em;
        column-count: 2;
        column-gap: 1em;
    }
}

@media (max-width:600px) {
    [id="set1"],[id="set-ie"] {
        -webkit-column-count: 1;
        -webkit-column-gap: 5em;
        -ms-column-count: 1;
        -ms-column-gap: 5em;
        -o-column-count: 1;
        -o-column-gap: 5em;
        -moz-column-count: 1;
        -moz-column-gap: 5em;
        column-count: 1;
        column-gap: 5em;
    }
    [id="setje1"],[id="setje-ie"] {
        -webkit-column-count: 1;
        -webkit-column-gap: 0.1em;
        -ms-column-count: 1;
        -ms-column-gap: 0.1em;
        -o-column-count: 1;
        -o-column-gap: 0.1em;
        -moz-column-count: 1;
        -moz-column-gap: 0.1em;
        column-count: 1;
        column-gap: 0.1em;
    }
    #na-footer-inhoud{height:0;}
  #na-center{height:0;}
}