@charset "utf-8";
 #debug,#main,#success{
     behavior:url(inc/PIE.htc);
}
 #debug,#logo,#titles,header{
     width:100%;
}
 #debug,#main{
     background-color:#fff;
}
 #main,a{
     color:#111;
}
 #dnames,fieldset{
     margin-left:auto;
     margin-right:auto;
}
 #dnamelist,#dnames,#keywordlist,body,html{
     text-align:center;
}
 #dnamelist li,#keywordlist li,body,header h1{
     margin:0;
}
 #debug,#form2 #content{
     display:none;
}
 html{
     background-color:#8CAED6;
     background-image:url(../images/stripe.png);
     color:#fff;
     font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
     font-size:100%;
}
 img{
     border:0;
}
 #no{
     list-style-type:none;
     margin-top:0;
     padding-top:0;
}
 a{
     text-decoration:none;
}
 a:hover{
     text-decoration:underline;
}
 a.actief{
     font-weight:700;
}
 header{
     padding-top:0;
}
 #titles{
     overflow:hidden;
     margin:30px 0;
}
 header h1{
     color:#000;
     padding:0;
}
 #content{
     margin-bottom:40px;
     margin-top:40px;
}
 #debug{
     color:red;
     font-size:10px;
     font-family:Verdana;
     border:1px solid red;
     border-radius:4px;
}
 #success{
     border:1px solid green;
     background-color:#C4FCC6;
     border-radius:4px;
     margin:1em;
     padding:1em;
}
 #taalbalk{
     padding:15px;
}
 #main{
     max-width:850px;
     margin:0 auto 30px;
     border-radius:10px;
     box-shadow:2px 2px 6px #111;
     padding:30px;
}
 #main a{
     color:#4a99f7;
}
 fieldset{
     max-width:500px;
}
 form p label{
     display:block;
     float:left;
     text-align:right;
     padding-left:1ex;
     width:150px;
     padding-top:5px;
}
 form p{
     clear:both;
}
 form p input{
     width:230px;
}
 form p textarea{
     width:90%;
}
 form .half{
     width:130px;
     height:25px;
     color:#fff;
     border:0px;
     background-image: url(../images/stripe.png);
     cursor:pointer;
     font-weight:bold;
}
 #description {
	margin-left: -30px;
	margin-right: -30px;
	padding: 20px;
	background-color: #dddddd;
}
 #dnames{
     width:100%;
     padding-top:0;
     margin-top:0;
}
 #dnames.children{
     margin-top:0;
}
 #dnamelist{
     padding-right: 30px;
     text-shadow:#aaa 1px 1px;
     margin:0;
     -webkit-column-count: 4;
     -moz-column-count: 4;
}
#keywordlist{
     /*padding-right: 30px;*/
	 margin-bottom: 50px;
     -webkit-column-count: 3;
     -moz-column-count: 3;
	 column-count: 3;
}
#keywordlist #no {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
}
 .nowrap{
     white-space:nowrap;
}
 .vict{
     color:#444;
     padding-bottom:10px;
}
 @media screen and (max-width: 850px){
     #debug,#main,#success{
         behavior:url(inc/PIE.htc);
    }
     #debug,#logo,#titles,header{
         width:100%;
    }
     #debug,#main{
         background-color:#fff;
    }
     #main,a{
         color:#111;
    }
     #dnamelist,#dnames,#keywordlist,body,html{
         text-align:center;
    }
     #debug,#form2 #content{
         display:none;
    }
     html{
         background-color:#8CAED6;
         background-image:url(../images/stripe.png);
         color:#fff;
         font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
         font-size:9.5pt;
    }
     img{
         border:0;
    }
     #no{
         list-style-type:none;
         margin-top:0;
         padding-top:0;
    }
     a{
         text-decoration:none;
    }
     a:hover{
         text-decoration:underline;
    }
     a.actief{
         font-weight:700;
    }
     header{
         padding-top:0;
    }
     #titles{
         overflow:hidden;
         margin:15px 0;
    }
     header h1{
         color:#000;
         padding:0;
    }
     #content{
         margin-bottom:40px;
         margin-top:40px;
    }
     #debug{
         color:red;
         font-size:10px;
         font-family:Verdana;
         border:1px solid red;
         border-radius:4px;
    }
     #success{
         border:1px solid green;
         background-color:#C4FCC6;
         border-radius:4px;
         margin:1em;
         padding:1em;
    }
     #taalbalk{
         padding:15px;
    }
     #main{
         max-width:850px;
         margin:0 auto 30px;
         border-radius:10px;
         box-shadow:2px 2px 6px #111;
         padding:30px;
    }
     #main a{
         color:#8CAED6;
    }
     fieldset{
         max-width:500px;
    }
     form p label{
         display:block;
         float:left;
         text-align:middle;
         padding-left:1ex;
         width:150px;
         padding-top:5px;
    }
     form p{
         clear:both;
         align:center;
         text-align:center;
    }
     form p input{
         width:230px;
    }
     form p textarea{
         width:100%;
    }
     #dnames{
         font-size:100%;
         width:100%;
         float: left;
         margin-top: 0;
         padding-top: 0;
    }
     #dnamelist{
         text-shadow:#aaa 1px 1px;
         font-size:100%;
         -webkit-column-count: 1;
         -moz-column-count: 1;
         column-count: 1;
    }
	#keywordlist{
		 margin-right: 30px;
		 margin-bottom: 50px;
		 -webkit-column-count: 1;
		 -moz-column-count: 1;
		 column-count: 1;
	}
	#keywordlist #no {
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
		-webkit-padding-start: 0;
	}
     .vict{
         color:#444;
         padding-bottom:10px;
         padding-top:10px;
    }
     .main{
         margin-top: 0;
    }
     .main{
         margin-bottom: 0;
    }
}