/* * CMSBOX 2.2 * * * * * * * * *
*                               *
*   Content Management System   *
*   © 2007 Cmsbox GmbH, Bern    *
*   contact (at) cmsbox . com   *
*                               *
* * * * * * * * * * * * * * * * */
/* @group  G L O B A L */
/* LAYOUT */
html, body {
  color: #000;
  font-size: 12px;
  background: #ddd;
  line-height: 2.08em; /* 12/25 */
  font-family: Helvetica, Arial, sans-serif;
}

* {
  outline: none;
}

#topnavi {
  float: left;
  min-width: 100%;
  position: relative;
  background: url(/images/000-51.png);
  background: rgba(0,0,0,.51);
z-index: 2;
}
#yeah {
  top: 50%;
  right: 0px;
  width: 20px;
  height: 40px;
  cursor: move;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-image: url(/images/arrow.png);
}
#yeah.arrowup:hover {
  background-position: 0px -40px;
}
#yeah.arrowdown {
  background-position: 0px -120px;
}
#yeah.arrowdown:hover {
  background-position: 0px -80px;
}

/* My Comment */
#view.cb-layout1 #topnavi {
  display: none;
}
#navigation {
  width: 805px; /*width: 1100px;*/ /* = div.sub2 temp */
  margin: 0 auto;
}
#desk {
  top: 86px;
  width: 800px;
  margin: 0 auto;
  background: rgba(0,0,0,.51);
z-index: 3;
}
.cb-layout2 #deskbg {
  float: left;
  width: 800px;
  background: rgba(200,214,174,0.75);
}
.cb-layout1 #desk #deskbg { /* overwrites colors */
  background: none;
}
.cb-layout1 #desk {
  top: 0;
  width: 241px;
}
#desk-top {
  top: -47px;
  right: -5px;
  height: 50px;
  width: 610px;
  position: absolute;
  background: url(/images/desk-top.png) no-repeat 0 0;
}
#desk-bottom {
  height: 8px;
  right: -5px;
  bottom: -5px;
  width: 610px;
  position: absolute;
  background: url(/images/desk-bottom.png) no-repeat 0 0;
}
.cb-layout2 #page {
  float: left;  
  width: 805px;
  background: url(/images/page.png) repeat-y right 0;
}
#desk-top .home {
  top: 5px;
  left: 190px;
  width: 241px;
  height: 83px;
  display: block;
  position: relative;
  text-indent: -9000px;
  background: url(/images/laveduta-logos.png) no-repeat 0 0; /* colors */
}
.cb-layout2 #content {
  float: right;
  width: 562px;
  min-height: 600px;
}
.cb-layout2 #aside {
  float: left;
  width: 200px;
  padding-top: 80px;
}
/* BALKEN auf rechter seite */
#webdesignby {
  right: 0;
  top: 124px;
  width: 20px;
  position: absolute;
  background: url(/images/000-51.png);
  background: rgba(0,0,0,.51);
}
#edit #webdesignby {
  top: 154px;
}
.cb-layout1 #webdesignby {
  display: none;
}
#tobiasmesser {
  background: rgba(200,214,174,0.75);
  cursor: move; 
}
/* LAYOUT1 Startseite */
.cb-layout1 #desk {
  background: none;
}
.cb-layout1 #desk-top,
.cb-layout1 #desk-bottom {
  display: none;
}
/* @end */
/* @group  M U L T I - M O O D */
/* MOOD CONTAINER */
#expo {
  top: 0;
  left: 0;
  width: 100%;
  position: fixed;
}
#expo div.link {
  display: none;
}
/* IMAGE CONTAINER */
#slides {
  position: relative;
}
#slides img {
  display: block;
}
/* @end */
/* @group  N A V I G A T I O N */
/* GENERAL */
.navi,
.navi .item {
  float: left;
}
.menu {
  color: #fff;
}
.menu:hover,
.menu:focus {
  text-decoration: none;
}
/* LEVEL 1 */
div.sub1 {
  left: 0;
  bottom: 20px;
  position: absolute;
  padding-left: 18px;
}
#view.cb-layout1 .sub1 {
  display: none;
}
#edit.cb-layout1 .sub1 {
  padding: 0;
  width: 100%;
  position: static;
  padding-top: 10px;
  background: rgba(0,0,0,.5);
  border-radius: 4px 4px 0 0;
}
div.sub1 .item {
  border-right: 1px solid #f2f2f2;
}
div.sub1 .exit {
  border: none;
}
div.sub1 a.menu {
  padding: 0 3px;
  line-height: 1.1em;
}
/* LEVEL 2 */
div.sub2 {
  width: 100%;
}
div.sub2 .exit {
/*  float: right;*/$
}

