article, aside, nav, header, hgroup, footer { display: block; }
a { text-decoration: underline; color: #6C24AF; cursor: pointer; transition: all .2s linear; }
a:visited { color: #01A398; }
a:focus { border: 1px outset #7A26C8; /*blueviolet-dark */ padding: 2px; }
a:hover { color: #59387A; text-shadow: -1px -1px 1px #9E3DFF; } 
table a:hover {  text-shadow: none; }
table.align a:hover { text-shadow: -1px -1px 1px #9E3DFF; }
.imglink { border: 1px solid rgba(255,255,255,0); }
.imglink:hover, .imglink:focus { border: 1px solid blue; }
a[name]:hover { cursor: auto; transition: none; text-shadow: none; } /*blueviolet; }*/
a[href^="mailto:"]:hover { text-shadow: none; }
strong { font-weight: normal; font-stretch: wider; border-bottom: 1px dotted #AAA; }

@media only handheld, only all and ( max-device-width: 640px ), 
       only all and ( max-device-height: 640px ) and ( min-device-width: 700px ) and ( max-device-width: 1200px ) { 
  body { font-size: 16pt; }   /* ~1.3em */
}

@media only all and ( max-width: 640px ) { 
  body pre {  white-space: pre-line; word-wrap: break-word; }
}

img, video { max-width: 100%; }

a.donate { display: block; font-style: italic; margin:0.2ex; text-decoration: none; color: black; }
a.donate:hover { color: black; }
a.donate:focus { padding: 0; border: 0; }

body #ex1 { padding:0 !important; margin: 0 !important; }

.center { text-align: center; }
.bold { font-weight: bold; }
.italic { font-style: italic; }

.floatleft { float:left; }
.floatright { float:right; }
.clearboth { clear:both; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.strike { text-decoration: line-through; }
.nowrap { white-space: nowrap; }
.brown { color: brown; } .red { color:red; } .green { color: green; } .blue { color:blue; };

.mainlink { text-align: center; width:100%; }
.mainlink a { color: #DD00DD; font-weight: 800; } 
.mainlink a:hover { color: #DD00DD; text-shadow: -1px -1px 1px #DD8CDD; } 
.nowrap { white-space: nowrap; }

.RosaUlLink2 { text-align: center; margin: 4ex 0 5ex 0; padding-bottom: 3px; }
/*.RosaUlLink2  a { }  Regelpräzedenz hier reicht nicht aus bspw. für EnergyCartel.html, das das LinkVerhalten umdefiniert */
.RosaUlLink2  a:link { font-weight: bold; text-decoration: underline; color: #DD00DD;  border-bottom: none;}
.RosaUlLink2  a:visited {  font-weight: bold; text-decoration: underline; color: #DD00DD; border-bottom: none; }
.RosaUlLink2  a:active { font-weight: bold; text-decoration: underline; color: #DD00DD; border-bottom: none; }
.RosaUlLink2  a:hover, .RosaUlLink2  a:focus { text-decoration: underline; color: #DD00DD; text-shadow: -1px -1px 1px #DD8CDD; border-bottom: none; }

.CrossLink { text-align: center; font-weight: bold; }
.CrossLink a { color: purple; display: block; margin-bottom: 0.3ex; }
.CrossLink a:hover { color: #D0D; }
.CrossLink a:before { content: "— "; font-weight: normal; text-decoration: none; }
.CrossLink a:after { content: " —"; font-weight: normal; text-decoration: none; }


#PopUpMenu { font-size: 90%; background-color: #D1FFDE; white-space: nowrap; padding: 0.8em 1em; border: 1px solid black; display: none; visibility: hidden; z-index: 3; border-radius: 3px; box-shadow: rgba(51,51,51,32) 3px 3px 2px 2px; }
#PopUpMenu:hover { display: block; visibility: visible; }
#PopUpMenu a { color: black; text-decoration: none; display: block; padding: 0ex 0.3em; border-bottom: 1px dotted #555; }
#PopUpMenu a:hover { background: #333; color: yellow; border-bottom: 1px dashed #555;  } 
#PopUpMenu ul { padding:0; margin:0;  }
#PopUpMenu li { list-style: none; }

.sep { padding: 0; margin: 0; height: 0.6ex; visibility: visible; width: 30%; border-bottom: 1px dashed #555; }
.sep:after { content: " "; }

.h3menu {  font-weight: 600; padding-top: 2ex; }
.h3menu * { padding: 0 1em; color: darkcyan; text-decoration: none; }
.h3menu *:hover { text-decoration: underline; }
.h3menu font { color: black; }