body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0; padding: 10px 3px;
    background-color: rgb(245,245,245);
}
header, section, footer, aside, nav, main, article, figure { display: block; }

a:link 		{ color: midnightblue; }
a:visited 	{ color: rgb(10,0,96); }
a:hover 	{ text-decoration: underline; }

img 		{ border: 0 none; }

h2 { font-size: 16px; font-weight: bold; text-decoration: underline; }
h3 { font-size: 14px; font-weight: bold; text-decoration: underline; }

div.all {  }

table { border-collapse: collapse; border-color: black; }
table.thumb-list { margin: auto; }
table.diashow-controls { border: 1px solid; padding: 4px; }
table.diashow-controls td { text-align: left; }

td {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    border-color:black;
    font-size:12px;
}
.normal { font-weight: normal; font-size: 12px; }
.fett 	{ font-weight: bold; font-size: 12px; }
.error  { border: 1px solid red; padding: 3px; width: 80%; }

.title-container {
    border: 1px solid silver;
    border-radius: 5px;
    padding: 4px 8px;
    box-shadow: 2px 2px 4px gray;
    background-color: beige;
    margin: auto;
}
.title { font-weight: bold; }
.subtitle { font-weight: normal; }
.image-frame {
    padding: 5px;
    border: 1px solid silver;
    border-radius: 5px;
    box-shadow: 2px 2px 4px gray;
    background-color: beige;
}

.top_level { font-size: 16px; font-weight: bold; }
ul.top_level li { margin: 5px 0; }
.medium { font-size: 14px; font-weight: bold; line-height: 1.6;  }
.small 	{ font-size: 12px; font-weight: bold; line-height: 1.4;  }

div.navi { font-size: 14px; font-weight: bold; margin-left: 10px; }
div.navi a:link    { text-decoration: none; color: rgb(0,90,0); }
div.navi a:visited { text-decoration: none; color: rgb(0,90,0); }
div.navi a:hover   { text-decoration: none; color: rgb(0,0,0); }
div.navi a:active  { text-decoration: none; color: rgb(150,0,0); }

.container { text-align: center; }

.pic-normal { border-radius: 10px; margin: 3px; }

.backlink       { text-align: right; padding: 16px 20px 12px 20px; max-width: 750px; margin: auto; }
.noborder       { border: 0 none !important; }
.gallery-index  { margin: auto; border: 1px solid black; max-width: 95%; }
.gallery-header { padding: 5px; border-bottom: 1px solid black; }
.gallery-footer { padding: 5px; border-top: 1px solid black; clear: both; }
.thumbnail-container { display: table; padding: 2px; float: left; width: 120px; height: 120px; }
.thumbnail-container a { display: table-cell; vertical-align: middle; }
.thumbnail-container img { display: block; margin: auto; }

.image-container { }
.image-container img { max-width: calc(100vw - 6px); max-height: calc(100vh - 60px);  }

.thin_border 	{ border: 1px solid; }
.rahmen_aussen  { border: 1px solid; padding: 4px; }