/* * CMSBOX 2.2 * * * * * * * * *
*                               *
*   Content Management System   *
*   © 2007 Cmsbox GmbH, Bern    *
*   contact (at) cmsbox . com   *
*                               *
* * * * * * * * * * * * * * * * */
/* @group GLOBAL */
/* Fontface */


/* LAYOUT */
html,
body {
  color: #58595B;
  font-size: 17px;
  background: #fff;
  line-height: 1.5em;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  /*overflow-y: scroll;*/ 
}
/* @group WRAPPERS */
#bg-navigation,
#bg-content,
#aside,
#footer {
  float: left;
  min-width: 100%;
}
#bg-content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f4f4)); /* iPhone */
  background-image: -webkit-linear-gradient(top,#fff,#f4f4f4);
  background-image: -moz-linear-gradient(top,#fff,#f4f4f4);
  background-image: -ms-linear-gradient(top,#fff,#f4f4f4);
  background-image: -o-linear-gradient(top,#fff,#f4f4f4);
  background-image: linear-gradient(top,#fff,#f4f4f4);
}
#bg-navigation {
  border-bottom: 1px solid #cfcdcd;
  background: #f3f3f3 url(/images/bg-branding.png) repeat-x 0 0;
}
#supercont {
  position: relative;
  float: left;
  margin: 0 auto -250px; /* overwritten by script */
  min-width: 100%;
  min-height: 100%;
  overflow: hidden;
}
#footcont {
  position: relative;
  float: left;
  min-height: 100px;
  border-top: 1px solid #ddd;
}
.multimood {
  float: left;
  position: relative;
}
/* centered */
.desk {
  margin: 0 auto;
  width: 980px;
}
#navigation {
  position: relative; /* sub2 */
  height: 118px;
}
#aside {
  position: relative;
  border-top: 2px solid #222;
  background-color: #3d3d3d; /* fallback */
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4))),#3d3d3d url(/images/bg-base.png); /* iPhone */
  background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.4)),#3d3d3d url(/images/bg-base.png);
  background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.4)),#3d3d3d url(/images/bg-base.png);
  background: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.4)),#3d3d3d url(/images/bg-base.png);
} 
.subnavigation {
  float: left;
  margin-top: 26px;
  width: 210px;
}
/* CALLING */
#container-calling {
  position: relative;
  float: left;
  padding: 0 0 10px 0;
  min-width: 100%;
  min-height: 90px;
  border-top: 1px solid #cfcdcd;
  background: #f1f1f1 url(/images/container-b-calling-si.png) repeat-x 0 -118px;
}

#calling {
  /*overflow: hidden;*/
  width: 980px;
  margin: 0 auto;
}
#root div.east {
  /*float: right;*/
  min-height: 0;
  /*padding: 12px 0;*/
  position: relative;
  left: 50%;
  margin-left: -379px;
  /*margin-right: -12px;*/
}
#root #edit div.east {
  min-height: 100px;
}
/* @end */
#home {
  float: left;
  width: 100px;
  height: 98px;
  border: 1px #fff; /* hacks */
  border-style: none solid solid;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
  box-shadow: 0 1px 5px rgba(0,0,0,.2);
}
.logo {
  width: 100px;
  height: 98px;
  display: block;
}
#navigation a.auth { /* tag to overwrite button look padding */
  float: right;
  padding: 16px 10px 17px;
  /*right: 0;*/
  /*top: 10px;*/
  width: 4.2em;
  /*position: absolute;*/
  text-align: center;
  font-size: 13px;
  line-height: 13px;
}



/* TEXT EIGENSCHAFTEN */
#texteigenschaften {
  float: left;
  margin-bottom: 30px;
}
#texteigenschaften div.part {
  margin-top: 10px;
  margin-bottom: 10px;
}
#texteigenschaften div.part strong{
  font-weight: bold;
  font-style: normal;
}
#texteigenschaften div.part p.loud {
  margin-top: 0;
}

#texteigenschaften h3,
#texteigenschaften h4,
#texteigenschaften h5,
#texteigenschaften h6,
#texteigenschaften p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.6;
}

#texteigenschaften h3 {
  font-size: 40px;
}
#texteigenschaften h4 {
  font-size: 35px;
}
#texteigenschaften h5 {
  font-size: 30px;
}
#texteigenschaften h6 {
  font-size: 25px;
}

#texteigenschaften .skew {
  color: #6B8912;
  font-style: normal;
}

#texteigenschaften .pale {
  margin-top: 0 !important;
}

#texteigenschaften p.loud {
  background: #ccc;
  padding-left: 6px;
}
#texteigenschaften span.pseudolink {
  color: #6B8912;
}
#texteigenschaften span.pseudolink:hover {
  color: #666666;
  text-decoration: underline;
  cursor: pointer;
}

.contact {
  position: relative;
  float: right;
  margin: 7px 5px 0 0;
  z-index: 10;
}

#maincontent {
  float: right;
  width: 766px;
  margin-top: 10px;
}
.cb-layout1 #maincontent {
  float: left;
  width: 980px;
}
.cb-layout3 #maincontent {
  width: 764px;
}
#content {
  padding-bottom: 300px; /* overwritten by script */
}
#footer {
  position: relative;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f4f4)); /* iPhone */
  background-image: -webkit-linear-gradient(top,#fff,#f4f4f4);
  background-image: -moz-linear-gradient(top,#fff,#f4f4f4);
  background-image: -ms-linear-gradient(top,#fff,#f4f4f4);
  background-image: -o-linear-gradient(top,#fff,#f4f4f4);
  background-image: linear-gradient(top,#fff,#f4f4f4);
}
#cmsbox {
  position: absolute;
  right: -4px;
  bottom: 0;
  overflow: visible;
  padding-top: 87px;
  width: 268px;
  height: 37px;
  background: url(/images/systembycmsbox.png) no-repeat 100% 100%;
}
#cmsbox > .firm {
  position: relative;
  top: -2px;
  left: -25px;
  float: left;
  padding: 0;
  width: 180px;
  height: 30px;
  background: url(/images/boxbreit.png) no-repeat;
  text-indent: -9000px;
}
#services {
  display: inline;
}
#site-info {
  margin: 0 auto;
  padding: 0 0 2px;
  position: relative;
}
#leaves-b {
  display: none;
  position: absolute;
  top: 0;
  right: -85px;
  z-index: 2;
  width: 255px;
  height: 163px;
  background: url(/images/leaves.png) no-repeat;
}

#navi-fader {
  position: relative;
  width: 820px;
  -o-transition: all .218s;
  -moz-transition: all .218s;
  -webkit-transition: all .218s;
  transition: all .218s;
  margin-top: -44px;
  float: left;
  margin-left: 31%;
}
#bg-fader {
  float: left;
  width: 820px;
  -o-transition: all .218s ease-out;
  -moz-transition: all .218s ease-out;
  -webkit-transition: all .218s ease-out;
  transition: all .218s ease-out;
  padding-bottom: 30px;
  height: 230px;
  margin-bottom: 30px;
  /*background: url(/images/shadow-navi.png) no-repeat 0 100%;*/
}
.cb-layout1 #bg-fader:hover,
.cb-layout1 #bg-fader {
  height: 43px;
}

#bg-fader:hover {
  height: 230px;
  /*background: url(/images/shadow-navi.png) no-repeat 0 100%;*/

}
#contentwrapper {
  float: left;
  padding-top: 13px;
  width: 100%;
  background: url(/images/bg-contentwrapper.png) repeat-x;
}
.cb-layout1 #contentwrapper {
  padding-top: 60px;
}
/* @end */
/* @group MULTI-MOOD */
/* GENERAL */
#slides {
  height: 380px;
}
/* MOOD CONTAINER */
#expo {
  float: left;
  width: 980px;
  height: 380px;
  overflow: hidden; /* border-radius */
  position: relative;
  border-radius: 2px 2px 0 0;
}
/* IMAGE CONTAINER */
#slides {
  overflow: hidden;
  position: relative;
}
#slides img {
  display: block;
}
/* MOOD NAVIGATION */
#expo div.link a.link,
.cb-index-some {
  display: none; /* enable linked moods instead */
}
/* INDEX TABLE */
#expo .cb-index {
  opacity: 0;
  width: 100%;
  bottom: -2em;
  background: #333; /* fallback */
  position: absolute;
  border-collapse: collapse;
  background: rgba(0,0,0,.6);
  -o-transition: all .7s;
  -moz-transition: all .7s;
  -webkit-transition: all .7s;
  transition: all .7s;
}
#expo:hover .cb-index {
  bottom: 0;
  opacity: .8;
  -o-transition: all .218s;
  -moz-transition: all .218s;
  -webkit-transition: all .218s;
  transition: all .218s;
}
#expo .cb-index td {
  float: left;	
  width: 20px;
  text-align: center;
}
#expo .cb-index td a {
  color: #fff;
  display: block;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
}
#expo div.link .cb-index td.this a,
#expo div.link .cb-index td a:hover,
#expo div.link .cb-index td a:focus,
#expo div.link .cb-index td a:active {
  color: #222;
  text-decoration: none;
  background-color: #999; /* fallback */
  background-color: rgba(255,255,255,.5);
  -o-transition: all .218s;
  -moz-transition: all .218s;
  -webkit-transition: all .218s;
  transition: all .218s;
}
#expo div.link .cb-index td.this a {
  background-color: rgba(255,255,255,.6);
}
/* @end */
/* @group FORUM / DIALOG */
/* HEAD */
div.frum div.rss {
  top: 10px;
  right: 5px;
}
/* RESPONSE */
div.frum div.topi {
  background-color: #efefef;
  border-bottom: 1px solid #999;
}
div.frum div.pend,
div.dlog div.pend {
  color: #aaa;
}
/*#maincontent .edge div.pend {
  color: #ddd;
}*/
 /*RESP DATE*/ 
