@charset "utf-8";
/* CSS Document */
 #divTrigger a:link, #divTrigger a:visited{
	text-decoration: none; /* hilangkan garis bawah pada link */
	margin:4px 0px; /* memberi jarak antar link */
	padding: 1px 4px; /* menjadikan link seperti kotak */
	border: 1px solid #CCC;
	background-color: #B2FFFF;
	color: #000;
 }
 /* link yang dilalui oleh mouse dan element dengan class='selected' akan mempunyai efek yang sama */
 #divTrigger a:hover, #divTrigger,.selected{
	background-color: #000000;
	color: #FFF;
}
 #divContent{
	margin-top:4px;
	border:1px solid #CCC;
	width: auto;
	height: 225px;
	padding: 4px;
	z-index:8;
 }
#divContent div{ 
	/* semua div di dalam element dengan id='divContent' akan di sembunyikan sementara */
	display:none
	z-index:5;
 }	
 /*.title{
	font-size: 16px;
	font-weight: bold;
	color: #006;
	text-decoration: underline;
	
	border:1px solid #CCC;
 }*/
 /*span.title a:link {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor:auto;
  display: table;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 150px;
}
 
span.title span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
span.title {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: auto;
  display: table;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 150px;
  opacity: 0;
}*/
h4 { 
   position:absolute;
   top: 305px;
   width: 500px;
   left:auto%;
   margin-left:0.5em;
}
h4 span { 
   color: white; 
   font: bold 14px/45px Helvetica, Sans-Serif; 
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px; 
}
#divContent div:hover span.title {
  opacity: 1;
}
#tema {
   
   left: auto; 
   width: 80%; 
}

#tema span { 
   color: white; 
   font: bold 15px/45px Helvetica, Sans-Serif; 
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px; 
}