/* * 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: #3e3d40;
  font-size: 12px;
  background: #bde4f7;
  line-height: 1.4em;
  font-family: "Verdana", Arial, sans-serif;
}
#desk {
  width: 1040px;
  margin: 0 auto;
  padding-bottom: 20px;
}
#header {
  float: left;
  width: 1040px;
  height: 290px;
  background-repeat: no-repeat;
}
#topblue {
  float: left;
  width: 1020px;
  min-height: 28px;
  margin: 20px 0 0 20px;
  background: url(/images/topblue.png) repeat-x 0 0;
}
#copyright {
  color: #fff;
  float: right;
  font-size: 11px;
  line-height: 11px;
   margin-top: 9px;
}
#topwhite {
  float: left;
  width: 1020px;
  min-height: 75px;
  margin-left: 20px;
  position: relative;
  background: url(/images/topwhite.png) repeat-x 0 0;
}
#claim {
  width: 467px;
  height: 60px;	
  float: left;	
  margin: 11px 0 0 6px;
  background: url(/images/claim.png) no-repeat 0 0;
}
#navigation {
  float: left;
  width: 1040px;
  background: #fff;
}
#linkgrey {
  color: #fff;
  float: right;
  font-size: 14px;
  min-height: 45px;  
  background: #646567;  
  margin: 20px 20px 0 0;
  padding: 5px 18px 0 6px;  
  text-decoration: none;
}
body.de .frtext {
  display: none;
}
body.fr .detext {
  display: none;
}
#content {
  float: left;
  width: 1040px;
  padding-bottom: 10px;
  background: #fff url(/images/contentbg1.png) repeat-y 0 0;
}
.cb-layout2 #content {
  background: #fff url(/images/contentbg2.png) repeat-y 0 0;  
}
.cb-layout3 #content {
  background: #fff;
}
.cb-layout4 #content {
	background: #fff;
  /*background: #fff url(/images/contentbg4.png) repeat-y 0 0;*/
}
#headmain {
  float: left;
  width: 400px;
}
.cb-layout2 #headmain {
  width: 508px;
  margin-left: 11px;
}
.cb-layout3 #headmain {
  width: 1020px;
  margin-left: 10px;
}
.cb-layout4 #headmain {
  width: 1040px;	
  margin-left: 0;
  background: #fff url(/images/contentbg4.png) repeat-y 0 0;  
}
#footer {
  float: left;
  width: 1040px;
  border-top: 1px solid #000;
}
#footer a {
  color: #3e3d40;
  text-decoration: none;
}
#footer a:hover {
  color: #9ad2ed;  
}
#footer span {
  float: left;
  margin-right: 5px;
  padding-left: 8px;
  background: url(/images/spanbg.png) no-repeat 0 7px;
}
#footer #fs {
  padding-left: 0;
  background: none;
  margin-left: 22px;
}
#home {
  top: 11px;
  right: 18px;	
  width: 152px;
  height: 57px;
  position: absolute;
}
.logo {
  width: 152px;
  height: 57px;
  display: block;
}

/*=============COOKIE==============*/

#cb-cookie-warning {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  min-width: 1040px;
  z-index: 2000;
  background-color: #fff; 
  box-shadow: 0 0 4px rgba(160,160,160,.4);
  display: flex;
  justify-content: center;
  font-size: 14px;
  line-height: (20/14);
}

#cb-cookie-warning.cb-cookie-warning--hidden {
  display: none;
}

.cb-cookie-warning--container {
  float: left;
  width: 1040px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
}

.cb-cookie-warning--text {
  float: left;
}

.cb-cookie-warning--actions {
  float: left;
  margin-left: 40px;
  flex-shrink: 0;
}

.cb-cookie-warning__button {
  background-color: #0076bd;
  padding: 8px 16px;
  color: #fff;
  margin-left: 20px;
  border-radius: 4px;
  cursor: pointer;
}

.cb-cookie-warning__button:first-child {
  margin-left: 0;
}

.cb-cookie-warning__button:hover,
.cb-cookie-warning__button:focus {
  background-color: #009ee1;
}

