/* -----------------------------------------------------------------------------
   G L O B A L S
   ----------------------------------------------------------------------------- */

body
    {
    font-family: sans-serif;
    font-size: small;
    background-color: #def;
    background-image: url("/site-media/image/style/wolken.png");
    background-repeat: no-repeat;
    }

#login a
  {
  color: #def !important;
  }

.to-review
  {
  position: relative; left: -4px;
  border-left: 1px solid red;
  padding-left: 3px;
  background-color: #ecc;
  }


/* -----------------------------------------------------------------------------
   B A S I C S
   ----------------------------------------------------------------------------- */

#message
  {
  background-color: yellow;
  color: #800;
  padding: 2px;
  }


/* -----------------------------------------------------------------------------
   C O N T E N T   &   M A I N - T E X T
   ----------------------------------------------------------------------------- */

.foreword.description
  {
  font-family: monospace;
  }

.foreword.content
  {
  font-family: serif;
  }

#content .description
  {
  font-family: fantasy;
  }

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6
  {
  clear: both;
  }


/* -----------------------------------------------------------------------------
   H E A D
  ----------------------------------------------------------------------------- */

#main-title
  {
  z-index: 2;
  position: absolute; left: 3px; top: 3px; height: 4em; min-width: 800px;

  width: 99%;
  padding: 0;
  margin: 0;
  margin-right: 70px;
  }

#main-title h1
  {
  text-align: center;
  color: #444;
  padding: 0;
  margin: 0;
  }

#main-title img
  {
  display: none;
  float: left;
  position: relative; top: 13px; left: 3px;
  }

#main-title img a
  {
  border: none;
  }

#main-title ul
  {
  float: right;
  padding: 0;
  margin: 0;
  color: #fff;

  list-style: none;

  font-size: small;
  }

#main-title li a
  {
  color: #ffc;
  }

/* -----------------------------------------------------------------------------
   C O N T E X T   M E N U
   ----------------------------------------------------------------------------- */

#context-menu
  {
  position: absolute; left: 18em; top: 3em; min-width: 780px;
  }

#context-menu ul
  {
  padding-left: 11px;
  }

#context-menu a
  {
  padding: 5px;
  }

ul#pager
  {
  list-style: none;
  }

ul#pager li
  {
  display: inline;

  text-align: center;
  padding: 3px;
  padding-bottom: 1em;
  border-top: 1px solid #fff;
  border-right: 1px solid #bbb;
  border-left: 1px solid #fff;

  background-image: url("/site-media/image/style/pager-light.png");
  background-repeat: repeat;
  }

ul#pager li.active
  {
/*
  border-top: 1px solid #bbb;
  border-right: 1px solid #fff;
#  border-bottom: 1px solid #fff;
  border-left: 1px solid #bbb;
*/
  background-image: url("/site-media/image/style/pager-shadow.png");
  background-color: #aaf;
  }

ul#pager li a
  {
  width: auto;
  padding: 3px;
  }

ul#pager li a img
  {
  position: relative; top: 3px;
  }

/* -----------------------------------------------------------------------------
   C A N V A S
   ----------------------------------------------------------------------------- */

#decoration-frame
  {
  position: absolute; left: 18em; top: 6em; right: 7px; min-width: 780px;
  }

#decoration-inlet-left
  {
/*
  padding-left: 11px;
  background-image: url("/site-media/image/style/fg-gr-l-fff-a72.png");
  background-position: left;
  background-repeat: repeat-y;
*/
  }

#decoration-inlet-right
  {
/*
  padding-right: 11px;
  background-image: url("/site-media/image/style/fg-gr-r-fff-a72.png");
  background-position: right;
  background-repeat: repeat-y;
*/
  }

#canvas
  {
  padding-left: .5em;
  padding-right: .5em;
  }


/* -----------------------------------------------------------------------------
   L E F T   M E N U
   ----------------------------------------------------------------------------- */

#left-menu
    {
    position: absolute; left: 7px; top: 6em; width: 212px;
    background: none;
    }

#left-menu ul li.title
    {
    list-style-position: outside;
    font-weight: bold;
    margin: 0;
    padding: 5px;
    background: none;
    background-image: url("/site-media/image/style/ul-box-fg.png");
    }

#left-menu ul li.title img
  {
  float: right;
  position: relative; right: 2px; top: -1.2em;
  }

#left-menu ul
    {
    width: 100%;
    list-style-position: inside;
    list-style-image: url("/site-media/image/style/null-11x11.png");
    margin: 0;
    padding: 0;
    color: #000;
    }

#left-menu li a
    {
    white-space: nowrap;
    }

#left-menu ul li
    {
    background: none;
    }

#left-menu .ml1 a
    {
    padding-left: .2em;
    }

#left-menu .ml2 a
    {
    padding-left: 1em;
    }

#left-menu .ml3 a
    {
    padding-left: 1.8em;
    }


#left-menu ul li
    {
    border-bottom: 1px solid #ccc;
    }

#left-menu li.noline
    {
    border: none;
    list-style-position: outside;
    }


#left-menu li.here
    {
    font-weight: bold;
    }

#left-menu li.has_subs
    {
    list-style-image: url("/site-media/image/style/plus-11x11-000.png");
    }

#left-menu li.here.has_subs
    {
    list-style-image: url("/site-media/image/style/here-11x11-000.png");
    }

#left-menu li.upwards
    {
    list-style-image: url("/site-media/image/style/up-11x11-000.png");
    }

#left-menu li a
    {
    display: block;
    padding: 2px;

    font-family: sans-serif;
    font-size: small;
    }

#left-menu li a:hover
    {
    background-color: #eee;
    }


/* -----------------------------------------------------------------------------
   B R E A D C R U M B S
   ----------------------------------------------------------------------------- */

#bread
  {
  border-bottom: 1px solid gray;
  font-size: smaller;
  color: #000;
  background: #fff;
  padding: .2em;
  padding-top: 1em;
/*
  text-align: center;
*/
  }

#bread ul
  {
  display: inline;
  list-style-type: none;
  padding: .2em;
  }

#bread ul li
  {
  display: inline;
  }

#bread ul li a
  {
  padding: .2em;
  }

#bread li a:hover
  {
  background: #ddf;
  }

#bread li:before
  {
  content:"\00BB\00A0"
  }

#bread li:first-child:before
  {
  content: ""
  }


/* -----------------------------------------------------------------------------
   C O P Y R I G H T
   ----------------------------------------------------------------------------- */

#copyright
  {
  border-top: 1px solid gray;
  text-align: center;
  font-size: smaller;
  color: #444;
  background: #fff;
  padding: .2em;
  }

@media print
  {
  #copyright
    {
    border: none;
    font-size: smaller;
    background: none;
    padding: 0;
    }
  }

/* -----------------------------------------------------------------------------
   F O R M
   ----------------------------------------------------------------------------- */

form ul
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }

form li
  {
  margin: 8px;
  padding: 0;
  list-style-type: none;
  }

fieldset ul li label
  {
  display: inline-table;
  width: 10em;
  text-align: right;
  }

fieldset ul li input
  {
  }


#tag_time_modify
  {
  clear: both;
  margin: 0;
  padding-top: 1em;
  font-size: 8pt;
  text-align: center;
  color: #444;
  }

/* -----------------------------------------------------------------------------
   P I C A S A   I M A G E
   ----------------------------------------------------------------------------- */

a.picasa.image,
.picasa.image a
  {
  margin-right: 7px;
  }

.image th,
.image td
  {
  border: none;
  }