div.sub2 a.menu {
  padding: 0 23px;
  line-height: 38px;
  -o-transition: all .218s;
  -moz-transition: all .218s;
  -webkit-transition: all .218s;
  transition: all .218s;
}
div.sub2 a.path,
div.sub2 a.menu:hover {
  background: rgba(200,214,174,0.75); /* colors, hacks */   
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}
/* LEVEL 3 */
div.sub3,
div.sub3 div.item {
  width: 200px;
}
div.sub3 .menu {
  font-size: 15px;
  line-height: 1.2em;
  padding: 3px 13px 3px 20px;
}
div.sub3 a.path,
div.sub3 a.menu:hover {
  font-weight: bold;
}
/* LEVEL 4 */
div.sub4 a.menu {
  font-size: 13px;
  line-height: 1.2em;
  padding: 2px 15px 2px 36px;
}
div.sub4 .exit .menu {
  padding-bottom: 8px;
}
/* @end */
/* @group  C O N T E N T */
/* HEAD */
#head {
  float: left;
  width: 241px; /* layout1 */
  margin-top: 65px
}
.cb-layout2 #head {
  float: left;
  width: 496px;
  margin: 80px 0 0 6px; /* hacks */
}
h1 {
  color: #c8d6ae; /* colors */
  font-size: 24px;
  line-height: 1.1em;
}
.cb-layout1 h1 {
  top: 80px;
  color: #fff;
  left: -300px;
  width: 221px;
  height: 255px;
  font-size: 36px;
  position: absolute;
  font-style: italic;
  line-height: 1.4em;
  font-family: georgia, serif;
  color: rgba(255,255,255,.97);
}

