html, body {
height:100%;
 margin:0; padding:0;
 font-family:'Arial', Helvetica, sans-serif;
 font-size:14px;

}
/* Set the position and dimensions of the background image. */
#page-background {position:fixed; top:85px; left:0; width:100%; height:100%; }
/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */
#content {position:relative; z-index:1; padding:10px;}

.logo {
	position:absolute;
	margin:0px;
	padding:0px;
	left:35px;
	z-index:2;
}
footer{ 
  position:absolute; 
  bottom:0;
  text-align:center; 
  
  width:100%; 
  height:40px;
  background-color:#FFFFFF;
}
.pageliner{ 
  position:absolute; 
  bottom:40;
  text-align:center; 
  
  width:100%; 
  height:30px;
  background-color:#FFFFFF;
}
.container{
	width: 100%;
	height: 200px;
	position: fixed;
	top: 50%;
	margin-top: -140px;
	text-align: center;
	display: table;
	z-index:0;
}

#search-form {color:gray;width:340px;padding:6px 70px 6px 10px;font:14px Arial;transition: all 0.2s linear 0s;margin:-10px 0 10px;border:1px solid #ccc;border-radius:2px; vertical-align: baseline;}
.search-button,.search-button:hover{background-color:#FFFFFF;width:40px;padding:2px 5px;margin:5px 0 0 -43px;top:4px;border-radius:0 2px 2px 0;font-size:13px;cursor:pointer;border:1px solid #ccc;border-radius:2px;position:relative;}
#search-form:hover{border:1px solid #aaa}
#search-form:focus{border:1px solid #4D90FE;outline:none;color:black;}

#searchbox
{
    background-color: #eaf8fc;
    background-image: linear-gradient(#fff, #d4e8ec);
    border-width: 1px;
    border-style: solid;
    border-color: #c4d9df #a4c3ca #83afb7;            
    width: 430px;
    padding: 3px;
	padding-left: 10px;
    overflow: hidden; /* Clear floats */
}

.search-button1,.search-button1:hover{background-color:#FFFFFF; cursor:pointer;border:1px solid #ccc;border-radius:1px;position:relative; width:40px;}

.link1 a{
color:#0000CC;
text-decoration:none ;
font-size:16px;
}

.link1 a:visited{
color:#ac25e4;
text-decoration:none ;
font-size:16px;
}

.kategori1{
color:#b0b0b0;
font-weight:bold;
font-size:12px;
padding-bottom:5px;
padding-top:5px;
padding-left:25px;
}

.kategori1 a{
color:#009900;
text-decoration:none;
}

.isi1{
color:#00000;
padding-left:25px;
}



.pagenumber1 {display:inline-table; background-color:#CCCCCC; border:solid 1px #333333; font-size:12px;}
.pagenumber2 {display:inline-table; border:solid 1px #333333; font-size:12px;}

.isiutama {
margin-top:10px;
margin-left:10px;
margin-right:10px;
}

.isiberita {
font-size:14px;
text-align:justify;
line-height:20px;
padding-top:20px;
}
.isiberita a
{
color:#0000FF;
}
.isiberita a:visited;
{
color:#0000FF;
}
.isiberita a:hover
{
color:#FF0000;
}

.isiberita p { padding-bottom:8px;}
hr.onepixel {
	border-top: 1px solid #afbcc6;
	margin-bottom: 20px;
	border-collapse:collapse;
}