/* @end */
/* @group  N A V I G A T I O N */
/* GENERAL */
div.navi {
  float: left; /* float for ie7 edit mode */
}
div.navi div.item {
  float: left;
}
/* LEVEL 1 */
div.sub1 {
 margin: 7px 0 0 9px;  
}
div.sub1 div.item {
  margin-right: 12px;
}
div.sub1 a.menu {
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  padding-right: 12px;	  
  border-right: 1px solid #fff;  
  text-decoration: none;
}
div.exit a.menu {
  border: none;
}
div.sub1 a.path {
  color: #D5ECF9;
}
div.sub1 a.menu:hover {
  color: #D5ECF9; 
}
/* LEVEL 2 */
div.sub2 {
  margin-top: 20px;
  margin-bottom: 33px;
  margin-left: 20px;
  width: 840px;
}
.cb-layout3 div.sub2 {
  margin-bottom: 34px;
}
.cb-layout4 div.sub2 {
  margin-bottom: 20px;  
}
div.sub2 div.item {
  width: 102px;  
  position: relative;
  border-right: 1px solid #fff;  
}
div.sub2 div.exit {
  border: none;
}
div.sub2 a.menu {
  color: #fff;	
  font-size: 14px;
  background: #009ee1;
  min-height: 34px;
  padding: 6px 0 10px 7px;
  text-decoration: none;
}
div.sub2 a.path {
  background: #0076bd;
}
div.sub2 a.menu:hover {
  background: #0076bd;	
 text-decoration: none; 
}
/* LEVEL 3 */
div.sub3 {
  position: absolute;
z-index: 100;  
  display: flex;
  flex-direction: column;
}
div.sub3 div.item {
  width: auto;
  border-top: 1px solid #fff;
}
div.sub3 a.menu {
  color: #fff;	
  background: #45c0ec;
  padding: 3px 7px 4px;
  min-height: 10px;
}
div.sub3 a.path {
  background: #00ace5;
}
div.sub3 a.menu:hover {
  background: #00ace5;  
}
/* @end */
/* @group  C O N T E N T */
/* HEAD */
#head {
  width: 380px;
  float: left;
  margin-left: 10px;
}
.cb-layout1 #head {
  margin-top: -1px;
  margin-bottom: 1px;
}
.cb-layout2 #head {
  margin-top: 1px;
}
.cb-layout3 #head {
  width: 1000px;
  margin-bottom: 10px;
}
.cb-layout4 #head {
  width: 1000px;
  margin-top: 13px; 
  margin-left: 30px;
}
h1 {
  font-size: 20px;	
  line-height: 24px;
}
div.unit h2 {
  font-size: 20px;	
  line-height: 24px;
}
/* main */
div.main {
  width: 400px;
}
div.main div.unit {
  margin: 10px 10px;
}
div.main h2, 
div.main div.foot {
  margin: 0 0px;
}
div.main div.part, 
div.main div.grid table {
  margin: 0 0px;
}
div.main div.wide {
  width: 380px;
}
div.main div.wide table, 
div.main div.wide div.tall {
  width: 380px;
}
div.main div.wide div.tiny {
  width: 190px;
}
div.main div.slim  {
  width: 180px;
}
div.main div.slim table, 
div.main div.slim div.tall {
  width: 180px;
}
div.main div.slim div.tiny {
  width: 90px;
}
/* side */
div.side {
  width: 220px;
  margin-left: 10px;
}
div.side div.unit {
  margin: 0 10px;
}
div.side h2, 
div.side div.foot {
  margin: 0 0px;
}
div.side div.part, 
div.side div.grid table {
  margin: 0 0px;
}
div.side div.wide {
  width: 200px;
}
div.side div.wide table, 
div.side div.wide div.tall {
  width: 200px;
}
div.side div.wide div.tiny {
  width: 100px;
}
div.side div.slim  {
  width: 90px;
}
div.side div.slim table, 
div.side div.slim div.tall {
  width: 90px;
}
div.side div.slim div.tiny {
  width: 45px;
}
div.side div.head {
  margin-bottom: 14px;
}
/* base */
div.base {
  width: 400px;
}
div.base div.unit {
  margin: 0 10px;
}
div.base h2, 
div.base div.foot {
  margin: 0 0px;
}
div.base div.part, 
div.base div.grid table {
  margin: 0 0px;
}
div.base div.wide {
  width: 380px;
}
div.base div.wide table, 
div.base div.wide div.tall {
  width: 380px;
}
div.base div.wide div.tiny {
  width: 190px;
}
div.base div.slim  {
  width: 180px;
}
div.base div.slim table, 
div.base div.slim div.tall {
  width: 180px;
}
div.base div.slim div.tiny {
  width: 90px;
}
.cb-layout1 div.base div.head {
  margin-bottom: 14px;
}
/* layout2 main */
.cb-layout2 div.main,
.cb-layout2 div.base {
  width: 508px;
}
.cb-layout2 div.base {
  margin-left: 2px;
}
.cb-layout2 div.main div.unit,
.cb-layout2 div.base div.unit {
  margin: 10px 9px;
}
.cb-layout2 div.base div.unit {
  margin-top: 0;
}
.cb-layout2 div.main h2, 
.cb-layout2 div.main div.foot,
.cb-layout2 div.base h2, 
.cb-layout2 div.base div.foot  {
  margin: 2px 0px;
}
.cb-layout2 div.main div.part, 
.cb-layout2 div.main div.grid table,
.cb-layout2 div.base div.part, 
.cb-layout2 div.base div.grid table {
  margin: 2px 0px;
}
.cb-layout2 div.main div.wide,
.cb-layout2 div.base div.wide {
  width: 490px;
}
.cb-layout2 div.main div.wide table, 
.cb-layout2 div.main div.wide div.tall,
.cb-layout2 div.base div.wide table, 
.cb-layout2 div.base div.wide div.tall {
  width: 490px;
}
.cb-layout2 div.main div.wide div.tiny,
.cb-layout2 div.base div.wide div.tiny {
  width: 245px;
}
.cb-layout2 div.main div.slim,
.cb-layout2 div.base div.slim  {
  width: 236px;
}
.cb-layout2 div.main div.slim table, 
.cb-layout2 div.main div.slim div.tall,
.cb-layout2 div.base div.slim table, 
.cb-layout2 div.base div.slim div.tall  {
  width: 236px;
}
.cb-layout2 div.main div.slim div.tiny,
.cb-layout2 div.base div.slim div.tiny {
  width: 118px;
}
.cb-layout2 div.base div.head {
  margin-bottom: 12px;
}
/* layout3 main */
.cb-layout3 div.main {
  width: 1020px;
}
.cb-layout3 div.main div.unit {
  margin: 10px 10px;
}
.cb-layout3 div.main h2, 
.cb-layout3 div.main div.foot {
  margin: 0 0px;
}
.cb-layout3 div.main div.part, 
.cb-layout3 div.main div.grid table {
  margin: 10px 0px;
}
.cb-layout3 div.main div.wide {
  width: 1000px;
}
.cb-layout3 div.main div.wide table, 
.cb-layout3 div.main div.wide div.tall {
  width: 1000px;
}
.cb-layout3 div.main div.wide div.tiny {
  width: 500px;
}
.cb-layout3 div.main div.slim  {
  width: 490px;
}
.cb-layout3 div.main div.slim table, 
.cb-layout3 div.main div.slim div.tall {
  width: 490px;
}
.cb-layout3 div.main div.slim div.tiny {
  width: 245px;
}
#root .cb-layout3 div.main div.body {
  margin: 2px 0;
}
/* layout4 main */
.cb-layout4 div.main {
  width: 1020px;
}
.cb-layout4 div.main div.unit {
  margin: 10px 0;
  margin-left: 20px;
}
.cb-layout4 div.main h2, 
.cb-layout4 div.main div.foot {
  margin: 0 10px;
}
.cb-layout4 div.main div.part, 
.cb-layout4 div.main div.grid table {
  margin: 10px 10px;
}
.cb-layout4 div.main div.wide {
  width: 1020px;
}
.cb-layout4 div.main div.wide table, 
.cb-layout4 div.main div.wide div.tall {
  width: 380px;
}
.cb-layout4 div.main div.wide div.tiny {
  width: 190px;
}
.cb-layout4 div.main div.slim  {
  width: 490px;
}
.cb-layout4 div.main div.slim table, 
.cb-layout4 div.main div.slim div.tall {
  width: 490px;
}
.cb-layout4 div.main div.slim div.tiny {
  width: 245px;
}
#root .cb-layout4 div.main div.body {
  margin: 2px 0;
}
/* @end */
/* @group  U N I T S */
/*  PURE */
div.pure {
  border: none;
}
div.pure div.head h2 {
  border-bottom: none;
}
/*  SEAM */
div.seam {
  border: 1px solid #999;
}
div.seam div.head {
  color: #333;
  background: #ccc;
  border-bottom: 1px solid #999;
}
/*  FLAT */
div.flat {
  color: #fff;
  background: #666;
  border: 1px solid #fff;
}
div.flat div.head {
  color: #fff;
  background: #666;
  border-bottom: 1px solid #fff;
}
/*  EDGE */
div.edge {
  border: 1px solid #999;
  border-left-color: #fff;
  border-right-color: #fff;
}
div.edge div.head {
  border-bottom: 1px solid #999;
}
  /*ALL PURE*/ 
