/* * CMSBOX 2.0 * * * * * * * * *
*                               *
*   Content Management System   *
*   © 2007 Cmsbox GmbH, Bern    *
*   contact (at) cmsbox . com   *
*                               *
* * * * * * * * * * * * * * * * */

/* @group  G L O B A L
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* LAYOUT */
html, body {
  color: #333;
  font-size: 0.9em;
  line-height: 1.4em;
  font-family:  Arial, Helvetica, sans-serif;
  background:#fff url(/images/layout/background.png) repeat-x;
}

*:focus {
    outline: none;
}


#desk {
  color: #333;
  width: 948px;
  margin: 0 auto;
  min-height: 100%;
  background:#fff url(/images/layout/desk-lower.png) repeat-y;
}

#wrapper {
  background:url(/images/layout/desk-upper.png) no-repeat;
  margin: 0 0 40px 0;
  width: 948px;
}

div.mood {
  float: left;
  width: 900px;
  height: 249px;
  margin: 0 24px;
  display: inline; /* ––> hacks */
  background:url(/images/layout/header-image-neutral.jpg) no-repeat center center;
}


/* @end *//* @group  N A V I G A T I O N
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* GENERAL */
div.navi div.path {
  color: #333;
  background: #999;
}
div.navi a.menu {
  margin: 0 10px;  
}
div.navi a.path {
  font-weight: bold;
}

/* lvl 2/3 test container */
#leftnav {
 width: 178px;
 margin-left: 24px;
 margin-right: 40px;
 border-top: 1px #fff solid;
 height: 500px;
 min-height: 500px;
 float: left;
 display: inline;
}

html>body #leftnav{height:auto}
/* --> hacks!! */

/* LEVEL 1 */
div.sub1 {
  height: 50px;
  width: 900px;
  margin: 0 24px;
  border-bottom: 1px #fff solid;
  background:url(/images/layout/nav-top-off.png);
  display: table;
  table-layout: fixed;
}
.sub1 > .item {
  /*float: left;*/
/*  width: 16.6%; /* 100% / 6  -> not used anymore since this is a table now*/
  /*height: 50px;*/
  display: table-cell;
  vertical-align: bottom;
  border-right: 1px #fff solid;
  margin-right: -1px;
}

/*.sub1 > .item:first-child:nth-last-child(5),
.sub1 > .item:first-child:nth-last-child(5) ~ .item {
  width: 20%;
}*/

.sub1 > .exit {
  border: 0;
}

div.sub1 div.path {
  background: #989796 url(/images/layout/nav-top-on.png) repeat-x;
}
div.sub1 a.menu {
  color: #555;
  /*height: 15px;*/
  margin: 0;
  line-height: 1.2;
  /*padding: 30px 5px 5px 5px;*/
  padding: 5px;
}
div.sub1 a.path {
  color: #fff;
  font-weight: normal;
}
div.sub1 a.menu:hover {
  
}

/* LEVEL 2 */
div.sub2 {
  width: 178px;
}
div.sub2 div.item {
  width: 178px;
  border-bottom: 1px solid #ddd;
  padding: 5px 0 0 0;
}
div.sub2 a.menu {
  color:  #555;
  line-height: 20px;
  margin: 5px 5px 10px 20px;
  background: inherit;
}
div.sub2 div.path {
}

div.sub2 div.path {
  background: #555 url(/images/arrow-right-white.gif) no-repeat;
  background-position: 5px 16px;
}
div.sub2 a.path {
  color: #fff;
  background: none !important;
}

/* LEVEL 3 */
div.sub3 {
  width: 178px;
  background: #eee;
}
div.sub3 div.item {
  width: 178px;
  border: none;
  border-top: 1px solid #fff;
  background: #eee;
  padding: 5px 0 5px 0;
}
div.sub3 a.menu {
  color:  #555;
  line-height: 20px;
  margin: 5px 5px 5px 30px;
  background: inherit;
}
div.sub3 div.path {
}

div.sub3 div.path {
  background: url(/images/arrow-right-gray.gif) no-repeat;
  background-position: 15px 16px;
}
div.sub3 a.path {
  color: #555;
  background: none !important;
}


/* @end *//* @group  C O N T E N T
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* HEAD */
#head {
  clear:  none;
  margin: 40px 0 20px 0;
  background: none;
  width: 682px;
  float: left;
}
#head h1 {
  color: #999;
  font-size: 2em;
  margin: 0;
  line-height: 1em;
  font-weight: normal;
}
div.unit h2 {
  line-height: 1.4em;
}

