html { height: 100% }
body { min-height: 101% }

body {
font-family: Verdana,Arial,sans-serif;
margin: 0px auto 0 auto;
width: 920px;
font-size: 80%;
}

/* -------- Grids -------- */

#Kopf {
height: 62px;
border-bottom: 1px solid silver;
}

#Uebersicht {
margin: 10px 0px 10px 0px;
padding: 0 10px; 
border: 1px solid silver;
overflow: hidden; /* FF */
height: 100%; /* IE6 */
}

.left {
width: 286px;
float: left;
}

.center {
width: 286px;
float: left;
margin-left: 20px;
}

.right {
width: 286px;
float: right;
}

#Seite {
margin: 10px 0px 10px 0px;
padding: 0 10px;
border: 1px solid silver;
}

#Inhalt {
background-color:#fff;
margin: 10px 0px 10px 185px;
padding: 0 5px;
border: 1px solid silver;
}

#Fusszeile {
clear: both; 
}


/* -------- Klassen für index.htm -------- */

.box { /* Text in den Boxen */
margin: 0 0 10px 0;
padding: 0;
font-size: 95%;
}

.aktuell {
float: right;
width: 180px;
border: none;
margin: 0;
text-align: right;
}

.aktuell img {
border: none;
}

.intro {
width: 700px;
float: left;
}

.intro p {
margin: 0;
}

.rahmen { /* Bilder auf index */
float: left;
padding: 2px;
margin-right: 10px;
border: 1px solid silver;
}
 
.line { /* Trenner */
height: 30px;
clear: both;
}

/* --------------- Type ---------------- */

h1 { /* Nur im Kopf verwendet */
font-family: Helvetica,Arial,sans-serif;
color: #343b41;
margin: -18px 0 0px 55px;
font-size: 12pt; font-style: italic;
text-align: left;
}

h2 {
font-family: Georgia, Arial, sans-serif;
font-weight: lighter;
letter-spacing: 1px;
color: #343b41;
font-size: 140%;
margin: 10px 0px 10px 0px;
}

h2:first-letter {
font-weight: bold;
font-size: 140%;
}

h3 {
margin: 0 0 5px 0;
font-size: 100%;
color: #343b41;
}

#Seite p.trenner {
padding-top: 10px;
border-top: 1px dashed silver;
}

#Inhalt p.center {
text-align: center;
}	

span.kb {
white-space: nowrap;
} 

#Inhalt p {
margin: 10px 0px 10px 0px;
}
  
#Inhalt p.trenner {
padding-top: 10px;
border-top: 1px dashed silver;
}
	
#Inhalt table {
margin: 0px 0px 10px 0px;
}
  
#Inhalt td {
vertical-align: top;
padding-right: 10px;
}
  
#Inhalt input {
font-size: 10pt;
padding-left: 2px;
margin-bottom: 2px;
}

#Inhalt input.preis {
text-align: right;
font-size: 10pt;
padding-right: 2px;
margin-bottom: 2px;
}

p.small {
color:#505973;
font-size: 85%;
text-align: left;
}

small {
font-size: 70%;
}

a:link { color: #1258AA; text-decoration: none;}
a:visited { color: #1258AA; text-decoration: none;}
a:hover { color: red; text-decoration: none; background-color: #fff;}

/* ---------- Horizontale Navigation --------- */

#Links {
margin: 0px 0px 20px 0px;
padding: 0px; 
border-bottom: 1px solid silver;
}

#Links span {
background-color: #fff;
}

#Links td {
margin: 0;
padding: 0; 
background-color: #eee;
}

#Links a:link {
color: #000; 
text-decoration: none;
}

#Links a:visited {
color: #000;
text-decoration: none;
}

/* ----------- Vertikale Navigation ----------- */

ul#Navigation {
float: left;
width: 170px;
border: 1px solid silver;
margin: 0px 0px 10px 0px; 
padding: 0;
background-color: #eee;
}

ul#Navigation li {
list-style: none;
margin: 0; 
padding: 2px;
}

ul#Navigation span {
display: block;
padding: 1px 2px;
color: #000;
background-color: #fff;
}
  
ul#Navigation a {
display: block;
padding: 1px 2px;
text-decoration: none;
}

ul#Navigation a:link {
color: #000;
}

ul#Navigation a:visited {
color: #000; background-color: #eee;
}

ul#Navigation a:hover {
color: #000; background-color: #fff;
}