@import url(screen-extended.css);

body
{
  background-color:#06a;
  color:#000;
}

/* Die Navigation auf der linken Seite */
#mainnavigation
{
  background-color:#06a;
  color:#fff;
  padding-right:2em;
  margin:0;
  border-style:none;
}

/* Der Inhaltscontainer auf der rechten Seite */
#content
{
  background-color:#fff;
  color:#000;
  border:1px outset #000;
}

/* Die Links in der Navigation auf der linken Seite sollen besonders aussehen */
#mainnavigation a, #mainnavigation a:visited, .nav a:hover, .nav a:visited
{
  color:#fff;
  background-color:#06a;
  text-decoration:underline;
}

/* Man kann es ja nicht oft genug sagen... */
#content, h1, h2, h3, p, a, td, th
{ font-family:verdana,sans-serif; }

/* Festlegen der Ueberschriftengroessen */
h1
{ font-size:1.2em; }
h2
{ font-size:1.1em; }
h3
{ font-size:1.08em; }

/* Absaetze sollen schon ein Bisschen eingezogen sein */
p
{
  margin-left:0.5em;
  margin-right:0.5em;
}

/* Die Hauptnavigation ist zwar nur eine Liste, aber... */
#mainnavigation ul
{
  display:block;
  list-style-type: none;
  margin:0;
  padding:0;
}

/* Eigentlich ueberfluessig...dachte ich auch mal... */
a
{
  color:#00f;
  text-decoration:underline;
}


/* So sieht eine besondere Hervorhebung aus */
em.date
{ background-color: #eee; }

/* ...und nein, Rahmen um Link-Bilchen sind nicht schoen... */
a img
{ border-width:0px; border-color:#06a; border-style:none;}

/* Der Inhalt einer Tabellenzelle sollte schon oben stehen.... */
td, th
{ vertical-align:top; }

/* Und die Tabellenueberschrift soll auch nach einer solchen aussehen */
th
{ background-color:#eee; color:#000; }

/* Schon mal auf einer 2-Pixel-Linie spaziert? */
hr
{ height:2px; }

/* Neu und nicht mit ... gewaschen */
em.new
{
  font-weight:bold;
  color:#00f;
  background-color:#fff;
}

/* was das wohl soll... */
em.buzzword
{
  color:#000;
  background-color:#fff;
  font-style:normal;
}

/* Zitate sind immer etwas schraeg... */
cite
{ font-style:italic; }

/* Seltsame Type... */
ul.wizard
{
  list-style-type:none;
  margin-bottom:1.5em;
}
#copyrightrow
{
  font-family:verdana,sans-serif;
  font-size:0.8em;
  width:100%;
  text-align:right;
  color:#ffffff;
  padding:0.5em;
  bottom:1px;
  clear: both;
}
#copyrightrow a
{ color: #fff; text-decoration:underline; }

/* Abgehobenes Logo... */
div#logo
{
  margin: 0em -0.5em 1em -0.5em;
  padding-top:0;
  padding-left:0.5em;
  vertical-align: top;
  background: url(/img/background/logo-background.jpg) no-repeat;
  margin-bottom:1em; 
  border-bottom: #0099FF 1px dashed;
}

pre strong
{ font-weight: bold; }