.resp .link p {
  opacity: .8;
  font-size: 14px;
}
/* BUTTONS */
div.frum div.ctrl a,
div.dlog div.ctrl a {
  color: #fff;
  border: 1px outset; /* color: partner */
}
div.frum div.ctrl a:active,
div.dlog div.ctrl a:active  {
  border-style: inset;
}
/* FOOT */
div.frum div.scan div.ctrl,
div.dlog div.scan div.ctrl {
  padding-bottom: .6em;
}
div.frum div.ctrl a.back, div.frum div.ctrl a.resp {
  width: inherit;
}
/* @end */
/* @group SHOP */
#root div.payp input.payp {
  box-shadow: none;
  -moz-transition: none;
}
/* @end */
/* @group NAVIGATION */
/* GENERAL */
.navi,
.navi > .item {
  float: left;
}
.menu {
  font-weight: 300;
  letter-spacing: .035em;
  -o-transition: background-color .16s;
  -moz-transition: background-color .16s;
  -webkit-transition: background-color .16s;
  transition: background-color .16s;
}
.menu:hover,
.menu:focus {
  text-decoration: none;
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}
.menu:active {
  color: #334b00;
}
.path,
.path:hover,
.path:focus,
.path:visited {
  color: #222;
}
/* LEVEL 1 */
/*div.sub1 {
  float: right;
  right: 14.2em;
  position: absolute;
  margin: 15px 5px 0 0;
}
div.sub1 > .item {
  border-right: 1px solid #bbb;
}
div.sub1 > .exit {
  border-right: none;
}
div.sub1 .menu {
  padding: 0 6px;
  font-size: 13px;
  line-height: 13px;
  text-transform: uppercase;
}
 hide only language 
#view .sub1 > .init.exit {
  display: none;
}*/
/* LEVEL 1 */
div.sub1 {
  /*bottom: -1px;
  left: 132px;*/
  float: left;
  margin-bottom: -1px;
  position: absolute;
  bottom: 0;
  left: 222px;
  z-index: 100;
  /*position: absolute !important;  important for edit mode*/ 
}
.cb-layout1 div.sub1 {
  /*display: none;*/
}
div.sub1 a.menu {
  font-size: 18px;
  text-align: center;
  padding: 0 14px 18px;
  text-shadow: 0 3px 4px rgba(0,0,0,.06);
}
div.sub1 .exit .menu {
  padding-right: 14px;
}
	
div.sub1 a.path,
div.sub1 a.path:hover,
div.sub1 a.path:focus,
div.sub1 a.path:active {
  color: #666;
  background: url(/images/sub2-path.png) no-repeat 50% 100%;
}
/* LEVEL 2 */
div.sub2,
div.sub2 .navi,
div.sub2 .item {
  width: 210px;
}
div.sub2 {
  width: 210px;
  margin-top: 37px;
}

/*div.sub2 div.item {
  position: relative;
}*/
div.sub2 .menu,
.north h3 > a {
  padding-left: 18px;
  background: url(/images/link.png) no-repeat 0;
  color: #666;
  font-size: 14px;
  line-height: 1.5;
  -webkit-transition: background-position .218s ease-out;
  -moz-transition: background-position .218s ease-out;
  -o-transition: background-position .218s ease-out;
  transition: background-position .218s ease-out;
}
div.sub2 a.here,
div.sub2 .menu:hover,
div.sub2 .menu:focus,
.north h3 > a:hover,
.north h3 > a:focus {
  background-position: 8px;
  color: #000;
  text-decoration: none; /* h3 > a */
  -webkit-transition-duration: .1s;
  -moz-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s;
}
div.sub2 .menu:active,
.north h3 > a:active {
  color: red !important;
}
div.sub2 a.here {
  font-weight: bold;
}
/* LEVEL 3 */
div.sub3 .menu {
  padding-left: 32px;
  background-position: 20px;
  font-size: 12px;
  line-height: 1.5;
}
div.sub3 a.path,
div.sub3 .menu:hover,
div.sub3 .menu:focus {
  background-position: 24px;
}

/* LEVEL 4 */
div.sub4 .menu {
  background: none;
  padding-left: 40px;
}



