html, body { margin: 0; }

body {
  font-size: 100.01%;
  padding: 0px;
  margin: 14px 0px;
  background: #000 url(pics/Verlauf.png) repeat-x;
  color: #000070;
  text-align: center;
  /* zentriert Divs innerhalb des Viewports */
}

#seite {
  text-align: left;
  margin: auto;
  padding: 7px;
  width: 760px;
  min-width: 40em;
  max-width: 60em;
  /* leider nur für moderne Brausen */
  background: #f2f2f2 url(pics/Body.jpg);
  background-attachment: fixed;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000070; }

.thumbnail {
	padding: 7px;
	border: 1px solid #ddd;
	float: left;
	margin-right: 10px;
	margin-bottom: 0px; }	
.ref {
  color: #555;
  background-color: #ddd;
  font-family: 'Lucida Console', 'Courier New', Courier, monospace;
  font-size: 0.6em; }

#lightbox {

	color: #000;
        background-color:#eee;

	padding: 10px;

	border-bottom: 2px solid #666;
        border-right: 2px solid #666; }

#lightboxDetails {

	font-size: 0.8em;

	padding-top: 0.2em; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#closeButton{ top: 5px; right: 5px; }


#lightbox img{ border: none; clear: both;}

#overlay img{ border: none; }


#overlay{ background-image: url(pics/overlay.png); }


h2, h3 { font-size: 1.2em; }

h3 {
  padding: 4px;
  color: #000070;
  background-color: #d3d3d3;
  border: 1px dotted #000070; }

p { line-height: 135%; }

em {
  font-style: normal;
  font-variant: small-caps;
  font-weight: bold; }

kbd {
  color: #555;
  background-color: #ddd;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: inherit;
  font-family: inherit;
  padding: 0 3px 2px 4px; }

table {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #000;
  margin-bottom: 1em; }

caption { font-weight: bold; }

th {
  text-align: center;
  padding: 4px;
  color: #000070;
  background-color: #eee; }

td {
  text-align: right;
  padding: 4px;
  color: #000070;
  background-color: #fff; }

thead, tbody, th, tr, td {
 vertical-align: top;
 border-collapse: collapse;
 border: 1px solid #000070; }

td.center { text-align: center; }

td.left {
  text-align: left;
  color: #000070;
  background-color: #eee;
  font-weight: bold; }

table, caption, thead, tbody, th, tr, td {
  font-family: 'Lucida Console', 'Courier New', Courier, monospace;
  font-size: 0.95em; }

a {
  text-decoration: none;
  color: #0000c8;
  background-color: transparent;
  border: none; }

a:visited {
  color: #0000c8;
  background-color: transparent; }

a:focus, a:hover, a:active {
  color: #0000ff;
  background-color: #d3d3d3;
  border: none; }

a img { border: none; }

@media print {
  #seite { border: 0 none; float: none; width: auto; margin: 7%; color: black; background-color: transparent; font-family: 'Times New Roman', 'Times Roman', Times, serif; font-size: 12pt; line-height: 100%; text-align: justify;}
  h1, h2 { line-height: 125%; text-align: left; }
  ol { font-size: 83.3%; }
}