body{
 margin: 0;
 padding:0;
 background: #FFF;
 color: #333333;
 background-image:url(../../img/theme.jpg);
 background-repeat:no-repeat; background-attachment:fixed; 	    
 background-position:bottom;
 }

#hdr{
 height: 35px;
 color:#000000;
 margin: 0px 0px 0px 220px;
 background-image:url(../../img/header-bg.png);
 padding-top:70px;
 padding-bottom:0px;
 }

#lh-col{
 position: absolute;
 left: 20px;
 width: 180px;
 color: #333333;
 margin: 0px;
 margin-top:30px;
 padding: 0px;
 height: 400px;
 }

#rh-col{
 margin: 0px 0px 0px 220px;
 border: 0px solid #000000;
 color: #333333;
 padding: 20px 20px 20px 10px;
 border-left:solid 1px #CCC;
 border-top:solid 1px #FFF;
 position :relative;
 
 background:url(../../img/bgrh.jpg);
 background-repeat:repeat-x;
 background-position:top;
 z-index:1000;
 }
 
 #rh-col table{
	
	 }
 
 #rh-colbox{
 margin: 0px 0px 0px 220px;
 border: 0px solid #000000;
 color: #333333;
 background-color:#fff;
 border-top:dashed 1px #CCC;
 border-left:solid 1px #CCC;
 padding: 0px;
 position :relative;
  	-moz-box-shadow: 5px 5px 5px #ccc;
  	-webkit-box-shadow: 5px 5px 5px #ccc;
 	box-shadow: 5px 5px 5px #ccc;
 }

 #rh-ft{
 margin: 0px 0px 10px 220px;
 border: 0px solid #000000;
 color: #FFF;
 padding: 5px;
 position :relative;
 border-top:solid 3px #F60;
 border-bottom-left-radius:15px;
 background: #567;
 background:url(../../img/bgft.jpg);
 background-repeat:repeat-x;
 background-position:bottom;
 border-bottom:#6C8297 1px solid;
}
 
.logo{
	display:block; position:absolute;
	top: -7px; left:20px; width:180px; height:128px;
	-moz-box-shadow: 5px 5px 5px #666;
  	-webkit-box-shadow: 5px 5px 5px #666;
 	box-shadow: 5px 5px 5px #666;
	background-color:#fff; 
	background:url(../../img/logo-white.jpg);
	}
.logo:hover{
	display:block; position:absolute;
	top: -7px; left:20px; width:180px; height:128px;
	-moz-box-shadow: 5px 5px 5px #666;
  	-webkit-box-shadow: 5px 5px 5px #666;
 	box-shadow: 5px 5px 5px #666;
	background-color:#fff; 
	background:url(../../img/logo.jpg);
	cursor:crosshair;
	}	
.menu{
	height:36px;
	margin: 0px 0px 0px 0px;
	background-image:url(../../img/bgmenu.png);
	font-weight:bold;
    }

.menu ul{
    margin: 0; padding: 0;
    float: left;}
 
.menu ul li{
    display: inline;}
 
.menu ul li a{
    float: left; text-decoration: none;
    color: white;
    padding: 10px 11px;
	margin-right:2px;
    }
	
.menu ul li a:visited{
    color: white;}
 
.menu ul li a:hover, .menu ul li .current{
    color: #FFF;
    background-image:url(../../img/bgmenuhover.png);
	}

.jh1{
	margin-top:10px; font-size:x-large; text-align:left; text-shadow:1px 2px #666; font-weight:bold; margin-left:240px; color:#FFF; position:absolute; float:left;
	}
.jh6{margin-top:40px; float:left; font-size:10px; text-align:left; font-weight:bold; margin-left:240px; color:#FFF; position:absolute;}
	
#vertmenu {
width: 180px;
padding: 0px;
font-weight:bold;
float:left;
margin-right:10px;
background-color:#FFF;
/*
 	-moz-box-shadow: 5px 5px 5px #ccc;
  	-webkit-box-shadow: 5px 5px 5px #ccc;
 	box-shadow: 5px 5px 5px #ccc;
	*/
}

#vertmenu h1 {
display: block;
background-color:#990000;
padding: 3px 0 5px 3px;
color: #FFF;
margin: 0px;
width:177px;
font-size:18px;
text-align:center;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
display: block;
border-bottom: 1px dashed #FFF;
padding: 5px 0px 4px 4px;
text-decoration: none;
color: #000;
width:176px;
background-color:#FF9900;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
background-image:url(../../img/bgmenusampinghover.png);
}

