html, body, #page {height: 100%; }
body {font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px;background: url(bg.jpg) no-repeat center center fixed #ffe; color: #230;}
#page {width: 100%; border-collapse: collapse; }
#kopf {background: #cf9; height: 5em; vertical-align: middle; text-align: left; padding-left: 5em;}
#navi {vertical-align: top; background: #cf9; width: 150px; font-size: 15px; padding-top: 130px;}
#navi img {position: absolute; top: 0px; }
#navi ul {width: 150px; }
#navi ul ul {width: auto; }
#content {padding: 15px; vertical-align: top; height: 100%;}
#kopf {color: #590; font-size: 14px; letter-spacing: 5px; line-height: 1.1em;}
#top {height: 5em; max-height: 5em; }
#kopf em {display: block; letter-spacing: 1px; font-size: 25px; font-style: normal; color: #120; font-weight: bold;}

#navi ul {list-style-type: none; padding: 0px; margin: 0px;}
#navi li {padding: 0px; margin: 0px; display: inline;}
#navi li a, #navi li b {display: block; background: #ffe; padding: 3px; margin: 5px; margin-bottom: 0px; text-align: left; text-decoration: none; color: #030;}
#navi li a, #navi li b {border: solid black 1px; border-top-color: #ccb; border-left-color: #ccb; border-bottom-color: #998; border-right-color: #998;}
#navi li li a, #navi li li b {margin-top: 0px; margin-left: 15px; border-top: 0px; font-size: 95%;}
#navi li b {background: #ffc; font-weight: normal;}
#navi li a:hover {text-decoration: underline; background: #ffd;}

h1 {color: #471; font-size: 130%; margin-left: -10px; color: #120; background: #eee; border: solid 1px; border-top: #ddd; border-right: #ddd; border-left: #fff; border-bottom: #fff;}
h2 {color: #360; font-size: 100%; margin-left: -5px; padding-left: 5px; color: #120; border-top: solid black 1px; border-bottom: solid black 1px; margin-top: 5px; margin-bottom: 2px;}
h3 {font-size: 100%; font-weight: bold; padding-top: 5px; padding-bottom: 1px; margin-top: 0px; margin-bottom: 0px; border-bottom: solid black 1px;}

p.quelle {font-style: italic; margin: 30px; margin-bottom: 0px;}
div.img, span.img, a.img {display: block; float: right; width: 160px; border: solid #ccc 1px; clear: right; text-align: center; margin: 5px;}

hr {width: 50%; }
th {text-align: right; vertical-align: top; padding-left: 10px; padding-right: 5px;}
p, li, h1, h2, hr {clear: both; }

img.right {display: block; float: right; margin: 5px; clear: right;}
img.left {display: block; float: left; margin: 5px; clear: left;}
img.box {display: block;}

table.layout {width: 80%; }
table.layout td {padding: 5px; text-align: center; border: solid #ccc 1px; width: 33%;}

p.gbentry {border: dotted #ccc 1px; background: #ffc; margin: 5px;}
input, textarea {border: solid 1px; border-color: #ccc #ccc #ddd #ddd;}

#hoch {text-align: right; font-size: 80%;}

#design, #design a {color: #8b5; font-size: 0.9em; text-align: right; margin-top: 8em; text-decoration: none; margin-right: 4px;}
#design a {font-weight: bold; text-decoration: none;}
.spaced td {padding: 5px; }

.gallery {width: 525px; margin: auto; background: #ffd; border-collapse: collapse; border: solid #137 2px;}
.gallery td {width: 75px; text-align: center; vertical-align: middle; border: solid #137; border-width: 0px 2px 2px 2px;}
.gallery td.selected {background: #ccc; border-bottom: none 0px;}
.gallery td.foto {width: 525px; background: #ccc;padding: 3px; border: none 0px;}
.gallery td.foto p {text-align: left; }
.gallery a img {border: none 0px; }