/* Fotoalbum - style.css */

body {
 font-family: Arial, Sans-Serif;
 font-size: 1rem;
 color: White;
 background-color: #333129;
 /*cursor: url(https://doca.o-darts.de/images/pointer.png),
 move;*/

 margin-bottom: 450px;
}

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

a:hover {
 color: Whitesmoke;
 text-decoration: None;
 cursor: url(https://doca.o-darts.de/images/pointer.png),
 move;
}

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

/* Überschrift */
h1 {
 font-weight: Normal;
 color: Gold;
 margin-bottom: 0.5rem;
}

/* Formulare */
fieldset {
 background-color: #3B3B3B;
 background: linear-gradient(#C93434, #3B3B3B);
 border: Solid Thin #D24F4F;
 box-shadow: 0px 0px 3px 3px #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: 0.96rem;
 width: 230px;
 height: 80px;
 min-width: 230px;
 min-height: 80px;
}

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

/* Foto */
img.photo {
 border: Solid Thin gold;

 cursor: url(https://doca.o-darts.de/images/pointer.png),
 move;

 box-shadow: 0px 0px 3px 3px gold;


}

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

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

/* Diabox */
figure.diabox {
 text-align: Center;
 background-color: #3B3B3B;
 background: linear-gradient(#C93434, #3B3B3B);
 border: Solid Thin #D24F4F;
 border-radius: 5px;
 padding: 0.2rem;
 margin: 0.30rem;
 float: left;
 cursor: url(https://doca.o-darts.de/images/pointer.png),
 move;

 box-shadow: 0px 0px 3px 2px #802020, inset 0px 0px 4px 2px #d25353;
 transition: box-shadow 0.3s;
}

figure.diabox:hover {
 box-shadow: 0px 0px 3px 5px #FAD500, inset 0px 0px 4px 2px #d25353;
 cursor: url(https://doca.o-darts.de/images/pointer.png),
 move;
}

/* Diabox - Beschriftung */
figure.diabox > figcaption {
 font-family: Arial, Tahoma, Sans-Serif;
 font-size: 0.90rem;
 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: 1.2rem;
 font-weight: Bold;
 color: #000000;
 text-decoration: none;
 background-color: gold;
 padding: 5px 10px 5px 10px;
 border: Solid 1px #000000;
 border-radius: 30px;
 box-shadow: 0px 0px 3px 1px #802020;
 cursor: url(https://doca.o-darts.de/images/pointer.png),
 move;
}

a.button:hover {
 color: #ffffff;
 background-color: red;
 border: Solid 1px #FFFFFF;
 box-shadow: 0px 0px 3px 3px #802020;
 cursor: url(https://doca.o-darts.de/images/pointer.png),
 move;
}

span.button_none {
 font-size: 1.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: url(https://doca.o-darts.de/images/no.png),
 move;
}

 /* 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;
 }
 .navi:hover{
color: #D50000;
cursor: url(https://doca.o-darts.de/images/pointer.png),
move
}
l {
 color: gold;
 font-family: arial;
 }

}