a:link    { color:#039; text-decoration:none }
a:visited { color:#066; text-decoration:none }
a:hover   { color:#c00; background-color:white; text-decoration: none }
a:active  { color:#f00; text-decoration:none }

body	  { font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, "sans-serif"; 
            color:#333; background: url(../grafik/back-v2.gif) }
 
td		  { font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color:#333; 
			font-size: 14pt; border: solid; border-color: #ccc #cff #cff #ccc; border-width: 0px 1px 1px 0px }

h1		  { font-family: Lucida Sans, "Lucida Grande", "Lucida Bright", "DejaVu Serif", Verdana, "sans-serif"; 
		    font-size: 24pt; color: darkslateblue; font-weight: normal; 
		    letter-spacing: 2px; word-spacing: 3px; background-color: whitesmoke; border-bottom: 1px solid darkgray; 
            margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px }

h2		  { font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", Verdana, "sans-serif"; 
            letter-spacing: 1px; word-spacing: 3px; font-size: 20pt; color: darkblue; font-weight: bold;  
		   	margin-bottom: 2px; margin-top: 2px; margin-left: 2px; margin-right: 2px }

h3,h6	 { font-size:12pt; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; color:#009; font-weight: normal; letter-spacing: 1px; word-spacing: 2px }

p, li   { font-size: 16pt; color: darkslateblue; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode",  Verdana, "sans-serif"; margin-left: 4px; margin-right: 4px }
.p2     { font-size: 12pt; color: darkslateblue; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, "sans-serif"; margin-left: 4px; margin-right: 4px }
.p1   	{ font-size: 14pt; color: darkslateblue; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, "sans-serif"; margin-left: 4px; margin-right: 4px }

b, strong  { font-weight: bold }
.container { display: flex; flex-wrap: wrap; /* Erlaubt, dass Elemente bei Bedarf in die nächste Zeile umbrechen */
		}
.column { flex: 1;         /* Sorgt dafür, dass Spalten den verfügbaren Platz gleichmäßig aufteilen */
          padding: 10px;   /* Vermeiden Sie hier feste Breiten in px */
		}

#box  	{ border: 1px solid ghostwhite; margin-bottom: 4px; margin-top: 4px; margin-left: 4px; margin-right: 4px }
#rbox 	{ border: 1px solid darkred; margin-bottom: 2px; margin-top: 2px; margin-left: 4px; margin-right: 4px }
#ybox 	{ border: 1px solid lightyellow; margin-bottom: 2px; margin-top: 2px; margin-left: 4px; margin-right: 4px }
#wbox 	{ border: 1px solid ghostwhite; margin-bottom: 2px; margin-top: 2px; margin-left: 4px; margin-right: 4px }
#hbox 	{ border: 1px solid yellow; margin-bottom: 2px; margin-top: 2px; margin-left: 4px; margin-right: 4px }
