/* * CMSBOX 2.2 * * * * * * * * *
*                               *
*   Content Management System   *
*   © 2007 Cmsbox GmbH, Bern    *
*   contact (at) cmsbox . com   *
*                               *
* * * * * * * * * * * * * * * * */
/* @group GLOBAL */
/* LAYOUT */
html,
body {
  color: #333;
  font-size: 14px;
  line-height: 20px;
  background: #808080;
  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
}
#desk {
  width: 1004px;
  margin: 0 auto;
  background: #fff;
  border-left: 20px solid #fff;
}
#home,
.logo {
  width: 257px;
  height: 56px;
  display: block;
}
#home {
  float: left;
  margin: 22px 0 0 1px;
}
.ad-libitum {
  float: right;
  min-height: 74px;
  padding: 22px 64px 0 0;
  background: url(/images/claim.png) no-repeat 100% 0;
  background-image: none, url(/images/claim.svg), url(/images/claim.png);
}
i {
  display: block;
  color: #c73f26;
  font-size: 17px;
  text-align: right; /* IE */
  font-weight: bold;
  font-style: normal;
}
#content { /* id because of root body (side grid + .unit ) */
  float: right;
  width: 762px;
  margin-top: 13px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAABCAIAAABi58Q+AAAA3ElEQVQoFQXBAQECQBAEIebs39UC/gp9v18cD0ltT2fTTG7wOnun1+hsjARWtz2qtlXbJGFbNVOtsDHdaye2waqtwrZP/eyyRfN09567bdU2ZGpTbavKBtuuY6PQ44wAYkDb49M9C+3pZARADODEfmUubSsAIKw1xGQ6jKzaAFTbcGW93u3WQ52ZMYLjxYCKtWNL29Is69qqbc497+6zPa3d49pWYXuhwzZ3t8VviHf1yhwvOLZV2FYBqJ61UHt8Zmn97Gpbta0CsLTYtuvsvaupHm2q7ekyGgEY8f7CAMj9KAv39QAAAABJRU5ErkJggg==) repeat-y 513px 0;
  /*background-image: url(/images/content.png);*/
}
.maincontent {
  float: left;
  width: 504px; /* main */
}
/* @end */
/* @group NAVIGATION */
/* GENERAL */
.navi,
.navi .item {
  float: left;
}
.menu {
  color: #333;
  line-height: 25px; /* sub1 */
}
.path,
.menu:hover,
.menu:focus {
  color: #c33;
  text-decoration: none;
}
/* LEVEL 1 (Language) */
div.sub1 {
  float: right;
  margin: 20px 10px 0 0;
}
div.sub1 .menu {
  color: #aaa;
  padding: 0 4px;
}
/* LEVEL 2 */
div.sub2 {
  width: 1003px;
  border: 1px #ccc;
  padding-left: 1px;
  border-style: solid none;
}
div.sub2 .menu {
  padding: 0 9px;
  font-weight: bold;
}
.sub2 > .init > .menu {
  padding-left: 0;
}
.sub2 > .exit > .menu {
  padding-right: 0;
}
/* LEVEL 3 */
div.sub3,
.sub3 > .item {
  width: 232px;
}
div.sub3,
div.sub3 .menu {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOcAAAABCAIAAACqiy7oAAAA0ElEQVQoFQXBAWEEQRAEIWrOv624+u1Af39/ACqgTXTbUCEGUNHMVq1OmeZ53B2qbbXnDtD2CupQsce3lukzvAp39oKAu9uG41E1i7p4c4fF290Rm6WKVc0Kx8bV9qgLWTE61OyE43FaFEuuG6i2d22+Ao5fNXeejuNnV1vqeDlo7TRSrVkdpE1YKD7WIYSefRUvt+mwuj1F02dPX5ZNVW3T5RGWugPDdnfbqs2X39y1+raVEZqdBFTQLNLIujbc8dAC3B3sTdWUbeNqrm9+/APRM471abb7pAAAAABJRU5ErkJggg==) no-repeat 0 100%;
  /*background-image: url(/images/sub3-menu.png);*/
}
div.sub3 {
  margin-top: 13px;
  padding-top: 1px;
  background-position: 0 0;
}
div.sub3 .menu {
  line-height: 1.2;
  padding: 4px 0 5px;  
}
/* @end */
/* @group CONTENT */
/* HEAD */
#head {
  float: left;
  width: 484px;
  margin: 4px 0 0 10px;
}
h1 {
  color: #339;
  font-size: 22px;
  line-height: 1.2;
  font-weight: bold;
}
div.unit h2 {
  font-size: 1em;
  line-height: 1.2;
  font-weight: bold;
}
/* area & main */
div.main {
  width: 504px;
}
div.area div.unit {
  margin: 10px 0;
}
div.area h2,
div.area div.foot {
  margin: 0 10px;
}
div.area div.part,
div.area div.grid table {
  margin: .4em 10px;
}
div.area div.unit {
  width: 252px;
}
div.area div.unit table,
div.area div.unit div.part {
  width: 232px;
}
/*div.area div.unit div.tiny {
  width: 106px;
}*/
/* main wide */ 
div.main > div.wide {
  width: 504px;
}
div.main > div.wide table,
div.main > div.wide div.tall {
  width: 484px;
}
div.main > div.wide div.tiny {
  width: 232px;
}
/* base */
div.base,
div.base > div.unit,
div.base > div.unit table,
div.base > div.unit div.part {
  width: 1004px;
}
div.base h2,
div.base > div.unit,
div.base div.foot {
  margin: 0;
}
div.base div.part,
div.base > div.grid table {
  margin: .4em 0;
}
/* VERTICAL MARGINS */
.lead.tall + .text,
.side .lead + .text,
.link.tall + .link,
.side .link + .link,
.link.tall + .load,
.side .link + .load,
.load.tall + .load,
.side .load + .load,
.load.tall + .link,
.side .load + .link,
.pure .text:first-child {
  margin-top: 0;
}
#content div.unit > div.body {
  margin: 0;
}
#content > .side > .grid + .unit > .body { /* table closer to following text */
  margin-top: -10px;
}
#content > .side > .grid + .unit > head + .body { /* not, if that text has a preceding title */
  margin-top: .4em;
}
/* AREA PLACEMENT */
#content > div.side {
  float: right;
  width: 252px;
  margin-top: -5px;
}
#desk > div.base {
  margin-top: 10px;
  min-height: 40px;
}
/* @end */
/* @group UNITS */
/*  ALL PURE */
div.unit,
div.unit div.head,
div.unit div.head h2 {
  border: none;
  background: none;
}
div.unit,
div.unit div.head {
  color: #333;
}
/* FLAT: h2 uppercase */
.flat h2 {
  text-transform: uppercase;
}
/* SIDE UNITS */
/*#content > .side > .grid > .body {
  margin: 0;
}*/
.side {
  font-size: 12px;
}
.side h2,
.side h2 > .open {
  color: #339;
}
/* SEAM = alternative zu area-headings */
.side > .seam h2,
.side > .seam h2 > .open {
  color: #333;
}
/* side pure: bigger h2 */
.side > .pure h2 {
  font-size: 14px;
}
/* @end */
/* @group PARTS */
/* LEAD */
h3,
h4,
h5,
h6 {
  font-size: 1em;
}
/* TEXT */
/*.text {
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}*/
div.text p.loud {
  color: #339;
  background: #ff0;
  font-weight: bold;
  text-align: center;
}
.loud > strong {
  color: #c33;
}
.loud .open {
  text-decoration: underline;
}
.loud .open:hover,
.loud .open:focus {
  color: #339;
}
div.text > p.pale,
.pale > .open {
  color: #bbb;
  font-size: 1em;
}
.pale > .open {
  text-decoration: underline;
}
.pale .open:hover,
.pale .open:focus {
  color: #999;
}
div.text > p.skew {
  color: #555;
  font-size: 15px;
  font-family: georgia, serif;
}
.side .text > .skew {
  font-size: 13px;
}
/* LINKS */
a {
  color: #c33;
  /*text-decoration: none; (default.css) */
}
.link > .open,
.load > .load {
  color: #333;
}
a:hover,
a:focus {
  /*text-decoration: underline; (default.css) */
}
/*
.unit .null,
.unit .null:hover,
.unit .null:focus {
  color: ; give body color
}*/
div.link {
  background-position: 0 .24em;
}
div.mail {
  background-position: 0 .35em;
}
/* INLINE LINKS */
/*.text .open,
.lead .open,
.list .open,
h2 .open {
  color: #000;
}*/
/* PICT */
div.unit div.crop {
  height: 320px;  
}
/* LIST */
div.list p.item {
  list-style-image: url(/icon-link/list.gif);
}
/*div.list p.dent {
  list-style-image: url(/icon-link/list.gif);
}*/
/* LINE */ 
div.line hr {
  color: #666;
  border-color: #666;
}
/* TABLES */
div.grid table td {
  border-color: #999;
  border-style: solid;
}
div.grid table thead td,
div.grid table tfoot td {
  background: #ccc; 
  font-weight: 800;
}
div.grid table.vert tbody.beam td.odd,
div.grid table.horz tbody.beam tr.odd td {
  background: none;
}
/* FILTER */
/*div.cats p span.same { default.css
  color: #333;
}*/
/*div.scan a.same,
div.scan li.same,
div.scan td.same,
div.scan span.same { default.css
  background-color: #ddd;
}*/
/*div.this a.same,
div.this li.same,
div.this td.same,
div.this span.same { default.css
  color: #fff;
  text-decoration: none;
  background-color: #900;
}*/
#root div.cats a {
  padding: 0;
}
div.cats .cb-count {
  padding-left: 5px;
}
/* @end */
/* @group SERVICES */
/* SERVICES */
#services {
  clear: both;
  font-size: 12px;
  padding-bottom: 10px;
  border-top: 1px solid #ccc;
}
#services > .meta {
  float: left;
  color: #333;
  padding: 0 9px 0 10px;
}
#services > .home {
  padding-left: 0;
}
#services > .firm,
#services > .auth {
  float: right;
  text-transform: lowercase;
}