div.unit {
  color: inherit;
  border: none;
  line-height: 22px;
  background: transparent;
}
div.unit div.head,
div.unit div.head h2 {
  font-size: 20px;	
  line-height: 22px;
  color: inherit;
  border: none;
  background: transparent;
} 
div.grid div.head h2 {
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
/* @end */
/* @group  P A R T S */
/* LEAD */
h3, h4, h5, h6 {
}
h3 {
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
h4 {
  font-size: 1.1em;
}
h5 {
  font-size: 1em;		
}
h6 {
  font-size: 1em;
  font-style: italic;
}
/* TEXT */
/*
div.text p.loud {
}
div.text p.pale {
}
div.text p.skew {
}
*/
/* LINK / FILE */
a, div.link a.open, a.open {
  color: #3e3d40;
  text-decoration: underline;
}
a:hover, 
div.link a.open:hover {
color: #0076bd;
  text-decoration: none;
}
#root a.null:hover {
  text-decoration: none;
}
div.link a.open {
  margin-left: 14px;
}
/*
div.link {
  background-position: 0 5px;
}
div.doit {
  background-position: 0 5px;
}
div.mail {
  background-position: 0 4px;
}
div.load {
  background-position: 0 3px;
}
div.rss {
  background-position: 0 3px;
}
*/
/* INLINE LINKS */
/*.text a, .lead a, .list a, h2 a {
  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  {
  border-bottom-color: #333;
}
/* 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 */
/* META */
p.dock {
  color: #fff;	
  margin: 0 10px;
  text-align: right;
}
p.dock a.meta {
  color: #fff;	
  font-size: 11px;
  line-height: 13px;
  padding: 0 6px 0 9px;  
  border-left: 1px solid #fff;
}
p.dock a.meta:hover {
  color: #D5ECF9;	
  text-decoration: none;
}
#services {
  float: right;
  line-height: 12px;
  margin-right: 11px;
  margin-top: 8px;
}