/* @end */
/* @group CONTENT */
/* HEAD */
#bg-title {
  float: left;
  width: 100%;
  border-bottom: 2px solid #ccc;
  /*margin-bottom: 13px;*/
}
#head {
  float: left;
  width: 980px;
  /*margin: 53px 0 0 20px;*/
}
/*.cb-layout1 #head {
  width: 780px;
  padding: 0 100px;
  margin-left: 0;
}*/
/*.cb-layout3*/ 
#head h1{
  padding: 17px 0 15px;
  text-align: center;
}
.cb-layout1 #head h1 {
  padding: 37px 0 35px;
}
h1 {
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2em;
  letter-spacing: .02em;
  /*text-transform: uppercase;*/

}
/*.cb-layout1 h1 {
  font-size: 50px;
  text-align: center;
  line-height: .8em;
}
.cb-layout1 h1 strong {
  font-size: 30px;
  font-style: normal;
  
}*/
h1 strong {
  color: #e02082;
  font-weight: normal;
  line-height: 1;
}
div.unit h2 {
  font-size: 30px;
  padding-top: 8px;
  font-weight: 300;
  line-height: 1.24em;
  letter-spacing: .02em;
  
}
div.seam h2 {
  font-size: 23px;
}
div.east div.unit h2 {
  font-size: 14px;
  text-align: center;
}
div.east div.link a.open {
  font-size: 13px;
  line-height: 1.4;
}
div.east div.unit div.part.link {
  margin: 3px 10px;
  background-position: 0 .2em;
}
div.side div.unit h2 {
  font-size: 16px;
}
div.base div.unit h2 {
  font-size: 17px;
  font-weight: 500;
}
/* custom SIDE & FARWEST (wide only) */
div.area {
  width: 220px;
}
div.area div.unit {
  margin: 10px 0;
}
div.area h2,
div.area div.foot {
  margin: 0 6px;
}
div.area div.part, 
div.area div.grid table {
  margin: 1.5em 6px;
}
div.area div.unit {
  width: 220px;
}
div.area div.unit table, 
div.area div.unit div.tall {
  width: 208px;
}
div.area div.unit div.tiny {
  width: 98px;
}
/* main */
div.main {
  width: 536px;
}
div.main div.unit {
  margin: 10px 12px;
}
div.main h2, 
div.main div.foot {
  margin: 0 8px;
}
div.main div.part, 
div.main div.grid table {
  margin: 1.5em 8px;
}
div.main div.wide {
  width: 512px;
}
div.main div.wide table, 
div.main div.wide div.tall {
  width: 496px;
}
div.main div.wide div.tiny {
  width: 240px;
}
div.main div.slim  {
  width: 244px;
}
div.main div.slim table, 
div.main div.slim div.tall {
  width: 228px;
}
div.main div.slim div.tiny {
  width: 106px;
}
/* LAYOUT 1 MAIN */
#root .cb-layout1 div.main {
  width: 980px;
}
#root .cb-layout1 div.main .unit {
  margin: 10px 0px;
  width: 980px;
}
#root .cb-layout1 div.main h2,
#root .cb-layout1 div.main div.foot {
  margin: 0 50px;
}
#root .cb-layout1 div.main .part,
#root .cb-layout1 div.main > .grid table {
  margin: 1.5em 50px;
  width: 880px;
}
#root .cb-layout1 div.main .tiny {
  width: 390px;
}
#root .cb-layout1 div.main .slim {
  width: 490px;
}
#root .cb-layout1 div.main .slim .part,
#root .cb-layout1 div.main .slim.grid table {
  width: 390px;
}
#root .cb-layout1 div.main .slim .tiny {
  width: 145px;
}
#root .cb-layout1 div.main div.wide div.tall {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
/* layout3 main */
.cb-layout3 div.main {
  width: 776px;
}
.cb-layout3 div.main div.unit {
  margin: 10px;
}
.cb-layout3 div.main h2, 
.cb-layout3 div.main div.foot {
  margin: 0 8px;
}
.cb-layout3 div.main div.part, 
.cb-layout3 div.main div.grid table {
  margin: 1.5em 8px;
}
.cb-layout3 div.main div.wide {
  width: 756px;
}
.cb-layout3 div.main div.wide table, 
.cb-layout3 div.main div.wide div.tall {
  width: 740px;
}
.cb-layout3 div.main div.wide div.tiny {
  width: 362px;
}
.cb-layout3 div.main div.slim  {
  width: 368px;
}
.cb-layout3 div.main div.slim table, 
.cb-layout3 div.main div.slim div.tall {
  width: 352px;
}
.cb-layout3 div.main div.slim div.tiny {
  width: 168px;
}
/* custom base (wide thirds only) */
div.base {
  width: 1008px;
}
div.base div.unit {
  margin: 10px 12px;
}
div.base h2,
div.base div.foot {
  margin: 0 5px;
}
div.base div.part,
div.base div.grid table {
  margin: 3px 5px;
}
div.base div.unit {
  width: 312px;
}
div.base div.unit table,
div.base div.unit div.tall {
  width: 302px;
}
div.base div.unit div.tiny {
  width: 146px;
}
#root div.base div.lead {
  margin-bottom: 5px;
}
/* EAST */
div.east {
  width: 758px;
}
div.east div.unit {
  width: 758px;
}
div.east div.unit {
  margin: 5px 0px;
  width: 758px;
}
div.east div.unit h2,
div.east div.unit div.foot {
  margin: 0 10px;
}
div.east div.unit div.part,
div.east div.unit div.grid table {
  margin: 1.5em 10px;
  width: 738px;
}
div.east div.unit div.tiny {
  width: 359px;
}
div.east div.unit.slim {
  width:  758px;
}
div.east div.unit.slim div.part,
div.east div.unit.slim.grid table {
  width: 738px;
}
div.east div.unit.slim div.tiny {
  width: 232px;
}
/* custom north */
div.north,
div.north > div.unit,
div.north h2, 
div.north .foot,
div.north div.part {
  margin: 0;
  width: 160px;
  border: 0;
}
div.north,
div.north > div.unit,
div.north h2, 
div.north .foot,
div.north div.part {
  margin: 0;
  width: 100% !important;
  border: 0;
}
/* AREA PLACEMENT */
#root div.side {
  float: right;
}
#root div.area div.link {
  margin-top: .2em;
  margin-bottom: .2em;
}
#root div.farwest {
  clear: left;
  min-height: 0;
  margin-left: -6px; /* part margin */
}
#edit div.farwest {
  min-height: 50px;
}
.cb-layout1 div.side,
.cb-layout1 div.farwest {
  display: none;
}
#root div.base {
  min-height: 100px;
  margin-left: -17px;
  padding-bottom: 10px;
}
.cb-layout1 div.main {
  margin-top: 30px;
  
}
#root #view div.area {
  min-height: 0;
}
/* @end */
/* @group UNITS */
/*  RESET */
div.unit,
div.unit div.head,
div.unit div.head h2 {
  color: #58595B;
  border: none;
  background: transparent;
}

/* SEAM */
#container-calling .seam div.body {
    padding-top: 10px;
  padding-bottom: 10px;
}
#container-calling .seam div.body,
#maincontent .seam {
  /*margin-right: 30px;*/
  background-color: #f7f7f7;
  border-radius: 6px;
  -webkit-box-shadow: 1px 4px 8px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.06); /* ios & android */
  box-shadow: 1px 4px 8px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.06);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#f3f3f3)); /* iPhone */
  background-image: -webkit-linear-gradient(top,#fefefe,#f3f3f3);
  background-image: -moz-linear-gradient(top,#fefefe,#f3f3f3);
  background-image: -ms-linear-gradient(top,#fefefe,#f3f3f3);
  background-image: -o-linear-gradient(top,#fefefe,#f3f3f3);
  background-image: linear-gradient(top,#fefefe,#f3f3f3);
  box-shadow: inset 0 0 0 1px #aaa;
}
.cb-layout1 #maincontent .seam {
    border-radius: 25px;
}
/* FLAT */
#root div.area div.flat {
  margin-top: 30px;
}
/*#maincontent .flat {
  color: #e6e6e6;
  border-radius: 6px;
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.3);   
  box-shadow: 1px 1px 4px rgba(0,0,0,.3);
  background-color: #414141;
  background-image:  -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));   
  background-image: -webkit-linear-gradient(top,#555,#333);
  background-image: -moz-linear-gradient(top,#555,#333);
  background-image: -ms-linear-gradient(top,#555,#333);
  background-image: -o-linear-gradient(top,#555,#333);
  background-image: linear-gradient(top,#555,#333);
}
#maincontent .flat .head {
  background-color: #333;
  border-radius: 6px 6px 0 0;
}
#maincontent .flat div.head h2 {
  margin: 0;
  color: #f5f5f5;
  font-size: 18px;  smaller 
  line-height: 1.24em;
  padding: 4px 8px .4em;
  letter-spacing: .04em;
  border-bottom: 1px solid #777;
}
#maincontent .flat .body {
  text-shadow: 1px 2px 2px rgba(0,0,0,.6);
}
#maincontent .flat .cb-count {
  color: #e6e6e6;
}*/

/*=========================================================================================*/
/* EDGE */
#root div.flat div.pict,
#root div.edge div.pict {
  margin-left: -10px;
}
#root div.main div.pict {
  margin-top: 20px;
  margin-bottom: 20px;
}
/*#maincontent .edge {
  color: #fff;
  margin-bottom: 4em;
  border-radius: 6px 22px;
  background-color: #6b8912;
  text-shadow: 1px 2px 2px rgba(0,0,0,.12);
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,.3), -1px 5px 5px 0 rgba(255,255,255,.6) inset;
  box-shadow: 0 0 2px rgba(0,0,0,.3), -1px 5px 5px 0 rgba(255,255,255,.6) inset;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3e5103), to(#6b8912));  iPhone 
  background-image: -webkit-linear-gradient(top,#3e5103,#6b8912);
  background-image: -moz-linear-gradient(top,#3e5103,#6b8912);
  background-image: -ms-linear-gradient(top,#3e5103,#6b8912);
  background-image: -o-linear-gradient(top,#3e5103,#6b8912);
  background-image: linear-gradient(top,#3e5103,#6b8912);
}
#maincontent .edge:after {
  top: 3em;
  width: 0;
  height: 0;
  right: 30px;  = border-radius 
  content: '';
  float: right;
  position: relative;
  margin: -3em 0 0 -3em;
  border-top: 3em solid #6b8912;
  border-left: 3em solid transparent;
}
#maincontent .edge .head h2 {
  color: #fff;
  font-size: 32px;
  line-height: 1em;
  padding-top: 12px;
  font-family: 'Bangers', cursive;
  text-shadow: 1px 2px 2px rgba(0,0,0,.3);
}*/
/* EDGE images */
/*#maincontent .edge .pict:first-child img,
#maincontent .edge .crossslideContainer:first-child img {
  border-top-left-radius: 6px;
}
#maincontent .edge .pict.tall:first-child img,
#maincontent .edge .crossslideContainer:first-child img {
  border-top-right-radius: 22px;
}
#maincontent .edge .head + .body .pict.tall:first-child img {
  border-radius: 0;
}
#maincontent .edge .pict:last-child img,
#maincontent .edge .crossslideContainer:last-child img {
  border-bottom-right-radius: 6px;
}
#maincontent .edge .pict.tall:last-child img,
#maincontent .edge .crossslideContainer:last-child img {
  border-bottom-left-radius: 22px;
}*/
/* EDGE LINKS */
/*#maincontent .edge .open,
#maincontent .edge .load {
  color: #fff;
  text-decoration: underline;
  background-color: transparent;
}
#maincontent .edge .open:hover,
#maincontent .edge .open:focus,
#maincontent .edge .load:hover,
#maincontent .edge .load:focus {
  text-decoration: none;
}*/
/* EDGE FORUM */
/*#maincontent .edge .topi .cb-hybrid {
  color: #fff;
}
#maincontent .edge .foot .scan {
  padding: 1em 0;
}
#maincontent .edge.frum:after,
#maincontent .edge.dlog:after {
  margin-top: 1em;
}*/
/* FARWEST UNITS */
.farwest .unit {
  color: #5c5c5c;
  font-size: 15px;
  line-height: 1.4em;
}
.farwest .lead {
  color: #444;
}
/* BASE UNITS */
.base > .unit,
.base > .unit > .head > h2,
.base .form .head h2 {
  color: #999;
  text-shadow: 0 1px 4px rgba(0,0,0,.6);
}
.base .unit .head h2 {
  color: #ccc;
}
#edit .base > .unit,
#edit .base > .unit > .head > h2,
#edit .base .form .head h2 {
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
#root div.area div.pict img {
  margin-bottom: 10px;
}
/* Units Startseite */
/*.cb-layout1 div.part.pict {
   Firefox v3.5+ 
-moz-box-shadow:0px 0px 7px rgba(0,0,0,0.65);
 Safari v3.0+ and by Chrome v0.2+ 
-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.65);
 Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ 
box-shadow:0px 0px 7px rgba(0,0,0,0.65);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#a5000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#a5000000,Positive=true);
  border-radius: 27px;
  border: 1px solid #fff;

}
.cb-layout1 div.part.pict:hover {
     Firefox v3.5+ 
-moz-box-shadow:0px 0px 7px rgba(0,0,0,0);
 Safari v3.0+ and by Chrome v0.2+ 
-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0);
 Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ 
box-shadow:0px 0px 7px rgba(0,0,0,0);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#a5000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#a5000000,Positive=true);
opacity: .7;
border: 1px solid #6b8912;

}*/

