/* CSS Aufbau der Webseite mit DIVs */
body { background-color: #ccc; }
.container { width: 820px; text-align: left; height: auto; margin-left: auto; margin-right: auto; }
.index { width: 820px; text-align: left; height: auto; margin-left: auto; margin-right: auto; }
.header { width: 100%; height: 52px; margin: 0pt; padding: 0; background-color: #68d83d; background-image: url(../images/top.gif); margin: 0; }
.navigation { width: 100%; height: 25px; margin: 0px; padding: 0px; background-color: #dbd041;  background-image: url(../images/navigation.gif); }
/* Spezieller Aufbau für zwei Spalten mit gleicher Höhe, doppelt weil index.html anders */
.container #two-columns { background: url(../images/bg.gif) repeat-y 50% top; height: auto; width: 820px;	margin:auto  }
.index #two-columns { background: url(../images/bg_sharp.gif) repeat-y 50% top; height: auto; width: 820px;	margin:auto  }
.index #two-columns #column-2 {	float:right; height: auto; width: 400px; padding: 5px; text-align:  justify; min-height: 450px;}
.index #two-columns #column-1 { position:absolute; height: auto; width: 400px; padding: 5px; text-align: center; }
.index .clr { clear:both; }
.container #two-columns #column-2 {	float:right; height: auto; width: 400px; padding: 5px; text-align:  justify; min-height: 450px;}
.container #two-columns #column-1 { position:absolute; height: auto; width: 400px; padding: 5px; text-align: center; }
.container .clr { clear:both; }
.footer { width: 820px; height: auto; float: left; }
.start {height: 400px; }
/* Sämtliche andere Design-Elemente für Texte, Bilder etc. */
ul {list-style-type: none; text-align: center; width: 820px; float: left; margin-top: 5px; }
li {list-style-type: none; float: left; width: 130px; height: 30px; margin: 0px; padding: 0px; }
a {font-family: Georgia; text-decoration: none; color: #ffc; font-weight: bolder; }
img {border: solid 2px #77391c; padding: 5px; }
h2 {vertical-align: middle; text-align: right; font-family: Georgia; font-size: 200%; font-weight: bold; }
.container #two-columns table { font-family: Georgia, Helvetica; font-style: italic; width: 400px; border:  solid 2px #77391c; }
.container #two-columns tr { text-align: left; font-size: 100%; vertical-align: super; }
.container #two-columns #column-2 p { font-family: Georgia, Helvetica; font-style: italic; margin-top: -26px; padding: 10px; border: solid 2px #77391c; }
.footer table { width: 820px; }
.footer tr {height: 30px; margin: 0px; padding: 0px; }
.footer td {font-family: Georgia; color: #ffffff; font-size: 120%; padding: 5px;}
.logo img { padding: 0; border-width: 0; }