#services a.meta.auth {
  display: none;
}

.cb-authenticated #services a.meta.auth {
  display: inline;
}

.cb-authenticated #services a.meta.service_login-member {
  display: none;
}

/* BRANDING */
#cmsbox {
  color: #D5ECF9;	
  float: right;	
  font-size: 10px;
  letter-spacing: .05em;
  margin: 0;
    margin-top: 10px;
  text-transform: lowercase;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#root #cmsbox a.meta {
  color: #D5ECF9;	  
  border: none;
  padding: 0;
}
#cmsbox a.meta:hover {
  color: #9ad2ed;
}
/* LIGHTBOX */
#disp {
  background: #fff;
  border: 3px solid #888; /* hacks.css */
}
#lbox div.head,
#lbox div.head h2,
#lbox div.head a.quit  {
  color: #444;
  height: 36px;
  background: #ddd;
  line-height: 36px;
}



/* Tabelle */
#root div.grid table tr {
  border-bottom: 2px solid #fff;
}
#root div.grid table tr.odd td {
  padding: 4px 0 0 5px;
  background: #d5ecf9;
}
#root div.grid table tr.even td {
  padding: 4px 0 0 5px;
  background: #bde4f7;
}
/* @end */


/*//=============*/

.part.auth form {
  float: left;
  width: 100%;
}

.part.auth .body,
.part.auth .foot {
  width: 100%;
  margin: 0;
}


.part.auth fieldset {
  float: left;
  width: 100%;
}


.part.auth label.name {
  float: left;
  width: 100%;
  padding-bottom: 5px;
}

.part.auth input.text,
.part.auth input.password {
  float: left;
  width: 100%;
  box-sizing: border-box;
  background: #FFF;
  min-height: 50px;
  padding: 5px 10px;
  font-size: 18px;
  line-height: (24/18);
}


.auth-login-button {
  float: right;
  margin-top:10px;

}

#root .auth-login-button input.submit {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #009ee1;
    line-height: 1.625;
    cursor: pointer;
    color: #fff;
    padding: 8px 40px;
    -webkit-appearance: none;
    border-radius: 0;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    font-weight: 900;
    font-size: 16px;
    line-height: 1.1875;
    border-radius: 5px;
    display: inline-block;
    white-space: nowrap;
}

#root .is-marked--child, .unit.is-marked--child:hover {
    outline-width: 1px;
    outline-color: #dcdcdc;
}

#root :focus {
  outline: none;
}