div.unit h2 {
  font-size: 15px;
}
/* custom base & side (wide tall only) */
/* old page has content in base, both areas are in #aside, with 50px margin inbetween */
div.area {
  width: 200px;
}
div.area div.unit {
  margin: 10px 19px;
}
div.area h2, 
div.area div.foot {
  margin: 0;
}
div.area div.part, 
div.area div.grid table {
  margin: .4em 0;
}
div.area div.unit,
div.area div.unit table, 
div.area div.unit div.part {
  width: 162px;
}
/* main (layout2) */
div.main {
  width: 508px;
}
div.main div.unit {
  margin: 10px 0px;
}
div.main h2, 
div.main div.foot {
  margin: 0 6px;
}
div.main div.part, 
div.main div.grid table {
  margin: .4em 6px;
}
div.main div.wide {
  width: 508px;
}
div.main div.wide table, 
div.main div.wide div.tall {
  width: 496px;
}
div.main div.wide div.tiny {
  width: 242px;
}
div.main div.slim  {
  width: 254px;
}
div.main div.slim table, 
div.main div.slim div.tall {
  width: 242px;
}
div.main div.slim div.tiny {
  width: 115px;
}
/* LAYOUT1 main (startseite, wide tall only) */
.cb-layout1 .main div.unit {
  margin: 10px 0;
}
.cb-layout1 .main h2, 
.cb-layout1 .main div.foot {
  margin: 0;
}
.cb-layout1 .main div.part, 
.cb-layout1 .main div.grid table {
  margin: .4em 0;
}
.cb-layout1 .main,
.cb-layout1 .main div.unit,
.cb-layout1 .main div.unit table, 
.cb-layout1 .main div.unit div.part {
  width: 241px;
}
/* AREA PLACEMENT */
div.side {
  line-height: 1.4em;
  padding-bottom: 14em; /* room for absolute positioned services */
}
#aside div.area {
  min-height: 0;
}
#edit #aside .area {
  min-height: 60px;
}
/* VERTICAL MARGINS */
div.main div.part {
  margin-top: 1.1em;
  margin-bottom: 1.1em;
}
/* @end */
/* @group  U N I T S */
/*  ALL PURE */
div.unit,
div.unit div.head,
div.unit div.head h2 {
  color: #000;
  border: none;
  background: transparent;
}
div.seam {
  line-height: 1.6em;
}
div.main div.seam div.part {
    margin-bottom: 5px;
    margin-top: 5px;
}
/* @end */
/* @group  P A R T S */
/* LEAD */
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
h3 {
  font-size: 15px;
}
h5 {
  font-size: 13px;		
}
h6 {
  font-size: 12px;
}
/* TEXT */
div.text p.loud,
h4 {
  padding: 0;
  color: #c8d6ae; /* colors */
  font-size: 14px;
  background: none;
}
#aside .loud,
#aside h4 {
  color: #fff;
}
div.text p.pale {
  color: #ccc;
  font-size: 12px;
}
#aside .pale {
  color: #f1f1f1;
}
div.text p.skew {
}
/* LINK / FILE */
a,
div.link a.open,
a.open {
  color: #900;
  text-decoration: none;
}
/* COLORS LINKs*/
a,
.c1 div.link a.open,
.c2 div.link a.open,
.c4 div.link a.open,
.c5 div.link a.open,
a.open {
  color: #7e2b42;
  text-decoration: none;
}
.c3 div.link a.open,
.c6 div.link a.open {
  color: #c8d6ae;
  text-decoration: none;
}


