

/**
* DESIGN AND LAYOUT TAKEN OVER FROM http://css.maxdesign.com.au/floatutorial
* THANKS FOR THAT GREAT TUTORIAL
* TEMPLATE TUTORIAL (c) 2007 by C. Sommer (doc) for http://WebsiteBaker.org
*/

/* DEFINIERTE STARTWERTE FÜR ALLE HTML-ELEMENTE */
* {
 margin: 0;
 padding: 0;
}

/* HELLBLAUER HINTERGRUND FÜR DIE BROWSERSEITE */
html, body { background-color: #006400; }

/****************************************************************
* NACHFOLGENDE DIV TAGS LEGEN DAS AUSSEHEN DER WEBSEITE FEST
* BANNER, 2 x NAVIGATION, INHALT MITTE, NEWS RECHTS, FUSSZEILE
****************************************************************/
#container {
 width: 800px;
 margin: 10px auto;
 background-color: #fff;
 color: #333;
 border: 1px solid gray;
 line-height: 130%;
}

#banner {
 font-family:Arial;
 color: #006400;
 font-size: 20px;
 font-style:italic;
 height: 127px;
 padding: .25em;
 background: url(header.jpg) no-repeat;
 border-bottom: 1px solid gray;
}

#navigation1 {
 font-family:Arial;
 color:#000000;
 background-color: #FFFF00;
 height: 20px;

}

#navigation2 {
 font-family:Arial;
 float: left;
 width: 160px;
 padding: 1em;
}

#inhalt {
 font-family:Arial;
 font-size: 85%;
 margin-left: 200px;
 border-left: 1px solid gray;
 #margin-right: 200px;
 #border-right: 1px solid gray;
 padding: 1em;
}

#fusszeile {
 font-family:Arial;
 font-size: 0.5em;
 text-align:center;
 clear: both;
 padding: .5em;
 color: #333;
 background-color: #FFFF00;
 border-top: 1px solid gray;
}


/**************************************************************************
* NACHFOLGENDE CSS ANWEISUNGEN DIENEN DER FORMATIERUNG DES OBEREN MENÜS
* AUSRICHTUNG, KEINE LISTENSYMBOLE, AKTIVE ELEMENTE IN WEISSER SCHRIFT
***************************************************************************/
#navigation1 ul li {
display: block;
}

#navigation1 ul li a {
color: #000000;
float: right;
font-size: 85%;
font-weight: 700;
text-decoration: none;
padding: 0 1em;
}

#navigation1 ul li a.aktiv,#navigation1 ul li a:hover,
#navigation1 ul li a:active {
color: #006400;
padding: 0 1em;
}

/**************************************************************************
* NACHFOLGENDE CSS ANWEISUNGEN DIENEN DER FORMATIERUNG DES HAUPTMENÜS
* KEINE LISTENSYMBOLE, ABSTÄNDE ZU DEN RÄNDERN
**************************************************************************/
#navigation2 p, #news p { margin: 0 0 1em 0; }

#navigation2 ul li {
display: block;
}

#navigation2 ul ul {
   margin: 2px 0 2px 7px;
}

#navigation2 ul li a {
color: black;
text-decoration: none;
padding: 0 1em;
font-weight:bold;
}

#navigation2 ul li a.aktiv,#navigation2 ul li a:hover,
#navigation2 ul li a:active {
 color: #006400;
 font-weight:bold;
}

h2 {
  color: #006400;
}
h1 {
 font-size: 1.5em;
   color: #006400;
}

img {
border: none;
}

A:link {
  color: #006400;
}

A:visited {
  color: #046404;
}

A:active {

}

A:hover {
  text-decoration: underline; color: red;
}
