html { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px;}
body { margin: 0px; padding: 0px;}

 /* to put all in center */
 /* #container {width : 777px;padding : 0px;margin-right : auto;margin-left : auto;background-color : transparent;
  /* text-align : center; */
 /* top : 0px;	border-left:0px solid #fff;height : auto;z-index : auto;visibility : visible;position : relative;}
  */

#container {position:relative;width:777px;padding:0px;height:100%;min-height:100%;font-size:12px;} 
  
#header {width:770px;height:100px;margin:0px;padding:0px;}
#printheader { display: none;}
#homelogo {margin:4px 0px 0px 15px; width: 90px; height: 90px;padding: 0px;}
#homelogo a {color:#fff;text-decoration: none;font-size:0px;line-height:0px;overflow:hidden;display: block;height:100%;}
#wimbnet {margin:-92px 0px 0px 120px;width:650px;height:35px;padding:0px;}
#sitesearch {float: right; padding: 0px; margin: -20px 0px 0px 0px; width: 210px;}
#subtitle{margin: 18px 0px 0px 119px; width: 650px; height: 50px;  padding: 0px;border: 0px solid;}
#subtitletext {background: #fff; margin: -36px 10px 0px 0px; padding: 0px;}
#new { left: 114px; position: absolute; padding: 0px; margin: 0px; top: 64px; width: 32px; height: 20px; background: transparent;}
#iconholder {position : absolute;top:53px;height:40px;left:160px;width:200px;}
#iconholder img{ float : left; }
.icon {border : 1px solid #000 ! important; margin : 4px 1px 4px 1px ! important; }
.iconsel { margin : 1px 0px 1px 0px ! important;  }

#contentbox {position:relative; float:left; height:auto;margin:0px 0px 0px 0px;padding:20px;border:1px solid #000;border-top:0px solid #000;; background:#fff; color:#000;}
#contentbox {width: 650px; voice-family: "\"}\""; voice-family: inherit; width: 608px;}
html>body #contentbox {width: 608px;}
#contentbox a {text-decoration:underline;font-size:12px;margin:0px;margin:0px;color:#006;font-weight:normal;}
#contentbox a:hover {text-decoration:underline;font-size:12px;margin:0px;font-weight:normal; background:#bbe;}

label { cursor: pointer;}
fieldset { border: 0px solid #fff; padding: 0px; margin: 0px;}

#menutop {position:relative;float:left;overflow:hidden;clear:both;width:119px;height:auto;padding:0px;padding-bottom:0px;margin-top: -1px;}
#menutop h4 {margin:0px;font-size:12px;font-style:normal;cursor:default;}

/* all stuff at the bottom of the page */ 
#bodem {clear:both;position:relative;bottom:0px;left:0px;width:768px;height:60px;padding:0px;margin: 0px;border: 0px solid #0f0;}
#menulow {position:absolute;bottom:60px;width:120px;height:64px;padding:0px;margin:20px 0px 0px 0px;border:0px solid;}
#browseleft {width:119px;height:16px;padding:0px;margin:-18px 0px 0px 0px;}
#quickjump {width:119px;height:16px;padding:0;margin:0px;font-size: 12px;}
#bottommid  {float:left;width:295px;height:25px;margin-top:-16px;margin-left:0px;}
#putcomment {float:left;width:170px;height:50px;margin-top:-16px;padding-bottom:12px;font-size:12px;}
#update {float:left;width:120px;height:32px;margin-top:16px;font-size:10px;font-style:italic;}	
		
h1, h2 { font-size: 21px; font-weight: bold; margin: 0px; font-style: Italic; }
h3, h4 { font-size: 16px; font-weight: bold; margin: 0px; font-style: normal; }
h5, h6 { font-size: 10px; font-weight: normal; font-style: Italic;}


.taj {text-align : justify;}
.tal {text-align : left;}
.tac {text-align : center;}
.tar {text-align : right;}

.txtimg, .imgtxt, .txt   { clear: both; margin: 20px 10px 10px 0px;}
.clearboth {clear: both;}


/* for these divs in a kolom12 */
.kolom12 .imgtxt {margin:  10px  0px 0px 0px;}
.kolom12 .txtimg {margin:  10px  0px 0px 0px;}

.txtimg img { float: right; margin: 0px 0px 10px 10px; border: 1px solid #000;}
.imgtxt img { float: left; margin: 0px 10px 5px 0px; border: 1px solid #000;}
.left  { float: left !important; margin: 3px 10px 3px 0px !important;}
.right { float: right !important; margin: 0px 0px 15px 10px; border: 1px solid #000;}
ul li.here { position: relative; font-weight: bold; margin-left: 1px; font-size: 12px; display: block; margin: 0px; height: 16px; text-decoration: none; cursor: default;}

.kolom12 {float: left; width: 470px; background : transparent; height: auto; font-size: 12px; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden;}

.kolom3  {float: right; width: 120px;height: auto; font-size: 12px; font-weight: normal; border: 1px solid #000; margin: 0px; padding: 0px; }
.kolom3 img { border: 0px solid #000;}
.kolom3 a       {font-weight : bold ! important; text-decoration  : none ! important;      }
.kolom3 a:hover {font-weight : bold ! important; text-decoration  : underline ! important; }

.flr { float: right; border: 0px solid #000;}
.fll { float: left; border: 0px solid #000;}
/* for the slo syn manual download links */
.manfll { float: left !important; border: 0px solid #000 !important; margin: 0 6px 0 0 !important;}


.hide { display: none;}
object {border: 0px solid #000}
ul.radio { list-style-type: none ; list-style: none ; margin: 0px 0px 16px 0px ; padding: 6px ; font-weight: normal ; font-size: 12px ; border: 1px solid #333 ;}
ul.radio input { margin: 0px 3px 0px 1px ; vertical-align: top ; height: 16px ;}
ul.radio li { line-height: 16px ;}
.grey { padding: 10px; background : #ccc; border: 1px solid #000;}
.code { padding: 10px; background : #eee; font-family: Courier New, Courier, monospace; border: 1px solid #000; width: auto;}
.code a       {font-weight : bold ! important; text-decoration : none ! important ;   }
.code a:hover {font-weight : bold ! important; text-decoration : underline ! important; color : #000 ! important;  }

/* navbar - moved from delphi.css to main.css */
.webring table {
  clear        : both;
  background   : #444488;
  text-align   : center;
  color        : #fff;
  margin-left  : auto;
  margin-right : auto;
  border       : 1px solid #000;
  }
.webring a {
  color        : #ddd ! important;
  }
.webring a:hover {
  color       : #fff        ! important;
  background  : transparent ! important;
  }




br.newpage{ page-break-before: auto; border: 1px dotted #000;}
div.pagenav {font-size: 12px;padding: 2px 5px 0px 0px;margin: 0px;border: 1px solid #3B4E7A;}
div.pagenav button{ width:22px; height:22px;margin:0px;padding:0px;}
.moveup { position: relative; bottom: 11px; margin-bottom: 10px; padding-bottom: 10px;}

/* #commentbox { clear: both; margin: 20px 10px 40px 10px; height: 120px; border-top: 1px dotted #666;} */
#commentbox {clear: both; padding: 8px; margin: 20px 0px 0px 0px; height: 220px; border: 1px solid #666;}

.lastupdate { clear: both; font-size: 10px; height: 14px; font-style: italic; padding: 0px; margin: 30px 10px 0px 0px;}

/* ---- for the Quiz pages --- */
.quiz     {
  padding : 0px ;
  margin : 6px 0px 0px 0px;
  }
.quiz h3  {
   font-size: 12px; margin:  0px;padding : 5px;
   border-top:1px solid #000;border-left:1px solid #000;
   border-right:1px solid #000; border-bottom: 1px solid #004;}
.quizdiv1 {
   font-size: 12px; height: 100%;padding : 5px; margin : 0px;
   background-color: #a9d6d6; border: 1px dotted #3B4E7A; border-top: 0px; }
.quizcbr    { float:left;}
.quizresp   { clear : both; margin-top: 5px; margin-bottom: 0px; border: 0px dotted #000; }
.quiz label { float:right; width:435px; margin-bottom: 10px ;border:0px solid #000; }

/* ---- for the link pages --- */
.linktop  { padding:0px ;margin:6px 10px 0px 0px;border-top:1px solid #3B4E7A;border-left:0px solid #3B4E7A;border-right:0px solid #3B4E7A;}
.linktop h3 { font-size: 12px; margin  : 0px;padding : 0px;height : 18px; border-bottom: 1px dotted #004;}
.linktop a {display: block;margin: 0px;padding : 0px;width : 265px;font-weight: bold ! important;height:100%;text-decoration: none ! important;}
.linktop a:hover {display:block;background-color:transparent!important;margin:0px;padding: 0px;font-weight : bold ! important;width:265px;height : 100%;text-decoration : underline!important; }
.hits {position : relative; left : 280px;top : -17px;  }
.linktop p{font-size: 12px;height: 100%;padding : 0px; margin : 0px;border: 0px solid #3B4E7A ;
  border-bottom: 0px dotted #3B4E7A ; }

/* ---- for the messages --- */
.msg { padding:0px;width:100%;margin:6px 0px 0px 0px;
    border-top:1px solid #3B4E7A;
    border-left:0px solid #3B4E7A;
    border-right:0px solid #3B4E7A ;
    overflow:hidden;}
.msg h3  { font-size: 12px; padding: 3px 0px 3px 5px; margin: 0px; }
.msg h3  { overflow: hidden; height : auto; border-bottom: 1px dotted #004;}
.msg p   { font-size: 12px; margin: 0px 0px 7px 0px; padding: 3px 10px 3px 7px; border: 1px dotted #000;border-top: 0px;}
.msg div { font-size: 12px; margin: 0px 0px 7px 0px; padding: 3px 10px 3px 7px; border: 1px dotted #000;border-top: 0px;}
.msg img { float:right; border:none; }

select { font-size: 12px; font-style: normal; text-decoration: none; border: 1px solid #000;}
input  { text-align: left; font-family: Courier New, Courier, monospace; font-size: 12px;}
/* input:focus { border: 2px solid #000;} */
textarea { text-align: left; font-size: 12px; border: 1px solid #505050;}
.button { font-size: 11px; cursor: pointer;}
.nb   { border: 0px solid #000 ! important; padding: 0px; margin: 0px;}