body {background-color:#14ac75;color:#222;font-family:sans-serif;text-align:center;margin:0;background-attachment:fixed;background-image:url("https://www.rhd-monitoring.de/webp/rhd-background.webp");background-repeat:no-repeat;
background-size:cover;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break: normal;}
footer {text-align:center;margin-top:15px;font-size:12px;}
h1 {font-size:28px;margin:2px;margin-bottom:12px;text-align:center;}
h2 {font-size:24px;margin:auto;margin:2px;margin-bottom:12px;text-align:center;}
h6 {text-align:center;margin:auto;}
#top {width:100%;min-height:30px;background-color:red;color:#ffffff;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0px 0px 5px #000;}

ul {list-style-type: square;}
li {margin-bottom:15px;}
a {text-decoration:none;color:#ff0000;}
a:hover {text-decoration:underline;color:#000;}
a:visited {text-decoration:none;color:#ff0000;}

.rhdfaelle td {border:1px solid #444;text-align:center;vertical-align:top;} 
.rhdfaelle th {border:1px solid #444;background-color:#fff;text-align:center;vertical-align:top;} 

/* rechts ausgerichtetes Bild */
img.rt {width:40%;height:auto;float:right;box-shadow:0px 0px 5px #000;margin:20px;margin-right:0px;}
/* Links ausgerichtetes Bild */
img.lt {width:40%;height:auto;float:left;box-shadow:0px 0px 5px #000;margin:20px;margin-left:0px;}
.cl {clear:both;}

#meldeformular
input[type="text"] {border:2px solid #ccc; -webkit-border-radius:5px; border-radius:5px;background-color:#eeffc0;font-size:25px;}
input[type="text"]:focus {border:2px solid #00ff00;}
/* Und weil das der Firefox nicht kann, noch mal */
.intext {border:2px solid #ccc; -webkit-border-radius:5px; border-radius:5px;background-color:#eeffc0;font-size:25px;}
.intext:focus {border:2px solid #00ff00;}

input[type="date"] {border:2px solid #ccc; -webkit-border-radius:5px;border-radius:5px;background-color:#eeffc0;font-size:25px;}
input[type="date"]:focus {border:2px solid #00ff00;}

input[type="number"] {border:2px solid #ccc; -webkit-border-radius:5px;border-radius:5px;background-color:#eeffc0;font-size:25px;margin-right:5px;}
input[type="number"]:focus {border:2px solid #00ff00;}

input[type="checkbox"] {width:45px;height:25px;border-radius:5px;}

input[type="submit"] {background-color:#00ff00;color:#000;height:35px;padding-left:15px;padding-right:15px;box-shadow:0px 0px 5px #000;margin:5px;}
/* Und weil das der Firefox nicht kann, noch mal */
.submit {background-color:#00ff00;color:#000;height:35px;padding-left:15px;padding-right:15px;box-shadow:0px 0px 5px #000;margin:5px;font-size:20px;}

/* Linkliste, zerschneide die URLS in der Ansicht */
#linkliste a {color:#44cc44;font-style:italic;font-size:18px;word-break:break-all;}

/* Eingabe Formular */    
.rhdform {border-collapse:collapse;width:100%;margin:auto;}
.rhdform td {vertical-align:top;}
.rhdform td.l {text-align:left;border-bottom:1px solid #aaaaaa;}
.rhdform td.r {text-align:right;border-bottom:1px solid #aaaaaa;}

@media only screen and (max-width:800px) {
/* Tabelle der Ereignisse */      
.rhdfaelle {width:97%;border-collapse:collapse;border:1px solid #444;margin:auto;box-shadow:0px 0px 5px #000;}      
.rhdform td.d {height:18px;}
article {background-color:#eee;width:95%;max-width:1000px;padding:1%;margin:auto;margin-top:15px;border-radius:5px;border:1px solid #000;box-shadow:0px 0px 5px #000; text-align:left;line-height:35px;font-size:22px;}
}



@media only screen and (min-width:801px) {
/* Tabelle der Ereignisse */      
.rhdfaelle {width:85%;border-collapse:collapse;border:1px solid #444;margin:auto;box-shadow:0px 0px 5px #000;}      
.rhdform td.d {height:5px;}
article {background-color:#eee;width:95%;max-width:1000px;padding:1%;margin:auto;margin-top:15px;border-radius:5px;border:1px solid #000;box-shadow:0px 0px 5px #000; text-align:left;line-height:31px;font-size:22px;}
}