@import url("http://fonts.googleapis.com/css?family=Buenard");

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

#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: url('http://th04.deviantart.net/fs7/PRE/i/2006/165/6/a/Dark_Blue_Sky_Texture_2_by_webgoddess.jpg') no-repeat; background-size:100%;}
      #hak-outer {width:800px; margin:0 auto; height:inherit;}
        #hak-inner{display:table; height:100%; width:100%;}
        #hak-inner {font-size:7em;}
        #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:3em;}
      #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 */}
      #subject{}
      #na-subject{height:2em;}
      #content{}
        .indent{margin-left:40px; margin-bottom:2.2em;}
	    .iindent{background: rgb(222,222,222); background: rgba(222,222,222,.5); background:rgba(0,0,0,.05);}
        .indent{border:1px solid #666;}
	    .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:CornflowerBlue;} 
	  #content a:active   {text-decoration:none; color:CornflowerBlue;}
	
      /* bij lijstjes is de standaar position 'outside' */
	  #content ul {list-style-type:disc;}
      #content ul {margin-bottom:0.9em; margin-left:2em;} /* 0.9 - li-bottom */
      #content ul li {margin-top:0em; margin-bottom:0.3em;} 
    
      #content ol           {margin-bottom:0.9em; margin-left:2em;} /* 0.9 - li-bottom */
      #content ol li        {margin-top:0em; margin-bottom:0.7em; margin-left:0em; padding-left:1em;} 
      #content ol li ol     {margin-top:0.4em; margin-left:1.5em;} /* 0.9 - li-bottom */
      #content ol li ol li  {margin-top:0em; margin-bottom:0.3em;} 
    
        .alph{opacity:0.4;}
	
            [id="set1"],[id="set-ie"] {
                -webkit-column-count: 3;
                -webkit-column-gap: 6em;
                -ms-column-count: 3;
                -ms-column-gap: 6em;
                -o-column-count: 3;
                -o-column-gap: 6em;
                -moz-column-count: 3;
                -moz-column-gap: 6em;
                column-count: 3;
                column-gap: 6em;
            }
            
    #na-page {height:6em;}
  
    #footer {width:800px; margin:0 auto; color:#aaa;}
  
    #footer a:link       {text-decoration:none; color:#aaa;} 
    #footer a:visited {text-decoration:none; color:#aaa;} 
    #footer a:hover     {text-decoration:none; color:#999;} 
    #footer a:active   {text-decoration:none; color:#999;}
  
      #streepje{border-top:1px solid #ccc;}
        #footer2 {}
            [id="setje1"],[id="setje-ie"] {
                -webkit-column-count: 3;
                -webkit-column-gap: 8em;
                -ms-column-count: 3;
                -ms-column-gap: 8em;
                -o-column-count: 3;
                -o-column-gap: 8em;
                -moz-column-count: 3;
                -moz-column-gap: 8em;
                column-count: 3;
                column-gap: 8em;
            }
            #na-setje1 {height:1em;}
            #na-footer-inhoud{height:4em;}
  
  #na-center{height:4em;}
  
  
  
  
@media (max-width:1100px) {
  #center{width:100%;}
}

@media (max-width:880px) {
  #hak{width:90%; margin:0 auto;}
  #breadcc-inn {width:90%;}
  #page{width:90%;}
  #subject {width:90%;}
  #content {width:90%;}
  #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) {
  #voor-center{height:0;}
  #hak-inner{text-align:center}
    [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;}
}