/* CSS Document */

body 
{ 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #333;
	
}

a
{
	color: #06f;
	text-decoration:none;
}

/* a:visited 
{
	color: #069;
	text-decoration:none;
}*/

a:hover 
{
	color: #f60;
	text-decoration:none;
}

a.lite
{
	color: #999;
	text-decoration:none;
}

a.lite:hover 
{ 
	color: #06f;
	text-decoration:none; 
}

a.lite:visited 
{ 
	color: #666; 
	text-decoration:none;	
}


/* === START === */

div#container
{
	margin-left: auto;
	margin-right: auto;
	width: 765px;
	text-align:left;

}

div#logo
{
	margin: 0px;
	padding: 0px;
	background-repeat:no-repeat;
	text-align:right;
}




/* ========================= */
/* === MENU: First Level === */
/* ========================= */

#navcontainer
{
margin: 6px 0 0 0;
padding: 0;
height: 28px;
font-weight:bold;
background-image:url(../images/bg_index_firstlist_a.gif);
background-repeat:repeat-x;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{

padding: 4px 20px 5px 12px;
margin: 0 0 10px 0;
color: #cff;
text-decoration: none;
display: block;
text-align: center;
}

#navcontainer ul li a:hover
{
color: #ff0;
background-color:#09f;
}

#navcontainer a:active
{
background: #c60;
color: #fff;
}

#navcontainer li#active a
{
background: #c60;
/* border: 1px solid #c60; */
color: #fff;
background-image:url(../images/bg_index_firstlist_c.gif);
background-position:right;
}



#navbawah
{
background-image:url(../images/bg_index_2ndlist_long.gif);
background-position:right;
padding: 4px 10px;
margin: -13px 0 0 0;
color:#fff;
font-size: 90%;
font-weight: bold;
text-align:right;
}

#navbawah a
{
color: #bddcfa;
text-decoration: none;
}

#navbawah a:hover
{
color: #ff0;
text-decoration: none;
}

#navbawah a#active
{
color: #fff;
text-decoration: none;
}

div#firstmenu
{
	font-size: 110%;
	position: relative;
	z-index: 1;
}

ul#firstlist
{
	padding: 3px 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc;
}
#firstlist li
{
	list-style: none;
	margin: 0px;
	display: inline;
}

#firstlist li a
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #ccc;
	border-bottom: none;
	background: #FFF;
	text-decoration: none;
}

#firstlist li a:link { color: #999; }
#firstlist li a:visited { color: #999; }

#firstlist li a:hover
{
	color: #fff;
	background: #36c;
	border: 1px solid #ddd;
}

#firstlist li a#current
{
	color: #333;
	background: #eee;
	border-bottom: 1px solid #eee;
	font-weight:bold;
}




/* ========================== */
/* === MENU: Second Level === */
/* ========================== */

#secondlist
{
	margin: -1px 0px 0px 0px;
	padding: 5px 10px 4px 10px;
	background-image:url(../images/bg_secondlist.png);
	border: 1px solid #ccc;
	width: 730px;
	position: absolute;
	color: #666;
}

#secondlist a, #secondlist a:visited
{
color:#666;
text-decoration:none;
}

#secondlist a#active { color:#333; font-weight:bold; }
#secondlist a:hover { color:#06f; }


/* === Optional Menu === */

div#options
{
	margin: 30px 0px 25px 0px;
	padding: 0px 10px;
	color: #999;
	text-align:right;
}

.left { float:left; }


/* ==================== */
/* === LEFT Section === */
/* ==================== */

div#indexmain
{
	margin: 10px 10px 0px 0px;
	padding:0px;
	text-align:left;
	vertical-align:top;
} 

div#indexpic
{
	margin: 0px 0px 10px 0px;
	padding:0px;
}



div.search
{
	margin: 0px 10px 10px 0;
	padding: 10px;
	width: 145px;
	text-align:left;
	vertical-align:top;
	background-image:url(../images/bg-search.jpg);
}

div.text
{
	margin: 0;
	padding: 10px;
	text-align: left;
	}

H3 
{
	margin: 0px;
	padding: 0px;
	color: #06f;
	font-size: 130%;
	font-weight:lighter;
}


/* ================================ */
/* === MENU: ACTION MENU (LEFT) === */
/* ================================ */