/* North units (Search unit) */
.north form > div.body {
  margin: 0;
}
.north form > div.foot {
  margin: 0;
  padding: 0;
}
.north input.text {
  float: none;
  padding: 1px 4px 1px 20px;
  width: 180px !important;
  height: 20px;
  border: 1px solid #b9b8b8;
  border-radius: 1px;
  background: #fff url(/images/find.gif) no-repeat 3px 4px !important;  
  box-shadow: 0 0 0 #eee, 0 0 5px rgba(0,0,0,.2) inset;
  -webkit-transition: border-color .218s;
  -moz-transition: border-color .218s;  
  -o-transition: border-color .218s;
  transition: border-color .218s;
  -webkit-appearance: none;
}
.north fieldset > span {
  font-size: 12px;
}
.north fieldset > span:empty {
  display: none;
}
.north a.cb-hybrid:hover,
.north a.cb-hybrid:focus {
  color: #333;
  text-decoration: none;
}
.north a.cb-hybrid:active {
  color: red;
}
.north .text:focus {
  border-color: #999;
}

.north .cb-result {
  overflow: auto;
  width: 100%;
  max-height: 460px;
  background-repeat: no-repeat;
  background-color: #fcfcfc;
  background-size: 100% 40px, 100% 40px, 100% 10px, 100% 10px;
  
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}
.north .cb-result:not(:empty) {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}
.north h3 {
  line-height: 1.2;
  margin: .5em 0 .1em;
}
.north h3 > a {
  display: block;
}
.north h3 > :active {
  color: red;
}
.north h3 > a:visited {
  color: #58595b;
}
.north .norm {
  color: #aaa;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  max-width: 95%;
  font-size: 12px;
  line-height: 1.45;
}


/* Startseite North */

.cb-layout1 div.north {
  position: absolute;
  left: 0;
  top: 260px;
  width: 100%;
  z-index: 2;
}
.cb-layout1 div.north div.part {
  /*background: rgba(255,255,255,.5);*/
  /*padding-top: 40px;
  padding-bottom: 40px;*/
}
#root .cb-layout1 div.north div.part.scan input.text {
  float: none;
  display: block;
  margin: 0 auto;
  width: 500px !important;
  font-size: 20px;
  background: rgba(255,255,255,1) url(/images/find.png) no-repeat 100% 0  !important;
  line-height: 3;
  padding-top: 0;
  border-radius: 10px;
  padding-bottom: 0;
  height: 60px;
  position: relative;
  z-index: 3;
  padding-right: 81px;
  margin-bottom: -6px;
  /*border: 10px solid #333 !important;*/
  -webkit-box-shadow: none;
  border: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #root .cb-layout1 div.north div.part.scan input.text {
    padding-left: 0;
    padding-right: 80px;
    height: 60px;
    width: 500px !important;
    white-space: nowrap;
  }
  .north input.text {
    width: 100% !important;
    /*padding-left: 152px;*/
    height: 24px;
  }
}

#root .cb-layout1 div.north div.part.scan fieldset {
  text-align: center;
}
#root .cb-layout1 div.north div.part.scan fieldset span {
  position: relative;
  z-index: 2;
}
#root .cb-layout1 div.north div.cb-result {
  width: 422px;
  margin: 0 auto;
  position: relative;
  top: -44px;
  padding-top: 44px;
  padding-left: 21px;
  padding-right: 21px;
  border-width: 0 1px 1px 1px;
  box-shadow: 0 0 10px rgba(0,0,0,.3);
  border: none;
  background: #fff;
}
#root .cb-layout1 div.north div.cb-result div.part {
  padding-top: 0;
  padding-bottom: 0;
}
#root .cb-layout1 div.north div.cb-result div.part {
  padding-top: 5px;
}

/* FIX AUTH FOOT BUTTON */
#root .unit .auth div.foot {
  margin-right: 0;
}
/* @end */
/* @group PARTS */
/* LEAD */
/*#content div.lead {
  margin-top: .7em;
}*/
#content div.lead:first-child {
  margin-top: .4em; /* standard margin for first lead */
}
#content div.lead + .text.tiny + .text.tiny,
#content div.lead + .text {
  margin-top: .2em;
}
#content h3,
h4,
h5,
h6 {
  font-weight: 300;
  letter-spacing: .02em;
}
h3 {
  font-size: 23px;
  margin-top: 20px;
  margin-bottom: 8px;
  line-height: 1.2em;
}
#maincontent h6 {
  font-size: 26px;
}
h4 {
  font-size: 23px;
  margin-top: 0;
}
h5 {
  letter-spacing: .03em;
}
h5,
h6 {
  font-size: 17px;	
  font-weight: 400;
  line-height: 1.2em;
}
h2 strong,
.lead strong {
  font-weight: 300;
  font-style: italic;
}
#root .cb-layout1 div.area div.wide h2 {
  margin-left: 0;
  margin-right: 0;
  width: 100%;  
}
.lead h5 strong {
  font-weight: 400;
}
/*.flat .lead strong {
  color: #555;
  background: #ccc;
  text-shadow: none;
  padding: 0 .2em 0 .1em;
}*/
#aside .lead strong {
  color: #aaa;
  background: none;
}
/*#maincontent .edge h2 strong,
#maincontent .edge .lead strong {
  background: none;
}*/
/* TEXT */
div.text p.pale {
  color: #777;
  font-size: 14px;
  font-weight: 300;
}

#view div.text p.pale {
  margin-top: -40px;
}

