/* Fotoalbum - style.css */

body {
 font-family: Arial, Sans-Serif;
 font-size: 1.5rem;
 color:black;
 background-color: White;
 cursor: Default;
 margin-bottom: 450px;
}

/* Links */
a:link, a:visited {
 color: Gold;
 text-decoration: None;
 transition: color 0.5s;
}

a:hover {
 color: Whitesmoke;
 text-decoration: None;
}

/* Überschrift */
h2 {
 font-weight: Normal;
 color: Black;
 margin-bottom: 1rem;
}

/* Formulare */
fieldset {
 background-color: White; //#B42E2E;
 border: Solid Thin White;  //#D24F4F;
 box-shadow: 0px 0px 0px 0px white; //#802020;
 display: Inline;
 padding: 0 0.8rem 0.5rem 0.5rem;
 margin: 0.5rem;
 white-space: Nowrap;
}

textarea {
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 1.5rem;
 width: 230px;
 height: 80px;
 min-width: 230px;
 min-height: 80px;

}

/* Status-Meldung */
dfn {
 font-family: Arial, Sans-Serif;
 font-size: 1.5rem;
 font-style: Normal;
 color: Black;
}

/* Foto */
img.photo {
 border: Solid Thin Gold;
 box-shadow: 0px 0px 0px 0px white; //#802020;
}

/* Thumbnail */
img.thumbnail {
 border: Solid Thin Gold;
 margin-top: 0.5rem;
}

/* Foto an Browserfenster anpassen! */
figure img {
 max-width: 100%;
 height: Auto;
}

/* Diabox */
figure.diabox {
 text-align: Center;
 background-color: white; //#B42E2E;
 border: Solid Thin black; //#D24F4F;
 border-radius: 0px;
 padding: 0.2rem;
 margin: 0.2rem;
 float: Left;
 cursor: Pointer;
 box-shadow: 0px 0px 0px 0px white; //#802020;
 transition: box-shadow 0.3s;
}

figure.diabox:hover {
 box-shadow: 0px 0px 3px 5px black; //#802020;
}

/* Diabox - Beschriftung */
figure.diabox > figcaption {
 font-family: Arial, Tahoma, Sans-Serif;
 font-size: 1.5rem;
 white-space: Nowrap;
 overflow: Hidden;
 text-overflow: Ellipsis;
}

/* Navigation */
nav {
 margin: 0 0 0.5rem 0.5rem;
}

div#navigation {
 text-align: Center;
 padding-top: 2rem;
 clear: Both;
}

/* Navigations-Button */
a.button {
 font-size: 2rem;
 font-weight: Bold;
 color: #000000;
 background-color: White;
 padding: 5px 10px 5px 10px;
 border: Solid 1px #000000;
 border-radius: 30px;
 box-shadow: 0px 0px 3px 1px #802020;
 cursor: Pointer;
}

a.button:hover {
 color: #FFFFFF;
 background-color: Grey;
 border: Solid 1px #FFFFFF;
 box-shadow: 0px 0px 3px 3px #802020;
}

span.button_none {
 font-size: 2rem;
 font-weight: Bold;
 color: #000000;
 background-color: Silver;
 padding: 5px 10px 5px 10px;
 border: Solid 1px #000000;
 border-radius: 30px;
 box-shadow: 0px 0px 3px 1px #802020;
 cursor: Default;
}

 /* Tabelle (Hitliste) */
table#table th, table#table td {
 border: Solid Thin White;
}

/* Anpassung an mobile Kleingeräte */
@media screen and (max-width: 45rem) {
 body {
  margin-bottom: 2rem;
 }
}