/* MAIN */
div.main {
  width: 500px;
}
div.main div.unit {
  margin: 0 6px 20px 0;
}
div.main h2,
div.main div.foot {
  margin: 0;
}
div.main div.part,
div.main div.grid table {
  margin: 4px;
}

div.main div.wide  {
  width: 466px;
}
div.main div.wide table,
div.main div.wide div.tall {
  width: 458px;
}
div.main div.wide div.tiny {
  width: 225px;
}

div.main div.slim  {
  width: 226px;
}
div.main div.slim table,
div.main div.slim div.tall {
  width: 218px;
}
div.main div.slim div.tiny {
  width: 105px;
}


/* SIDE */
div.side {
  width: 188px;
}
div.side div.unit {
  margin: 0 6px 20px 0;
}
div.side h2,
div.side div.foot {
  margin: 0;
}
div.side div.part,
div.side div.grid table {
  margin: 4px;
}

div.side div.wide  {
  width: 182px;
}
div.side div.wide table,
div.side div.wide div.tall {
  width: 174px;
}
div.side div.wide div.tiny {
  width: 83px;
}

div.side div.slim  {
  width: 88px;
  margin-top: 0px;
}
div.side div.slim table,
div.side div.slim div.tall {
  width: 80px;
}
div.side div.slim div.tiny {
  width: 36px;
}


/* @end *//* @group  U N I T S
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*  PURE */
div.pure {
  border: none;
}
div.pure div.head h2 { /* exeption */
  border-bottom: none;
  color: #999;
  font-size: 1.5em;
  padding: 0 0 0 4px;
}

/*  SEAM */
div.seam {
  border: 1px solid #ccc;
}
div.seam div.head {
  background: #999;
  border: none;
  padding: 0 0 0 6px;
}
div.seam div.head h2 {
  color: #fff;
  font-size: 1em;
}

/*  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-top: 1px solid #999;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #999;
  border-left: 1px solid #fff;
}
div.edge div.head {
  border-bottom: 1px solid #999;
}


/* @end *//* @group  P A R T S
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* LEAD */
h3, h4, h5, h6 {
  font-weight: normal;
  margin: 5px 0;
}
h3 {
  font-size: 1.2em;
  color: #999;
}
h4 {
  font-size: 1.1em;
  color: #999;
}
h5 {
  font-weight: bold;
  font-size: 1em;		
  color: #999;
}
h6 {
  font-size: 1em;
  color: #999;
}

/* TEXT */
div.text p.loud {
  color: #fff;
  padding: 0.2em 0.4em;
  background-color: #333;
}
div.text p.pale {
  color: #999;
  font-size: 0.9em;
  background: inherit;
}
div.text p.skew {
  font-style:  italic;
  letter-spacing: 1px;
}

/*  LINK / FILE
a.open => all links
a.goto, a.load => specific parts (link,file)
a.page, a.site, a.mail, a.zoom, a.next, a.prev => specific type  */
a, div.link a.open {
  color: #900;
  text-decoration: none;
  background-color: inherit;
}
div.link a.open {
  margin-left: 14px;
}
div.link a.open:hover {
  text-decoration: underline;
}

div.link {
  background-position: 0 4px;
  background-image: url(/images/link.gif);
}
div.mail {
  background-position: 0 3px;
  background-image: url(/images/mail.gif);
}
div.file {
  background-position: 0 2px;
  background-image: url(/images/file.gif);
}

/*  LIST */
div.list p.gist {
  list-style-image: url(/images/list.gif);
}
div.list p.dent {
  list-style-image: url(/images/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 {
  font-weight: 800;
  background: #ccc; 
}
div.grid table.vert tbody.beam td.odd,
div.grid table.horz tbody.beam tr.odd td {
  background: #eee;
}


/* @end *//* @group  S E R V I C E S
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* META */
p.dock {
  color: #999;
  clear:  both;
  margin: 0 24px;
  text-align: left;
}
p.dock a.meta {
  padding: 0 5px;
  font-size: 11px;
  color: #999;
}
p.dock a.meta:hover {
  text-decoration: underline;
  color: #999;
}

/* LIGHTBOX */
#disp {
  border: 3px solid #999;  
}

#lbox div.head,
#lbox div.head h2,
#lbox div.head a.quit  {
  color: #444;
  height: 36px;
  background: #ddd;  
  line-height: 36px;
}

/* ZOOM */
#lbox div.zoom {
  width: 740px;
  margin-left: -373px;
}

/* @end */