/*	 gpmx: ToDo: Umbenennen, ...
    Für Linuxcodebeispiele.
    https://www.w3schools.com/css/css_boxmodel.asp */
pre {
    background-color: lightgrey;
    /*    width: 95%; */
    border: 2px solid DodgerBlue;
    padding: 15px;
    margin: 15px;

    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
    /* https://www.w3schools.com/css/css_overflow.asp */
    overflow-x: auto;
}

/*	 gpmx: Vollbildanzeige von Logos, Bildern, ... */
img.full {
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    padding: 70px 0;
    width: 75%;
    height: auto;
}

/* gpmx: Für die Tabellen in ./html/internal/grafikkarten.

table {
    border: 1px solid black;
    padding: 5px;
}

 
table.fw {
    width: 100%;
}

th {
    border: 1px solid black;
    text-align: left;
    padding: 10px;
}

td {
    border: 1px solid black;
    padding: 10px;
}

td.tac {
    border: 1px solid black;
    text-align: center;
}
 */

/* gpmx: class="tm" (text marker)  */

span.tm {
    background-color: yellow;
}

/*	gpmx: '<a class="clean" href=""></a>'
	remove underlines from links https://www.w3schools.com/css/css_link.asp
	find and replace '<a href="'throug '<a class="clean" href="'
	Morgentau...
*/

/* gpmx: Deprecated! - wird der Klarheit halber in "internal" umbenannt. */
a.clean:link {
/*    color: #298A08; */
    color: #34447c;
    text-decoration: none;
}

a.clean:visited {
    color: red;
    text-decoration: none;
}

a.clean:hover {
/*    color: #31B404; */
    color: #34687c;
    text-decoration: underline;
}

/* gpmx: War ein Versuch am 12.05.2019
a.internal:link {
    color: #34447c;
    text-decoration: none;
}

a.internal:visited {
    color: red;
    text-decoration: none;
}

a.internal:hover {
    color: #34687c;
    text-decoration: underline;
}

a.external:link {
    color: #2D5986;
    text-decoration: none;
}

a.external:visited {
    color: #cc00cc;
    text-decoration: none;
}

a.external:hover {
    color: #538cc6;
    text-decoration: underline;
}
*/

/*	gpmx: https://www.w3schools.com/css/css_image_gallery.asp

<div class="responsive">
  <div class="gallery">
    <a target="_blank" href="../fotos/20180413_162218.jpg"style="width:100%;height:auto;image-orientation: from-image;">
      <img src="../fotos/20180413_162218.jpg">
    </a>
    <div class="desc">Neu</div>
  </div>
</div>
*/
div.gallery {
    border: 1px solid #ccc;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 700px) {
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px) {
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/*  Fuer die Bilder vom zii-Gulasch */
img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}

/*   */

/*   */

/*   */