/*****************************************************************************

  screen.css

******************************************************************************

  CSS Style Sheet for screen usage on GUUG web pages (www.guug.de)

  Copyright 2002 GUUG e.V.

******************************************************************************

  Colors:
    #d8d8d8  Background whole page
    #c0c0c0  Background menus and titles of boxes
    #ffffff  Background content part
    #000000  Text color in most parts

*****************************************************************************/

body {
  background-color: #d8d8d8;
  color: #000000;
  margin: 0px;
  padding: 0px;
  font-family: Helvetica,Arial,sans-serif;
}

pre,tt {
  font-family: Courier;
}


/*****************************************************************************

  Links

*****************************************************************************/
a:link    { color: #1228b7; }
a:visited { color: #1d2559; }
a:hover   { background-color: #ffed68; }

a.invisible {
  background-color: #d8d8d8;
}

.plainlinks a {
  text-decoration: none;
  color: #000000;
}

.plainlinks a:visited {
  text-decoration: none;
  color: #606060;
}

.nohover a:hover {
  background-color: #ffffff;
}

/*****************************************************************************

  Top table with logos etc.

*****************************************************************************/
table.top, table.top > tbody > tr > td {
  border: 0px none;
  padding: 0px;
  margin: 0px;
}

div.impressum {
  font-size: 8pt;
  text-align: right;
  white-space: nowrap;
  margin: 4px;
  padding: 2px;
  color: #606060;
}

div.impressum a {
  color: #606060;
}

/*****************************************************************************

  Main layout components

*****************************************************************************/

/* Icon bar */
table.main > tbody > tr > td.icons {
  text-align: middle; 
  font-size: 8pt;
  padding: 6px;
}

/* Breadcrumbs line above content "window" */
/* table.main > tbody > tr > td.breadcrumbs { */
table.main td.breadcrumbs {
  text-align: left;
  font-size: 8pt;
  padding: 6px;
  border-top: 1px solid #909090;
  border-left: 1px solid #909090;
  border-right: 1px solid #909090;
}

table.main td.breadcrumbs a {
  color: #000000;
}

/* Last update */
table.main > tbody > tr > td.lastupdate {
  text-align: right;
  font-size: 8pt;
  padding: 6px;
}

/* Main content "window" */
/* table.main > tbody > tr > td.main { */
table.main td.main {
  background-color: #ffffff;
  text-align: left;
  padding: 6px;
  border-bottom: 1px solid #909090;
  border-left: 1px solid #909090;
  border-right: 1px solid #909090;
}


/*****************************************************************************

  General use boxes

*****************************************************************************/
table.box {
  margin-top: 0px;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 6px;
  text-align: left;
  border-spacing: 0px;
  border: 1px solid #909090;
}

table.box > tbody > tr > th {
/* table.box th { */
  background-color: #c0c0c0;
  text-align: center;
  font-weight: bold;
  font-style: normal;
  font-size: 8pt;
}

table.box > tbody > tr > th > a {
  color: #000000;
}


/* table.box > tbody > tr > td { */
table.box td {
  background-color: #ffffff;
  font-size: 8pt;
}

table.box > tbody > tr > td > ul {
  margin: 0px;
  padding: 0px;
  padding-left: 14px;
  font-size: 8pt;
  list-style-image: url(/img/arrow-li.png);
  list-style-position: outside;
}

table.box > tbody > tr > td > ul > li {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  margin: 0px;
}


/*****************************************************************************

  Menu box

*****************************************************************************/
table.menu {
  margin-top: 0px;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 2px;
}

table.menu td a {
  color: #000000;
}

table.menu td a:visited {
  color: #606060;
}


/*****************************************************************************

  Search boxes

*****************************************************************************/
table.search {
  margin: 6px;
  text-align: left;
  border-spacing: 0px;
  padding: 4px;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
}

table.search > tbody > tr > td > form {
  font-size: 8pt;
}

table.search > tbody > tr > td > form > input {
  margin: 2px 0px 2px 0px;
  font-size: 8pt;
  border: 1px dotted #a0a0a0;
  background-color: #ffffff;
  padding: 2px;
}

table.search > tbody > tr > td > form > input[type="submit"] {
  background-color: #c0c0c0;
  border: 1px outset black;
  text-decoration: underline;
}


/*****************************************************************************

  Login box

*****************************************************************************/
table.login {
  margin: 6px;
  text-align: left;
  border-spacing: 0px;
  padding: 4px 0px 4px 0px;
  border: 1px solid #909090;
}

table.login > tbody > tr > th {
  background-image: url('/img/pmenu.png');
  text-indent: 4px;
  font-size: 8pt;
}

table.login > tbody > tr > td {
  padding: 4px 4px 0px 4px;
  color: #606060;
}

table.login > tbody > tr > td a {
  text-decoration: none;
  color: #000000;
}

table.login > tbody > tr > td a:visited {
  text-decoration: none;
  color: #606060;
}

table.login > tbody > tr > td > form {
  font-size: 8pt;
  margin-bottom: 0px;
}

table.login > tbody > tr > td > form > input {
  margin: 2px 0px 2px 0px;
  font-size: 8pt;
  border: 1px dotted #a0a0a0;
  background-color: #ffffff;
  padding: 2px;
}

table.login > tbody > tr > td > form > input[type="submit"] {
  background-color: #c0c0c0;
  border: 1px outset black;
  text-decoration: underline;
}

div#cookie-note {
  font-size: 8pt;
}


/*****************************************************************************

  Kalender

*****************************************************************************/
table.calendar {
  font-size: 8pt;
  width: 100%;
  text-align: right;
  border-collapse: separate;
}

table.calendar > tbody > tr > th {
  text-align: center;
  border: 1px none #ffffff;
}

table.calendar > tbody > tr > td {
  text-align: right; 
  border: 1px none #ffffff;
}

table.calendar > tbody > tr > td#today {
  font-weight: bold;
  border: 1px solid black;
}

table.calendar td.guugevent_cur_mon { 
  background-color: #de006b;
}

table.calendar td.guugevent_other_mon { 
  background-color: #de006b;
}

table.calendar td.guugevent_cur_mon a { 
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  background-color: #de006b;
  display: block;
}

table.calendar td.guugevent_other_mon a { 
  color: #606060;
  text-decoration: none;
  background-color: #de006b;
  display: block;
}

table.calendar td.event_cur_mon { 
  background-color: #c0c0c0;
}

table.calendar td.event_other_mon { 
  background-color: #c0c0c0;
}

table.calendar td.event_cur_mon a { 
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  background-color: #c0c0c0;
  display: block;
}

table.calendar td.event_other_mon a { 
  color: #606060;
  text-decoration: none;
  background-color: #c0c0c0;
  display: block;
}

table.calendar td.noevent_cur_mon { 
  color: #000000;
  background-color: #ffffff;
  font-weight: bold;
}

table.calendar td.noevent_other_mon { 
  color: #606060;
  background-color: #ffffff;
}

/*****************************************************************************

*****************************************************************************/
div.mcontent {
  text-align: left;
}


/** THE END *****************************************************************/