@charset "iso-8859-1";


b.rtop, b.rbottom{display:block;background: #F4F5F5}
b.rtop b{display:block;height: 1px;
    overflow: hidden; background: #006699}
b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #FFD991}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

body 
{
	color: 			 #000000;
	text-align: 	 	center;
	margin:			 8px;
	background:		 #F4F5F5;
}

a 
{
	color:			 #000000;
	text-decoration: 	none;
	font-weight:  		normal;
	font-size:		 small;
}

a:hover
{
	color:			 #000000;
	text-decoration: 	underline;
	font-weight:  		normal;
	font-size:		 small;
}


h1
{
	font-size:		 large;
	margin:			 0px;
	padding: 		 0px;
}

h2
{
	align:		 	 right;
	font-size:		 small;
	margin: 		 0px;
	padding:		 0px;
}

div.content 
{
	text-align:		 center;
	width:			 828px;
	margin:			 0 auto 0 auto;
	font-family:	 Tahoma;
	font-size:		 small;
	color:			 #000000;
}


div.top 
{
	height:			 48px;
	overflow:		 hidden;
	float:			 left;
	width:			 808px;
}

div.menu
{
	overflow:		 hidden;
	text-align:		 left;
	color:			 #000000;
	float:			 left;
	width:			 180px;
	height:			 100%;
}


div.kolom1
{
	text-align:		 left;
	margin-left:	 	 10px;
	color:			 #000000;
	float:			 left;
	width:			 200px;
	overflow:		 hidden;
}

div.kolom2
{
	text-align:		 left;
	margin-left:	 	 10px;
	color:			 #000000;
	float:			 left;
	width:			 410px;
	overflow:		 hidden;
}

div.kolom3
{
	text-align:		 left;
	margin-left:	 	 10px;
	color:			 #000000;
	float:			 left;
	width:			 620px;
	overflow:		 hidden;
}

div.kolom4
{
	text-align:		 left;
	margin-left:	 	 10px;
	color:			 #000000;
	float:			 left;
	width:			 305px;
	overflow:		 hidden;
}

div.kolom5
{
	text-align:		 left;
	margin-left:	 	 10px;
	color:			 #000000;
	float:			 left;
	width:			 160px;
	overflow:		 hidden;
}

div.kolom6
{
	text-align:		 left;
	margin-left:	 	 10px;
	color:			 #000000;
	float:			 left;
	width:			 450px;
	overflow:		 hidden;
}

div.kolom7
{
	text-align:		 left;
	margin-left:	 	 10px;
	color:			 #000000;
	float:			 left;
	width:			 240px;
	overflow:		 hidden;
}

div.kolom8
{
	text-align:		 left;
	margin-left:	 	 10px;
	color:			 #000000;
	float:			 left;
	width:			 120px;
	overflow:		 hidden;
}


div.footer 
{
	text-align:		 center;
	font-size:		 x-small;
	color:			 #000000;
	margin-top:		 10px;
	font-weight:	 bold;
	width:			 798px;
	overflow:		 hidden;
	clear: both;
}

.container
{
	margin:			 10px 0px 0px 0px;
	padding:		 0px;
	background:		 #FFD991;
	zoom:			 100%;
}



.container1
{
	margin:			 10px 0px 0px 0px;
	padding:		 0px;
	background:		 #FFD991;
	zoom:			 100%;
}

.container2
{
	margin:			 10px 0px 0px 0px;
	padding:		 0px;
	background:		 #FFD991;
	zoom:			 100%;
}

.container3
{
	margin:			 10px 0px 0px 0px;
	padding:		 0px;
	background:		 #FFD991;
	zoom:			 100%;
}

.container p 
{
	padding:		 8px;
	margin:			 0px;
	color:			 #000000;
	font-weight:	 	 normal;
}

.container1 p 
{
	padding:		 8px;
	margin:			 0px;
	color:			 #000000;
	font-weight:	 	 normal;
}

.container2 p 
{
	padding:		 8px;
	margin:			 0px;
	color:			 #000000;
	font-weight:	 	 normal;
}

.container3 p 
{
	padding:		 8px;
	margin:			 0px;
	color:			 #000000;
	font-weight:	 	 normal;
}


.container ul 
{
 margin:    2px 0px 2px 0px;
 padding:   8px;
 color:    #000000;
}

.container1 ul 
{
 margin:    2px 0px 2px 0px;
 padding:   8px;
 color:    #000000;
}

.container2 ul 
{
 margin:    2px 0px 2px 0px;
 padding:   8px;
 color:    #000000;
}

.container3 ul 
{
 margin:    2px 0px 2px 0px;
 padding:   8px;
 color:    #000000;
}




.container h2
{

	text-decoration: 	none;
	font-weight:  		normal;
	font-size:		 small;

	background:		 #006699;
	color:			 #FFFFFF;
	text-align:		 left;
	font-size:		 small;
	padding:		 3px 8px 3px 8px;
	margin:			 0px;
}

.container1 h2
{

	background:		 #006699;
	color:			 #FFFFFF;
	text-align:		 left;
	font-size:		 small;
	padding:		 3px 8px 3px 8px;
	margin:			 0px;
}

.container2 h2
{

	background:		 #006699;
	color:			 #FFFFFF;
	text-align:		 left;
	font-size:		 small;
	padding:		 3px 8px 3px 8px;
	margin:			 0px;
}

.container3 h2
{

	background:		 #006699;
	color:			 #FFFFFF;
	text-align:		 left;
	font-size:		 small;
	padding:		 3px 8px 3px 8px;
	margin:			 0px;
}

.container h4 
{

	background:		 #006699;
	color:			 #FFFFFF;
	text-align:		 left;
	font-size:		 small;
	padding:		 3px 8px 3px 8px;
	margin:			 0px;
}

form {
	margin: 0px;
	padding: 5px;
}

input, select {
	font-family: Tahoma;
	font-size: small;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000000;
}

textarea {
	font-family: Tahoma;
	font-size: small;
	color: #000000;
	background: #FFFFFF;
	scrollbar-base-color: #FFD991; /* ct_bg */
	border: 1px solid #000000;
}


div.kolom3 input {
	width: 180px;
}

div.kolom3 textarea {
	width: 580px;
}

div.kolom3 input.nostylesmall {
	border: 0px;
	background: #FFD991; /* ct_bg */
	width: 20px;
}

div.prak {
	background-color: #F4F5F5;
	width: 150px;
	height: 50px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
div.prbl {
	width: 30px;
	height: 40px;
	margin: 5px 3px 5px 3px;
	padding: 0px;
	overflow: hidden;
	float: left;
	text-align: left;
}
div.prak h2 {
	background-color: #006699;
	width: 100%;
	height: 10px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
div.prak p {
	background-color: #FFD991;
	width: 100%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	text-align: center;
}
div.prak input {
	border: 0px;
	width: 20px;
	height: 20p;
	margin: 5px 6px 5px 4px;
	padding: 0px;
	background-color: #FFD991;
}