div.text p.norm,
div.text p.loud {
  line-height: 30px;
  font-weight: 300;
}
.cb-layout1 div.unit,
.cb-layout1 div.unit div.text p.norm {
  font-size: 21px;
  line-height: 1.6;
}
.pale strong {
  font-weight: 500;
}
div.text p.skew {
  font-size: 17px;
  letter-spacing: .02em;
  font-family: Georgia, serif;
}
#view .text {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
div.text p.loud {
  color: #444;
  background: none;
  box-shadow: inset 5px 0 0 0 #ccc;
  padding-left: 20px;
}
#content .loud {
  margin-top: -30px;
  /*background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ccc));   
  background-image: -webkit-linear-gradient(top,#f6f6f6,#ccc);
  background-image: -moz-linear-gradient(top,#f6f6f6,#ccc);
  background-image: -ms-linear-gradient(top,#f6f6f6,#ccc);
  background-image: -o-linear-gradient(top,#f6f6f6,#ccc);
  background-image: linear-gradient(top,#f6f6f6,#ccc);
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1) inset;
  box-shadow: 0 2px 3px rgba(0,0,0,.1) inset;*/
}
/*#maincontent .edge .loud,
#maincontent .flat .loud {
  text-shadow: none;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1),0 1px 1px rgba(255,255,255,.5) inset;
  box-shadow: 0 2px 3px rgba(0,0,0,.1),0 1px 1px rgba(255,255,255,.5) inset;
}*/
/*#maincontent .flat .loud {
  background-color: #ccc;
}*/
/*#maincontent .edge .loud .open {
  color: #444;
}*/
#aside .loud {
  color: #3d3d3d;
  background-color: #999;
  text-shadow: 0 1px 1px rgba(255,255,255,.5), 0 -1px 1px rgba(100,100,100,.25);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.05);
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa)); /* iPhone */
  background-image: -webkit-linear-gradient(top,#ddd,#aaa);
  background-image: -moz-linear-gradient(top,#ddd,#aaa);
  background-image: -ms-linear-gradient(top,#ddd,#aaa);
  background-image: -o-linear-gradient(top,#ddd,#aaa);
  background-image: linear-gradient(top,#ddd,#aaa);
}
#root .loud .open {
  background-color: transparent;
}
#aside .loud .open {
  color: #3d3d3d;
  text-decoration: underline;
}
#aside .loud .open:hover,
#aside .loud .open:focus {
  color: #222;
  text-decoration: none;
}
/*#maincontent .edge .pale {
  color: #fff;
}*/
/* LINK / FILE */
a,
div.link a.open,
a.open,
a.load {
  color: #6b8912;
  text-decoration: none;
}
a:hover,
a:focus,
div.link a.open:hover,
div.link a.open:focus,
a.load:hover,
a.load:focus {
  color: #666666;
  text-decoration: underline;
}
#root a.null:hover {
  text-decoration: none;
}
/* LINKS */
div.link a.open {
  margin-left: 14px;
}
div.side div.link a.open {
  font-size: 12px;
  line-height: 1.4;
}
div.side div.part.link {
  margin-top: 0;
  margin-bottom: 0;
  background-position: 0 3px;
}
div.link {
  background-position: 0 .4em;
}
/*#maincontent .edge .body div.link {  body to not target rss-link in forum 
  background-image: url(/images/link-white.png);
}
#maincontent .edge div.mail {
  background-image: url(/images/mail-white.png);
}*/
div.load {
  background-position: 0 .35em;
}
/*#maincontent .edge div.rss,*/
.base div.rss {
  background-image: url(/icon-link/rss_small.gif);
}
/* PICT */
div.unit div.crop {
  height: 320px;
}
/* LIST */
div.list p.item {
  list-style-image: url(/icon-link/list.gif);
}
/*#root .list {
  margin-bottom: 1.5em;
}*/
/* LINE */ 
div.line hr  {
  color: #ddd;
  border-bottom-color: #ddd;
}
#content .lead + .line {
  margin-top: 7px;
}
#aside hr {
  color: #666;
  border-bottom-color: #666;
}
/* TABLES */
div.grid table th {
  border-color: #ddd;
}
div.grid table td {
  border-color: #ddd;
  border-style: solid;
}
.base .grid table th {
  font-weight: 500;
  border-color: #888;
}
.base .grid table td {
  border-color: #555;
}
/*#maincontent .edge table td {
  border-color: rgba(0,0,0,.2);
}*/
div.grid table thead th,
div.grid table thead td,
div.grid table tfoot td {
  background: #e7e7e7;
}
/*#maincontent .grid.flat table thead th,
#maincontent .grid.flat table thead td,
#maincontent .grid.flat table tfoot td {
  text-shadow: none;
  background: #2c2c2c;  fallback 
  background: rgba(0,0,0,.3);
}*/
div.grid table.vert tbody.beam td.odd,
div.grid table.horz tbody.beam tr.odd td {
  background: #f2f2f2;
}
/*#maincontent .flat table.vert tbody.beam td.odd,
#maincontent .flat table.horz tbody.beam tr.odd td {
  background: #393939;  fallback 
  text-shadow: none;
  background: rgba(0,0,0,.15);
}*/
/*#maincontent .grid.edge table thead th,
#maincontent .grid.edge table thead td,
#maincontent .grid.edge table tfoot td {
  background: #9e5f85;  fallback 
  background: rgba(0,0,0,.13);
}
#maincontent .edge table.vert tbody.beam td.odd,
#maincontent .edge table.horz tbody.beam tr.odd td {
  text-shadow: none;
  background: #bd075d;  fallback 
  background: rgba(0,0,0,.05);
}*/
.base .grid table thead th,
.base .grid table thead td,
.base .grid table tfoot td {
  color: #bbb;
  background: #555;
}
/* @group ALBUM */
/* ALBUM */
div.cb-strips div.scan a.prev,
div.cb-strips div.scan div.prev,
div.cb-strips div.scan a.next,
div.cb-strips div.scan div.next {/* default.css ! */
  width: 20px;
  height: 32px;
  margin-top: 10px;
}
div.cb-strips div.scan td.prev > div.prev {
  background: url(/images/prev-next.png) no-repeat 0 0;
}
div.cb-strips div.scan td.prev a.prev {
  background: url(/images/prev-next.png) no-repeat 0 -32px;
}
div.cb-strips div.scan td.prev a.prev:hover,
div.cb-strips div.scan td.prev a.prev:focus {
  background-position: 0 -64px;
}
div.cb-strips div.scan td.prev a.prev:active {
  background-position: 0 -96px;
}
div.cb-strips div.scan td.next > div.next {
  background: url(/images/prev-next.png) no-repeat -20px 0;
}
div.cb-strips div.scan td.next a.next {
  background: url(/images/prev-next.png) no-repeat -20px -32px;
}
div.cb-strips div.scan td.next a.next:hover,
div.cb-strips div.scan td.next a.next:focus {
  background-position: -20px -64px;
}
div.cb-strips div.scan td.next a.next:active {
  background-position: -20px -96px;
}
#root div.foto > div.body > div.desc {
  padding-top: 10px;
}
.cb-strips p.norm > a.open {
  margin-left: 0;
  font-size: 16px;
  padding-left: 22px;
  background: url(/images/link.png) no-repeat 0 3px;
}
.cb-strips p.norm > span {
  display: block;
  margin-top: 10px;
}
div.foto > a.foto > img,
div.foto > span.foto > img {
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.15);
  box-shadow: 0 0 4px rgba(0,0,0,.15);
}
div.cb-strips div.scan > table {
  border: none;
}
div.foto div.head div.ctrl {
  top: 8px;
  right: 8px;
  width: 40px;
  position: absolute;
  background-color: transparent;
}
div.foto div.head div.ctrl div.prev,
div.foto div.head div.ctrl div.next,
div.foto div.head div.ctrl div.prev a,
div.foto div.head div.ctrl div.next a {
  background-image: url(/images/prev-next-small.png);
}
div.zoom div.head div.ctrl div.prev {
  height: 20px;
  width: 18px;
  background: url(/images/lb-ctr.png) no-repeat 0 0;
}
div.zoom div.head div.ctrl div.prev a {
  width: 18px;
  height: 20px;
  display: block;
  text-indent: -9000px;
  background: url(/images/lb-ctr.png) no-repeat 0 0;
}
div.zoom div.head div.ctrl div.prev a:hover,
div.zoom div.head div.ctrl div.prev a:focus {
  background-position: 0 0;
}
div.zoom div.head div.ctrl div.next {
  width: 18px;
  height: 20px;
  background: url(/images/lb-ctr.png) no-repeat -18px 0 ;
}
div.zoom div.head div.ctrl div.next a {
  width: 18px;
  height: 20px;
  display: block;
  background: url(/images/lb-ctr.png) no-repeat -18px 0;
  text-indent: -9000px;
}
div.zoom div.head div.ctrl div.next a:hover,
div.zoom div.head div.ctrl div.next a:focus {
  opacity: .75;
  background-position: -18px 0;
}
div.cb-strips div.scan td.prev {
  float: left;
}	
div.cb-strips div.scan td.next {
  float: right;
}
/* @end */
/* Formulare */
textarea {
  resize: none;
}
#root input.submit,
#root button.cb-hybrid,
#navigation .auth,
#disp.mayo p.buttons input.save,
#root .dlog .foot .ctrl .cb-hybrid,
#root .frum .foot .ctrl .cb-hybrid,
.cb-cropmode a,
#root .cb-photoeditor .button,
.cb-cropper {
  color: #fff;
  padding: .3em .7em;
  border-radius: 2px;
  border: 1px solid #ddd;
  border-color: rgba(255,255,255,.2); /* hacks fallback-color: partner */
  text-shadow: 1px 2px 2px rgba(0,0,0,.3);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.2) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.2) inset;
}
#root input.submit,
#root button.cb-hybrid,
#navigation .auth,
#disp.mayo p.buttons input.save,
#disp.shop .submit, /* overwrite partner colors */
#root .dlog .foot .ctrl .cb-hybrid,
#root .frum .foot .ctrl .cb-hybrid {
  background-color: #83003b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bd075d), to(#83003b)); /* iPhone */
  background-image: -webkit-linear-gradient(top,#bd075d,#83003b);
  background-image: -moz-linear-gradient(top,#bd075d,#83003b);
  background-image: -ms-linear-gradient(top,#bd075d,#83003b);
  background-image: -o-linear-gradient(top,#bd075d,#83003b);
  background-image: linear-gradient(top,#bd075d,#83003b);
}
.cb-cropper,
.cb-cropcancel,
.cb-cropaccept {
  font-size: 14px;
}
.cb-cropmode .cb-cropcancel,
.cb-cropmode .cb-cropaccept {
  padding: .3em 6px;
}
#root input.submit:hover,
#root input.submit:focus,
#root button.cb-hybrid:hover,
#root button.cb-hybrid:focus,
#navigation .auth:hover,
#navigation .auth:focus,
#disp.mayo p.buttons input.save:hover,
#disp.mayo p.buttons input.save:focus,
#disp.shop .submit:hover,
#disp.shop .submit:focus, /* overwrite partner colors */
#root .dlog .foot .ctrl .cb-hybrid:hover,
#root .dlog .foot .ctrl .cb-hybrid:focus,
#root .frum .foot .ctrl .cb-hybrid:hover,
#root .frum .foot .ctrl .cb-hybrid:focus,
.cb-cropmode a:hover,
.cb-cropmode a:focus,
#root .cb-photoeditor .button:hover,
#root .cb-photoeditor .button:focus {
  color: #fff; /* for cropper */
  border-color: #999;
  text-decoration: none;
  border-color: rgba(100,100,100,.2);
  text-shadow: 1px 0 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.2) inset;
  box-shadow: 0 1px 1px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.2) inset;
  background-color: #83003b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bd075d), to(#83003b)); /* iPhone */
  background-image: -webkit-linear-gradient(top,#bd075d,#83003b);
  background-image: -moz-linear-gradient(top,#bd075d,#83003b);
  background-image: -ms-linear-gradient(top,#bd075d,#83003b);
  background-image: -o-linear-gradient(top,#bd075d,#83003b);
  background-image: linear-gradient(top,#bd075d,#83003b);
}
.cb-cropper:hover,
.cb-cropper:focus {
  color: #fff;
  background-color: #bd075d;
}
#root input.submit:active,
#root button.cb-hybrid:active,
#navigation .auth:active,
#disp.mayo p.buttons input.save:active,
#root .dlog .foot .ctrl .cb-hybrid:active,
#root .frum .foot .ctrl .cb-hybrid:active,
#root .cb-cropmode a:active,
#root .cb-photoeditor .button:active {
  border-color: #666;
  border-color: rgba(100,100,100,.5);
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #bd075d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#83003b), to(#bd075d)); /* iPhone */
  background-image: -webkit-linear-gradient(top,#83003b,#bd075d);
  background-image: -moz-linear-gradient(top,#83003b,#bd075d);
  background-image: -ms-linear-gradient(top,#83003b,#bd075d);
  background-image: -o-linear-gradient(top,#83003b,#bd075d);
  background-image: linear-gradient(top,#83003b,#bd075d);
}
.cb-cropper:active {
  color: #fff;
  background-color: #83003b;
}
#aside input.text,
#aside input.sign,
#aside input.password,
#aside textarea.text,
#aside textarea.sign {
  color: #aaa;
  border-color: #555;
  border-radius: 2px;
  background-color: #333;
  background-image: none;
  -o-transition: all .2s;
  -moz-transition: all .2s;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
#aside input.text:hover,
#aside input.text:focus,
#aside input.sign:hover,
#aside input.sign:focus,
#aside input.password:hover,
#aside input.password:focus,
#aside textarea.text:hover,
#aside textarea.text:focus,
#aside textarea.sign:hover,
#aside textarea.sign:focus {
  color: #b1b1b1;
  border-color: #616161;
  background-color: #414141;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
  box-shadow: 0 1px 2px rgba(0,0,0,.5);
}
#root .fail {
  text-shadow: none;
}
/* @group FONTS */
/*#maincontent .pure h6 {
  font-size: 18px;
  line-height: 1.3em;
  font-family: 'Coustard', serif;
}
#maincontent .seam h6 {
  font-size: 24px;
  line-height: 1.3em;
  font-family: 'Rochester', cursive;
}
#maincontent .flat h6 {
  font-size: 20px;
  line-height: 1.3em;
  font-family: 'Indie Flower', cursive;
}
#maincontent .edge h6 {
  font-size: 34px;
  line-height: 1em;
  font-family: 'Bangers', cursive;
}*/
/* @end */
/* @group FILTER */
/* FILTER */
div.this a.same,
div.this li.same,
div.this td.same,
div.this span.same {
  color: #6B8912;
  border-radius: 2px;
  text-decoration: none;
}

#root div.tabs td, #root div.time td, #root div.beta td {
  text-align: left;
}
div.scan a.same,
div.scan li.same,
div.scan td.same,
div.scan span.same {
  background: transparent;
}
div.scan span.same,
div.beta table td.same {
  color: #fff;	
  background: #bd075d;
}
/* SCAN */
.cb-matrix .scan table td {
  padding: 0 4px;
  display: inline;
  text-align: center;
}
.beta td {
  border-radius: 4px 4px 2px 2px;
}
#content .beta table td span {
  padding: 0;
}
#content .beta td.same .cb-hybrid {
  color: #fff;
}
.scan td .cb-hybrid {
  padding: 0 3px;
}
.beta td .cb-hybrid {
  padding: 0;
}
.epoc td .cb-hybrid {
  padding-left: 0;
}
.scan colgroup {
  display: none;
}
.main div.scan li,
.main div.scan span {
  padding: 0 .21em;
}
.scan table td .same {
  padding: 0 .3em;
}
.scan table td .foto.same,
.scan table td .same {
  padding: 0;
}
.unit div.scan li,
.unit div.scan span {
  padding: 0 3px;
}
.cats li .cb-hybrid {
  color: inherit;
}
/*#content #maincontent .edge .cats p .cb-hybrid:hover,
#content #maincontent .edge .cats p .cb-hybrid:focus {
  color: #fff;
}*/
.cats .cb-count {
  color: #444;
}
#root #content div.cats a:hover, #root #content div.cats a:focus {
  color: #bd075d;
}
/* Album */
.foto .scan td {
  padding: 0;
  float: none;
  width: auto;
  margin-right: 0;
  display: inline-block;
}
#root td span.foto {
  padding: .03em;
}
/* EDGE FILTER LINKS (Inverted) */
/*#maincontent .edge .scan .cb-hybrid,
#maincontent .edge .cb-count {
  color: #333;
}
#maincontent div.edge .scan span.same,
#maincontent .edge .beta table td.same {
  color: #fff;	
  background: #333;
}
#maincontent .edge .beta table td.same a {
  color: #fff;
}
#maincontent .edge .epoc table tr td.same a,
#maincontent .edge .epoc table tr td.same span,
#maincontent .edge .year table tr td.same span,
#maincontent .edge .week table tr td.same span,
#maincontent .edge .days table tr td.same span {
  background: #eee;
  border-color: #999;
}*/
/* @group CHRONOLOGISCH */
.unit .week th span,
.week th .cb-hybrid,
.unit .days th span,
.days th .cb-hybrid,
.unit .mese th span,
.mese th .cb-hybrid,
.unit .year th span,
.year th .cb-hybrid,
.unit .epoc th span,
.epoc th .cb-hybrid {
  padding: 0;
  font-weight: 400;
}
.week tr,
.days tr,
.year tr,
.epoc tr {
  float: left;
  width: 100%;
  margin-bottom: 3px;
}
.week td .cb-count,
.week td .cb-hybrid,
.week .same span,
.days td .cb-count,
.days td .cb-hybrid,
.days .same span,
.year td .cb-count,
.year td .cb-hybrid,
.year .same span,
.epoc td .cb-count,
.epoc td .cb-hybrid,
.epoc .same span {
  background: #eee;
  border: 1px #ddd;
  border-style: solid none solid solid;
}
.week .same span,
.days .same span,
.year .same span,
.epoc .same span,
.epoc .same .cb-hybrid {
  border-color: #c6c6c6;
}
.week .same span:first-child,
.days .same span:first-child,
.year .same span:first-child,
.epoc .same span:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.week td .cb-hybrid,
.days td .cb-hybrid,
.year td .cb-hybrid,
.epoc td .cb-hybrid,
.time td .cb-hybrid {
  color: inherit;
}
.week td .cb-count,
.days td .cb-count,
.year td .cb-count,
.epoc td .cb-count {
  border-left: none;
}
.unit .week td span,
.week td .cb-hybrid,
.unit .days td span,
.days td .cb-hybrid,
.unit .year td span,
.year td .cb-hybrid,
.unit .epoc td span,
.epoc td .cb-hybrid {
  padding: .2em .4em;
}
.week td span:last-child,
.week td .cb-hybrid:last-child,
.days td span:last-child,
.days td .cb-hybrid:last-child,
.year td span:last-child,
.year td .cb-hybrid:last-child,
.epoc td span:last-child,
.epoc td .cb-hybrid:last-child {
  border-right-style: solid;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.week td.same span:first-child,
.week td .cb-hybrid,
.days td.same span:first-child,
.days td .cb-hybrid,
.year td.same span:first-child,
.year td .cb-hybrid,
.epoc td.same span:first-child,
.epoc td .cb-hybrid {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.scan td span.cb-count {
  border-left: none;
}
.epoc tbody .cb-hybrid:hover,
.epoc tbody td.same,
.year tbody .cb-hybrid:hover,
.year tbody td.same,
.week tbody .cb-hybrid:hover,
.week tbody td.same,
.days tbody .cb-hybrid:hover,
.days tbody td.same,
.time tbody .cb-hybrid:hover,
.time tbody td.same,
.mese tbody .cb-hybrid:hover,
.mese tbody td.same,
/*#maincontent .edge .epoc .same .cb-hybrid*/ {
  color: #bd075d;
  text-decoration: none;
}
/*#maincontent .edge .same .cb-count {  
  color: #bd075d;
}*/
/* MESE invert */
.unit .mese tbody span,
.mese tbody .cb-hybrid {
  border-radius: 2px;
}
.mese tbody .cb-hybrid {
  background: #f3f3f3;
}
.mese .same span {
  color: #fff;	
  background: #bd075d;
}
.mese td,
.mese tbody th {
  width: 13%;
  float: left;
  padding: 1px; /* needed to place days right ! */
  text-align: right;
}
.mese tbody th {
  text-align: center;
}
/* TIME (Zeitlinie) */
.time table {
  border-collapse: collapse;
}
.time td {
  border-radius: 0;
  border-top: 4px solid #ddd;
}
.time .same {
  border-color: #aaa;
}
.time .cb-hybrid {
  display: block;
}
#root div.scan thead th {
  float: left;
  padding: 0 4px;
  display: inline;
  text-align: center;
}
/* @end */
/* @group KATEGORISCH (some duplicates from chronologisch) */
/* CATEGORY */
#root div.cats li {
  list-style: none;
}

.unit div.cats li { /* specificity wars */
  padding: 0;
  float: left;
  width: 100%;
  line-height: 1.2;
}
.unit div.cats li.same span {
  border-left: 2px #BD075D solid;
}
.unit .cats li span,
.cats li .cb-hybrid {
  border-left: 2px #ddd solid;
  background: none;
  padding: 0 .8em;
  text-decoration: none;
  font-size: 12px;
}
.unit .cats li .cb-count {
  border-style: solid solid solid none;
}
.cats li.same span {
  border-color: #c6c6c6;
}
.cats li.same,
.cats li.same span,
/*#maincontent .flat .same .cb-count,*/
.cats .same .cb-count {
  color: #bd075d;
}
/*.cats li .cb-hybrid,
.cats li.same span:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}*/
.cats li .cb-count {
  border-left: none;
}
.cats li span:last-child,
.cats li .cb-hybrid:last-child {
  border-right-style: solid;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
/* TAGCLOUD */
div.cats p .cb-hybrid {
  padding: 0;
  color: inherit;
}
div.cats p .cb-hybrid:hover,
div.cats p .cb-hybrid:focus {
  text-decoration: none;
}
div.cats p span.same {
  color: #bd075d;
}
#root #content .cats p .same {
  background: none;
}
/* TABS */
.tabs table {
  border-collapse: collapse;
}
.tabs td {
  padding: 0;
  line-height: 1.1em;
  vertical-align: bottom;
}

#root .tabs td .cb-hybrid,
#root .tabs td.same span {
  padding: 2px 0;
  display: block;
  margin-top: -5px;
}
#root div.area div.unit .tabs td .cb-hybrid,
#root div.area div.unit .tabs td.same span {
  /*display: inline;
  padding: 2px 25px;*/
  width: 232px;
  text-align: center;
}
#root div.area div.unit div.tabs td {
  float: left;
  margin-left: 20px;
}
#root div.area div.unit div.tabs td.tab1 {
  margin-left: 0;
}



