/* ching.css 
	gebruik : enigma
*/

body {
  background-color : #000006;
  font-family: Verdana, Helvetica, sans-serif; 
  font-size : 9pt;
  color : #fcc403;
  scrollbar-base-color: #000000;
  scrollbar-arrow-color: #fcc403;
}
h6 { font-size: 16pt; font-weight: normal}

a:link {  color: #FFAD23; text-decoration: none;}
a:visited {  color: #FFAD23; text-decoration: none; }
a:hover { color: #33487F;}
a:active { color: #FFAD23;}

/* Tables should show empty cells. */

table
{
    empty-cells: show;
    text-align: center;
}
/* Input boxes - just a bit smaller than normal so they align well. */

.button_pos2 {
	position:	absolute;
	top:		50%;
	left:		50%;
	margin-left:	-40px;
}

.button_pos1 {
	position:	absolute;
	top:		50%;
	left:		50%;
	margin-left:	-50px;
}

input, textarea, button
{
	background-color: #9BAAA2;
	font-size: 9pt;
	color: #000000;
	font-family: tahoma, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

select
{
	font-size: 8pt;
	font-weight: normal;
	color: #33487F;
	font-family: tahoma, sans-serif;
}

hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #666666;
	background-color: #666666;
}

img {
	border: 0;
}

#main {
	position:	absolute;
	top:		0;
	left:		50%;
	width:		1024px;
	height:		700px;
	margin-left:	-512px;
	text-align:	center;
}

#trigram-left {
	position:	absolute;
	left:		0;
	top:		40px;
	width:		40px;
	text-align:	center;
}

#trigram-right {
	position:	absolute;
	top:		40px;
	right:		0;
	width:		40px;
	text-align:	center;
}

#main-top {
	position:	absolute;
	top:		5px;
	height:		40px;
	right:		0;
	width:		1024px;
	text-align:	center;
}

#main-bottom {
	position:	absolute;
	bottom:		5px;
	height:		160px;
	width:		98%;
	text-align:	center;
}

#main-bottom1 {
	position:	absolute;
	bottom:		5px;
	height:		160px;
	width:		98%;
	text-align:	center;
}
#main-bottom2 {
	position:	absolute;
	bottom:		5px;
	height:		160px;
	width:		98%;
	text-align:	center;
}
#main-bottom3 {
	position:	absolute;
	bottom:		5px;
	height:		160px;
	width:		98%;
	text-align:	center;
}
#main-bottom4 {
	position:	absolute;
	bottom:		5px;
	height:		160px;
	width:		98%;
	text-align:	center;
}
#main-bottom5 {
	position:	absolute;
	bottom:		5px;
	height:		160px;
	width:		98%;
	text-align:	center;
}
#main-bottom6 {
	position:	absolute;
	bottom:		5px;
	height:		160px;
	width:		98%;
	text-align:	center;
}

#main-center {
	position:	absolute;
	left:		40px;
	top:		120px;
	width:		944px;
	text-align:	center;
}

#tekst {
    position:	absolute;
    left:       50%;
    top:		200px;
    width:		800px;
    text-align:	center;
    margin-left:	-400px;
}

.normal {
	padding-bottom: 60px;
	height:		60px;
	cursor:	pointer;
}

img a {
	border:	0;
}

#titel {
	position:	absolute;
	top:		12px;
	width:		98%;
	text-align:	center;
	height:		30px;
}

#hexagram {
	position:	absolute;
	width:		98%;
	text-align:	center;
	height:		420px;
	top:		60px;		
}

#line1 {
	position:	absolute;
	height:		60px;
	top:		220px;
	text-align:	center;
	width:		98%;
}

#line2 {
	position:	absolute;
	height:		60px;
	top:		180px;
	text-align:	center;
	width:		98%;
}

#line3 {
	position:	absolute;
	height:		40px;
	top:		140px;
	text-align:	center;
	width:		98%;
}

#line4 {
	position:	absolute;
	height:		40px;
	top:		100px;
	text-align:	center;
	width:		98%;
}

#line5 {
	position:	absolute;
	height:		40px;
	top:		60px;
	text-align:	center;
	width:		98%;
}

#line6 {
	position:	absolute;
	height:		40px;
	top:		20px;
	text-align:	center;
	width:		98%;
}

#hextitle {
	position:	absolute;
	height:		40px;
	top:		280px;
	text-align:	center;
	width:		98%;
}

#hexagram2 {
	position:	absolute;
	width:		98%;
	text-align:	center;
	height:		120px;
	top:		90px;	
}

.btn {
   color : #000000;
   font-family : verdana, sans-serif;
   font-weight :bold;
   background-color : #FFAD23;
   border : 1px solid;
   border-top-color : #fff;
   border-left-color : #fff;
   border-right-color : #000;
   border-bottom-color : #000;
   cursor:	pointer;
   padding:	2px;
} 

#back {
	position: absolute;
	left:	50%;
	bottom:	100px;
	width:	132px;
	margin-left:	-66px;
	text-align: center;
}

td {
	font-size:	12px;
}