* {
  outline: none;
}

/* @group GLOBAL */
/* LAYOUT */
html,
body {
  color: #333;
  font-size: 15px;
  background: #fff;
  line-height: 1.4;
  min-width: 1160px !important;
  font-family: Helvetica, Arial, sans-serif;
}
#desk {
  float: left;
  width: 714px;
}
#wrapper {
  width: 100%;
  position: relative;
  height: 100%;
  /*min-height: 630px;*/
  min-height: 670px;
  min-width: 1400px;
}
#home,
.logo {
/*  width: 204px;
  height: 246px;*/
  width: 421px;
  height: 222px;
}
#home {
  position: absolute;
  right: 34px;
  bottom: 32px;
  z-index: 10;
}
.logo {
  position: absolute;
  width: 75%;
  height: auto;
  bottom: 0;
}
#elsi {
  position: absolute;
  right: 34px;
  top: 32px;
  width: 568px;
  height: 263px;
  z-index: 11;
  background: url(/images/gotthelf.svg) no-repeat 0 0;  
}
.cb-layout2 #elsi {
  display: none;
}
#navigation {
  float: left;
  width: 178px;
  height: 752px;
  position: relative;
}
#content {
  float: left;
  width: 536px;
  background: #fff;
}
/* @end */
/* @group MULTI-MOOD */
/* GENERAL */
#slides,
#expo div.link {
  height: 100%;
}
/* MOOD CONTAINER */
#expo {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 0;
}
/* IMAGE CONTAINER */
#slides {
	width: 100%;
	height: 100%;
  overflow: hidden;
  position: relative;
z-index: 1;
}

#expo .slide {
	width: 100%;
	height: 100%;
}

#expo .slide img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: cover;
	object-position: center top;
}

/* MOOD NAVIGATION */
#expo div.link {
  display: none;
}
/* @end */
/* @group NAVIGATION */
/* GENERAL */
.navi,
.navi .item {
  float: left;
}
.menu {
  display: block;
  padding: 5px 8px 3px;
  width: 139px;
  background: #1d5238;
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.2;
}
a.path {
  /*background: #f29400;*/  
  /*background: #ff3fb4;*/
  /*background: #fd9f3a;*/
  background: #000;
}
.menu:hover,
.menu:focus {
  /*background: #f29400;*/  
  /*background: #ff3fb4;*/
  /*background: #fd9f3a;*/
  /*background: #3d44ab;*/
  text-decoration: none;
}


/* LEVEL 1 */
div.sub1 {
  margin-top: 306px;
  width: 155px;
}
div.sub1 .item {
  width: 100%;
  margin-bottom: 4px;
}
/* LEVEL 2 */
div.sub2 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 155px;
}
div.sub2 .item {
  width: 100%;
  margin-bottom: 4px;
}

div.sub2 .menu {
  background: #1d5238;
}

div.sub2 .menu:hover,
div.sub2 .menu:focus,
div.sub2 .menu.path {
  background: #000;
}

/* @end */
/* @group CONTENT */
/* HEAD */
#head {
  float: left;
  margin-top: 4px;
  width: 100%;
}
h1 {
  padding: 20px 38px 10px;
  font-weight: 300;
  font-size: 52px;
  line-height: 1.2;
}
/*h1:first-letter {
  font-weight: normal;
  font-size: 55px;
  font-family: 'Goudy';
}*/
div.unit h2 {
  line-height: 1.2;
}
/* area */
.area {
  width: 480px;
}
.unit {
  margin: 5px 0px;
  width: 480px;
}
.area h2,
.area div.foot {
  margin: 0 10px;
}
.area .part,
.area > .grid table {
  margin: .4em 10px;
  width: 460px;
}
.area .tiny {
  width: 220px;
}
.slim {
  width: 240px;
}
.slim .part,
.slim.grid table {
  width: 220px;
}
.slim .tiny {
  width: 100px;
}
/* AREA PLACEMENT */
.main {
  margin-left: 28px;
}
/* @end */
/* @group UNITS */

#root #view div.area {
  min-height: 0;
}

/*  ALL PURE */
div.unit,
div.unit div.head,
div.unit div.head h2 {
  color: #111;
  border: none;
  background: none;
}
div.unit div.head h2 {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
}
div.unit div.body {
  margin: 0;
}
/* Seam */
div.wide.seam div.pict {
  width: 100%;
}
div.wide.seam div.pict img {
  float: right;
  margin-right: -80px;
}

/* @end */
/* @group PARTS */
/* LEAD */
h3,
h4,
h5,
h6 {
  font-size: 1em;
}
/* TEXT */
/*.text {
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.open,
.load {
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}*/
/*div.text > p.loud {
  
}*/
.loud > .open {
  color: #fff;
}
/*.loud > .open:hover,
.loud > .open:focus {
  
}
div.text > p.pale,
.pale > .open {
  
}
.pale > .open:hover,
.pale > .open:focus {
  
}
div.text > p.skew {
  
}*/
/* LINKS */
a {
  /*color: #f29400;*/
  /*color: #ff3fb4;*/
  /* color: #fd9f3a;*/
  /*color: #ff605c;*/
  color: #1d5238;
  /*text-decoration: none; (default.css) */
}
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 .2em;
}
div.mail {
  background-position: 0 .2em;
}
div.rss {
  background-position: 0 .2em;
}
/* 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: #eee;
}*/
/* 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 {
  float: left;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 5px;
  text-align: center;
}
#services > .meta {
  padding: 0;
  margin: 0 5px;
  display: inline;
  text-transform: uppercase;
  color: #aaa;
  -o-transition: all .218s;
  -moz-transition: all .218s;
  -webkit-transition: all .218s;
  transition: all .218s;
}
#services > .meta:hover,
#services > .meta:focus {
  /*color: #f29400;*/
  /*color: #ff3fb4;*/
  /*color: #fd9f3a;*/
  /*color: #ff605c;*/
  color: #1d5238;
}
/* BRANDING */
#cmsbox {
  letter-spacing: .05em;
  text-transform: lowercase;
  font-family: Helvetica, Arial, sans-serif;
}
/*#cmsbox > .meta {
  
}
#cmsbox > .meta:hover,
#cmsbox > .meta:focus {
  
}*/
/* @group SELECTIONS */
/*#root span.flag {
  color: #111;
  background: #fd0;
}*/
/*::-moz-selection {  has to stay separate 
  color: #111;
  background: #fd0;
}
::selection {  has to stay separate 
  color: #111;
  background: #fd0;
}*/
/* @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