/* tarot.css 
	gebruik : enigma
*/

body {
  background-color : #000080;
  font-family: Verdana, Helvetica, sans-serif; 
  font-size : 9pt;
  color : #c0c0c0;
  scrollbar-base-color: #000080;
  scrollbar-arrow-color: #c0c0c0;
}
 
a:link {  
	color: #C0C0C0; 
	text-decoration: none; 
	font-weight: bold; 
	background-color: #000080;
}
a:visited {  
	color: #C0C0C0; 
	text-decoration: none; 
	font-weight: bold; 
	background-color: #000080;
}
a:hover { 
	color: #000080; 
	font-weight: bold; 
	background-color: #C0C0C0;
}
a:active { 
	color: #FFAD23; 
	font-weight: bold; 
	background-color: #33487F;
}

h5 {
	color:	#E7BE1D;
}

h4 {
	color:	#E7BE1D;
}

.kaart {
	color:	#E7BE1D;
}

#tarot_main {
    position: absolute;
    width:	1000px;
    min-height:	720px;
    height: auto;
    left:	50%; 
    margin-left:	-500px;
}

#tarot_main_pic {
    position: absolute;
    top:	10px;
    left:	50%;
    width:	296px;
    margin-left:	-148px;
}

#tarot_main_view {
    position: absolute;
    top:	100px;
    left:	0;
    overflow:	auto;
    text-align:	left;
    width:	720px;
    left:	50%; 
    margin-left: -360px;
}

#left_column_aleft {
	position: absolute;
	top:	100px;
	left:	0;
	width:	30%;
	height:	500px;
	text-align: left;
}

#left_column {
	position: absolute;
	top:	100px;
	left:	0;
	width:	30%;
	height:	500px;
	text-align: left;
	z-index: 0;
}

#next {
    position: absolute;
    bottom:	80px;
    left:	20px;
    width:	30%;
    text-align: left;
    color:	#E7BE1D;
}

#center_column {
    position: absolute;
    top:	100px;
    left:	50%;
    width:	420px;
    margin-left:	-210px;
    text-align: left;
}

#right_column {
	position: absolute;
	top:	100px;
	right:	0;
	width:	30%;
	text-align: left;
	height:	500px;
}

#right_column_aright {
	position: absolute;
	top:	100px;
	right:	0;
	width:	30%;
	text-align: right;
	height:	500px;
}

#center_column2 {
	position: absolute;
	top:	180px;
	left:	50%;
	width:	40%;
	margin-left:	-20%;
	text-align: left;
}

#left_column2 {
	position: absolute;
	top:	100px;
	left:	0;
	width:	30%;
	height:	500px;
	text-align: left;
	z-index:	2;
}

#center {
    position: absolute;
    top:	220px;
    left:	50%;
    width:	40%;
    margin-left:	-20%;
    text-align: justify;
}

#tekst {
    position: absolute;
    top:	220px;
    left:	50%;
    width:	40%;
    margin-left:	-20%;
    text-align: justify;
}

#double_column {
	position: absolute;
	top:	100px;
	left:	30%;
	width:	70%;
	height:	500px;
	text-align: left;
}

.pic-positie {
	top: 0;
	left : 0;
	float: 		left;
	margin-right:	25px;
	margin-bottom:	5px;
}

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

table {
	empty-cells: show;
}

td {
	font-size:	9pt;
	color:		#E7BE1D;
}

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

.button_pos_left {
	position:	absolute;
	top:		600px;
	left:		100px;
}

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
{
}

.normal {
    cursor: pointer;
}

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;
}

a img{
	border: 0;
}

#question {
	position:	absolute;
	top:		500px;
	text-align: center;
}