#res1024 { display: none; }
#res768 { display: none; }
#res480 { display: none; }

/* page layout */
body { margin: 0px; background-color: #fff;  font-family: arial,helvetica,clean,sans-serif; font-size: 14px; color: #202020; background: #eaeaea url('/images/hdrbck.png') no-repeat center top; }
.centercnt { margin:auto; width: 1280px; }
.hdrcnt { margin:auto; width: 1280px; height: 227px; background: url('/images/hdr.png') no-repeat top left; text-align: center; color: #fff; padding-top: 18px; }
.hdrcntother { margin:auto; width: 1280px; height: 227px; background: url('/images/hdrother.png') no-repeat top left; text-align: center; color: #fff; padding-top: 18px; }
.hdrcnt h2 { color: #fff; }
.hdrtitel { color: #fff; margin: 0 0 10px 0; font-size: 20pt; font-weight: bold; }
.hdrsubtitel { margin: 0 100px 0 100px; }
.hdrsrchbck { background: url('/images/searchbck.png') no-repeat center center; width: 630px; height: 64px; margin: auto; padding: 30px 0 0 27px; }
.srchtxt { border: 0; float: left; font-size: 22px; color: #8c9195; width: 580px; background-color: #fafafa; }
.searchbtn { background: url('/images/searchbtn.png') no-repeat center center; width: 19px; height: 22px; border: 0; margin: 4px 27px 0 0; cursor: pointer; }
.content { display: inline-block; width: 1278px; background-color: #f7f7f7; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; }    
.maincontent { float: left; width: 941px; padding-top: 24px; padding-bottom: 32px; background-color: #fff; }
.sidebar { float: left; width: 336px; padding-top: 24px; }

/* page hader */
.hdrcontainer { display: inline-block; width: 100%; height: 90px; margin: 15px 0 5px 0; }
.hdrlinks { float: left; padding-left: 20px; }
.hdrlogo { background: transparent url('/images/logo.png') no-repeat top left; width: 151px; height: 84px; }
.hdrrechts { float: right; display: inline-block; }

/* menu */
.mnuctr { display: inline-block; margin: 0; color: #fff; background: url('/images/mnubck.png') no-repeat top left; width: 1280px; height: 63px; }    
.mnuctr a { color: #333; }    
.mnuctr a:hover { color: #333; text-decoration: underline; }    
.mnuitms { float: left; display: inline-block; width: 1066px; padding: 24px 0 0 30px;} 
.mnuitms ul { list-style-image: none; list-style-type: none; padding: 0;	margin: 0; }
.mnuitms ul li { float: left; margin-right: 30px; list-style-image: none; list-style-type: none; background-image: none; margin-bottom: 3px;	font-size: 18px; }
.mnubtnsctr { float: right; width: 184px; padding-top: 1px; }
.mnubtnsctr ul { list-style-image: none; list-style-type: none;	padding: 0;	margin: 0; }
.mnubtnsctr ul li { float: left; list-style-image: none; list-style-type: none; background-image: none;	font-size: small; }

/* dropdown menu */
.dropdownmenu { display: inline-block; text-align: left; list-style-image: none; list-style-type: none;	padding: 0;	margin: 0; }

/* headings */
h1.pagetitle { margin: 0 0 10px 0; font-size: 20pt; color: #3f749d; }
h1 { margin: 0 0 10px 0; font-size: 20pt; color: #fff; }
h2 { margin: 0 0 10px 0; font-size: 1.2em; color: #3f749d; }
h2.line { border-bottom: solid 2px #ddd; width: 100%; }
h3 { margin: 0 0 10px 0; color: #333; font-size: 1.1em; }

/* defaults */
a { color: #3f749d; text-decoration: none; }
a:hover { color: #3f749d; text-decoration: underline; }
p { line-height: 1.3; margin: 0 0 10px 0; }
input:focus { outline-style: none} 
img { border: 0; }

/* helpers */
.ushighlight { background-color: #ffffe0; display: inline; }
em { font-weight: bold; font-style: normal; }
.template { display: none; }
.uline { text-decoration: underline; }
.bold { font-weight: bold }
.ulinebold { text-decoration: underline; font-weight: bold }
.small { font-size: 0.9em; }
.error { color: #ff0000; font-weight: bold; }
.separator { display: block; margin-left: auto; margin-right: auto; background-image: url(/images/separator.png); background-position: left top; background-repeat: no-repeat; width: 693px; height: 23px; margin: 10px 0 10px 0; }
input, select, textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.blck { display: inline-block; float: left; margin-bottom: 10px; width: 100%; }
.footnote { font-size: x-small; }
.bottommargin { margin-bottom: 10px; }
.right { float: right; }
a.rss { background: transparent url('/images/rss2.png') no-repeat top left; height: 18px; }
/* progress bar */
.progressbarctr { display: inline-block; height: 20px; width: 100%; }
.progressbar { display: none; margin: 0 auto; background: transparent url('/images/pb.gif') no-repeat top left; width: 196px; height: 20px; } 
.cc { cursor: pointer; }

/* dialog */
.dialog { width: 300px; }

/* content page two columns */
.cntcolumnctr { display: inline-block; width: 866px; padding-left: 30px; margin-right: 16px; }
.cntcolumn { float: left; width: 100%; }
.cntsinglecolumn { float: left; width: 457px; }
.cnthdr { background-color: #f7f7f7; font-size: 1.5em; padding: 14px 0 14px 30px; border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; margin-bottom: 10px; }

/* form */
.form { display: inline-block; width: 100%; margin-bottom: 10px; }
.formrow { display: inline-block; width: 100%; }
.formlabel { float: left; font-weight: bold; width: 200px; margin-top: 6px; }
.formvalue { float: left; width: 468px; }
.formvalue ul { list-style-image: none; list-style-type: none;	padding: 0;	margin: 0; }
.formvalue ul li {	list-style-image: none;	list-style-type: none; background-image: none;	margin-bottom: 3px;	font-size: small; }
.formvalidationrow { margin-left: 200px; font-size: 12px; color: #ddd; font-style: italic; height: 10px; margin-bottom: 10px; }
.formintro { width: 100%; background-color: #eee; line-height: 18px; letter-spacing: 0.1em; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding: 10px; margin-bottom: 10px; }

/* dossier frame */
.dsrfrmctr { width: 300px; display: inline-block; margin: 0 0 10px 18px; }
.dsrfrmselecteerdossier { margin-bottom: 6px; }
.dsrfrmnewctr { display: none; padding: 6px; border: solid 1px #646567; margin-bottom: 10px; }
.dsrfrmnewinput input { padding: 5px; width: 238px; border: solid 1px; }
.dsrfrmnewtitel { font-weight:bold; margin-bottom: 6px; }
.dsrfrmnewinput { margin-bottom: 6px; }

.dsrfrmleegctr { display: none; border: dashed 1px #646567; height: 100px; padding: 10px 6px 10px 6px; text-align: center; font-size: small; }
.dsrfrmleegctrh { background-color: #bbb; }
.dsrfrmleeginfo { float: left; width: 190px; }
.dsrfrmdossiericon { float: right; background-image: url(/images/icondossier.png); background-position: left top; background-repeat: no-repeat; width: 96px; height: 74px; }

.dsrfrmitmctr { display: none; padding: 6px; border: dashed 1px #646567; margin-bottom: 10px; }
.dsrfrmitmhdr { display: inline-block; width: 100%; border-bottom: solid 1px #bbb; margin-bottom: 4px; padding-bottom: 4px; }
.dsrfrmitmhdrtitel { float: left;}
.dsrfrmitmhdrtitel input { border: 0; font-weight: bold; background-color: #f7f7f7; width: 240px; height: 22px; }
.dsrfrmitmhdrtitel input:hover { background-color: #fff;-moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 6px #999;	-moz-box-shadow: 0 0 6px #999;	-webkit-box-shadow: 0 0 6px #999;  }
.dsrfrmitmhdrtitel input:focus { background-color: #fff; }
.dsrfrmitmhdrtoolbar { float: right; }
.dsrfrmitm { font-size: small; display: inline-block; margin-bottom: 6px; }
.dsrfrmitmlink { float: left; width: 270px; }
.dsrfrmitmtoolbar { float: right; width: 16px; }
.dsrfrmitmctrh { background-color: #bbb; }

.dossiericon { width: 96px; height: 96px; background-image: url(/images/dossier.png); background-position: left top; background-repeat: no-repeat; }
.btninlog { float: left; }
.btnregistreer { float: right; }

/* hp nieuwe uitspraken */
.hpusitmctr { margin-bottom: 16px; }
.hpusitmhdr { display: inline-block; }
.hpusitmtitel { float: left; font-size: 18pt; margin-right: 16px; }
.hpusitmicon { float: left; }
.hpusitmaddossier { float: left; background: url('/images/addtodossier.png') no-repeat center center; width: 49px; height: 28px; margin-top: 3px; }
.hpusitmdatum { float: left; width: 118px; height: 33px; background-color: #bdb8ad; margin-right: 14px; font-size: 14pt; color: #fff; text-align: center; padding-top: 7px; }
.hpusitmecli { float: left; color: #bdb8ad; font-size: 18pt; padding-top: 7px; }
.hpusitmintro { font-size: 12pt; }

/* dialog */
.dialog { display: none; background-color: #bdb8ad; }
.dialog .ui-dialog-titlebar { font-weight: bold; }
.dialog .ui-dialog-titlebar-close { display: none; }

/* detail pagina */
.detailback { margin-bottom: 10px; }
.detailctr { display: inline-block; margin-bottom: 10px; }
.detailtitelctr { display: inline-block; }
.detailtitel { float: left; margin-right: 16px; }
.inhoudctr {}
.inhoudtitle { font-weight: bold; margin-bottom: 10px; }
.inhoudcnt { font-size: small; }
.inhoudcnt p { line-height: 1.2; margin: 0 0 10px 0; }
.detaildatum { float: left; width: 176px; height: 33px; background-color: #bdb8ad; margin-right: 14px; font-size: 14pt; color: #fff; text-align: center; padding-top: 7px; }
.detailecli { float: left; color: #bdb8ad; font-size: 18pt; padding-top: 7px; }
.detailecli a { float: left; font-size: 12pt; padding-top: 4px; font-weight: bold; }

/* social media */
.smctr { display: inline-block; }
.smrssitm { margin-bottom: 6px; }

/* zoeken */
.zoekenctr { display: inline-block; width: 100%; margin-bottom: 6px; }
.zoekeninput { float: left; }
.zoekeninput input { padding: 5px; width: 756px; border: solid 1px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 6px #999;	-moz-box-shadow: 0 0 6px #999;	-webkit-box-shadow: 0 0 6px #999; }
.zoekenbtn { float: right; }
.zoekencmt { color: #ff0000; font-weight: bold; margin-bottom: 10px; }

/* zoekresultaat */
.zoekresres { font-weight: bold; margin-bottom: 10px; }
.removeFilter { text-decoration: none; background-image: url(/images/remove.gif); background-position: left top; background-repeat: no-repeat; padding-left: 14px; }
.zoekresfilterctr { display: inline-block; margin-bottom: 16px; }
.zoekresfiltermenu { float: left; width: 186px; margin-right: 30px; display: none; }
.zoekresfiltermenu a { width: 100%; }
.zoekressortinginfo { margin-bottom: 10px; }

/* paging */
.pagingctr { display: inline-block; }
.pagingbtnctr { float: left; }
.pagingsize { float: left; margin-left: 20px; padding-top: 3px; font-size: 12pt; font-weight: bold; }
.pagingbtn, .pagingbtns { display: inline-block; font-size: 12pt; font-weight: bold; background-color: #bdb8ad; color: #fff; margin-right: 8px;padding: 3px 6px 3px 6px; cursor:pointer; text-decoration: none; text-align: center; }
.pagingbtn:hover { background-color: #3f749d; color: #fff; text-decoration: none; }
.pagingbtns { background-color: #3f749d; }

/* homepage */
.nwsctr { display:inline-block; margin: 0 18px 0 18px; }
.nwshdr { }
.nwsitm { display: inline-block; margin-bottom: 16px; width: 100%; }
.nwstitel { float: left; width: 100%; }
.nwstitel a { float: left; font-weight: bold; }
.nwsintro { float: left; margin-bottom: 6px; width: 100%; }
.nwslees { float: left; width: 100%; }
.nwslees a { background-color: #bdb8ad; padding: 2px 6px 2px 6px; color: #fff; font-size: small; }
.nwslees a:hover { background-color: #2fbcea; text-decoration: none; }
.nwsfooter { float: left; }
.ms-rteCustom-Heading2 { font-weight:bold; }

/* sidebar list */
.lstctr { display:inline-block; margin: 0 18px 0 18px; }
.lsthdr {}
.lstitm { display: inline-block; margin-bottom: 10px; }
.lsttitel { font-weight: bold; }
.lstdatum { font-size: small; margin-bottom: 3px; }
.lstcnt { font-size: small; }
.lstintroctr { display: inline-block; margin-top: 3px; }
.lstdatum { float: left; width: 68px; height: 18px; background-color: #bdb8ad; margin-right: 14px; color: #fff; text-align: center; padding-top: 3px; }
.lstnote { float: left; padding-top: 3px; }

/* facets */
.facettitel { font-weight: bold; width: 100%; border-bottom: solid 1px #ddd; margin-bottom: 3px; padding-bottom: 3px; }
.facetmore { display: none; margin: 6px 0 0 12px; font-weight: bold; }
.facetless { margin: 6px 0 0 12px; font-weight: bold; }
.facethidectr { display: none; }

/* search result */
.resultitmctr { width: 100%; display: inline-block; margin-bottom: 10px; border-bottom: solid 2px #e0e0e0; padding-bottom: 10px; }
.resultitmuitspraak { width: 100%;  font-weight: bold; margin-bottom: 3px; padding-bottom: 3px; }
.resultitmtitle { margin-bottom: 6px; }
.resultitmtitle a { font-weight: bold; text-decoration: underline; }
.resultitmrow { float: left; display: inline-block; width: 100%; }
.resultitmrowlabel { float: left; width: 130px; font-weight: bold; }
.resultitmrowvalue { float: left; }
.resultitmcnt { float: left; margin-top: 12px; }

.textboxlarge { width: 300px; -webkit-appearance: none; appearance: none; border: solid 1px #2a77a6; padding: 3px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 6px #999;	-moz-box-shadow: 0 0 6px #999;	-webkit-box-shadow: 0 0 6px #999; }
.textbox:focus { -webkit-appearance: none; appearance: none; border: solid 1px #ff0000; padding: 3px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 6px #999;	-moz-box-shadow: 0 0 6px #999;	-webkit-box-shadow: 0 0 6px #999; }
.rss { background-image: url(/images/rss2.png); background-position: left top; background-repeat: no-repeat; padding-left: 24px; text-indent: 24px; } 

/* categorieen hp */
.catctr { display: inline-block; width: 895px; }
.catcnt { float: left; display: inline-block; width: 288px; margin-bottom: 16px; }
.cathdrbestuursrecht { width: 220px; font-size: 1.5em; font-weight: bold; margin: 0 16px 16px 0; padding-top: 10px; background: transparent url('/images/iconbestuurs.png') no-repeat right center; height: 28px; }
.cathdrcivielrecht { width: 220px; font-size: 1.5em; font-weight: bold; margin: 0 16px 16px 0; padding-top: 10px; background: transparent url('/images/iconciviel.png') no-repeat right center; height: 28px; }
.cathdrstrafrecht { width: 220px; font-size: 1.5em; font-weight: bold; margin: 0 16px 16px 0; padding-top: 10px; background: transparent url('/images/iconstraf.png') no-repeat right center; height: 28px; }
.catitm { line-height: 1.3; }

/* buttons */
input.btnsearch { border: 0; color: #fff; font-weight: bold; font-size: 16px; width: 70px; height: 45px; background-image: url(/images/btnsearch.png); background-position: left top; background-repeat: no-repeat; cursor: pointer; background-color: #fff; }
input.btnsearch:hover { background-image: url(/images/btnsearchh.png); }
input.button { border: 0; color: #fff; font-weight: bold; font-size: 14px; width: 142px; height: 40px; cursor: pointer; background-color: #3f749d; }
input.button:hover { background-color: #646567; }
input.buttongray { border: 0; color: #fff; font-weight: bold; font-size: 14px; width: 142px; height: 40px; cursor: pointer; background-color: #bdb8ad; }
input.buttongray:hover { background-color: #646567; }
input.buttonaddossier { border: 0; color: #fff; font-weight: bold; font-size: 14px; width: 40px; height: 28px; cursor: pointer; background-color: #bdb8ad; }
input.buttonaddossier:hover { background-color: #646567; }

/* datagrid pager */
.pager span, .pager a { display: inline-block; font-size: 12pt; font-weight: bold; background-color: #bdb8ad; color: #fff; margin-right: 8px;padding: 3px 6px 3px 6px; cursor:pointer; text-decoration: none; text-align: center; }
.pager span:hover { background-color: #3f749d; color: #fff; }
.pager span { background-color: #3f749d; }

/* homepage */
.hpintro { margin-bottom: 16px; }

/* footer */
.ftrctr { display: inline-block; width: 1250px; padding: 37px 0 10px 30px; border-top: solid 1px #e0e0e0; background: url('/images/ftrbck.png') repeat-y; color: #fff; }
.ftrctr h3 { color: #fff; font-size: 14pt; }
.ftrctr a { color: #fff;}
.ftrline { background: url('/images/ftrline.png') repeat-x; width: 320px; height: 2px; margin-bottom: 10px; }
.footertitle { font-size: 1.5em; font-weight: bold; }
.ftrctr ul { list-style-image: none; list-style-type: none;	padding: 0;	margin: 0; }
.ftrctr ul li {	list-style-image: none;	list-style-type: none; background-image: none;	margin-bottom: 3px;	font-size: small; }
.ftrdatalist table { width: 100%; margin-bottom: 20px; }
.ftrdatalist td { width: 33%; }
.footercolumn { float: left; width: 410px; margin-bottom: 0 85px 20px 0; }
.footercolumnlaatste { float: left; width: 410px; margin-bottom: 20px; }
.ftrlogoctr { display: inline-block; margin-bottom: 16px; }
.ftrlogo { float: left; width: 90px; }
.ftrtext { float: left; }

/* colofon */
.colofonctr { display: inline-block; width: 1280px; border-top: solid 1px #e0e0e0; background: url('/images/clfnbck.png') repeat-y; height: 70px; }
.colofon { width: 100%; color: #fff; text-align: center; }
.colofon a { color: #fff; text-decoration: underline; }
.colofon a:hover { text-decoration: underline; }
.colofon ul { list-style-type: none; list-style-image: none; margin-bottom: 6px; overflow: hidden; }
.colofon ul li { display: inline; margin-left: 10px; padding-left: 10px; }

/*
 * Dropit v1.0
 * http://dev7studios.com/dropit
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* These styles assume you are using ul and li */
.dropdownmenuitm { background: url('/images/dropdown.png') no-repeat right center; width: 13px; height: 11px; padding-right: 20px; font-weight: bold; }
.dropdownmenuitmremove { background: url('/images/remove.gif') no-repeat right center; width: 14px; height: 14px; padding-right: 20px; }
.dropdownmenu, .zoekresfilterdropdownmenu {
    list-style: none;
	padding: 0;
	margin: 0;
}
.dropdownmenu .dropit-trigger, .zoekresfilterdropdownmenu .dropit-trigger, .zoekendropdownmenu .dropit-trigger { position: relative; }
.dropdownmenu .dropit-open .dropit-submenu, .zoekresfilterdropdownmenu .dropit-open .dropit-submenu { display: block; }
.dropdownmenu .dropit-submenu {
	background-color: #fff;
	border: solid 1px #bdb8ad;
	width: 190px;
    position: absolute;
    top: 100%;
    left: 0; /* dropdown left or right */
    z-index: 1000;
    display: none;
    min-width: 150px;
    list-style: none;
	padding: 6px;
	margin: 0;
}
.zoekresfilterdropdownmenu .dropit-submenu {
	background-color: #fff;
	border: solid 1px #bdb8ad;
	width: 240px;
    position: absolute;
    top: 100%;
    left: 0; /* dropdown left or right */
    z-index: 1000;
    display: none;
    min-width: 150px;
    list-style: none;
	padding: 6px;
	margin: 0;
	font-size: small;
}
.dropdownmenu ul.dropit-submenu li { margin-bottom: 6px; }
.zoekresfilterdropdownmenu ul.dropit-submenu li:hover {
    background: #248fc1;
    color: #fff;
    text-decoration: none;
    width: 240px;
}

.zoekenselecteerdossier { background: url('/images/addtodossier.png') no-repeat right center; width: 49px; height: 28px; padding: 0 49px 28px 0; }
.zoekendropdownmenu {
    list-style: none;
	padding: 0;
	margin: 0;
}
.zoekendropdownmenu .dropit-submenu {
	background-color: #fff;
	border: solid 1px #bdb8ad;
	width: 190px;
    position: absolute;
    top: 100%;
    left: 0; /* dropdown left or right */
    z-index: 1000;
    display: none;
    min-width: 150px;
    list-style: none;
	padding: 6px;
	margin: 0;
}
.zoekendropdownmenu ul.dropit-submenu li { margin-bottom: 6px; }