.tabs td .cb-hybrid,
.tabs td.same span {
  /*color: inherit;*/
  background: #eee;
  margin-right: -1px;
  border-radius: 5px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .2) ;   
  -o-transition: all .118s;
  -moz-transition: all .118s;
  -webkit-transition: all .118s ;
  transition: all .118s;
  border: 1px solid #ccc;
 }
.tabs td .cb-hybrid:hover,
.tabs td .cb-hybrid:focus,
.tabs td.same span {
  color: #303030;
  background: #eee;
  text-decoration: none;
  box-shadow: none;

  
}
/* @end */
/* FILTER EDGE INVERTED */
/*#maincontent .edge .week td .cb-count,
#maincontent .edge .week td .cb-hybrid,
#maincontent .edge .week .same span,
#maincontent .edge .days td .cb-count,
#maincontent .edge .days td .cb-hybrid,
#maincontent .edge .days .same span,
#maincontent .edge .year td .cb-count,
#maincontent .edge .year td .cb-hybrid,
#maincontent .edge .year .same span,
#maincontent .edge .epoc td .cb-count,
#maincontent .edge .epoc td .cb-hybrid,
#maincontent .edge .epoc .same span,
#maincontent .edge .cats .same span {
  background: #ddd;
  border-color: #aaa;
}
#maincontent .edge .mese tbody .cb-hybrid {
  background: #1faed4;
  background: rgba(0,0,0,.13);
}
#maincontent .edge .mese .same span {
  background: #555;
}
#maincontent .edge .time .same {
  color: #303030;
  border-color: #666;
}*/
/* FILTER FLAT DARKER */
/*#maincontent .flat .cats li span,
#maincontent .flat .cats li .cb-hybrid,  "Liste" 
#maincontent .flat .week td .cb-count,
#maincontent .flat .week td .cb-hybrid,
#maincontent .flat .week .same span,
#maincontent .flat .days td .cb-count,
#maincontent .flat .days td .cb-hybrid,
#maincontent .flat .days .same span,
#maincontent .flat .year td .cb-count,
#maincontent .flat .year td .cb-hybrid,
#maincontent .flat .year .same span,
#maincontent .flat .epoc td .cb-count,
#maincontent .flat .epoc td .cb-hybrid,
#maincontent .flat .epoc .same span,
#maincontent .flat .tabs td .cb-hybrid,
#maincontent .flat .tabs td.same span {
  background: #333;
  border-color: #222;
}
#maincontent .flat .mese tbody .cb-hybrid {
  text-shadow: none;
  background: #2c2c2c;  fallback 
  background: rgba(0,0,0,.3);
}*/
/*#maincontent .flat .time td {
  border-color: #555;
}
#maincontent .flat .time .same {
  border-color: #333;
}*/
/* FILTER w/ borders */
div.swap td {
  display: inline;
  margin-right: 3px;
}
div.swap td .cb-hybrid,
div.swap td span.same {
  border-radius: 2px;
  border: 1px solid #d2d2d2;
}
div.swap td .cb-hybrid {
  color: #444;
}
/*#maincontent .flat .swap td .cb-hybrid {
  color: #fff;
}*/
div.swap td a.prev,
div.swap td a.next {
  border: none;
  background:transparent;
}
div.swap td a.prev,
div.swap td a.next {
  padding: 0;
}
div.swap td a.prev:hover,
div.swap td a.prev:focus,
div.swap td a.next:hover,
div.swap td a.next:focus {
  color: #000;	
  font-weight: bold;
}
/* @end */
/* @end */
/* @group SERVICES */
/* SERVICES */
#services {
  color: #fff;
  width: 560px;
  font-size: 16px;
}
#services > .meta {
  float: left;
  padding: 1em 10px;
  color: #bd075d;
}
#services > .home {
  padding-left: 0;
}
#services > .meta:hover,
#services > .meta:focus {
  text-decoration: none;
  opacity: .6;
}

