html { scroll-behavior: smooth; }
/*.header { padding: 5px;  background: #808080;  color: #f2f2f2;  width:100%; height:66px; border: 5px double black;  }*/
.content { scroll-margin-top: 150px;}
.sticky { position: fixed;  top: 0; height:28px; width: 100% } /* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky + .content {  padding-top: 102px; } /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */

#myHeader {top:0;position:fixed;padding: 1px;  background: white; color: black; width:98%; border: 1px; height:  66px }

#hdr    {left:30%; position:fixed; color:  black; font-size: 22px; font-weight: bold; text-decoration: none }
#inhalt {left:85%; position:fixed; color:    red; font-size: 22px; text-decoration: none }
#tbls   {left:75%; position:fixed; color:  green; font-size: 22px; text-decoration: none }

#such{right:20%;position:fixed}
#F1{ width:10%;font-size:20px; display:inline }
#F2{ width:10%;font-size:20px; display:inline  }
#FN{ font-size:20px; display:inline  }
#B1{ font-size:20px; display:inline  }
#B2{ font-size:20px; display:inline  }

#pinn,#pin1 {border:5px double black; height:150px;background: lightblue}

body { color: black; background: Beige;  font-family: Lucida Bright, arial, sans-serif, helvetica; font-size: 22px; }

table.d { background: gold; /*border: 2px solid black; */ }
table.termine { margin: 0em 1em; table-layout: auto; width: 68em; align: center }
table.kopf1 { font-family:  arial, sans-serif; background: #00FFFF ; color: black; text-align: center; width:100%; height:0;  align:center; border:2px solid black; }

ul.kopf1 { font-family:  arial, sans-serif; color: black; margin: 0px 1em 0px -15px ; padding: 0px; text-align: center; margin-left: 1em ; }
li { font-size:16px; }
li.kopf1 { color: #ffffff; padding: 0px; background:  #00FFFF;  list-style: none; font-size:33px; font-weight:bold; }

a:link { font-size: 12pt; text-decoration-color: blue; color: blue; }
a:active { font-size: 12pt; color: blue; text-decoration-color: blue; }
a.trenn {background:red}

h1 { font-family: arial, sans-serif; color: red; font-size: x-large; font-weight: bold; text-align: center; margin: 0px; }
h2 { font-family: arial, helvetica, sans-serif; font-size: larger; text-align: left; font-weight: bold; font-style: italic; text-decoration: none; color: red; background: #FFFF00; }
h3 { font-size: larger; color: red; font-weight:bold; border: 2px solid Beige;  }
h3:hover {border: 2px solid black;}
h4 { font-size: larger; color: red; font-weight:bold; border: 2px solid Beige;  }
h5 { border: 1px; text-align: center; }
h5:hover { background: #a0a0a0; }
h6 {color:green }

div.x { left:0; background:Beige; z-index:0; position:absolute }
div.y { left:0; background:Beige; z-index:0; position:relative }
div.08 { position: relative; direction: ltr; right: auto }
div.navbar { text-align: center; margin: 30px 100px 5px 100px; background: #FFFFFF; }

img { border:1px solid black; }
img.a { border:1px solid black; height:300px; }
img.wappen { height:80px; }
img.pin { border: 2px solid Beige; }
img.xy { height:473px ; width:750px }

td { font-size:22px }
td.brd2 { border: 5px double blue; padding:10px; }
td.td1   { align: center; width:rel; background:#00E0FF; }

p.a { font-size:12px; }
p.b { text-align: center; font-size:22px; }
p.c { color: black; font-size:2em; font-weight:bold; margin:5px; font-weight:bold }
p.e { text-align: center; font-size:16px; font-weight:bold; border: 2px solid Beige; }
p.e:hover { border: 2px solid black; }
p.quelle {background:lime; font-size:bold }

span.e { color: blue; text-decoration-color: blue; text-align: center; font-size:22px; font-weight:bold; border: 2px solid gold; }
span.e:hover { color: blue; text-decoration-color: blue; border: 2px solid black; }

/* News Pinwand */
div.pinwand { margin: 5px; float: left;  background:lightblue; border: 2px solid Beige;  }
div.pinwand:hover { border: 2px solid black;  }
div.pinwand img { width: 94%; height: 70px; }
div.desc { text-align: center; font-weight: bold; border: 2px solid lightblue;background:lightblue }

nav { margin:-12px 0 }
 
nav > ul > li a:link   { font-size: 12pt; color: blue }
nav > ul > li a:active { font-size: 12pt; color: yellow; background-color: white }

nav > ul 			{ font-family:Lucida Bright; float:left; overflow:hidden; padding: 0 2px ; border: 2px solid black; background:white; list-style: none; width:99% }
nav > ul > li > ul 	{ font-family:Lucida Bright; display:none; position:absolute; min-width:200px; background:#e0e0e0; list-style:none; z-index:1;text-align:left; padding:0 0 0 10; margin-left: 20 }
nav > ul > li > ul > li > ul 	{ font-family:Lucida Bright; display:none; position:absolute; background-color: #d0d0d0; list-style:none; z-index:1;text-align:left; padding:20; margin:0 0 0 20 }

nav > ul a 	 				{ padding: 6px 12px; display: inline-block; text-decoration: none }
nav > ul > li > ul a 			{ padding: 3px  1px; display: block; margin-left: -2 }
nav > ul > li > ul > li > ul a	{ padding: 1px  6px; display: block; white-space: nowrap; margin-left : -2; padding: 0 }

nav > ul > li 					{ float: left }
nav > ul > li > ul > li 			{  }

nav > ul > li:hover > ul 		{ display: block }
nav > ul > li > ul > li:hover > ul { display: block }