/*
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; font-size: 13px; font-family: verdana, sans-serif; color: #333; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong, b { font-weight: bold; }
em { font-style: italic; }
ul, ol { margin-left: 24px; }
p { margin: 1em 0; }
*/

p + ul, p + ol { margin-top: -1em; }

/* Tabel met afwisselende rij kleuren */
.main table.tbl { border: solid 1px #d6d6d6; margin-left: 0;  }
.main .tbl thead { background-color: #eeede6; }
.main .tbl td, .main .tbl td:first-child, .main .tbl th, .main .tbl th:first-child { border-left: solid 1px #d6d6d6; padding: 6px 4px 5px 6px; }
.main .tbl td:first-of-type, .main .tbl th:first-of-type { border-left: 0; }
.main .tbl tr:nth-child(even) { background-color: #eeede6; }
.main .tbl .discount { font-style: italic; }

.main a { color: #3a84c1; text-decoration: none; }
.main a:hover { color: #0d426b; text-decoration: underline; }

.main > ul.links { list-style: none; margin: 0; padding: 0; margin-bottom: 1.3em; }
.main > ul.links > li { padding-left: 16px; position: relative; margin: 0; }
.main > ul.links > li:before { content: "\F006"; font-family: wurfont; position: absolute; margin: 0; left: -0.3em; color: inherit; line-height: inherit; font-size: 1em; }
.main > ul.links > li div.description { font-style: italic; }
.main > ul.links > li a { color: #333; font-weight: bold; }
.main > ul.links > li a:hover { color: #3a84c1; }
.main > ul.flowchart { margin-bottom: 5px; }
.main > ul.flowchart > li a { padding-left: 0; color: #3a84c1;  }
.main > ul.flowchart > li:before { content: "";  }
.main > ul.links > li ul, #main > ul.links > li ol { margin: -5px 0 10px 20px; }

#main ul.links li a.reviews { display: inline-block; cursor: pointer; font-size: 11px; color: #33992a; }
.reviews .popup { padding: 10px; position: absolute; width: 50%;  z-index: 1; padding: 0; max-height: 0; transition: 1s; overflow-y: scroll; }
.reviews .popup .details { background-color: #eee; border: 1px solid #ddd; display: block; color: #000; padding: 0 10px; font-weight: normal; box-sizing: border-box; }
.reviews:hover .popup { max-height: 250px; transition: 0.5s; }

.content table th { text-align: left; vertical-align: top; padding: 2px 2px 2px 0; font-weight: bold; }
.content table td, .content tr td:first-child, .content tr th:first-child { margin: 0; vertical-align: top; padding: 2px; }
.contents td { border: 1px solid #000 !important; font-size: inherit;  }

.login > .content { width: 48%!important; }
.login > aside { width: 48%!important; }

fieldset { max-width: 760px; margin: 0 0 15px 0; border: 1px solid #d6d6d6; background-color: #eeede6; padding: 10px; }
fieldset input[type=text], fieldset input[type=password], fieldset input[type=date], fieldset input[type=email], fieldset select { width: 300px; border: 1px solid #a7a7a7; border-bottom: 1px solid #bebebe; border-radius: 3px; box-shadow: inset 2px 2px 3px 0 #e0e0e0; outline: 0; margin: 0; padding: 5px; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
fieldset table td:first-of-type { width: 250px; }
fieldset table td  label { cursor: pointer; }
fieldset div.info { font-size: 11px; margin-top: 4px; }
fieldset div.info div { font-weight: bold; }

span.field-validation-valid { color: #fff; background-color: #f93; padding: 0 10px; position: relative; display: block; min-height: 0; opacity: 0; transition: 0.5s; }
span.field-validation-valid:before { content: ""; border-top: 0 solid transparent; border-right: 10px solid #f93; position: absolute; left: 0; top: 0; height: 0; width: 0; transition: 0.5s; }
span.field-validation-error { color: #fff; background-color: #f93; padding: 4px 10px 1px 10px; position: relative; display: block; margin-top: 10px; min-height: 20px; opacity: 1; transition: 0.5s; }
span.field-validation-error:before { content: ""; border-top: 10px solid transparent; border-right: 10px solid #f93; position: absolute; left: 0; top: -10px; height: 0; width: 0; transition: 0.5s; }

span.required { color: #f93; font-weight: bold; }

.login-partial { float: right; color: #fff; position: absolute; top: 10px; right: 10px; }
.login-partial a { color: #fff; text-decoration: none; display: block; margin-bottom: 5px; }
.login-partial a:hover { text-decoration: underline; }

.file { background: url(../images/file.png) no-repeat; padding-left: 20px; }
.file-avi { background: url(../images/fileformats/mp4.png) no-repeat; }
.file-bmp { background: url(../images/fileformats/bmp.png) no-repeat; }
.file-doc { background: url(../images/fileformats/doc.png) no-repeat; }
.file-docx { background: url(../images/fileformats/doc.png) no-repeat; }
.file-eml { background: url(../images/fileformats/msg.png) no-repeat; }
.file-exe { background: url(../images/fileformats/exe.png) no-repeat; }
.file-gif { background: url(../images/fileformats/gif.png) no-repeat; }
.file-htm { background: url(../images/fileformats/htm.png) no-repeat; }
.file-html { background: url(../images/fileformats/htm.png) no-repeat; }
.file-jpg { background: url(../images/fileformats/jpg.png) no-repeat; }
.file-jpeg { background: url(../images/fileformats/jpg.png) no-repeat; }
.file-log { background: url(../images/fileformats/txt.png) no-repeat; }
.file-mkv { background: url(../images/fileformats/mp4.png) no-repeat; }
.file-mp4 { background: url(../images/fileformats/mp4.png) no-repeat; }
.file-mpg { background: url(../images/fileformats/mp4.png) no-repeat; }
.file-msg { background: url(../images/fileformats/msg.png) no-repeat; }
.file-pdf { background: url(../images/fileformats/pdf.png) no-repeat; }
.file-png { background: url(../images/fileformats/png.png) no-repeat; }
.file-ppt { background: url(../images/fileformats/ppt.png) no-repeat; }
.file-pptx { background: url(../images/fileformats/ppt.png) no-repeat; }
.file-rtf { background: url(../images/fileformats/doc.png) no-repeat; }
.file-txt { background: url(../images/fileformats/txt.png) no-repeat; }
.file-xls { background: url(../images/fileformats/xls.png) no-repeat; }
.file-xlsx { background: url(../images/fileformats/xls.png) no-repeat; }
.file-zip { background: url(../images/fileformats/zip.png) no-repeat; }
.file-7z { background: url(../images/fileformats/zip.png) no-repeat; }
.file i { margin-right: 4px; }

/* WUR general overrides */
.layout-article #main>.content {  }
.content fieldset table { margin-left: 0; }
#main .button { color: #fff; }
#main a.button:hover { text-decoration: none; color: #fff; }
.content td { border: 0; }
fieldset select, fieldset input[type=text], fieldset input[type=password], fieldset input[type=email] { float: inherit; }
.meta table th { font-weight: normal; }
#applyForm table { margin-left: 0; }
.main .links > li > a { display: inline; }
.content ul, .content ol { overflow: visible; }
#main .full-width.content { width: 100%; padding-right: 40px; box-sizing: border-box; }
.flowchart table { margin-left: 0; }