/* CSS Document */
body { margin: 0px;	margin-left:10px; background-image:url(/tekno/images/bg_all.jpg); background-repeat:repeat-x; background-color:#E5E5E5;}

#search{margin:3px 5px; font:normal 11px arial; color:#333;}
#search a {font:normal 11px arial; color:#666; text-decoration:underline; margin-left:5px;}

#head { width:990px; background-image:url(/tekno/images/head_logo.jpg); background-repeat:repeat-x; background-color:#FFCC33; height:85px;}
.logo {float:left; margin-left:10px;}
.bntop { float:right; padding-right: 10px; padding-top:13px;}

#jarak {width:960px; height:20px; margin:10px;}
#jarakatas {width:990px; height:20px;}
#jarak400 {width:400px; height:100px; background-color:#000000;}
#jarak1 {width:300px; padding-top:10px;}
#jarak2 {height:10px;}

#topnav {width:1010px; height:24px; background-color:#FFFFFF; border-left:1px solid #CCC; }
#toplink	{ padding:0; margin:0; font: normal 11px arial; white-space:nowrap; height:24px; }
#toplink li	{ display:inline; }
#toplink li a	{ padding:5px 5px; color:#000; text-decoration:none; float:left; border-right:1px solid #CCC; border-top:1px solid #CCC;}
#toplink li a:hover	{ background:#DA4F2B; color:#000; }
#toplink li.diselect a { background-color:#DA4F2B;  }
#toplink li.diselect a:hover { background-color:#DA4F2B;  }
#toplink li.diselecttekno a { background-color:#DA4F2B;  }
#toplink li.diselecttekno a:hover { background-color:#DA4F2B; }

#secondnav {width:990px; height:33px; background-image:url(/tekno/images/bg_menu.gif); background-repeat:repeat-x; }
#secondlink	{ padding:0; margin:0; font:bold 12px arial; color:#DEDEDE; text-transform:uppercase;  height:24px; }
#secondlink li	{ display:inline; }
#secondlink li a	{ padding:9px 20px; color:#FFF; text-decoration:none; float:left;}
#secondlink li a:hover	{ background-image:url(/tekno/images/bg_menu_x.gif); background-repeat:repeat-x; background-color:#FFF; color:#000;}
#secondlink li.diselect a { background-image:url(/tekno/images/bg_menu_x.gif); background-repeat:repeat-x; background-color: #FFF; color:#000;	}
#secondlink li.diselect a:hover { background-image:url(/tekno/images/bg_menu_x.gif); background-repeat:repeat-x; background-color: #FFF; color:#000; }
   
#archivenav {width: auto; height:34px;/* border:#CCCCCC solid 1px; padding:5px; margin:5px;*/ }
#archivelink	{ padding:0; margin:0; font:bold 12px arial; color:#DEDEDE; /*text-transform:uppercase;*/  height:24px; }
#archivelink li	{ display:inline; }
#archivelink li a	{ padding:9px 10px; color:#FFF; text-decoration:none; float:left;}
#archivelink li a:hover	{ background:#666; color:#FFF;}
#archivelink li.diselect a {background-repeat:repeat-x;	background-color: #666;	color:#FFF;		}
#archivelink li.diselect a:hover {	background-repeat:repeat-x;	background-color: #666;	color:#FFF;}

#kolomkiri {width:320px; padding-right:20px;}
#kolomtengah {width:320px; padding-right:20px;}
#kolomkanan {width:310px;}
#kolomkiridalam {width:650px; padding-right:20px; padding-left:10px; padding-top:0px; }



.ads {margin:10px 0 10px 0; font:normal 10px arial; color:#999999;}


/*.breaknews {font:bold 12px arial; color:#FFF; }
.breaknews a {font:bold 12px arial; color:#FFF; text-decoration:none;}
.breaknews a:hover {text-decoration:underline;}  */

.breaknewsitem {font:bold 12px arial; color:#000; }
.breaknewsitem a {font:bold 12px arial; color:#000; text-decoration:none;}
.breaknewsitem a:hover {text-decoration:underline;}

#beritalist { margin-left: 0px; padding-left: 0px; list-style: none; line-height:20px;}
#beritalist li { padding-left: 10px; background-image: url(/tekno/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .5em;}
#beritalist a { font:bold 12px arial; color:#FFF; text-decoration:none;}
#beritalist a:hover { text-decoration:underline;}
#beritalist span {font:normal 11px arial; color:#FFF;}

#beritaterkini { margin-left: 0px; margin-top: 10px; padding-left: 0; list-style: none; line-height:20px;}
#beritaterkini li { padding-left: 10px; background-image: url(/tekno/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .5em; }
#beritaterkini a { font:bold 12px arial; color:#336699; text-decoration:none;}
#beritaterkini a:hover { text-decoration:underline;}
#beritaterkini span {font:normal 11px arial; color:#666; margin-right:7px;}


#boxterkait { float:left; width:200px; border:1px solid #CCC; padding:10px; margin-right:10px;}
#boxterkait a { font:bold 11px arial; color:#003366; text-decoration:none;}
#boxterkait select { font:normal 11px arial; color:#003366; text-decoration:none;}

/* 
#navlist { margin-left: 0; margin-top: 5px; margin-bottom:0;  padding-left: 0; list-style: none; }
#navlist li { padding-left: 10px; background-image: url(/tekno/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .4em; }
#navlist a { font:normal 12px arial; color:#336699; text-decoration:none;}
#navlist a:hover { text-decoration:underline;}
#navlist span {font:normal 11px arial; color:#666; margin-right:7px;}
*/


#headline {width:210px; padding:10px; padding-top:20px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; background-image:url(/tekno/images/bg_headlines.jpg); background-repeat:repeat-x;}
#headlinedalam {width:210px; padding:10px 10px 10px 10px; }


a.judulartikel:link,a.judulartikel:visited{font: bold 14px Arial; color:#EA701D; text-decoration:none;}
a.judulartikel:hover {color:#EA701D; text-decoration:underline;}

a.judulartikelgede:link,a.judulartikelgede:visited{font: bold 16px Arial; color:#000; text-decoration:none;}
a.judulartikelgede:hover {color:#000; text-decoration:underline;}

a.artikel:link,a.artikel:visited{font: bold 12px Arial; color:#e8e8e8; text-decoration:none;}
a.artikel:hover {color:#FFFFFF; text-decoration:none;}

a.linkbawah:link,a.linkbawah:visited{font: bold 12px Arial; color:#999; text-decoration:none;}
a.linkbawah:hover { color:#fff; text-decoration:none;}

a.headlines:link,a.headlines:visited{font: normal 24px Arial; color:#FFF; text-decoration:none; letter-spacing:-1px;}
a.headlines:hover {color:#FFFFFF; text-decoration:underline;}

.judulindexrubrik {font:normal 18px arial; color:#333; /*text-transform: capitalize; letter-spacing: -1px;*/}
.judulrubrik {font:bold 14px arial; color:#FFF; /*text-transform:uppercase;*/ line-height:30px; margin-bottom:10px; }

.lead{font:12px Arial; color:#e8e8e8; margin-top:20px; }
.lead1{font:bold 14px Arial; color:#e8e8e8;}
/*.tanggal{font:11px Arial; color:#FFCC66; }  */
.tanggalitem {font:11px Arial; color:#666;}

.judulberita {font:24px Arial; color:#666; margin-top:20px; }
.judulberita1 {font:20px Arial; color:#ccc; }

#boxkuning { border-top: #E36228 solid 10px; background-color:#F1F1F1; padding:15px;}
#boxhitam1 { border-top: #6F6F6F solid 10px; padding:15px 0px 0px 0px;}
#boxhitam { border-top: #6F6F6F solid 10px; background-color:#F1F1F1; padding:15px;}


#boxnomor { font: bold 11px arial; padding: 10px 0px; margin-top:0;}
#boxnomor a { border:1px solid #CCC; padding:4px; margin:0px 3px 10px 0px; text-decoration:none; text-align:center; color:#999; }
#boxnomor a:hover { background-color:#999; border:1px solid #999; color:#000;}

.boxnomordaerah { font: normal 11px arial; margin-top:0;}
.boxnomordaerah a {border:1px solid #CCC; padding:4px; margin:0px 3px 10px 0px; text-decoration:none; text-align:center; color:#858585; font:bold 11px arial;}
.boxnomordaerah a:hover { background-color:#858585; border:1px solid #999; color:#FFFFFF;}


/*#drop {padding-left:22px; font:normal 11px arial; color:#666;} 
#drop select {font:normal 11px arial; width:150px; background-color:#FFF; border:1px solid #999;}
.linkdrop { float:left; margin:0px 3px; width:150px;}
  */ 
.menufooter {font:normal 11px arial; color:#036;}
.menufooter a { text-decoration:underline; color:#036; margin-left:5px; margin-right:5px;}
.menufooter a:hover {text-decoration:none;} 

.menuclosing {font:normal 11px arial; color:#333; }
.menuclosing a { text-decoration:underline; color:#333; margin-left:5px; margin-right:5px;}
.menuclosing a:hover {text-decoration:none;} 

#kelengkapan { float:left; width:300px; margin:10px 0; padding:5px 0;}
#kelengkapan a {margin-right:5px; font:normal 11px arial; color:#666; text-decoration:none; float:left; border:1px solid #CCC; padding:1px 5px; background-color:#F0F0F0; }
#kelengkapan a:hover { text-decoration:underline;  background-color:#DDD; }
#kelengkapan img {margin-right:5px; border:none;}


.artikeltools {float:right; font:normal 11px arial; color:#333;}
.artikeltools a {margin-left:5px; float:left; border:1px solid #DDD; background-color:#F5F5F5; padding:5px;  font:normal 11px arial; color:#555; text-decoration:none;}
.artikeltools a:hover {border:1px solid #999;}
.artikeltools span {margin-left:5px; float:left; border:1px solid #DDD; background-color:#F5F5F5; padding:5px 5px;  font:normal 11px arial; color:#999; text-decoration:none;}
.artikeltools span img {margin-left:0px; margin-right:0px; float:left; vertical-align:middle;}
.artikeltools img {margin-right:5px; float:left; border:none;}
.artikeltools select { border:1px solid #CCC; font:normal 11px arial; color:#333; text-decoration:none; float:left; margin-left:5px; }
.artikeltools b {margin:0 5px; float:left; font:bold 11px arial; color:#333; text-decoration:none;}

.artikelkiriman {float:left; font:normal 11px arial; color:#333;}
.artikelkiriman img {border:0; vertical-align:middle; margin-left:10px;}

#vidlist { margin-left: 0; margin-top: 5px; margin-bottom:0px; padding-left: 0; list-style: none; border-top:1px solid #EEE;}
#vidlist li.listvid { padding-left: 20px; background-image: url(/tekno/images/icon_video.gif); background-repeat: no-repeat; background-position: 0 .4em;  border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#vidlist li.listimage { padding-left: 20px; background-image: url(/tekno/images/icon_kamera.gif); background-repeat: no-repeat; background-position: 0 .4em;  border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#vidlist li.listpod { padding-left: 20px; background-image: url(/tekno/images/icon_podcast.gif); background-repeat: no-repeat; background-position: 0 .4em;  border-bottom:1px solid #EEE; padding-top:3px; padding-bottom:3px; }
#vidlist a { font:normal 11px arial; color:#036; letter-spacing:0.02em; text-decoration:none;}
#vidlist a:hover { text-decoration:underline;}
#vidlist span {font:normal 11px arial; color:#666; letter-spacing:0.02em; margin-right:7px;}

.menufooter {font:bold 12px arial; color:#036; padding-left:10px; line-height:22px; background-color:#FFFFFF}
.menufooter a { text-decoration:underline; color:#036; font:normal 11px arial; margin-left:2px; margin-right:2px;}
.menufooter a:hover {text-decoration:none;} 

.menufooterlayanan {font:normal 12px arial; color:#036; padding-left:10px; }
.menufooterlayanan a { font:bold 12px arial; text-decoration:none; color:#036; margin-right:15px;}
.menufooterlayanan img { border:0; margin-right:10px; vertical-align:middle; }
.menufooterlayanan a:hover {text-decoration:underline;} 

.menuclosing {font:normal 11px arial; color:#333; padding-left:10px; }
.menuclosing a { text-decoration:underline; color:#333; margin-left:5px; margin-right:5px;}
.menuclosing a:hover {text-decoration:none;} 
