body
{
background-color:#FFFFFF;
text-align:left;
font-size:10pt;
font-family:sans-serif;
}



table {
font-size:10pt;
border-collapse: collapse;
width: 800px;
}

table, th, td {
//  border: 1px solid black;
  padding:3px;
}

//div.checker
//{
//display:none;
//}

.klasse_unsichtbar 
{ 
display:none; 
} 

.klasse_sichtbar 
{ 
display:inline; 
} 

.button{
 display:inline-block;
 padding:0.35em 1.2em;
 border:0.02em solid #858585;
 margin:0 0.2em 0.2em 0;
 border-radius:0.2em;
 box-sizing: border-box;
 #text-decoration:none;
 ##font-family:'Roboto',sans-serif;
 ##font-weight:300;
 color:#000000;
 #text-shadow: 0 0.02em 0.02em rgba(0,0,0,0.35);
 background-color:#ECECEC;
 #background-color:#FFFFFF;
 #text-align:center;
 ##transition: all 0.15s;
}

.button:hover{
 #text-shadow: 0 0 2em rgba(255,255,255,1);
 #color:#FFFFFF;
 border-color:#000000;
 background-color:#BBBBBB;
}

button {
    overflow: visible;
    width: auto;
}


.button2 {
    font-family:sans-serif;
    font-size: 1em;
    text-align: left;
    color: blue;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
   
    -moz-user-select: text;
 
    /* override all your button styles here if there are any others */
}
.button2 span {
    text-decoration: underline;
}
.button2:hover span,
.button2:focus span {
    color: black;
}

//

#toktab {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#toktab td, #toktab th {
  border: 1px solid #ddd;
  padding: 8px;
}

#toktab tr:nth-child(even){background-color: #f2f2f2;}

#toktab tr:hover {background-color: #ddd;}

#toktab th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: blue;
  color: white;
}


.scroll 
{ 
height: 400px;
overflow: scroll; 
}

.list {
list-style-type:disc;
}