a:hover, 
div.link a.open:hover {
  text-decoration: underline;
}
#root a.null:hover {
  text-decoration: none;
}
div.link a.open {
  margin-left: 14px;
}
div.link {
  background-position: 0 .4em;
}
div.mail {
  background-position: 0 .48em;
}
div.main div.load {
  background-position: 0 6px;
}
div.side div.load {
  background-position: 0 2px;
}
div.side div.link {
  background-position: 0 1px;
}
/* INLINE LINKS */
/*.text a, .lead a, .list a, h2 a {
  color: #000;
}*/
/* PICT */
div.unit div.crop {
  height: 320px;  
}
/* Startpage img hover */
.cb-layout1 .pict a img {
  -o-transition: opacity .218s;
  -moz-transition: opacity .218s;
  -webkit-transition: opacity .218s;
  transition: opacity .218s;
}
.cb-layout1 .pict a:hover img {
  opacity: .9;
}
/* LIST */
div.list p.item {
  list-style-image: url(/icon-link/list.gif);
}
/* LINE */ 
div.line hr  {
  color: #ddd;
  border-bottom-color: #ddd;
}
#aside .line hr  {
  color: #f1f1f1;
  border-bottom-color: #f1f1f1;
}
/* 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 a.same {
  color: #999;
}
div.cats p span.same {
  color: #333;
}
div.scan a.same,
div.scan li.same,
div.scan td.same,
div.scan span.same {
  background-color: #ddd;
}
div.this a.same,
div.this li.same,
div.this td.same,
div.this span.same {
  color: #fff;
  text-decoration: none;
  background-color: #900;
}
/* fix default.css */
#root div.cats a {
  padding: 0;
}
div.cats .cb-count {
  padding-left: 5px;
}
/* @end */
/* @group  S E R V I C E S */
/* SERVICES */
#services {
  float: left;
  width: 200px;
  bottom: 50px;
  font-size: 11px;
  line-height: 16px;
  position: absolute;
}
#services .meta {
  color: #fff;
  display: block;
  font-weight: bold;
  padding-left: 20px;
}
#services .meta:hover,
#services .meta:focus {
  text-decoration: underline;
}
/* BRANDING */
#cmsbox {
  right: 0;
  color: #aaa;
  bottom: -35px;
  font-size: 11px;
  line-height: 30px;
  position: absolute;
  padding: 0 12px 5px;
  letter-spacing: .03em;
  text-transform: lowercase;
  border-radius: 0 0 6px 6px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -o-transition: background .218s;
  -moz-transition: background .218s;
  -webkit-transition: background .218s;
  transition: background .218s;
}
#cmsbox:hover {
  background: rgba(0,0,0,.5);
  box-shadow: 2px 2px 4px rgba(0,0,0,.5);
}
#edit.cb-layout1 #cmsbox {
  padding: 0;
  width: 100%;
  background: rgba(0,0,0,.5);
}
#cmsbox a.meta {
  color: #aaa;
  padding: 0 2px;
  background: none;
  -o-transition: color .218s;
  -moz-transition: color .218s;
  -webkit-transition: color .218s;
  transition: color .218s;
}
#cmsbox .home {
  text-transform: none;
}
#view #cmsbox .home {
  display: none;
}
#cmsbox:hover .meta {
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
#cmsbox a.meta:hover {
  color: #eee;
}
#view.cb-layout1 #cmsbox {
  display: none;
}
/* LIGHTBOX */
#disp {
  background: #fff;
  border: 3px solid #888;
}
#lbox div.head,
#lbox div.head h2,
#lbox div.head a.quit  {
  color: #444;
  height: 36px;
  background: #ddd;
  line-height: 36px;
}
/* @end */
/* @group COLORS */
.c2 h1,
.c2 .text .loud,
.c2 h4 {
  color: #66ab9d;  
}
.c2 #deskbg,
div.sub2 .c2 a.path,
div.sub2 .c2 a.menu:hover,
.c2 #tobiasmesser {
  background: rgba(102,171,157,0.75);
}
.c2 #desk-top .home {
  background-position: 0 -90px;
}
.c3 h1,
.c3 .text .loud,
.c3 h4 {
  color: #812a3e;  
}
.c3 #deskbg,
div.sub2 .c3 a.path,
div.sub2 .c3 a.menu:hover,
.c3 #tobiasmesser {
  background: rgba(129,42,62,0.75);
}
.c3 #desk-top .home {
  background-position: 0 -180px;
}
.c4 h1,
.c4 .text .loud,
.c4 h4 {
  color: #dfd41e;  
}
.c4 #deskbg,
div.sub2 .c4 a.path,
div.sub2 .c4 a.menu:hover,
.c4 #tobiasmesser {
  background: rgba(223,212,30,0.75);
}
.c4 #desk-top .home {
  background-position: 0 -270px;
}
.c5 h1,
.c5 .text .loud,
.c5 h4 {
  color: #498335;  
}
.c5 #deskbg,
div.sub2 .c5 a.path,
div.sub2 .c5 a.menu:hover,
.c5 #tobiasmesser {
  background: rgba(73,131,53,0.75);
}
.c5 #desk-top .home {
  background-position: 0 -360px;
}
.c6 h1,
.c6 .text .loud,
.c6 h4 {
  color: #cc4233;  
}
.c6 #deskbg,
div.sub2 .c6 a.path,
div.sub2 .c6 a.menu:hover,
.c6 #tobiasmesser {
  background: rgba(204,66,51,0.75);

}
.c6 #desk-top .home {
  background-position: 0 -450px;
}
.c7 #desk-top .home { /* otherwise identical to c1 */
  background-position: 0 -540px;
}


