:root{--theme-lime: #76e4a6;--theme-green: #339966}*{box-sizing:border-box}html{height:100%}body{font-family:Sans-Serif;margin:0;color:#000;font-size:14px;background-color:#d6d6d6;height:100%}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse}a{text-decoration:underline}#container{margin:0 auto;width:1052px;min-height:100dvh;display:grid;grid-template-areas:"leftside content" "pagefoot pagefoot";grid-template-columns:230px 1fr;background-color:#fff}#leftside{grid-area:leftside;margin:0 10px;background:var(--theme-lime);h1{padding-top:10px;background-color:#fff;height:70px;img{border:2px solid var(--theme-green)}}}#content{grid-area:content;padding:0 10px;line-height:1.5}#pagefoot{grid-area:pagefoot;margin:20px 10px;font-size:10px;text-align:right;color:#555}#menu{padding:15px 7px 0;ul{padding:0;margin-bottom:5px;li{list-style-type:none;margin-bottom:5px;a{--btn-h: 49px;display:block;width:197px;height:var(--btn-h);text-indent:9999px;overflow:hidden;background-image:url(images/menu.png);background-position:var(--btn-x, 0) calc(var(--btn-i, 0) * var(--btn-h) * -1);&:hover{--btn-x: -197px}&.home{--btn-i: 0}&.about{--btn-i: 1}&.projects{--btn-i: 2}&.docs{--btn-i: 3}&.faq{--btn-i: 4}&.events{--btn-i: 5}&.publications{--btn-i: 6}&.links{--btn-i: 7}&.contact{--btn-i: 8}&.downloads{--btn-i: 9}}}}}#content{h1{font-size:24px;margin:10px 0 5px;padding:10px 20px;background-color:var(--theme-green);color:#fff;text-shadow:2px 2px 2px #364;box-shadow:2px 2px 2px #ddd;line-break:normal}h2{clear:both;padding:0 0 0 6px;margin:30px 0 5px;line-height:1.5;font-size:125%;color:var(--theme-green);border-left:8px solid;border-bottom:2px solid}h3{clear:both;padding:0 0 0 6px;margin:15px 0;line-height:1.4;color:var(--theme-green);border-left:5px solid}h4{margin:15px 0}ul,ol{margin-left:20px}>ul,>ol{margin-top:1em;margin-bottom:1em}ul li{list-style-type:disc}ol li{list-style-type:decimal}p{margin:1em 0}table{border-top:1px solid var(--theme-lime);td,th{border-bottom:1px solid var(--theme-lime);padding:.2em 1em}}ol.program li{font-weight:700;div{text-indent:30px;font-weight:400}}div.contact{border:1px solid var(--theme-green);margin:10px;line-height:25px;padding:15px;background-color:#f5fff5}dl dt{font-weight:700}dl dd{font-weight:400;margin-left:15px}dl.news{border-top:1px dotted gray;line-height:30px;dt{border-bottom:1px dotted gray;margin-bottom:-30px}dd{margin-left:100px}}table.screenshot{td{vertical-align:top;text-align:center;padding:10px;border:1px solid silver;width:378px;div{text-align:left}}p.caption{margin-top:0;font-weight:700}}.button{font-weight:700;text-decoration:none;text-align:center;background-color:var(--theme-lime);color:#000;border:2px solid var(--theme-green);&:hover{background-color:var(--theme-green);color:#fff}}figure{margin:1em 0;padding:10px 0;border:1px solid silver;text-align:center;figcaption{font-weight:700}}p>img{max-width:100%}}:where(body.cadchallenge2014) #content{h1{background:url(events/201408_cadchallenge2014/h1.jpg)}h2{background:url(events/201408_cadchallenge2014/h2.png)}}:where(body.cadchallenge2015) #content{h1{background:url(events/201502_cadchallenge2015/h1.jpg)}h2{background:url(events/201502_cadchallenge2015/h2.png)}}:where(body.cadchallenge) #content{h1{height:80px;font-size:30px;margin-bottom:0}h2,h3,h4{color:purple}h2{color:#fff;border:none;width:344px}pre{border:1px solid silver;border-radius:5px;padding:.5em 1em}p.i{text-indent:15px}ul.nav{margin:1px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));li{list-style:none;background-color:purple;text-align:center;line-height:30px;height:30px;color:#fff;font-weight:bolder;&:hover{background:#a06}&.disabled{background-color:silver}&.active{background-color:#a07}a{display:block;color:#fff;text-decoration:none;height:30px}}}table.case_list{margin-left:25px;border-top:1px solid purple;caption{margin:-10px 0 3px;font-weight:700}td,th{text-align:center;border-bottom:1px solid purple;padding:.2em 1em}}}