﻿/* CSS fuer Webseite-XHTML */

/* ********* HTML/Body ********* */
body
{
  font-family: Verdana, sans-serif;
  font-size: 1.1em;
  margin-left: 20px;
  margin-right: 20px;
}

/* ********* Header ********* */
#Kopfbereich p
{
  font-family: "Harrington", "Lucida Handwriting", "Monotype Corsiva", Script, cursive;
  font-size: 4.5em;
  font-weight: bolder; 
  color: white; 
  text-align: center;
  height: 150px;
  background-image: url(img/header.jpg); 
  padding: 0;
  margin: 0;
}

/* ********* Navigation ********* */
#Navigation
{
  font-family: Verdana, sans-serif;
  text-align: center;
  width: 25%;
  float: left;
  background-color: #A4C9D8;
  padding-bottom: 5000px;
  margin-bottom: -5000px;
}

li.Menu 
{
  list-style-image: url(img/navpunkt.gif);
  text-align: left;
  width: 200px;
  height: 20px;
  margin: 10px;
}

li.currentMenu 
{
  list-style-image: url(img/katzenpfote.gif);
  text-align: left;
  font-weight: bold;
  height: 20px;
  width: 200px;
  margin: 10px;
}

/* ********* Inhaltsbereich ********* */

#Inhaltsbereich
{
  font-family: Verdana, sans-serif;
  text-indent: 1.0em;
  line-height: 1.4em;
  background-color: #D2E5FC;
  padding-bottom: 30000px;
  margin-bottom: -30000px;
  float: right;
  width: 75%;
}


/* ********* Besondere Blockelemente ********* */

p
{
  text-indent: 1.0em;
  line-height: 1.4em;
  margin-left: 10px;
  margin-right: 10px;
}

table
{
  margin-left: 10px;
  margin-right: 10px;
}

/* p in Tabellenzellen ohne Einzug */
td p
{
  text-indent: 0.0em;
  line-height: 1.4em;
}


p.ausrichtung-center
{
  text-align: center;
  line-height: 1.6em;
}

p.styleBanner
{
  text-align: center;
  line-height: 1.6em;
}

p.ausrichtung-right
{
  text-align: right;
  line-height: 1.6em;
}


/* ********* Überschriften ********* */
h1
{
  font-size: 1.5em;
  text-align: center;
  padding-top: 0.5em;
}

h2, h3, h4
{
  font-size: 1.5em;
}

/* ********* Grafiken ********* */
img.bild
{
  width: 400px;
  margin: 10px;
  padding: 10px;
  background-color: #888888;
}

img.banner
{
  margin: 3px;
  padding: 3px;
}

img.katzenkunst
{
  padding-top: 1em;
  width: 100%;
}

/* ********* Verweise und Ziele ********* */

a.id
{
  visibility: hidden;
}

a:link 
{
	color: #000080;
	text-decoration: none;
}
a:visited 
{
	text-decoration: none;
	color: #1CAA1C;
}
a:hover 
{
	text-decoration: underline;
	color: #669900;
}
a:active 
{
	text-decoration: none;
	color: #000000;
}