/* LIGHTBOX */
#disp {
  color: #fff;
  background: none;
  border: 1px solid #777;  
}
#disp input:focus, #disp textarea:focus {
  border: 1px solid #5abdb7;
}
#lbox div.head,
#lbox div.head h2 {
  color: #fff;
  height: 36px;
  font-size: 15px;
  background: none;  
  line-height: 36px;
  letter-spacing: .15em;
}
#lbox div.head a.quit {
  color: #fff;
  margin-top: 5px;
  margin-right: 10px;
  background: none;
  line-height: 20px;
  text-align: center;
  font-weight: normal;
}
#lbox div.head a.quit:hover, #root #lbox div.zoom div.head a.quit:hover {
  color: #5abdb7;
}
#lbox div.body {
  margin: 10px;
  font-size: 13px;
  background: none;
}
#lbox div.body input,
#lbox div.body textarea {
  color: #fff;
  background: none;
  font-size: 11px;
  border: 1px dotted #777;
}
#lbox input.submit {
  color: #fff;
  background: none;
  border: 1px solid #fff;
}
#lbox div.body a.mail:hover {
  color: #fff;
}
#lbox input.submit:hover {
  color: #5abdb7;
}
#lbox div.srch a, #lbox div.site a {
  color: #fff;
}
#lbox span.flag {
  background-color: #5abdb7;
}
#lbox div.foot input {
  color: #000;
  width: 150px;
  text-align: left;
  background: #eee;
  font-weight: 800;
  font-size: 10px;
  text-transform: uppercase;
}
/* CUSTOM a.fade */
#lbox #disp .ctrl a {
  width: 19px;
  height: 20px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/images/prev_next.png);
}
#lbox #disp .ctrl div {
  width: 19px;
  height: 20px;
}
/* div.quit & a.quit 1px wider */
#lbox #disp .ctrl .quit {
  width: 20px;
  text-indent: -9999px;
  background-position: -38px 0;
}
#lbox #disp .ctrl .quit:hover {
  background-position: -38px -19px;
}

#lbox #disp .ctrl a:hover {
  background-position: 0 -19px;
}
#lbox #disp .ctrl .next a {
  background-position: -19px 0;
}
#lbox #disp .ctrl .next a:hover {
  background-position: -19px -19px;
}
/* ZOOM */
#lbox div.zoom {
  width: 620px;
  border: none;
  background: none;
  margin-left: -310px;
}
#lbox div.zoom img {
  background: none;
}
#lbox div.zoom div.head {
  background: none;
  padding-right: 10px;
}
#lbox div.zoom div.head h2 {
  color: #fff;
  font-size: 13px;
  background: none;
}
#lbox div.head div.ctrl {
  float: right;
}
#root #lbox div.zoom div.head a.quit {
  margin-right: 0;
  text-indent: -9000px;
  background-position: -38px 0;
}
#root #lbox div.zoom div.head a.quit:hover {
  background-position: -38px -19px;
}
#root #lbox div.zoom div.head a.quit {
  color: #fff;
  /*width: 18px;
  height: 18px;*/
  margin-top: 8px;
  /*font-size: 17px;
  line-height: 20px;
  text-align: center;
  font-weight: normal;
  border: 1px solid #999;
  background: none;*/
}
#lbox div.zoom div.foot p.long {
  width: 720px;
  color: #fff;
  padding-bottom: 5px;
  border-bottom: 1px solid #999;
}
#lbox div.zoom div.foot a {
  color: #fff;
  margin-top: 5px;
  font-size: 12px;
}
#lbox div.zoom div.foot a.prev {
  float: left;
  width: auto;
  text-align: left;
  padding-left: 16px;
  background-position: 2px 5px;
  background-repeat: no-repeat;
  background-image: url(/images/prev.png);
}
#lbox div.zoom p.swap span {
  color: #999;
  font-size: 12px;
}
#lbox div.zoom div.foot a.next {
  float: right;
  width: auto;
  text-align: right;
  padding-right: 16px;
  background-position: 40px 5px;
  background-repeat: no-repeat;
  background-image: url(/images/next.png);
}




/* @end */
/* MOOD TEST */
#slides,
#expo,
#slides > div,
#slides img {
  width: 100% !important;
  height: 100% !important;
}