#services .meta:hover,
#services .meta:focus {
  
}
/* @group SELECTIONS */
#root span.flag {
  color: #111;
  background: #ff0;
}
::-moz-selection {
  color: #111;
  background: #ff0;
}
.loud::-moz-selection,
.loud ::-moz-selection {
  color: #fff;
  background: #333;
}
::selection {
  color: #111;
  background: #ff0;
}
.loud::selection,
.loud ::selection {
  color: #fff;
  background: #333;
}

/* @end */
/* @group Lightbox */
/* LIGHTBOX */
#disp {
  width: 350px;
  border: none;
  background-color: transparent;
}
#disp a {
  color: #444;
}
#disp div.head { /* not always direct child element (form in #disp.mail) */
  height: 24px;
}
#disp div.head,
#disp div.head h2,
#disp div.head a.quit  {
  line-height: 24px;
  background-color: transparent;
}
#disp div.head h2 {
  color: #fff;
  font-size: 21px;
  font-weight: 300;
  letter-spacing: .025em;
}
#disp div.body {
  padding: 15px;
  margin-bottom: 0;
  border-radius: 2px 2px 0 0;
}
/* DISP MAIL */
#disp.mail div.body,
#disp.resp div.body {
  padding-bottom: 0;
}
.mail p + fieldset + fieldset {
  min-height: 4.4em;/* no jumping after recipient address renders */
}
#disp.mail .foot,
#disp.resp .foot,
#disp.cb-lightbox-code .foot,
#disp.message .foot {
  text-align: right;
  padding: 0 15px 10px;
  background-color: #fff;
}
#disp.mail .submit,
#disp.resp .submit,
#disp.message .submit + .submit {
  margin-right: 0;
}
#root div.cb-lightbox-code textarea {
  width: 428px;
}
/* DISP CONTROLS */
#disp .head .ctrl {
  right: 8px;
  width: 30px;
  position: absolute;
}
#disp.zoom .ctrl {
  width: 71px;
}
#disp .head .next,
#disp .head .prev,
#disp .head .cb-hybrid,
#disp div.head a.quit {
  width: 22px;
  height: 24px;/* #disp .head height */
  margin-top: 0;
  text-indent: -9000px;
}
.zoom div.quit {
  margin-left: 5px;
}
#disp .next,
#disp .prev {
  background-image: none;
}
#disp .head .cb-hybrid,
#disp div.head a.quit {
  background: url(/images/lb-ctr.png) no-repeat;
}
#disp .prev .cb-hybrid {
  background-position: 3px 50%;
}
#disp .next .cb-hybrid {
  background-position: -15px 50%;
}
#disp div.quit a.quit {
  background-position: -50px 50%;
}
#disp .head .cb-hybrid:hover,
#disp .head .cb-hybrid:focus,
#disp .head .quit:hover,
#disp .head .quit:focus {
  opacity: .75;
}
#disp .head .cb-hybrid:active,
#disp .head .quit:active {
  opacity: .5;
}
/* DISP SITEMAP */
#disp.site ul,
div.cb-sitemap ul {
  font-size: 15px;
  list-style: url(/images/list-sitemap.png);
}
#disp.site li,
div.cb-sitemap li {
  margin-top: 5px;
}
#lbox div.site h2 { /* german version "not found" has to fit in head */
  font-size: 17px;
  letter-spacing: normal;
}
/* DISP SEARCH */
#lbox div.srch td { /* overwrite default */
  padding-bottom: .8em;
}
#lbox div.srch th:first-child { /* overwrite default */ 
  text-align: right;
}
#lbox div.srch a,
#lbox div.site a {
  display: block;
}
#lbox div.srch a:focus {
  color: #111;
  text-decoration: underline;
}
/* DISP ZOOM */
#lbox div.zoom,
#lbox div.tube {/* tube = zoomed film */
  width: 770px;
  margin-left: -370px;
}
/* ZOOM IMAGE DESCRIPTION */
.zoom fieldset p {
  color: #444;
  padding: 0 15px 25px;
}
/* DISP FOOTER */
#disp div.foot {
  background: #fff;
  border-radius: 0 0 2px 2px;
}
#disp div.foot input.prev,
#disp div.foot input.canc,
#disp div.foot .button {
  margin-left: 15px;	
}
#disp div.foot input.next,
#disp div.foot input.conf,
#disp div.foot div .button {
  margin-right: 15px;
}
/* DISP CODE */
#disp.cb-lightbox-code div.foot input.conf {
  margin-right: 0;
}
/* DISP SHOP */
#lbox div.shop {
  width: 440px;
  margin-left: -220px;
}
#lbox div.cb-shoppingcart {
  width: 530px;
  margin-left: -265px;
}
/* @end */
/* @end */
/*#desk:after {
  top: 0px;
  left: -20px;
  width: 1024px;
  opacity: .5;
  height: 100%;
  content:  '';
  position: absolute;
  background: url(https://dl.dropbox.com/u/1434905/overlays/SMF-2.png) no-repeat 0 0;
}*/

#expo {
  float: left;
  width: 984px;
  position: relative;
  margin-top: 13px;
}

#slides {
  float: left;
  width: 100%;
  height: 500px !important;
  max-width: 100% !important;
  max-height: 100% !important;
  position: relative;
}

#slides .slide {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}

#slides a {
  display: block;
  width: 100%;
  height: 100%;
}

#slides a.null {
  cursor: default;
}

.cb-slides .cb-image-figure {
  height: 100%;
}

.cb-slides .cb-image-container {
  height: 100% !important;
}

#slides img {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
}

#expo div.link {
  display: none;
}