/* CSS Document */

body {
  font-family: roboto, verdana, arial, sans-serif;
  background-color: #888;
}

#button6 {
border: none;
background-color: #ff0000;
color: white;
padding: 10px 20px;
font-size: 12px;
cursor: pointer;
text-align: center;
text-decoration: none;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
#head {
background-color: #ccc;
border: 1px none #666;
margin: 5px 5px 5px 5px;
color: #fff;
padding: 10px 20px;
font-family: roboto, verdana, arial, sans-serif;
font-size: 1.0em;
text-align: left;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 1px 1px 4px #666;
    -webkit-box-shadow: 1px 1px 4px#666;
    box-shadow: 1px 1px 4px #666;
}
#head_aufgabe {
background-color: #FFFF99;
border: 1px none #666;
margin: 10px 5px 5px 5px;
padding: 10px 20px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-align: left;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 1px 1px 4px #666;
    -webkit-box-shadow: 1px 1px 4px#666;
    box-shadow: 1px 1px 4px #666;
}
#head_bearbeitet {
background-color: #89cff0;
border: 1px none #666;
margin: 10px 5px 5px 5px;
padding: 10px 20px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-align: left;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 1px 1px 4px #666;
    -webkit-box-shadow: 1px 1px 4px#666;
    box-shadow: 1px 1px 4px #666;
}
#head_erledigt {
background-color: #FFaa00;
border: 1px none #666;
margin: 10px 5px 5px 5px;
padding: 10px 20px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-align: left;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 1px 1px 4px #666;
    -webkit-box-shadow: 1px 1px 4px#666;
    box-shadow: 1px 1px 4px #666;
}

input {
font-family: verdana, arial, sans-serif;
font-size: 0.8em;
}
textarea {
font-family: verdana, arial, sans-serif;
font-size: 0.8em;
}
select {
font-family: verdana, arial, sans-serif;
font-size: 0.9em;
}

#menu {
background-color: #ccc;
border: 1px none #666;
color: #fff;
font-family: roboto, verdana, arial, sans-serif;
font-size: 1.0em;
text-align: left;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

#menu a {
  border: none;
  background-color: #ff6600;
  color: white;
  padding: 10px 20px;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
      -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

#menu a:hover {
  background-color: #eee;
  color: black; }


  
#screen {
     padding: 0px 0px 0px 250px;
    text-align: center;
    text-decoration: none;
    font-family: verdana, arial;
    font-size: 11px;
    color: #000000;
	background-color: #FFFFFF;
}
#screen2 {
    text-align: center;
    text-decoration: none;
    font-family: verdana, arial;
    font-size: 11px;
    color: #000000;
	background-color: #99FFFF;
	height: 100%; 
	

}

#box { 
position: absolute; 
background-color: #FFFF99;  
height: 99%; 
width: 30%;
}

#box2 { 
background-color: #FFFFFF;
height: 99%;
width: 30%;
right: 10px;
position: absolute;
padding: 10px;
font-size: 0.9em;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
 } 
 
.markerContent {
    font-size: 14px;
}

#link {
    text-decoration: none;
    font-family: verdana, arial;
    font-size: 12px;
    color: #04AA6D;
}


.aufgabe {
    background-color: #FFFF99;
    border: 1px none #DDDDDD;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 5px 5px 5px 5px;
    padding: 10px 20px;
    line-height: 150%;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 1px 1px 4px #666;
    -webkit-box-shadow: 1px 1px 4px#666;
    box-shadow: 1px 1px 4px #666;
   
}
.bearbeitet {
    background-color: #89cff0;
    border: 1px none #DDDDDD;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 5px 5px 5px 5px;
    padding: 10px 20px;
    line-height: 150%;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 1px 1px 4px #666;
    -webkit-box-shadow: 1px 1px 4px#666;
    box-shadow: 1px 1px 4px #666;
}
.erledigt {
    background-color: #FFaa00;
    border: 1px none #DDDDDD;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 5px 5px 5px 5px;
    padding: 10px 20px;
    line-height: 150%;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 1px 1px 4px #666;
    -webkit-box-shadow: 1px 1px 4px#666;
    box-shadow: 1px 1px 4px #666;
}
.detail {
    background-color: #ccffcc;
    border: 1px none #DDDDDD;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 5px 5px 5px 5px;
    padding: 10px 20px;
    line-height: 150%;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 1px 1px 4px #666;
    -webkit-box-shadow: 1px 1px 4px#666;
    box-shadow: 1px 1px 4px #666;
}
.termin {
    background-color: #ccffcc;
    border: 1px none #DDDDDD;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 5px 5px 5px 5px;
    padding: 10px 20px;
    line-height: 150%;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 1px 1px 4px #666;
    -webkit-box-shadow: 1px 1px 4px#666;
    box-shadow: 1px 1px 4px #666;
    
}
#button5 a {
  border: none;
  background-color: #ff0000;
  color: white;
  padding: 10px 20px;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
      -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;

}

#button5 a {
  border: none;
  background-color: #ff0000;
  color: white;
  padding: 10px 20px;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
      -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;

}

.foot a {
    text-decoration: none;
    font-family: verdana, arial;
    font-size: 1.0em;
    color: #ff6600;
}
h3 {
 margin: 5px 5px 5px 5px;
    padding: 10px 10px;
    color: #fff;
}
.button {
position: absolute;
top: 10px;
right: 10px;
}
.hidden-text { 
    opacity: 0; /* Initially hidden */ 
    visibility: hidden; /* Prevents interaction */ 
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Smooth transition */ 
}