#actionmenu ul
{
	margin: 0px 10px 10px 0px;
	padding: 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #ddd;
	text-align: left;
}

#actionmenu a
{
	display: block;
	padding: 6px 8px;
	width: 148px;
	background-color: #efefef;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

#actionmenu a:link, #actionmenu a:visited
{
	color: #666;
	text-decoration: none;
	text-align: left;
}

#actionmenu a#active
{
	background-color: #bbb;
	color: #fff;
	font-weight: bold;
	text-align: left;
}

#actionmenu a:hover
{
	background-color: #ddd;
	color: #333;
	text-align: left;
}

/* === LEFT Section : ADDITIONAL === */

div.addition
{
	margin: 25px 0px 0px 0px;
	padding: 8px; 
	background-color:#def0fa;
}


/* === LEFT Section : NOTES === */

div#notes
{
	margin: 25px 0px 0px 0px;
	padding: 8px; 
	background-color:#ff9;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}


/* ==================== */
/* === MAIN Section === */
/* ==================== */

div#main
{
	margin: 0px 10px 0px 25px;
	padding:0px;
	text-align:left;
	vertical-align:top;
	font-size: 90%;
} 

h2 
{
	margin: 0px;
	padding: 0px;
	color: #09f;
	font-size: 180%;
	font-weight:lighter;
}

h3.subtitel
{
	font-weight:bold;
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}

div.spaceleft { width: 120px; }
div.spaceright 
{ 
	width: 380px;
	text-align:right;
}

td.formleft 
{ 
	color: #333;
	text-align:right;
	vertical-align:top;
}
.formright { padding-left: 10px; }


/* === Forms === */
.formdefault 
{
	color: #000;
	width: 260px;
	border: 1px solid #999;
}

.formshort 
{
	color: #000;
	width: 120px;
	border: 1px solid #999;
}

.formnumber 
{
	color: #000;
	width: 60px;
	border: 1px solid #999;
}

/* Table List */
table.tablelist 
{
    border-spacing: 0px;
    border-collapse: collapse;
	font-size: 95%;
}

table.tablelist td 
{
	text-align: left;
	vertical-align:top;
    padding: 5px 10px;
    background-color: #fff;
	border-bottom: 1px solid #ddd;
	color:#666;
}

table.tablelist td.center 
{
	text-align: center;
}

table.tablelist tr.odd td 
{ 
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}

table.tablelist thead th {
    background: #36c;
    color: #fff;
	padding: 5px 10px;
	font-weight:bold;
}

table.tablelist th.Corner { text-align: left; }

table.tablelist tfoot td 
{ 
	text-align:right;
	background-color: #def0fa;
}

/* === SPACER === */
.list0 { width: 25px; }
.list1 { width: 2em; }
.listmain { width: 12em; }
.list2 { width: 5em; }
.list3 { width: 3em; }

/* === THEAD LINK for sorting === */

a.thead:link, a.thead:visited {color: #fff; }
a.thead:hover 
{ 
	color:#ff0;
	text-decoration:none;  
}

/* === DEFINITION LIST STYLED 1 === */

div.news
{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background-color:#c9e1fa;
	text-align:left;
	vertical-align:top;
	width: 585px;
}

dl.def1
{
	margin: 0 10px;
	padding: 0;
}

.def1 dt
{
	position: relative;
	left: 0;
	top: 1.1em;
	width: 110px;
	font-weight: bold;
	float:left;
}

.def1 dd
{
	margin: 0 0 0 110px;
	padding: 15px 0 1em 1em;
}

/* === DEFINITION LIST STYLED 2 === */

dl.def2
{
	margin: 2em 0;
	padding: 0;
	width: 100%;
	font-size: 95%;
}

.def2 dt
{
	position: relative;
	left: 0;
	top: 1.1em;
	width: 10em;
	font-weight: bold;
}

.def2 dd
{
	border-left: 1px solid #ddd;
	margin: 0 0 0 10em;
	padding: 0 0 1em 1em;
}

/* ========================== */
/* === PAGE TITLE Section === */
/* ========================== */


div.newstitel
{
	margin: 0px;
	padding: 10px;
	background-color: #06f;
	color: #27555c;
	font-weight:bold;
	font-size: 130%;
	background-image:url(../images/titel/news.jpg);
	background-position:right;
}

div.agrititel
{
	margin: 0px;
	padding: 10px;
	color: #fff;
	font-weight:bold;
	font-size: 130%;
	background-image:url(../images/titel/default.jpg);
	background-position:right;
}

div.agri
{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background-color:#eff1f0;
	text-align:left;
	vertical-align:top;
	width: 590px;
}

div.edutitel
{
	margin: 0px;
	padding: 10px;
	color: #666;
	font-weight:bold;
	font-size: 130%;
	background-image:url(../images/titel/education.jpg);
	background-position:right;
}

div.edu
{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background-color:#eff1f0;
	text-align:left;
	vertical-align:top;
	width: 590px;
}

div.traintitel
{
	margin: 0px;
	padding: 10px;
	color: #666;
	font-weight:bold;
	font-size: 130%;
	text-align:right;
	background-image:url(../images/titel/training.jpg);
	background-position:left;
}

div.prodtitel
{
	margin: 0px;
	padding: 10px;
	color: #FFF;
	font-weight:bold;
	font-size: 130%;
	background-image:url(../images/titel/products.jpg);
	background-position:right;
}

div.contitel
{
	margin: 0px;
	padding: 10px;
	color: #FFF;
	font-weight:bold;
	font-size: 130%;
	background-image:url(../images/titel/consulting.jpg);
	background-position:right;
}


div.white
{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background-color:#fff;
	text-align:left;
	vertical-align:top;
	width: 590px;
}

div.misctitel
{
	margin: 0px;
	padding: 10px;
	color: #FFF;
	font-weight:bold;
	font-size: 130%;
	background-image:url(../images/titel/misc.jpg);
	background-position:right;
	text-align: left;
	width:570px;
}

/* ===================== */
/* === Right Section === */
/* ===================== */



div#leftnav
{
	margin: 10px 0 0 0;
	padding: 0px;
	width: 165px;
	text-align:left;
	vertical-align:top;
}

div.leftnavtitel
{
	margin: 0px;
	padding: 10px;
	background-color: #06f;
	color: #fff;
	font-weight:bold;
	font-size: 110%;
}

div#leftnavblue
{
	margin: -10px 0 0 0;
	padding: 0;
	background-color: #09f;
	color: #fff;
	font-size: 90%;
}

div#leftnavblue ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

div#leftnavblue a
{
display: block;
padding: 5px;
width: 155px;
background-color: #09f;
border-bottom: 1px solid #9cf;
text-decoration:none;
}

div#leftnavblue a:link, div#leftnavblue a:visited
{
color: #fff;
text-decoration: none;
}

div#leftnavblue a:hover
{
background-color: #06f;
color: #ff0;
}


/* ===================== */
/* === Login Section === */
/* ===================== */

div#loginbg
{
	background-image:url(../images/bg_login1.jpg);
}

div.login
{
	margin: 30px 10px 10px 400px;
	padding: 20px 20px;
	font-size: 100%;
	color: #000;
	text-align:left;
	background-image:url(../images/bg_login2.jpg);
}





/* ========================= */
/* === Copyright Section === */
/* ========================= */

div.bawah
{
	margin: 0;
	padding: 5px 5px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 90%;
	color: #999;
	text-align:right;
}
	
	
div.bawah a
{
color: #999;
text-decoration: none;
}

div.bawah a:hover
{
color: #06f;
text-decoration: none;
}

div.copy
{
	margin: 0;
	padding: 5px 5px;
	font-size: 100%;
	color: #999;
	text-align:right;
}

 
/* Table List */
table.tablelist 
{
    border-spacing: 0px;
    border-collapse: collapse;
	font-size: 95%;
}

table.tablelist td 
{
	text-align: left;
	vertical-align: baseline;
    padding: 5px 10px;
    background-color: #fff;
	/* border-bottom: 1px solid #eee; */
	color:#666;
}

table.tablelist td.center 
{
	text-align: center;
}

table.tablelist tr.odd td 
{ 
	background-color: #efefef;
	/* border-bottom: 1px solid #eee; */
}

table.tablelist thead th {
    background: #36c;
    color: #fff;
	padding: 5px 10px;
	font-weight:bold;
}

table.tablelist th.Corner { text-align: left; }

table.tablelist tfoot td 
{ 
	text-align:right;
	background-color: #def0fa;
}