html {
    height: 100%;
    margin:0;
    padding:0;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

body {
    height:100%;
    padding: 0;
    margin: 0;
    background: #228b22 url(BGtest.gif);
    font-size: small;
    text-align: center;
}

#randL {
    float: left;
    padding: 0;
    margin: 0;
    border: 0;
    width: 10%;
    height: 100%;
}

#randR {
    float: right;
    padding: 0;
    margin: 0;
    border: 0;
    width: 10%;
    height: 100%;
    padding-left: -2px;
}

#content {
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
    border: 0;
    background: white;
    width: 80%;
    min-height: 100%;
    _height: 100%;
}

#header {
    float: left;
    height: 70px;
    width: 100%;
    background: white url("images/logo.jpg") no-repeat center center;
}

#footer {
    text-align: center;
    color: #228b22;;
    font-size: smaller;
    padding-bottom: 10px;
}

#navigation {
    float:left;
    width: 100%;
    background:#fff url("bg.gif") repeat-x bottom;
    font-size:93%;
    line-height:normal;
}

#navigation ul {
    margin: 1px 0 1px 0;
    list-style:none;
}

#navigation li {
    float:left;
    background:url("left_t.gif") no-repeat left top;
    margin-left: -40px;
    padding:0 0 0 25px;
    position: relative;
}

#navigation a {
    display:block;
    float:left;
    background:url("right_t.gif") no-repeat right top;
    padding:5px 55px 4px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#228b22;
}

#navigation span a {
    float:right;
    background-image: none;
    padding:8px 2px 3px 0;
    text-decoration:none;
    font-weight:normal;
    color:#228b22;
    font-size: smaller;
}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#navigation a {float:none;}
/* End IE5-Mac hack */

#navigation a:hover {
    color: #103A10;
    border-bottom: none;
}

#navigation #current {
    z-index: 1;
    background-image:url("left_on_t.gif");
}

#navigation #current a {
    background-image:url("right_on_t.gif");
    color: black;
    padding-bottom:5px;
}

#inhaltbox {
    text-align: left;
    float: left;
    width: 100%;
    background-color: white;
}

#inhalt {
    margin: 10px 20px;
}

#content_text {
    margin: 10px 60px 0px 60px;
    clear: both;
}

.bilderblock {
    position: relative;
    float: left;
    min-width: 100%;
    _width: 100%;
    _margin-bottom: 20px;
}

.tabelle table {
    position: relative;
    top: -4px;
    left: -4px;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid gray;
    background: white;
    margin-left: 1px;
}

.tabelle th, .tabelle td {
    margin: 0;
    padding: 8px 10px;
    text-align: center;
    border-bottom: 1px solid silver;
}

.tabelle th {
    color: gray;
}

.tabelle caption {
    margin: 0;
    padding: 8px 10px;
    text-align: center;
    border: 1px solid gray;
    border-bottom: none;
    background-color: white;
    font-weight: bold;
    text-decoration: underline;
}

.tabelle .name {
    text-align: left;
}

.tabelle tr {
    background-color: #E8E8E8;
}

.tabelle tr.alt {
    background-color: #F1F1F1;
}

.tabelle td a {
    text-decoration: none;
    font-weight: bold;
    display: block;
    color: #00025E;
}

.tabelle {
    background-color: #6785A1;
}

.nachoben {
    text-align: right;
    margin-right: 10px;
}

.nachoben a {
    font-weight: bold;
    color: #228b22;
    text-decoration: none;
}

.links {
    text-decoration: none;
    color: #228b22;
    font-weight: bold;
}

.mail {
    text-decoration: none;
    color: #228b22;
}

.links:hover, .mail:hover {
    color: #5ED85E;
}

.zitat {
    float: left;
    color: gray;
    margin: 100px 10px 0 40px;
    vertical-align: middle;
    text-align: center;
}

.box {
    float: left;
    color: black;
    margin: 20px 10px 20px 10px;
    background: #DEE7EF url(box_right.gif) no-repeat top right;
}

.desc {
    margin: 0;
    padding: 9px 9px 0 9px;
    background:  url(box_left.gif) no-repeat top left;
}

.boxlink {
    margin: 0;
    padding: 0 0 0 9px;
    background: #DEE7EF url(box_left.gif) no-repeat bottom left;
}

.boxlink em {
    display: block;
    padding: 0 9px 9px 0;
    font-style: normal;
    background: #DEE7EF url(box_right.gif) no-repeat bottom right;
}

.box a {
    font-size: 130%;
    text-decoration: none;
    color: #00189C;
}

.nobreak {
    white-space: nowrap;
}

td {
    vertical-align: top;
    padding-left: 10px;
    padding-bottom: 10px;
}

img {
    border: none;
}

#gallery {
    float: left;
    border: 1px solid #000000;
    background-color: #EFFFEF;
    padding: 10px;
}

#gallery a, #gallery a:visited {
    text-decoration: none;
    color:#228b22;
}

.nextImage {
    border:none;
    float:right;
    height:auto;
    width:auto;
}

.prevImage {
    border:none;
    float:left;
    height:auto;
    width:auto;
}

.nostyle {
    list-style: none;
}

#lightbox {
    background-color:#eee;
          padding: 10px;
          border-bottom: 2px solid #666;
          border-right: 2px solid #666;
}

#lightboxDetails {
    font-size: 0.8em;
    font-weight: bold;
    color:#228b22;
          padding-top: 0.4em;
}

#lightboxCaption {
    float: left;
}

#keyboardMsg {
    float: right;
}

#lightbox img {
    border: none;
}

#overlay img {
    border: none;
}

#overlay {
    background-image: url(overlay.png);
}

/* Browser-Hacks */
/* SimpleBoxModelHack */
* html #overlay {
    background-color: #000;
          back\ground-color: transparent;
          background-image: url(blank.gif);
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}

* html body {
    font-size: x-small; /* für IE5 */
    f\ont-size: small; /* für andere IEs */
}

* html #navigation li {
    margin-left: 0;
    margin-right: -40px;
}