/* Formatierung des Seitenbodys d.h. alle Elemente die nicht durch
   weitere CSS Formatierung modifiziert werden */
body
{

  /* Erzeugt einen Balken über die gesamte Seite in #d8d8d8; */
  background-image:url(design/background.gif);		/* Hintergrund für Menüleiste = grauer Balken */
  background-repeat:repeat-y;				/* Wiederholen in Y-Richtung */
  font:10pt Arial;							/* Schriftgrösse und Schriftart */
  margin-top: -10px;							/* Abstand nach Oben */
}

.cleaner
{
	clear: both;
	height: 1px;
	font-size: 1px;
}

.mini
{
    height:1px;
    font-size: 1px;
}

/* Zeile mit halber Höhe */
.half
{
    line-height:0.3em;
}

/* Überschriften */
h1
{
    font-size:1.3em;
    margin-top:0px;
    margin-bottom:0px;
}

h2
{
    font-size:1.1em;
    margin-top:20px;
    margin-bottom:0px;
}

h3
{
    font-size:1em;
    margin-top:20px;
    margin-bottom:0px;
}

h4
{
    font-size:1em;
    margin-top:20px;
    margin-bottom:0px;
}

/* Formatierung des Logos */
#logo
{
  height:60px;								/* Höhe des Logos */
  float: left;
}

.title
{
    position:relative;
    left: 240px;
    bottom:1em;
    font-size:2em;
    margin-top:0px;
    margin-bottom:0px;
}

a img
{
    border:none;
}

/* Links im Seitentext */
a
{
  color:#ee3338;    /* rot darstellen */
  color:#ff0000;
  text-decoration:none;
}

/* Unterstreiche Links im Seitentext über denen der Mauszeiger steht */
a:hover
{
  color:#ee3338;
  color:#ff0000;
  text-decoration:underline;
}

/* Link in der Fusszeile weiss darstellen */
a.base
{
  color:white;
}

/* Link in der Fusszeile bleibt weiss wenn die Maus über ihm steht */
a:hover.base
{
  color:white;
  background:blue;
  text-decoration: none;
  font-weight:bold;
}

/* Links in der Navigationsleiste schwarz darstellen */
a.nav
{
 /* color:black;*/
  text-decoration:none;
}

a.nav_heading
{
  color: white;
  text-decoration: none;
}

a:hover.nav_heading
{
  color: white;
  background:blue;
  text-decoration: none;
  font-weight:bold;
}

/* Links in der Navigationsleiste werden unterstrichen wenn Maus über ihnen steht */
a:hover.nav
{
  color:white;
  text-decoration:none;
  background:blue;
}

/* Formatierung der Überschriften in der Navileiste */
div.caption
{
  background-image:url(design/background_navi.jpg); /* Hintergrund für Überschrift in Navileiste */
  width:148px;						   /* Breite des Streifens */
  height:17px;						   /* Höhe des Streifens */
  font:10pt Arial;					   /* Schriftgrösse und Schriftart */
  color:white;						   /* Schriftfarbe */
  font-weight:bold;					   /* Fettdruck */
  margin-top:10px;					   /* Abstand zum vorhergehenden Navi Element */
  margin-bottom:0px;					   /* Abstand zum folgenden Navi Element */
}

/* Formatierung der Links in der Navileiste */
div.menue
{
  margin-left:18px;						/* Abstand zum linken Rand */
}

/* Formatierung für Überschriften im Seitentext */
div.heading
{
  background-color:#ee3439;
  background-color:#ff0000;
  background-image:url(design/background_content.jpg); /* rote Linie als Hintergrund */
  background-repeat:repeat-x; 		   /* in X-Richtung wiederholen */
  height:17px;						   /* Höhe der Linie */
  color:white;						   /* Farbe der Schrift */
  font-weight:bold;					   /* Fettdruck */
  max-width:640px;					   /* Maximale Breite der Überschrift */
}

/* Für alle Elemente der Navigationsleistenbeschriftung */
#navigation
{
  float:left;
  width:163px;
  margin-top:20px;
}

#navigation h3
{
  margin-left:15px;
  background-image:url(design/background_navi.jpg); /* Hintergrund für Überschrift in Navileiste */
  height:17px;						   /* Höhe des Streifens */
  font:10pt Arial;					   /* Schriftgrösse und Schriftart */
  color:white;						   /* Schriftfarbe */
  font-weight:bold;					   /* Fettdruck */
  margin-top:10px;					       /* Abstand zum vorhergehenden Navi Element */
  margin-bottom:0px;					   /* Abstand zum folgenden Navi Element */
  padding-top:0px;
  padding-left:20px;
}

#navigation ul
{
	margin-top: 0px;
	margin-bottom: 0px;
    list-style-type:none;
    list-style-position:inside;
}

#navigation li
{
	margin-top: 0px;
    margin-top:0.1em;
	margin-bottom: 0.2em;
}

.small
{
    margin-left:10px;
    font-size: 0.9em;
	margin-top: 0px;
	margin-bottom: 0.1em;
}

.marked
{
    background: blue;
    color: white;
}

/* Formatierung des Seiteninhalts */
#content
{
  min-width:650px;						/* Minimale Seitenbreite */
  min-height:600px;						/* Minimale Seitenhöhe  */
  margin-left:201px;						/* Abstand zum linken Seitenrand */
  margin-top:30px;						/* Abstand zum oberen Seitenrand */
}

/* Textfeld des Seiteninhalts */
#textbox
{
  width:600px;							/* Breite des Textfeldes */
  min-height:500px;						/* Minimale Höhe des Textfeldes */
  padding:5px;							/* Breite des umlaufenden Randes */
  margin-left:15px;						/* Linker Rand */
}

/* Bild */
#pic
{
  float:left;							/* Bild steht rechts und wird links vom Text umflossen */
  float:right;							/* Bild steht links und wird rechts vom Text umflossen */
  padding:5px;							/* Breite des umlaufenden Randes */
}

/* Bild im Text, rechts angeordnet */
#bild_rechts
{
    float: right;
    padding:5px;
}

/* Sprachauswahlleiste */
#language
{
  min-width:650px;
  height:20px;
  float:none;
}

/* ??? */
.contact
{
  padding:10px;
  border:1px solid #ee3338;
  border:1px solid #ff0000; 
  margin-left:14px;
  width:400px;
  vertical-align:middle;
  text-align:center;
}

/* Schrift des Kontaktformulars */
.text
{
  border:1px solid #808080;		/* Berandung der Textfelder */
  padding:2px;					/* Rand um Schrift innerhalb der Textfelder */
  font:10pt Arial;				/* Schriftgrösse und Schriftart */
  color:black;					/* Schriftfarbe */
}

.beschriftung
{
  font-size:10px;
  color:#808080;
}

#pagefooter
{
    margin-top: 20px;
	position: relative;
	font-size: 75%;
	color: inherit;
	background-color: #cccccc;
	width: 100%;
}
#last_updated
{
	text-align: right;
	margin-left: 50%;
	padding: 6px;
}
#copyright
{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 6px;
	margin-right: 30%;
}