/* SERVICES 2 */
#services2 {
  float: left;
  margin: 40px 0;
  /*position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -14px;
  margin-left: -490px;*/
}
#services2 > .meta {
  padding: 0;
  float: left;
  margin-right: 20px;
  text-indent: -9999px;
  background:  url(/images/forum.png) no-repeat 0 0;
  display: block;
  width: 100px;
  height: 29px;
  -o-transition: all .12s ease-out;
  -moz-transition: all .12s ease-out;
  -webkit-transition: all .12s ease-out;
  transition: all .12s ease-out;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  border-radius: 2px;
}

#services2 > .meta:hover,
#services2 > .meta:focus {
  opacity: .7;
  box-shadow: none;
}
#services2 .service_kontakt {
  background:  url(/images/kontakt.png) no-repeat 0 0;  
}
#services2 .service_index {
  background:  url(/images/index.png) no-repeat 0 0;  
}
/* FOLLOW */

.twitter-follow-button {
  margin-left: 1px;
}
#follow {
  bottom: -17px;
  left: 50%;
  line-height: 1;
  margin-left: -90px;
  background: #fff;
  position: absolute;
  padding: 8px 10px ;
  border: 1px solid #cfcfcd;
  box-shadow: 0 0 2px rgba(0,0,0,.3);
  z-index: 10;
}
#follow-list {
  float: right;
  list-style: none;
  padding-left: .7em;
}
.follow-link {
  float: right;
 }
