html, body { margin:0 }
body {
  font-size:100.01%;
  padding:7px;
  background:black url(./pics/Verlauf.png) repeat-x;
  text-align:center }
#seite {
  text-align:left;
  margin:auto;
  width:95%;
  min-width:35em;
  max-width:55em;
  /* leider nur für moderne Brausen */
  background-image:url(./pics/BlckBgnd.jpg);
  background-attachment:fixed;
  hyphens:auto;
  margin-bottom:0.5em }

img { border:0 none; line-height:0 }
img.border { border:0.175em ridge #FC0 }
img.video { border:0.25em ridge #808080 }

h1 {
  font:bold 1.75em Arial,Helvetica,sans-serif;
  line-height:1.75em;
  text-align:center;
  padding:10px;
  margin:0;
  vertical-align:middle;
  color:#D70505; background:transparent }
h1 span { font-size:0.9em }
h1 img {
  float:left;
  width:139px;
  height:54px;
  margin:0;
  background:transparent }

/* obere Navigation */
/* Claire Campbell - modifiziert von Ingo Turski */
#iCampbellBox {
  background:transparent;
  margin:0;
  padding:0.2em 0 0.2em 1%;
  height:1.4em;
  text-align:left }
ul#iCampbell {
  list-style:none; margin:0 auto; padding:0; width:100% }
ul#iCampbell li {
  display:block; float:left; margin:0; width:6.6em; padding:0 2px;
  font-family:Arial, Helvetica, sans-serif; font-size:1em; background:black }

ul#iCampbell li a, ul#iCampbell li span {
  display:block; width:100%; padding:0.2em 0.3em 0.3em 0.5em;
  border-width:2px; border-color:#FC0 #7F6600 #7F6600 #FC0; border-style:solid;
  border-radius:5px }

#iCampbellBox>ul#iCampbell li a, #iCampbellBox>ul#iCampbell li span {
  width:auto }

#iCampbell li span {
  color:#F60; background:#343434;
  border-color:#FF0 #FC0 #FC0 #FF0; text-decoration:none }

ul#iCampbell li a:link, ul#iCampbell li a:visited {
  color:#3399FF; background:transparent; text-decoration:none }
ul#iCampbell li a:hover, ul#iCampbell li a:active {
  color:#F60; background:#343434;
  border-color:#FF0 #FC0 #FC0 #FF0; text-decoration:none }

ul#iCampbell li a:active {
  color:#FF0; background:#343434 }

#Jump { display:none }

#text {
  float:none;
  clear:none;
  width:auto;
  margin:0;
  padding:1em;
  color:#FC0 }

html>body #text { width:auto; margin:0 }

h2, h3, h4, p { text-align:left }
h2, h3, h4 { font-family:Arial, Helvetica, sans-serif }
h2 { font-weight:bold }
h3 {
  font-weight:bold;
  margin:0.5em 0 }

p, th, td, #text li {
  font:normal 0.95em Verdana, Geneva, sans-serif }

.center { text-align:center }
.info { margin:0.0625em; font-size:0.82em }
.klein { font-size:0.87em }
.block { text-align:justify }
.video { text-align:center; font-size:0.82em }

p.zitat { margin:0 2em; font-size:0.88em }
p.quelle { font-style:italic; font-size:0.88em; text-align:right; margin:0 2em 0.75em 2em }

p.navtitel {
  font:normal 1em Arial, Helvetica, sans-serif;
  text-align:center;
  font-weight:bold;
  margin-bottom:0; margin-top:0.35em;
  border-style:none;
  padding:0.25em }

p.protitel {
  font:normal 1em Arial, Helvetica, sans-serif;
  text-align:center;
  margin-bottom:0.35em; margin-top:0.35em;
  border-radius:3px; */
  padding:0.25em 0.5em 0.4em 0.5em;
  width:auto }

hr { color:#FC0; border-color:#FC0; border-style:solid; background-color:#FC0 }

table { color:#FC0; width:fixed }
th { text-align:center }
td { padding:0 }
td.li { vertical-align:top; width:15%; text-align:right; padding-right:0.5em }
td.re { vertical-align:top }
table.pic { margin-left:auto; margin-right:auto }
tr.pic { vertical-align:top }
td.pic { padding:0.25em; text-align:center }

#gg1 { background-color:#0D0D0D; color:#FC0; font-size:0.95em; width:33%; height:1.375em; border:1px solid #FC0 }
#gg2 { background-color:#FC0; color:black; font-size:0.875em; width:10em; border:3px outset #FC0 }
#sender { background-color:#0D0D0D; color:#FC0; font-size:1em; width:350px; height:1.5em; border:3px groove #FC0 }
#email { background-color:#0D0D0D; color:#FC0; font-size:1em;width:350px; height:1.5em; border:3px groove #FC0 }
#remarks { background-color:#0D0D0D; color:#FC0; width:75%; height:8.5em; border:3px groove #FC0 }
#send { background-color:#FC0; color:black; font-size:0.875em; width:4.5em; border:3px outset #FC0 }
#reset { background-color:#FC0; color:black; font-size:0.875em; width:12em; border:3px outset #FC0 }

#text ul {
  margin:0 0 0 1em;
  padding-left:0 }

/* Menue */
#menu-r {
  font:normal 0.9em Arial, Helvetica, sans-serif;
  text-align:center;
  float:right;
  width:11em;
  margin:2em 0.5em 1em 2em;
  padding:0 1px;
  height:auto;
  color:#FC0;
  background-color:black }

