/* DATEI: main.css */

html { overflow: -moz-scrollbars-vertical; overflow: scroll;}
body {color:#FFF; background-color:#000; font-size:14px; font-family: Verdana, Arial, sans-serif; font-weight: normal; line-height:19px;}

p,ul,ol,li,div,td,th,address,blockquote {
font-weight: normal;
line-height:36px;
font-family: Times New Roman;
font-size: 30px;
color: #666666;
}

h4 { font-family:Verdana,Arial; font-size:14;  padding: 12px 0 0 0; }
h3 { font-family:Verdana,Arial; font-size:14; font-weight:bolder; padding: 12px 24px 0 0;}
h2 { font-family:Verdana,Arial; font-size:16; font-weight:lighter; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left; color: #000000;}
h1 { font-family:Verdana,Arial; font-size:70; font-weight:lighter;
color: #808080; text-align: center; line-height: 80px; margin: 0 0 0 0; padding: 20px 0 6px 0; }
.imp-h2 { font-family:Verdana,Arial; font-size:22; font-weight:normal; margin: 0 0 0 0; padding: 12px 0 20px 0; }
li { margin-top:3px; }
a:link { font-weight: normal; text-decoration:none; color:#BBB; }
a:visited { font-weight: normal; text-decoration:none; color:#999; }
a:hover { text-decoration:underline; color:#999999; }
select { font-family:Verdana; font-size:10pt; font-color:#000000; background-color:#F0F0F0;}
ins { color:#009900; font-weight:bold; text-decoration:none; }
del { color:#990000; font-weight:bold; text-decoration:line-through; }
hr.xrey { border: 1px solid red; }

.fi {
  padding: 0 0 0 6px;
  font-size: 12;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: center;
}

.lorem { text-align: center; font-family: Times New Roman; font-size: 30px; color: #666666; margin-left: 20%; margin-right: 20%; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------
TABLES
-------------------------------------------------------------------------------------------------------------------------------------------------- */
.header-table { border: 0; background-color: #000; width: 760px; text-align: left; margin-left:auto; margin-right:auto; margin-top:0;}
.header-table th { color: #000000 }
.body-table { border: 0; background-color: #000; width: 760px; text-align: left; margin-left:auto; margin-right:auto; margin-top:0; }
.left-part { text-align: right; width: 500px; padding: 0; }
.theme-table, .theme {
    width: 100%;
    text-align: left; margin-left: auto; margin-right: auto; margin-top:0;
    cellpadding:0 cellspacing:0
}
.theme-table {
    border:none;
    table-layout: fixed;
}
.theme {
    background:url(file://D:/Documents/$_WEB/$$$.ldsohg.de/Images/Vector.png);
    background-repeat:no-repeat;
    background-position:right top;
    background-color:#FFFFFF;
}

#download {
  border-collapse: collapse;
  width: 100%;
}
#download td, #download th {
  border: 2px solid #bbb;
  padding: 8px;
}
#download tr:nth-child(even){background-color: #f2f2f2;}
#download tr:hover {background-color: #ddd;}
#download th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------
ACCORDION
-------------------------------------------------------------------------------------------------------------------------------------------------- */
.accordion {
  background-color: #000;
  border: none;
  border-style: none;
  color: #000;
  cursor: pointer;
  padding: 12px;
  width: 100%;
  transition: 0.4s;
}

.active, .accordion:hover  {
  background-color: #000000;
  outline:none;
/*  position: -webkit-sticky;
  position: sticky; */
  top: 132;
}

.active, .accordion:visited {
  border:none;
  outline:none;
  position: none;
}

.panel {
  padding: 12px;
  display: block;
  border: none;
  background-color: black;
  text-align: left;
  overflow: hidden;
}


/*  Sogt dafür, daß die Buttons nicht umrahmt werden nach dem Klick  */

button:focus { outline: none; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------
VECTOR GRAFIK
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.vector {
  position: relative;
  bottom: 100px;
  right: 6px;
  color: white;
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------
FIXED HEADLINE
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.headline {
  overflow: hidden;
  background-color: #000;
  color: #000;
  text-align: center;
  position: fixed;
  top: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------
FIXED FOOTER
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.footer {
   position: fixed;
   left: 16;
   bottom: 0;
   width: 100%;
   background-color: #F4F4F4;
   color: grey;
   text-align: left;
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------
TOP BUTTON
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#myBtn {
  display: none;
  position: fixed;
  bottom: 34px;
  right: 20px;
  z-index: 99;
  color: white;
  cursor: pointer;
}