* { margin: 0; }
html, body { height: 100%; }

body {
	background: url(../img/bg/body.gif) repeat-x 0 60px #ecf0f1;
	font: 12px Arial, Helvetica, sans-serif;
	color: #4a5c60;
	line-height: 22px;
	text-align: justify;
	}

h1, h2 { margin: 0 0 10px 0; font-weight: normal; font-size: 20px; height: 20px; line-height: 20px; }
h1 { color: #f26722; }
h2 { color: #4a5c60; }
a { text-decoration: none; color: #f26722; }
a:hover { text-decoration: underline; }
p { margin: 0 0 22px 0; }
img { border: 0; }

#container {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -46px;
	padding: 0 0 30px 0;
	}

#top {
	width: 960px;
	height: 60px;
	overflow: hidden;
	}

#mainmenu {
	width: 960px;
	height: 40px;
	text-align: center;
	font-weight: bold;
	line-height: normal;
	}
	#mainmenu ul { padding: 12px 0 13px 0; list-style: none;}
	#mainmenu li  { display: inline; }
	#mainmenu li a { display: inline; padding: 12px 12px 13px 12px; color: #ecf0f1; }
	#mainmenu li a:hover { background: #ecf0f1; color: #4a5c60; }

#banner {
	width: 960px;
	height: 180px;
	background: url(../img/bg/banner.jpg);
	border-bottom: 6px solid #d4dbde;
	overflow: hidden;
	}
	#banner .kolom { width: 280px; height: 180px; float: left; padding: 20px 30px 0 170px; }

#contentleft {
	width: 690px;
	padding: 20px 30px 0 0;
	background: url(../img/bg/cl-topright.gif) no-repeat top right;
	float: left;
	}
	#contentleft .list { padding: 0 0 20px 0; list-style: none; margin: 0 -10px 0 0; }
	#contentleft .list li { border: 1px solid #d4dbde; width: 144px; padding: 8px 8px 0 8px; margin: 0 10px 30px 0; background: #fff; text-align: center; float: left; }
	#contentleft .list li a img { border: 2px solid #4a5c60; }
	#contentleft .list li a:hover img { border: 2px solid #f26722; }
	#contentleft .list li p { margin: 0 0 14px 0; }
	#contentleft .list li p a { color: #4a5c60; font-weight: bold; }
	#contentleft .list li a.stem { width: 57px; height: 23px; padding: 1px 0 0 0; display: block; font-weight: bold; text-align: center; color: #fff; background: url(../img/bg/stem-up.gif); position: absolute; margin: 140px 0 0 44px}
	#contentleft .list li a:hover.stem { background: url(../img/bg/stem-over.gif); text-decoration: none; color: #4a5c60; }

#contentright {
	width: 200px;
	padding: 20px;
	float: left;
	background: #d4dbde;
	}
	#contentright ul { padding: 0; list-style: none; text-align: center; }
	#contentright li a img { border: 2px solid #4a5c60; margin: 0 0 5px 0; }
	#contentright li a:hover img { border: 2px solid #f26722; }
	#contentright .bottom { width: 240px; height: 11px; margin: 0 -20px -20px -20px; background: url(../img/bg/cr-bottom.gif); overflow: hidden; }

#footer {
	width: 100%;
	height: 30px;
	padding: 10px 0 0 0;
	background: #4a5c60;
	border-top: 6px solid #d4dbde;
	color: #c6cfd4;
	text-align: center;
	}
	#footer a { color: #ecf0f1; }
	#footer p { margin: 0; }

.push { height: 46px; clear: both; }
.imgr { float: right; margin: 0 0 0 20px; }

label.align_text 
{
  float: left; 
  width: 110px;
  text-align: right;
  padding: 3px;
}