html>body #menu-r {
  margin-right:1.25em }

#menu-r li {
  list-style:none;
  font-size:1em;
  color:#FC0;
  float:none;
  width:auto;
  margin:0 }

#menu-r li a, #menu-r li span {
  display:block;
  text-decoration:none;
  margin-bottom:0.35em; margin-top:0.35em;
  /* bestimmt den Abstand der Buttons */
  color:#3399FF; background:transparent;
  border-width:1px; border-style:solid; border-color:#FC0 #7F6600 #7F6600 #FC0;
  padding:0.25em 0.5em 0.4em 0.5em;
  /* Größe der Buttons */
  width:99%;
  border-radius:4px }

html>body #menu-r li a, html>body #menu-r li span { width:auto }

#menu-r li span {
  font-weight:bold;
  border-color:#FF0 #FC0 #FC0 #FF0;
  color:#FF0; background:#343434;
  padding:0.4em 0.35em 0.25em 0.7em }

#menu-r li a.aktuell { border-color:#FC0 #7F6600 #7F6600 #FC0 }

#menu-r li a:hover, #menu-r li a.aktuell:hover {
  border-color:#FF0 #FC0 #FC0 #FF0;
  color:#F60; background:#343434 }

#menu-r li a:active, #menu-r li a.aktuell:active {
  border-color:#FF0 #FC0 #FC0 #FF0;
  color:#F60; background:#343434;
  padding:0.4em 0.35em 0.25em 0.7em }

#menu-r li li {
  font-size:0.9em;
  padding-left:1em;
  padding-right:1em }

#menu-r li li a, #menu-r li li span {
  display:block;
  margin-bottom:0.4em; margin-top:0.4em; margin-left:-2.7em;
  border-width:1px; border-style:solid; border-color:#FC0 #7F6600 #7F6600 #FC0;
  width:99% }

a {
  text-decoration:none;
  color:#FF0;
  background-color:#444 }

a:visited {
  color:#FC0
}

a:focus, a:hover, a:active {
  color:#F60;
  background-color:#343434 }

a:active {outline:none}

a.an { text-decoration:none; background-color:transparent }

a.infobox { border-bottom:1px dotted #FC0; color:#FC0; background-color:transparent }
a.infobox:hover { cursor:help; color:#F60; background:#343434 }
a.infobox span { visibility:hidden; position:absolute; right:30em;
                margin-top:1.25em; padding:0.35em; text-decoration:none;}
a.infobox:hover span { visibility:visible; border-width:1px; border-style:solid; border-color:#FC0 #7F6600 #7F6600 #FC0; color:#F60; background:#343434; font-size:0.875em }

#box a { color:#fc0; display:inline }
#box a:hover { color:black; background:#ddd8b7 }
#box a span { display:none }
#box a:hover span {
  position:relative; top:10px; right:10px; z-index:3;
  display:block;
  width:38em;
  max-width:38em;
  color:#D70505;
  background:black;
  font:normal 1em Verdana, Geneva, sans-serif;
  border-width:1px; border-color:#FC0 #7F6600 #7F6600 #FC0; border-style:solid;
  border-radius:10px;
  padding:10px }

#box1 a { color:#fc0; display:inline }
#box1 a:hover { color:black; background:#ddd8b7 }
#box1 a span { display:none }
#box1 a:hover span {
  position:relative; top:10px; right:10px; z-index:3;
  display:block;
  width:38em;
  max-width:38em;
  color:#D70505;
  background:black;
  font:normal 1em Verdana, Geneva, sans-serif;
  border-width:1px; border-color:#FC0 #7F6600 #7F6600 #FC0; border-style:solid;
  border-radius:10px;
  padding:10px }

#box2 a { color:#fc0; display:inline }
#box2 a:hover { color:black; background:#ddd8b7 }
#box2 a span { display:none }
#box2 a:hover span {
  position:relative; top:10px; right:10px; z-index:3;
  display:block;
  width:38em;
  max-width:38em;
  color:#D70505;
  background:black;
  font:normal 1em Verdana, Geneva, sans-serif;
  border-width:1px; border-color:#FC0 #7F6600 #7F6600 #FC0; border-style:solid;
  border-radius:10px;
  padding:10px }

.top{display:inline;position:fixed;bottom:0;right:10px;padding:0;font-size:90px }
.top img{border:none}
a.toplink:link{background-image:url(toparrow.png);background-repeat:no-repeat;text-decoration:none;background-color:transparent;opacity:.6;filter:alpha(opacity=60);background-position:bottom 7px right;background-size:contain }
a.toplink:hover,a.toplink:active{text-decoration:none;background-color:transparent;opacity:.4;filter:alpha(opacity=40);background-position:bottom 7px right;background-size:contain }

@media print {
  #Jump, #iCampbellBox, #menu-r, #fuss, .video, .info { display:none }
  h1 { border:0 none; float:none; width:auto; margin:5%; color:black; background-color:transparent; margin-bottom:0 }
  h2 { margin-top:0; margin-bottom:0 }
  table, a { color:black; background-color:transparent; text-decoration:none } 
  a:link, a:visited, a:active, a:hover, a.an, a.infobox, p.quelle, box { color:black; text-decoration:none }
  hr { display:none }
  img.border { border:2px ridge #d0d0d0 }
  #text { border:0 none; float:none; width:auto; margin:5%; color:black; background-color:transparent }
}