/******************************************************************************
  default.css - Main CSS declarations for sebastian-gebhardt.de
  -------------------------------------------------------------
  © 2005 S. Gebhardt
 ******************************************************************************/
 
/* COMMON ------------------------------------------------------------------- */
body {
  background-image: url(bodybackground.png);
  background-attachment: fixed;
  text-align: center;
}

td, p, div, span, body {
  font-family: Verdana, Arial, helvetica, sans-serif;
  font-size: 8pt;
  background-color: transparent;
  color: black;
}

input, select, textarea {
  font-family: Verdana, Arial, helvetica, sans-serif;
  font-size: 8pt;
  color: black;
}

.button {
  background-color: #C7E6FF;
  height: 18px;
  border: 1px solid black;
}

/* LINKS -------------------------------------------------------------------- */
a {
  font-family: Verdana, Arial, helvetica, sans-serif;
  font-size: 8pt;
}

a:link {
  color: #244D7F;
  text-decoration: none;
}

a:hover {
  color: #3A76C4;
  text-decoration: underline;
}

a:active {
  color: #62AEFB;
  text-decoration: underline overline;
}

a:visited {
  color: #62AEFB;
  text-decoration: underline;
}

/* NAVIGATION LINKS --------------------------------------------------------- */
a.navigation {
  font-family: Verdana, Arial, helvetica, sans-serif;
  font-size: 7pt;
}

a.navigation:link {
  color: #E9F5FF;
  text-decoration: none;
}

a.navigation:hover {
  color: white;
  text-decoration: underline;
}

a.navigation:active {
  color: #4F87DA;
  text-decoration: underline overline;
}

a.navigation:visited {
  color: #4F87DA;
  text-decoration: underline;
}

/* CLASSES ------------------------------------------------------------------ */
.sgiconcell {
  width: 90px;
  height: 64px;
  background-image: url(sgicon.png);
}

.bannercell {
  width: 600px;
  height: 64px;
  background-image: url(sgheader.png);
}

.spacercell {
  width: 110px;
  height: 64px;
  background-image: url(headerbackground.png);
}

.headertable {
  empty-cells: show;
  border-collapse: collapse;
  background-image: url(headerbackground.png);
}

.contenttable {
  empty-cells: show;
  border-collapse:collapse;
  border: 1px solid white;
}

.copyrightcell {
  height: 25px;
  background-image: url(copybackground.png);
}

.smallwhite {
  background-color: transparent;
  color: white;
  font-weight: bold;
  font-size: 7pt;
  vertical-align: middle;
}

.small {
  font-size: 7pt;
}

.heading {
  font-weight: bold;
  font-size: 11pt;
  color: black;
  background-color: transparent;
}

.blackborder {
  border: 1px solid black;
}

/* PROJECTS ----------------------------------------------------------------- */
.pro_active {
  font-weight: bold;
  color: #1671C5;
}

.pro_user {
  font-weight: bold;
  color: #9B5CCA;
}

.pro_alpha {
  font-weight: bold;
  color: #D2660E;
}

.pro_beta {
  font-weight: bold;
  color: #E3B41F;
}

.pro_release {
  font-weight: bold;
  color: #158951;
}

/* NEWS --------------------------------------------------------------------- */
.newsheader {
  background-image: url(copybackground.png);
  color: white;
  background-color: transparent;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
}

.newstable {
  border: 1px solid #041253;
  table-layout: fixed;
}

.newscell {
  background-image: url(newsback.png);
}

/* CONTENT ------------------------------------------------------------------ */
.contentcell {
  background-image: url(tableback.png);
  padding: 4px;
  text-align: left;
  vertical-align: top;
}

.contenttop {
  width: 580px;
  height: 8px;
  background-image: url(contenttop.png);
  text-align: left;
  vertical-align: top;
}

.contentbottom {
  width: 580px;
  height: 7px;
  background-image: url(contentbottom.png);
}

.contentleft {
  width: 5px;
  background-image: url(contentleft.png);
}

.contentright {
  width: 4px;
  background-image: url(contentright.png);
}

/* NAVIGATION --------------------------------------------------------------- */
.navigationcell {
  width: 177px;
  background-image: url(navigationback.png);
  font-size: 7pt;
  color: white;
  padding-left: 3px;
  text-align: left;
  vertical-align: top;
  background-color: transparent;
}

.navigationtop {
  width: 189px;
  height: 8px;
  background-image: url(navigationtop.png);
}

.navigationbottom {
  width: 189px;
  height: 7px;
  background-image: url(navigationbottom.png);
}

.navigationleft {
  width: 5px;
  background-image: url(navigationleft.png);
}

.navigationright {
  width: 4px;
  background-image: url(navigationright.png);
}

.navlevel2 {
  padding-left: 10px;
}

.navlevel3 {
  padding-left: 20px;
}

/* QUICK-LINKS -------------------------------------------------------------- */
.quickcell {
  background-image: url(navigationback.png);
  padding: 3px;
  width: 16px;
  text-align: center;
}

.quicktop {
  width: 31px;
  height: 8px;
  background-image: url(quicktop.png);
}

.quickbottom {
  width: 31px;
  height: 7px;
  background-image: url(quickbottom.png);
}

/* TITLE -------------------------------------------------------------------- */
.titlebottom {
  height: 6px;
  background-image: url(titlebottom.png);
}

.titlebottomleft {
  width: 7px;
  height: 6px;
  background-image: url(titlebottomleft.png);
}

.titlebottomright {
  width: 7px;
  height: 6px;
  background-image: url(titlebottomright.png);
}

.titleleft {
  width: 7px;
  background-image: url(titleleft.png);
}

.titleright {
  width: 7px;
  background-image: url(titleright.png);
}

.titletopleft {
  width: 7px;
  height: 6px;
  background-image: url(titletopleft.png);
}

.titletop {
  height: 6px;
  background-image: url(titletop.png);
}

.titletopright {
  width: 7px;
  height: 6px;
  background-image: url(titletopright.png);
}

.titlecell {
  background-color: #349EE7;
  font-weight: bold;
  font-size: 16pt;
}

/* COUNTER DIGITS ----------------------------------------------------------- */
.counterdigit0 {
  width: 16px;
  height: 19px;
  background-image: url(counter/0.png);
}

.counterdigit1 {
  width: 16px;
  height: 19px;
  background-image: url(counter/1.png);
}

.counterdigit2 {
  width: 16px;
  height: 19px;
  background-image: url(counter/2.png);
}

.counterdigit3 {
  width: 16px;
  height: 19px;
  background-image: url(counter/3.png);
}

.counterdigit4 {
  width: 16px;
  height: 19px;
  background-image: url(counter/4.png);
}

.counterdigit5 {
  width: 16px;
  height: 19px;
  background-image: url(counter/5.png);
}

.counterdigit6 {
  width: 16px;
  height: 19px;
  background-image: url(counter/6.png);
}

.counterdigit7 {
  width: 16px;
  height: 19px;
  background-image: url(counter/7.png);
}

.counterdigit8 {
  width: 16px;
  height: 19px;
  background-image: url(counter/8.png);
}

.counterdigit9 {
  width: 16px;
  height: 19px;
  background-image: url(counter/9.png);
}