/* tarot.css 
	gebruik : enigma
*/

body {
  background-color : #C0C0C0;
  font-family: Verdana, Helvetica, sans-serif; 
  font-size : 9pt;
  text-align: center;
  color : #020202;
  scrollbar-base-color: #C0C0C0;
  scrollbar-arrow-color: #49508B;
}
 
a:link {  
	color: gray; 
	text-decoration: none; 
	font-weight: bold; 
}
a:visited {  
	color: gray; 
	text-decoration: none; 
	font-weight: bold; 
}
a:hover { 
	color: #000080; 
	font-weight: bold; 
}
a:active { 
	color: gray; 
	font-weight: bold; 
}

h5 {
	color:	#49508B;
}

h4 {
	color:	#49508B;
}

.kaart {
	color:	#E7BE1D;
}

#astro_main {
    width:	100%;
    height:	580px;
    overflow:	auto;
    text-align: center;
}

#back {
    float: left;
    width:  100%;
    bottom: 120px;
    text-align: center;
}

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

#tarot_main_view {
	position: absolute;
	top:	180px;
	left:	0;
	overflow:	auto;
	text-align:	left;
}

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

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

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

#center_column {
	position: absolute;
	top:	150px;
	left:	50%;
	width:	980px;
	margin-left:	-490px;
	text-align: center;
}

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

#right_column_aright {
	position: absolute;
	top:	150px;
	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:	150px;
	left:	0;
	width:	30%;
	height:	500px;
	text-align: left;
	z-index:	2;
}

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

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

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

table {
	empty-cells: show;
}

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

.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. */

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

table#tablook {
    background-color: #CECFCE;
}

table#tablook td    {

    border: 1px solid #FFFFFF;
    background-color: #CECFCE;
    padding: 2px;
    text-align:	center;
    height:	12px;
    font-size:	10px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

#text-block {
	margin: auto;
	width: 76vw;
	font-size: 1.4em;
	text-align: justify;
}

.listitem {
    cursor: pointer;
    font-size: 1.4em;
	line-height: 1.2em;
	font-size: 1.4em;
}

#list {
    width: 26vw;
    min-height: 100vh;
    float: left;
    text-align: left;
    overflow: auto;
}

#choose {
    width: 28vw;
    float: left;
    text-align: left;
}

#choose1 {
    width: 8vw;
    float: left;
    text-align: left;
}

#choose2 {
    width: 20vw;
    float: left;
    text-align: left;
}

#textedit {
    width: 28vw;
    float: left;
    text-align: left;
}

.astrotekst {
	width: 360px;
	height: 420px;
}

#terugkoppeling {
    color: green;
    font-size: 0.8em;
}