body {
  background-color: #FFF8E6;
}

a:link {   text-decoration: none; color: #0000FF;   }
a:visited {   text-decoration: none; color: #0000FF;   }
a:hover {   text-decoration: underline; color: #FF0000;   }
a:active {   text-decoration: none; color: #0000FF;   }


.muncul {
  background-color: #045E0A;
  font-weight: bold;
  color: white;
  cursor: pointer;
  padding: 14px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.munculaktif, .muncul:hover {
  background-color: #049A0E;
}

.muncul:after {
  content: '\2212';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.munculaktif:after {
  content: "\002B";
}

.isimuncul {
  padding: 0 18px;
  font-size: 1.10em;
  display: block;
  overflow: hidden;
  background-color: #DAFCDC;
}




.molor {
  background-color: #045E0A;
  font-weight: bold;
  color: white;
  cursor: pointer;
  padding: 14px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.moloraktif, .molor:hover {
  background-color: #049A0E;
}

.molor:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.moloraktif:after {
  content: "\2212";
}

.isimolor {
  padding: 0 18px;
  font-size: 1.10em;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #DAFCDC;
}