/* 
CSS-Stylesheet fuer die Homepage
## blau     : #333366 ##
## hellblau : #C1C1D1 ##
## rot      : #993333 ##
*/
a:link    {color: #333366; text-decoration: underline; }
a:hover   {color: #333366; text-decoration: none; }
a:active  {color: #333366; text-decoration: underline; }
a:visited {color: #333366; text-decoration: underline; }
a:visited:hover {color: #333366; text-decoration: none; }

body
{
	font-family: Arial, "Times New Roman", Times, serif;
	background-image:  url("./bilder/bg.jpg");
	color: #333366;
	font-size: 0.8em;
  margin: 0px;
}


td
{
  empty-cells: show;
}

img
{
  border-width: 0px;
}

/* Topnavi */

#topnavi a:link          { color: #FFFFFF; text-decoration: underline; font-style: normal; }
#topnavi a:hover         { color: #FFFFFF; text-decoration: none; font-style: normal; }
#topnavi a:active        { color: #FFFFFF; text-decoration: none; font-weight: bold; font-style: normal; }
#topnavi a:visited       { color: #FFFFFF; text-decoration: underline; font-style: normal; }
#topnavi a:visited:hover { color: #FFFFFF; text-decoration: none; font-style: normal; }

#topnavi
{
  height: 30px;
  color: #FFFFFF;
  background-color: #C1C1D1;
  text-align: left;
  vertical-align: bottom;
}

#topnavi table
{
  float: left;
  border-width: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
}

#topnavi td
{
  height: 30px;
  font-family: Arial, "Times New Roman", Times, serif;
  font-size: 0.8em;
  word-spacing: 10px;
  padding: 0px;
  background-color: #333366;
}


#aktivestab
{
  border: 0px;

  border-bottom-width: 1px;
  border-bottom-color: #FFFFFF;
  border-bottom-style: solid;
}
#aktivestab a:link { color: #FFFFFF; text-decoration: none; font-weight: bold; font-style: normal;  }


/* Navi */

#navi /* Formatierung der Zelle 'navi' mit Bild drinne */
{
  width: 600px;
  padding: 0px;
  background-color: #C1C1D1;
  font-family: Arial, "Times New Roman", Times, serif;
  font-size: 0.8em;
  text-align: left;
}

#navi div /* Formatierung des Div in der Zelle Navi = die eigentliche Navi */
{
  height: 20px;
  
  padding-left: 10px;
  padding-right: 10px;
  
  word-spacing: 30px;
  vertical-align: middle;
}

#navi a:link          { color: #333366; text-decoration: underline; font-weight: bold; font-style: normal;   }
#navi a:hover         { color: #333366; text-decoration: none; font-weight: bold; font-style: normal;  }
#navi a:active        { color: #333366; text-decoration: none; font-weight: bold; font-style: italic; }
#navi a:visited       { color: #333366; text-decoration: underline; font-weight: bold; font-style: normal;  }
#navi a:visited:hover { color: #333366; text-decoration: none; font-weight: bold; font-style: normal;  }

#bottomnavi
{
  height: 20px;
  
  padding-left: 10px;
  padding-right: 10px;
  word-spacing: 10px;
 
  border-top: #C1C1D1 1px dashed;
  text-align: right;
  vertical-align: middle;
  font-family: Arial, "Times New Roman", Times, serif;
  font-size: 0.8em;
}

/* Inhalt */

h1
{
  color: #993333;
  font-size: 200%;
  font-weight: bold;
  font-family: "Times New Roman";
}

h2
{
  color: #333366;
  font-family: "Arial";
  font-weight: bold;
  font-style: italic;
  font-size: 150%;
}
small
{
  font-size: 90%;
}

#contentdiv
{
  text-align: center; 
  vertical-align: top;
}

#contenttable
{
  width: 600px;
  border-left-color: #C1C1D1;
  border-left-width: 1px;
  border-left-style: solid;
  
  border-right-color: #C1C1D1;
  border-right-width: 1px;
  border-right-style: solid;

  border-top-width: 0px;
  border-bottom-width: 0px;
  border-spacing: 0px;
  padding: 0px;
  
  border-collapse: collapse;
}

.content
{
  font-family: "Arial";
  font-size: 0.8em;
  text-align: left;
  vertical-align: top;
  padding: 10px;
}


.content td
{
  font-family: "Arial";
  font-size: 0.8em;
}

.rahmen
{
  border-color: #333366;
  border-width: 1px;
  border-style: solid;
}

.status_online
{	color: #33663D; }

.status_offline
{	color: #993333; }

.status_relaunch
{ color: #6722A2; }