/* default.css für www.uwe-sauerland.com */

body
{
    background-image: url(../images/drachentapete-www-1024x768.jpg);
}

h1
{
    clear: both;
    color: #003300
}

h2
{
    clear: both;
    color: #006600
}

h3
{
    color: #336633
}

ul.yinyang {
	margin: 0;
	list-style-image: url(http://uwe-sauerland.com/images/YinYang_Button.gif);
}

li.level1 {
	font-size: large;
}

li.hlink {
	margin: 1em;
	font-size: x-large;
}

div.kleingedruckt {
	font-size: small;
}

div.signature
{
    clear: both; 
    text-align: right
}

.linkl {
	width: 38%; /* goldener Schnitt */
	text-align: right; 
	float: left; 
	margin-right: 1em;
}

.linkr {
	font-size: large;
}

p.bildunterschrift {
	font-size: smaller;
	font-style: italic;
	text-align: center;
}

.fotolinks {
	float: left;
	padding: 1em;
}

.fotorechts {
	float: right;
	padding: 1em;
}

img.catalogue {
    height: 50;
    width: auto;
}

td
{
    vertical-align: top
}

/* Taschenrechner-Kabinett */

div.tr-grid
{
    display: grid;
    gap: 0.5em;
    grid-template-columns: auto auto auto auto auto;
}

div.sr-grid
{
    display: grid;
    gap: 0.5em;
    grid-template-columns: auto auto auto auto;
}

div.tr-exhibit
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0.5em;
}

div.exhibit-portrait
{
    display: grid;
    gap: 0.5em;
    grid-template-columns: max-content max-content max-content max-content max-content auto;
}

div.exhibit-landscape
{
    display: grid;
    gap: 0.5em;
    grid-template-columns: max-content max-content max-content max-content;
}

figure.tr
{
    float: left;
    margin: 2px;
}

table.tr-model
{
    border-style: solid; 
    border-width: 1px;
    padding: 5px;
    margin: 5px;
}