html{height:100%}body{color:#222;background:#fff url(/img/bg.jpg) repeat-x;margin:auto;text-align:center;font:100%/1.4 'Lucida Grande',sans-serif;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";height:100%;width:100%;display:flex;flex-direction:column}main{flex:1}img{border:0 none}#qbit{background:#fff url(/img/logo_reflect_opa200.jpg) no-repeat}#slogan{margin-top:10px;margin-bottom:10px;font-size:2.5rem;font-weight:300}#slogan img{border:#ddd 1px solid}#content{width:40%;margin:auto;text-align:left}#footer2{clear:both;padding-top:10px;padding-bottom:10px;margin-top:0;font-size:100%;--border-top:#ddd 1px solid}#copyright{clear:both;padding:.5em 0;margin-top:0;font-size:75%;color:#555;border-top:#ddd 0 solid}.infobox{margin:auto;padding:10px;background:#fff url(/img/bg.jpg) repeat-x;width:20%;font-size:80%;text-align:left}.label{font-weight:bold;width:120px;padding-right:.5em}a{color:#444;text-decoration:none}a:hover{color:#000;text-decoration:underline}.hidelabel{display:none}#footer{width:100%;background:#fff url(/img/bg.jpg) repeat-x 0 -150px;font-size:85%;text-align:left}#footer div a{color:#888;text-decoration:none}#footer div:hover{color:#000}#footer div:hover a{color:#002}#footer div a:hover{text-decoration:underline}#footer div{float:left;width:21%;padding-right:2%;margin-left:2%;color:#888;min-width:100px}#footer p{clear:both;width:100%;margin:0;padding:0}#footer ul{margin:0 0 1em 0;padding:0;list-style-type:none}#footer li{background:url() no-repeat 0 .4em;padding-left:10px}form#search{padding:0;margin:0;border:#ddd 1px solid;width:240px;margin:auto;margin-bottom:20px}#search input{padding:0;margin:0;border:#ddd 1px solid;height:18px}#search img{padding:0;margin:0;xborder:#ddd 1px solid;vertical-align:middle}#search input.img{padding:0;margin:0;xborder:#ddd 1px solid;vertical-align:middle;background:#fff url(/img/bg.jpg) repeat-x 0 -150px}form#xsearch{width:19em;border:0}#xsearch input{width:14.8em;font-size:1em;color:#5f5f5f;float:left;display:inline;border:1px solid #cfcfcf;padding:2px 0 2px 4px;margin:0 7px 0 0}#search input.img{background:url(img/search_button_16x16.png) no-repeat center right !important;xbackground:url(img/search_button_16x16.png) no-repeat 0 0;border:1px solid #cfcfcf;color:#FFF;cursor:pointer;padding:1px;font-size:0;width:20px;height:20px;margin:0;line-height:100px;letter-spacing:100px}#search div.select{xdisplay:block;float:left;height:24px;width:34px;margin:0;padding:0;border:1px solid #cfcfcf}#search div.search{xdisplay:block;float:right;height:24px;width:34px;margin:0;padding:0;border:1px solid #cfcfcf}#search .dropdown{padding:0 10px 0 0;margin:0 5px;background:url(img/down.gif) no-repeat right 60%}.inner{width:100%;max-width:980px;margin:0 auto}#content{width:100%;max-width:980px;margin:0 auto;padding:auto;text-align:left}#content div{margin:1em 1em 1em 1em;padding:0;margin-top:2em}#content ul{list-style-type:circle;padding:0 1em}#content h2{border-bottom:1px solid #cfcfcf}.teaser{width:100%;max-width:980px;margin:0 auto;text-align:left}.teaser ul{margin:1em 1em 1em 1em;padding:0;list-style-type:none;margin-top:2em}.teaser li{padding:1em;border-radius:10px;--box-shadow:1px 1px 5px #ccc;margin-bottom:1em;margin:10px;border:1px solid #f4f4f4;background-position:0 0;min-height:200px}.teaser h2{font-size:2.0em;line-height:1em;font-weight:200;padding:0;margin:0 0 .5em 0}.teaser p{font-size:1.0em;font-weight:300;padding:0;margin:0 0 1em 0}.teaser li a{background-color:#888;color:#fff;padding:.5em;margin-top:1em;border:.5em double #fff;border-width:medium}.teaser a:hover{background-color:#fff;text-decoration:none}.feature{display:flex;text-align:center}.feature li{flex:1}.feature li img{width:100px}#footer2 ul{list-style-type:none;padding:0;margin:0;color:#ddd}#footer2 li{display:inline;padding:0;margin:0}#footer2 li a{display:inline-block;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:1em;padding:.2em .75em;margin:0 .2em}#footer2 li a:hover{background-color:#ccc;text-decoration:none;transition:background-color .5s}#footer2 li+li:before{--content:'\00b7';--margin-right:.3em}#content{clear:both}ul.slideshow{position:relative;height:260px;width:auto;max-width:980px;min-width:640px;text-overflow:ellipsis;overflow:hidden}ul.slideshow li{position:absolute;top:0;left:0;right:0;width:auto}.xfadein-js>*{position:relative;top:-200px;left:0}@media screen and (max-width:980px){.feature{display:flex;flex-wrap:wrap}.feature li{min-width:40%}#slogan{margin-top:-20px;font-size:2rem}}@media screen and (max-width:640px){.feature{display:block}.teaser h2{font-size:2em}.teaser li img{--display:none;--background-color:red;clear:all}#slogan{margin-top:-40px;font-size:1.5rem}ul.slideshow{min-width:200px;overflow:auto}}@media screen and (min-width:460px){#copyright{display:flex;padding:1em;justify-content:space-between}}ol.forms label{cursor:pointer;display:block;padding-right:10px;min-width:10em}ol.forms input,ol.forms textarea,ol.forms select,ol.forms button{border:1px solid #ccc;border-radius:3px 3px 3px 3px;color:#202020;font:inherit;padding:2px 1em;margin-bottom:.5em;width:auto;min-height:2em}ol.forms textarea{height:10em}ol.forms{float:left;list-style:none outside none;margin:0;padding:0;display:block;width:100%;padding-bottom:1em}ul,ol{margin-left:30px}ol.forms li{display:flex;flex-direction:row}ol.forms li.textarea{flex-direction:column}ol.forms input,ol.forms select{flex:auto}form.closed ol.forms>*:not(:first-child){display:none}input[type="checkbox"]{vertical-align:middle;margin:0;padding:0;margin-right:1em}label{display:inline-block;vertical-align:middle;line-height:1.5;margin-bottom:.5em}@media screen and (max-width:480px){ol.forms li{flex-direction:column}}