/* * CMSBOX 2.2 * * * * * * * * *
*                               *
*   Content Management System   *
*   © 2007 Cmsbox GmbH, Bern    *
*   contact (at) cmsbox . com   *
*                               *
* * * * * * * * * * * * * * * * */
/* @group GLOBAL */
/* LAYOUT */
video {
	float:left;
	width: 100%;
}

#edit .part video {
	pointer-events: none;
}

:focus {
	outline: none;
}
html,
body {
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  font-family: 'Duru Sans', Arial, sans-serif;  
}
#desk {
  width: 1019px;
  background: none;
  z-index: 1;
}
.cb-layout2 #desk {
  width: 100%;
  min-height: 100%;
}
#header {
  float: left;
  width: 1019px; 
  margin-top: 91px;    
  margin-bottom: 36px; 
}
#content {
  float: left;
  width: 1019px;
  padding-bottom: 74px;
  background: url(/images/bg.png) repeat 0 0;  
}
.cb-layout2 #content {
  background: none;
}
#navigation {
  float: left;
  width: 235px;
  margin-top: 60px; 
  margin-right: 4px;
  margin-left: 115px;
}
#footer {
  float: left;	
  width: 1019px;  
  min-height: 38px;
  margin-top: 19px;
  padding-top: 7px;
  position: relative;
  background: url(/images/footer-bg.png) repeat 0 0;  
  z-index: 2;
}
.cb-layout2 #footer {
  left: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
}
#footer {
  color: #000;
  font-size: 12px;
  line-height: 35px;
  text-transform: uppercase;
}
#google_translate_element {
	position: fixed;
	right: 20px;
	bottom: 60px;
	z-index: 10;
}
#footer a {
  color: #000;
}
#barbara-schirmer {
  float: left;
  margin-left: 109px; /* hacks */
}
.tel {
  margin: 0 28px;
  white-space: nowrap;
}
#root .cb-form-sent {
  background-color: #becfbe;
}
#home,
.logo {
  width: 302px;
  height: 56px;
  display: block;
}
#home {
  float: right;
}





#expo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#slides {
  float: left;
  width: 100%;
  height: 100% !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;
}

//============================== Controls

#expo div.link {
  display: none;
  float: left;
  width: 100%;
  height: 0;
}









.navi,
.navi .item {
  float: left;
}
.menu:hover,
.menu:focus {
  text-decoration: none;
}
/* LEVEL 1 */
div.sub1 {
  width: 235px;
}
div.sub1 .item {
  width: 235px;
}
div.sub1 .menu {
  color: #0a47ad;
  font-size: 15px;
  line-height: 25px;	
  text-transform: uppercase;
}
div.sub1 a.path,
div.sub1 .menu:hover,
div.sub1 .menu:focus {
  color: #021945;
}
/* LEVEL 2 */
div.sub2 {
  width: 225px;	
  margin-left: 10px;  
}
div.sub2 .item {
  width: 225px;	
}
div.sub2 .menu {
  color: #fff;
  font-size: 14px; 
  line-height: 20px;
}
.cb-layout2 .sub2 .menu {
  color: #0a47ad;
}
div.sub2 a.path {
  color: #021945;  
}
/* @end */
/* @group CONTENT */
/* HEAD */
#head {
  float: left;
  width: 400px;
  margin-left: 8px;
  margin-bottom: 2px;
}
h1 {
  line-height: 1.2;
}

div.unit h2 {
  line-height: 1.2;
}
/* main & side */
div.area {
  width: 316px;
}
div.area div.unit { /* all layouts */
  margin: 2px 0;
}
div.area h2,
div.area div.foot { /* all layouts */
  margin: 0 9px;
}
div.area div.part,
div.area div.grid table { /* all layouts */
  margin: 7px 9px; /* custom */
}
div.area div.wide {
  width: 316px;
}
div.area div.wide table,
div.area div.wide div.tall {
  width: 298px;
}
div.area div.wide div.tiny {
  width: 140px;
}
div.area div.slim {
  width: 158px;
}
div.area div.slim table,
div.area div.slim div.tall {
  width: 140px;
}
div.area div.slim div.tiny {
  width: 61px;
}
/* Layout3 main */
.cb-layout3 .main {
  width: 632px;
}
.cb-layout3 .main .wide {
  width: 632px;
}
.cb-layout3 .main .wide table,
.cb-layout3 .main .wide .tall {
  width: 614px;
}
.cb-layout3 .main .wide .tiny {
  width: 298px;
}
.cb-layout3 .main .slim {
  width: 316px;
}
.cb-layout3 .main .slim table,
.cb-layout3 .main .slim .tall {
  width: 298px;
}
.cb-layout3 .main .slim .tiny {
  width: 140px;
}
/* AREA PLACEMENT */
.area {
  margin-top: 12px;
}
/* @end */
/* @group UNITS */
/*  ALL PURE */
div.unit,
div.unit div.head,
div.unit div.head h2 {
  color: #fff;
  border: none;
  background: none;
}
#root div.unit div.body {
  margin: 0;
}
/* @end */
/* @group PARTS */
/* LEAD */
h3,
h4,
h5,
h6 {
  font-size: 1em;
}
h3 {
  
}
h4 {
  
}
h5 {
  
}
h6 {
  
}
/* TEXT */
/*.text {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}*/
div.text p.loud {
  
}
.loud .open {
  
}
.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: #0a47ad;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #021945;
  text-decoration: underline;
}
/*
.unit .null,
.unit .null:hover,
.unit .null:focus {
  color: ; give body color
}*/
/*
div.link {
  background-position: 0 .24em;
}
div.mail {
  background-position: 0 .3em;
}
*/
/* 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-bottom-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 .meta {
  padding: 0;
  opacity: 0.4;
  margin-left: 28px;
}
#services .meta:hover,
#services .meta:focus {
  opacity: 0.8;
}
/* @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 */