.service_follow_twitter,
.service_follow_facebook {
  float: left;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(/images/find.gif) no-repeat 0 -41px;
  -o-transition: opacity .218s;
  -moz-transition: opacity .218s;
  -webkit-transition: opacity .218s;
  transition: opacity .218s;
}
.service_follow_twitter {
  margin-right: .4em;
  background-position: 0 -22px;
}
.service_follow_twitter:hover,
.service_follow_twitter:focus,
.service_follow_facebook:hover,
.service_follow_facebook:focus {
  opacity: .85;
}
/* LIGHTBOX */
#lbox div.head,
#lbox div.head h2,
#lbox div.head a.quit  {
  color: #444;
  height: 36px;
  background: #ddd;
  line-height: 36px;
}
/* @group custom Lightbox */
/* LIGHTBOX */
#disp {
  width: 350px;
  border: none;
  background-color: transparent;
}
#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.gif);
}
#disp.site li,
div.cb-sitemap li {
  margin-top: 5px;
}
.de #lbox > .site h2 {/* german version "not found" has to fit in head */
  font-size: 18px;
}
/* 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 {
  color: #444;
  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;
}
/* Loading zoom image given to link inside disp body instead img tag */
.zoom > .body img {
  background: url(/images/zoom-img-loading.gif) no-repeat center center;
  -webkit-box-shadow: 0 0 1px #ccc;
  box-shadow: 0 0 1px #ccc;
}
/* ZOOM IMAGE DESCRIPTION */
.zoom fieldset p {
  color: #444;
  padding: 0 15px 25px;
}
/* DISP PHOTOEDITOR */
#root #lbox div.zoom,
#lbox .cb-photoeditor {
  width: 770px;
  margin-left: -373px;
}
#lbox .cb-photoeditor .body .cb-panel {
  margin-top: 0;
}
#lbox .cb-photoeditor .ctrl {
  right: 0;
  width: 27px;
}
#lbox .cb-photoeditor .prev,
#lbox .cb-photoeditor .next {
  display: none;
}
#lbox .cb-photoeditor  .head .next,
#lbox .cb-photoeditor  .head .prev,
#lbox .cb-photoeditor  .head .cb-hybrid,
#lbox .cb-photoeditor  div.head a.quit {
  float: left;
}
/* SHOP SETTINGS */
#lbox div.shop {
  width: 430px;
  font-size: 12px;
  margin-left: -215px;
}
#lbox div.shop h3 {
  font-size: 14px;
}
#root .cb-shop-tabs li {
  border: none;
}
#lbox .cb-shop-tabs a {
  color: #666;
  font-size: 12px;
  background: #eee;
  border: 1px solid;
  padding: .1em .6em;
  border-radius: 4px 4px 0 0;
  border-color: #aaa #aaa #ccc;
  text-shadow: 0 1px 0 rgba(255,255,255,.6);
  background-image: -webkit-linear-gradient(top,#f2f2f2,#e1e1e1);
  background-image: -moz-linear-gradient(top,#f2f2f2,#e1e1e1);
  background-image: -ms-linear-gradient(top,#f2f2f2,#e1e1e1);
  background-image: -o-linear-gradient(top,#f2f2f2,#e1e1e1);
  background-image: linear-gradient(top,#f2f2f2,#e1e1e1);
}
#lbox .cb-shop-tabs a:hover,
#lbox .cb-shop-tabs a:focus {
  border-color: #999 #999 #ccc;
  background-image: -webkit-linear-gradient(top,#e1e1e1,#f5f5f5);
  background-image: -moz-linear-gradient(top,#e1e1e1,#f5f5f5);
  background-image: -ms-linear-gradient(top,#e1e1e1,#f5f5f5);
  background-image: -o-linear-gradient(top,#e1e1e1,#f5f5f5);
  background-image: linear-gradient(top,#e1e1e1,#f5f5f5);
}
#lbox .cb-shop-tabs .selected,
#lbox .cb-shop-tabs .selected:hover,
#lbox .cb-shop-tabs .selected:focus {
  color: #444;
  text-decoration: none;
  border-color: #999 #999 #f5f5f5;
  background-image: -webkit-linear-gradient(top,#e1e1e1,#f5f5f5);
  background-image: -moz-linear-gradient(top,#e1e1e1,#f5f5f5);
  background-image: -ms-linear-gradient(top,#e1e1e1,#f5f5f5);
  background-image: -o-linear-gradient(top,#e1e1e1,#f5f5f5);
  background-image: linear-gradient(top,#e1e1e1,#f5f5f5);
}
#lbox div.shop .cb-shop-tab-contents label.name {
  margin: 0;
  padding: 0;
}
#lbox div.shop input.file, #lbox div.shop input.text, #lbox div.shop select {
  margin-bottom: 0;
}
#disp.shop fieldset {
  margin-top: 2px;
  line-height: 17px;
}
/* DISP SHOPADRESS */
#root #lbox div.cb-shoppingcart {
  width: 450px;
  margin-left: -225px;
}
/* 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;
}
/* @end */
/* @end */
/* @group EDIT MODE */
/* EDIT MODE */
.menu .edit {
  background: none !important;
}
#edit .sub3 .here {
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* @end */
/* @group PARTNER COLORS */
/* see also extras/css/animations.css */
/* @end */
/* @group MANAGE.CSS (move to file) */
/* MANAGE.CSS (move to file) */
.track {
  border-radius: 4px;
}
.cb-rotate-left,
.cb-rotate-right,
.cb-flip-horizontal,
.cb-flip-vertical {
  border-radius: 2px;
}
.cb-colormode .radio {
  margin-top: 5px;
}
.cb-cropmode .cb-cropaccept {
  background-color: transparent; /* delete rule in manage.css -> does not make sense since it's not in focus, enter would not trigger button action */
}
/* @end */


/* Animations */

/* @group Triggers */
/* Pulse inset on text input focus */
.unit input.text:focus,
.unit textarea:focus,
#find #searchfield:focus {
  -moz-animation: pulseinset 1.4s infinite ease-in-out;
  -webkit-animation: pulseinset 1.4s infinite ease-in-out;
  animation: pulseinset 1.4s infinite ease-in-out;
}
/* @end */
/* @group Keyframes */
/* PULSE INSET */
@-moz-keyframes pulseinset {
  0% {
    -moz-box-shadow: 0 0 4px 1px rgba(176,87,138,.2) inset;
  }
  50% {
    -moz-box-shadow: 0 0 4px 1px rgba(176,87,138,.5) inset;
  }
  100% {
    -moz-box-shadow: 0 0 4px 1px rgba(176,87,138,.2) inset;
  }
}
@-webkit-keyframes pulseinset {
  0% {
    -webkit-box-shadow: 0 0 4px 1px rgba(176,87,138,.2) inset;
  }
  50% {
    -webkit-box-shadow: 0 0 4px 1px rgba(176,87,138,.5) inset;
  }
  100% {
    -webkit-box-shadow: 0 0 4px 1px rgba(176,87,138,.2) inset;
  }
}
@keyframes pulseinset {
  0% {
    box-shadow: 0 0 4px 1px rgba(176,87,138,.2) inset;
  }
  50% {
    box-shadow: 0 0 4px 1px rgba(176,87,138,.5) inset;
  }
  100% {
    box-shadow: 0 0 4px 1px rgba(176,87,138,.2) inset;
  }
}
/* @end */



