a:link {color:#003399;}      /* unvisited link */
a:visited {color:#003399;}  /* visited link */
a:hover {color:#AA0000;}  /* mouse over link */
a:active {color:#003399;}  /* selected link */

p { 
	margin: 2px 0px; 
}

body {
	background-color: white;
	font-family: verdana, arial, sans-serif;
}

.scroll { /* krabbels.php, ipv content */
	position: absolute; 
	left: 188px; 
	top: 187px; 
	right: 4px; 
	bottom: 4px;
	border: none;
	padding: 0px;
	margin: 0px;
	overflow: auto;
	overflow-y: hidden;
	font-family: verdana, sans-serif;
	font-size: 11pt;
	text-align: center;
	font-style: normal;
	font-weight: normal;
}
.userblock  { /* highscore, krabbels only */
	position: absolute; 
	top: 0px;
	right: 0px; 
	bottom: 0px;
	background: #FFFFFF url(pics/ritabg2.jpg) repeat-x left top;
	border: 2px solid #602040;
	padding: 4px;
	overflow: auto;
	visibility: hidden; /* javascript */
	background-position: 0px 0px; /* javascript */
	width: 30%;  /* javascript */
}
 .forumblock { /* krabbels only */
	position: absolute; 
	left: 0px; 
	top: 0px; 
	bottom: 0px;
	background: #FFFFFF url(pics/ritabg2.jpg) repeat-x left top;
	border: 2px solid #602040;
	padding: 4px;
	overflow: auto;
	visibility: hidden; /* javascript */
	width: 60%; /* javascript */
}
.temp {
	/* background: #FFFFFF url(pics/msgbg.gif) repeat-x left top; */
	font-weight: 400;
	line-height: 122%;
}
.mybase {
	position: fixed; 
	left: 0px; 
	top: 0px;
	right: 0px;
	bottom: 0px; 
	padding: 0px;
	margin: 0px;
}
.menublock {
	position: absolute; 
	left: 4px; 
	top: 4px; 
	width: 176px; /* excl. borders */
	bottom: 4px;
	background: #FFFFFF url(pics/rita_menu_bg.jpg) repeat-y left top;
	border: 2px solid #602040;
	padding: 0px;
}
.menubuttons {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	right: 0px;
	height: 466px;
	background: #FFFFFF url(pics/rita_menu_off.jpg) no-repeat left top;
}
.headerblock {
	position: absolute; 
	left: 188px; 
	top: 4px; 
	right: 4px; 
	height: 175px; /* excl. borders */
	background: #FFFFFF url(pics/ritabg1.jpg) repeat-x left top; 
	border: 2px solid #602040;
}
.headertitle {
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 730px; 
	bottom: 0;
	background: #FFFFFF url(pics/header.jpg) no-repeat left top;
}
.sponsblock {
	position: relative;
	float:right;
	clear: both;
	width: 240px;
	margin: 0px 0px 4px 4px;
	padding: 0px;
}
.sponsor {
	margin: 0px 0px 4px 12px;
	padding: 3px; 
	text-align: left; 
	border: 1px solid #60529D;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	line-height: 100%;
	background: #E5DBFE;
	filter: alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}
.sponshead {
	text-align: center;
	border: 1px solid white;
	background: #7468B4;
	color: white;
	margin: 0px 0px 4px 0px;
	padding: 3px 0px;
}
.sponstext {
	color: #60529D;
	margin: 3px;
	text-align: justify;
	line-height: 13px;
}
.sponstext img {
	border: none;
	margin: 6px 32px -4px 32px;
}

 .contentblock {
	position: absolute; 
	left: 188px; 
	top: 187px; 
	right: 4px; /* behalve bij krabbels */
	bottom: 4px;
	background: #FFFFFF url(pics/ritabg2.jpg) repeat-x left top;
	border: 2px solid #602040;
	font-family: verdana, sans-serif;
	font-size: 11pt;
	text-align: justify;
	font-style: normal;
	font-weight: 400;
	line-height: 122%;
	padding: 12px;
	overflow: auto;
}
.contentblock p { 
	margin: 12px 0px 0px 0px; 
}
.menu_img {
	width: 160px; 
	height: 32px; 
	border: none;
	filter: alpha(opacity=0);
	opacity: 0.0;
}
.menu_selected {
	width: 160px; 
	height: 32px; 
	border: none;
	filter: alpha(opacity=99);
	opacity: 0.99;
}
.endlinks {
	width: 180px;
	height: 100%;
	vertical-align: top;
}
.iborder {
	border-collapse: collapse;
	border: 3px solid black;
	height: 100%; 
	background-color: #F1F1FB;
}
.txfield {
	font-family: verdana, arial, sans-serif;
	font-size: 11pt;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.date {
	color: #000000;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	text-align: right;
	font-weight: normal;
	float: right;
	line-height: 120%;
}
.warning {
	color: #993300;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	margin: 8px; 
}
.kborder 
{
	border-collapse: collapse;
	border: 3px solid black;
	height: 100%; 
	width: 100%;
	background-color: #F1F1FB;
}
/* voor de links en de speelkaart-blokjes */
.mylink 
{
	position: relative;
	float: left;
	padding: 0px; 
	margin: 8px; 
	border: 1px solid #1151B5; 
	background-color: #E8E2F0;
	width: 300px; 
	height: 180px;
	line-height: 110%;
}
.myimg {
	text-align: center;
	padding: 6px 0px 0px 0px; 
	margin: 0px;
}
.mytext {
	font-family: arial, sans-serif; 
	font-size: 10pt;
	color: #0951A0;
	text-align: justify;
	padding: 0px; 
	margin: 8px;
}
.linkhead {
	color: #990511;
	font-size: 19pt;
	font-style: italic;
	font-weight: bold;
	padding: 16px 0px 16px 0px;
	margin: 0px;
}

.tweedehands {
	font-size: 10pt;
	color: #B051A0;
	font-style: normal;
	font-weight: bold;
}
.linkimg {
	position: relative; 
	float: left; 
	padding: 0px;
	margin: 3px 8px 2px 3px;
}
.cardimg {
	position: absolute; 
	left: 4px;
	bottom: 4px;
	margin: 0px 8px 0px 0px;
	float: left;
}
h1
{	/* alleen voor de kop */
	color: #990511;
	font-size: 19pt;
	font-style: italic;
	font-weight: bold;
	padding: 46px 0px 0px 16px;
	margin: 32px 0px 0px 0px;
}
h2
{	/* voor tekst onder de kop */
	color: #990511;
	font-size: 15pt;
	font-style: italic;
	font-weight: normal;
	padding: 8px 0px 24px 32px;
	margin: 2px;
}
h3
{	/* voor de andere kopjes */
	color: #990511;
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	padding: 24px 0px 12px 0px; 
	margin: 0px;
}
/*--- tekstblokken (spelregels) */
div.pinkblock
{
	border: 1px solid #F88; 
	position: relative;  
	background-color: #999; 
	color: #FFF; 
	width: 400px; 
	padding: 2px;
}
table.pinkblock th 
{
	background: black;
	color: white;
	text-align: center;
	font-size: 11pt;
}
table.pinkblock th, table.pinkblock td 
{
	border: 1px silver solid;
	padding: 3px;
}
table.pinkblock td.bla
{
	text-align: justify; 
	padding: 4px 8px;
}
table.pinkblock li
{
padding: 2px 0px; 
margin: 0px 0px;
}
table.pinkblock 
{
	background: #E8E2F0;
	color: black;
	border-collapse: collapse;
	font-size: 10pt;
	line-height: 110%;
}
/* krabbels */
.kr_background { 
  padding: 0px 0px 4px 0px;
  min-width: 420px;
}
.kr_background p {
	margin: 2px 0px 2px 0px; 
}
.kr_block { 
  margin: 0px auto 8px auto;
  width: 600px; 
}
.kr_head { 
  border: 1px solid #444444;
  background-color: #6058B0; 
  padding: 2px 8px; 
  text-align: left; 
  color: #F0E8FF; 
  font-family: sans-serif, tahoma; 
  font-size: 11pt; 
}
.kr_text { 
  border: 1px solid #444444;
  padding: 4px 8px;
  margin: -1px 0px;
  text-align: justify; 
  color: #000000; 
  font-family:  tahoma, sans-serif; 
  font-size: 11pt;
}
/* images */
.left_img
{
	position: relative; 
	float: left; 
	margin: 2px 8px 2px 0px;
	padding: 0px;
}
.right_img
{
	position: relative; 
	float: right; 
	margin: 2px 0px 2px 8px;
	padding: 0px;
}
/* versiebeheer */
.version {
	font-family: "Courier New", courier, monospace;
	font-size: 10pt;
	text-align: left;
	font-style: normal;
	font-weight: normal;
}
h4 {
	font-family: "Courier New", courier, monospace;
	font-size: 12pt;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	margin: 32px 0px 8px 8px;
}
h5{
	font-family: "Courier New", courier, monospace;
	font-size: 11pt;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	margin: 0px 0px 4px 8px;
}
.butt {
	font-family: "Courier New", courier, monospace;
	font-size: 8pt;
	text-align: center;
	font-style: normal;
	font-weight: 900;
	vertical-align: middle;
}
ol {
	margin: 0px 0px 8px 0px;
	list-style-type: square;
	padding: 0px 22px;
}
.ol2 {
	padding-left: 0px;
	list-style-position: inside; 
	list-style-type: decimal;
}
.li2 {
	padding-left: 0px;
	padding-bottom: 4px;
}
.high {
	color: #F0E8FF; 
	font-family: verdana, sans-serif; 
	font-size: 10pt;
}
.highnr {
	text-align: right; 
	font-weight: normal;
	background-color: #6058B0; 
	border: 1px solid #9999C8;
	padding: 2px 8px; 
	vertical-align: top;
	margin: 4px 0px;
	color: #FFBBBB; 
}
.highscore {
	text-align: center; 
	font-weight: bold;
	background-color: #6058B0; 
	border: 1px solid #9999C8;
	padding: 2px 8px; 
	vertical-align: top;
}
.highname {
	width: 100%;
	text-align: left; 
	color: #F0E8FF; 
	font-weight: normal;
	background-color: #6058B0; 
	border: 1px solid #9999C8;
	padding: 2px 8px; 
	color: #FFBBBB; 
	cursor: default;
}
.highhead { 
	width: 100%;
	border: 1px solid #9999C8;
	background-color: #E5DBFE; 
	text-align: center; 
	color: #990511; 
	font-size: 11pt; 
	font-weight: bold;
	vertical-align: middle;
	padding: 1px;
	margin: 2px 0px 0px 0px;
}
