/*  global.css
 *
 */

body
{
/*
  background-image: url("img/farbkreise.png");
  background-position: 10% 5%;
  background-repeat: no-repeat;
  background-attachment: fixed;
*/
  background-image: url("img/jeans.jpg");
  background-repeat: repeat;
  background-attachment: fixed;

  background-color: #d0d0d0;
  color: #000000;

  margin-left:   0;
  margin-right:  0;
  margin-top:    5em;
  margin-bottom: 1em;

  padding: 0;

  font-size: 100%;
}

/*
div
{
  border-style: solid;
  border-color: #aeaee8;
  border-width: 1px;
}
*/


/*
 *  ---- Fensterbereiche
 *  ----------------------------------------
 */

#container
{
/*
  background-image: url("img/farbkreise_hell.png");
  background-position: 10% 5%;
  background-attachment: fixed;
  background-repeat: no-repeat;
*/
  background-image: url("img/jeans_verwaschen.jpg");
  background-repeat: repeat;
  background-attachment: fixed;

  background-color: #f8f2e8;

  border-color: #a02020;

  width: 80%;
  max-width: 50em;

  margin-left:  auto;
  margin-right: auto;

  padding: 0;

  text-align: left;
}

#header
{
  padding: 0.5em;
}

#navigation
{
  border-bottom-style: solid;
  border-bottom-color: #d0d0d0;
  border-bottom-width: 1px;

  padding: 0.5em;

  text-align: center;
}

#main
{
  padding: 2em 4em;
}

#footer
{
  border-top-style: solid;
  border-top-color: #d0d0d0;
  border-top-width: 1px;

  padding: 0.5em;
}


/*
 *  ---- globale Formate
 *  ----------------------------------------
 */

h1 { margin: 0; }

.left   { text-align: left;   }
.right  { text-align: right;  }
.center { text-align: center; }

.big   { font-size: 110% }
.small { font-size: 85% }

.red      { color: #f00000; }
.green    { color: #008000; }
.blue     { color: #0000f0; }
.darkblue { color: #000080; }
.violet   { color: #ae00af; }

.redframe:before
{
  content: url('img/warning.gif');
  display: inline;
}

.redframe
{
  border-style: solid;
  border-width: 1px;
  border-color: #f00000;

  border-left-width: 4px;

  background-color: #dec6c6;

  padding: 0.5em;
}


/*
 *  ---- Verweise (Links)
 *  ----------------------------------------
 */

/*  ---- allgemein
 */

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

a:active
{
  color: #080808;
  text-decoration: underline;
}

a:hover, a:visited:hover
{
  color: #a6731b;
  text-decoration: underline;
}

a:visited
{
  color: #a6731b;
  text-decoration: none;
}


/*  ---- externe Links
 */

a.extern:after
{
  content: url('img/extern.gif');
  display: inline;
}


/*  ---- Anker (ohne Dekoration)
 */

a.anker
{
  color: inherit;
  text-decoration: none;
}

a.anker:hover
{
  background-color: inherit;
  text-decoration: none;
}


/*  ---- Navigationsleiste
 */

a.navigation
{
  white-space: nowrap;
  text-decoration: none;
}

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

a.navigation:before
{
  content: "[";
}

a.navigation:after
{
  content: "]";
}


/*
 *  ---- spezielle Formate
 *  ----------------------------------------
 */

pre.code
{
  font-size: 1em;

  background-color: #cbddea;

  /*   ungefaehr 80 Zeichen (2 Zeichen sind Padding!) anzeigen,
   *   danach scrollen und Zeilen nicht umbrechen
   */
  max-width:   82ex;
  overflow:    auto;
  white-space: pre;

  /* Schrift fester Breite */
  font-family: monospace;

  /* Aussenrand */
  margin-top:    1em;
  margin-bottom: 1em;
  margin-left:  auto;
  margin-right: auto;

  /* Innenrand */
  padding: 1ex;

  border-style: solid;
  border-color: #aeaee8;
  border-width: 1px;
}

/* Quellcode, Benutzereingaben */
code, kbd
{
  font-family: monospace;
  white-space: nowrap;
}

div.address
{
  background-color: #cbddea;

  /* Aussenrand */
  margin-top:    1em;
  margin-bottom: 1em;
  margin-left:  auto;
  margin-right: auto;

  /* Innenrand */
  padding: 1ex;

  border-style: solid;
  border-color: #aeaee8;
  border-width: 1px;
}


/*
 *  ---- Bilder und lokale Anker (keine Dekorationen erwuenscht)
 *  ----------------------------------------
 */

/*
 *  ---- Bilder
 *  ----------------------------------------
 */

img
{
  border-width: 0px;
}

img.smilie
{
  width:  15px;
  height: 15px;
}

img.photo
{
  border-style: ridge;
  border-color: #eaeaea;
  border-width: 6px;
}

img.jabber-indikator
{
  /* big
  width: 150px;
  height: 31px; */

  /* small */
  width:  16px;
  height: 16px;
}

img.icq-indikator
{
  width:  16px;
  height: 16px;
}

img.letter
{
  width:  16px;
  height: 16px;
}

.links
{
  margin-right:  1em;
  margin-bottom: 1em;

  float: left;
}

.rechts
{
  margin-left:   1em;
  margin-bottom: 1em;

  float: right;
}


/*
 *  ---- Tabellen
 *  ----------------------------------------
 */

table
{
  border-width: 0px;
}

/*tr
{
}*/

td
{
  vertical-align: top;

  padding-right:  0.5em;
  padding-bottom: 0.5em;

  margin:  0px;
}



table.paketliste
{
  border-width: 1px;
  border-color: #aeaee8;
  border-style: solid;

  border-collapse: collapse;
}

table.paketliste tr
{
}

table.paketliste tr th
{
  background-color: #abbdca;

  border-bottom-width: 1px;
  border-bottom-color: #aeaee8;
  border-bottom-style: solid;

  padding-left:  2ex;
  padding-right: 2ex;
}

table.paketliste tr td
{
  background-color: #cbddea;

  border-bottom-width: 1px;
  border-bottom-color: #aeaee8;
  border-bottom-style: solid;

  padding-left:  2ex;
  padding-right: 2ex;
}


/*
 *  ---- Aufzaehlungen
 *  ----------------------------------------
 */

ul
{
  list-style-type: disc;
}

ul li
{
  margin-top: 0.5em;
}

ul ul li, ul ul ul li
{
  margin-top: 0em;
}

ol li
{
  margin-top: 0.5em;
}

ol ol li
{
  margin-top: 0em;
}