.answer{ padding:5px; width: 98%; display:none;	}
.question{ font-weight:bold; cursor:pointer; color: #FF0000;}

.linknomor{float: left; display:block; width:25px; height:17px; background-color:#FF3300; color:#FFFFFF; border: 1px solid #FFFFFF; margin-top:2px; text-align:center; -moz-border-radius: 3px/3px;-webkit-border-radius: 3px 3px;}
.linknomor a{display:block;background-color:#666666; height:15px; color:#FFFFFF; text-decoration:none; font-size:x-small;}
.linknomor a:hover{display:block;background-color:#FF3300; color:#ffffff;}

.textfield{ margin: 0; padding: 0; border: 0; height: 25px; background-image:url(../../img/textfield.png); color:#000; background-color:#E6E6E6; }
.textfieldreadonly{ margin: 0; padding: 0; border: 0; height: 25px; background-image:url(../../img/textfield.png); color:#000; background-color:#E6E6E6; font-size:14px; font-family:"Courier New", Courier, monospace; letter-spacing:1px;}
.textfieldwhite{ margin: 0; padding: 0; border: 0; height: 25px; background-image:url(../../img/textfieldwhite.png); color:#000; }
.textfieldwhitereadonly{ margin: 0; padding: 0; border: 0; height: 25px; background-image:url(../../img/textfieldwhite.png); color:#000; font-size:14px; font-family:"Courier New", Courier, monospace;  letter-spacing:1px;}
.note a{color: #FFFF00;}
.note a:hover{color: #FFFFFF;}
.isihalamanlist{text-align:justify; border-bottom:dashed 1px #ccc; margin-bottom:10px; margin-top:2px;}
.isihalamanlist a{color:#06C; text-decoration:none;}
.isihalamanlist a:hover{color:#FF9900;}

#headkolom{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px;
	text-align:left;	
	font: normal 12px "verdana", arial, sans-serif;
	line-height: 1.4em;
}

#headkolom h1{
	margin:-5px;
	border-bottom:dotted 2px #FFF; border-top:solid 1px #CCC; font-size:16px; color:#900; padding:5px 5px 5px 5px; background-image:url(../../img/bgtitletable.png); margin-bottom:5px;
	}
	
#headkolom h7{
	font-size:xx-large; color:#900; text-align:left; line-height:normal;
	}
	
#headkolom li{
	margin-left:-22px;
	}
	
#headkolom p { font: normal 12px "verdana", arial, sans-serif;}
/*
#first1{float: left; width: 30%;}
#first2{float: left; width: 30%;}
#first3{float: left; width: 30%;}
*/
.first1{float: left; width: 30%; height:620px; border: 0px solid #000;}
.first2{float: left; width: 30%; height:620px; border-left:dashed 1px #FFCC66;  border-top:dashed 1px #FFCC66;}
.first3{float: left; width: 33%; height:620px; border: 0px solid #EFEFEF; border-left:dashed 1px #FFCC66;  border-top:dashed 1px #FFCC66;}
.first2b{float: left; width: 60%; border: 0px solid #000;}
.first2b hr{color:#1E54AE;background-color:#1E54AE;height:1px;border:none;}

th {
	font-family: verdana,helvetica;
	color:#323C46;
	font-size: 10px;
	text-align:center;
	padding: 5px;
	background-image:url(../../img/bgfieldtable.png);
	background-position:bottom;
	background-repeat:repeat-x;
	}
.thfrm {
	font-family: verdana,helvetica;
	color:#FF6600;
	font-size: 12px;
	text-align:center;
	padding: 5px;
	background-image:url(../../img/bgfieldtablefrm.png);
	background-position:bottom;
	background-repeat:repeat-x;
	}
		
td {
	font:10px Verdana,Arial; 
	color:#000;
	padding:3px;
	table-layout:auto;
}

td a{ text-decoration:none; color:#000;}
td a:hover{text-decoration:underline; color:#FF0000;}

#judultabel{
	font-family: verdana,helvetica;
	color:#323C46;
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	padding: 5px;
	background-image:url(../../img/bgtitletable.png);
	border-bottom:1px solid #FFFFFF;
	text-shadow: #FFF 2px 1px 1px;
	text-indent:5px;
	}
	
.form {width: 600px; height:420px; background-color:#EEEEEE; border:#990000 solid 1px;}
.form h4{ width: 600px; height:20px; background-color:#506070; text-align:center; position:absolute; margin-left:0px; margin-top:0px; font-size:14px; color:#FFFFFF; background-image:url(../../img/bgmenu.png);}
.form h3{ width: 600px; height:20px; background-color:#506070; text-align:center; position:absolute; margin-left:0px; margin-top:0px; font-size:14px; color:#FFFFFF; background-image:url(../../img/bgmenu.png);}
.form table{width: 600px; border:none; position:absolute; margin-left:0px; margin-top:50px; table-layout:auto; padding-left:10px; padding-right:10px;}
.form td{text-align:justify; height:30px; border:none;}
.form a{text-decoration:underline; color:#000099;}
.form a:hover{text-decoration:none; color:#FF0000;}
.form hr{border:0; color: #CCCCCC; background-color: #CCCCCC; height: 1px; }