/* CSS Document */

body {
/*	background:url(../images/playerbg.jpg) bottom no-repeat; */
	background-position:bottom;
	margin: 0px;
/*	background-image: url(../images/bg.gif); */
	background-repeat:no-repeat;
}

/* player achtergrond by robert */
.player {
	/*background:url(../images/playerbg.jpg) bottom no-repeat; */
	background-position:bottom;
}

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #000000;
}
.field {
  font-family: Tahoma, Verdana,Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  color: #000000;
  font-size: 10px;
  font-weight: normal;
  border-width: 1px; 
  border-style: solid;
  border-color: #666666;
  height: 13px;
  width: 70px;
}
.field2 {
  font-family: Tahoma, Verdana,Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  color: #000000;
  font-size: 11px;
  font-weight: normal;
  border-width: 1px; 
  border-style: solid;
  border-color: #666666;
  width: 120px;
}
.fieldcomment {
  font-family: Tahoma, Verdana,Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  color: #000000;
  font-size: 11px;
  font-weight: normal;
  border-width: 1px; 
  border-style: solid;
  border-color: #666666;
}
.button {
  font-family: Tahoma, Verdana,Arial, Helvetica, sans-serif;
  background-color: #ebf3ff;
  color: #000000;
  font-size: 10px;
  font-weight: normal;
  border-width: 1px; 
  border-style: solid;
  height: 17px;
  border-color: #666666;
}
.titlesmall {
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
}
.maintextsmall {
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
}
.maintextsmall a:link {
	color: #000000;
	text-decoration: none;
}
.maintextsmall a:visited {
	text-decoration: none;
	color: #000000;
}
.maintextsmall a:hover {
	text-decoration: none;
	color: #666666;
}
.maintextsmall a:active {
	text-decoration: none;
	color: #000000;
}
.maintextsmallwhite {
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	color:#FFFFFF
}
.maintextsmallwhite a:link {
	color: #ffffff;
	text-decoration: none;
}
.maintextsmallwhite a:visited {
	text-decoration: none;
	color: #ffffff;
}
.maintextsmallwhite a:hover {
	text-decoration: none;
	color: #ffffff;
}
.maintextsmallwhite a:active {
	text-decoration: none;
	color: #ffffff;
}
.maintextbig {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial; 
	font-size: 14px; 
	font-weight: bold; 
}
.maintextbigwhite {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial; 
	font-size: 14px; 
	font-weight: bold;
	color:#FFFFFF; 
}
.footer {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.footer a:link {
	color: #000000;
	text-decoration: none;
}
.footer a:visited {
	text-decoration: none;
	color: #000000;
}
.footer a:hover {
	text-decoration: none;
	color: #666666;
}
.footer a:active {
	text-decoration: none;
	color: #000000;
}
.login {
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	color: #FFFFFF;
}
.login a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.login a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.login a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
.login a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.suggestions {
	font-family: Tahoma, Verdana, Arial;
	font-size: 9px;
	color: #FFFFFF;
}
.suggestions a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.suggestions a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.suggestions a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
.suggestions a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.menu {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial; 
	font-size: 12px; 
	font-weight: bold; 
	color: #0066FF; 
}
.newstitle {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.newscolumn {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #FFFFFF;
}
.newscolumn a:link {
	color: #cccccc;
	text-decoration: none;
}
.newscolumn a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.newscolumn a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.newscolumn a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.viewall {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial; 
	font-size: 12px; 
	font-weight: bold; 
}
.maintext {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
	font-size: 12px;
}
.maintext a:link {
	color: #666666;
	text-decoration: none;
}
.maintext a:visited {
	text-decoration: none;
	color: #666666;
}
.maintext a:hover {
	text-decoration: underline;
	color: #000000;
}
.maintext a:active {
	text-decoration: none;
	color: #000000;
}
.navilink {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
	font-size: 12px;
	color: red;
}
.navilink a:link {
	text-decoration: underline;
	color: #000000;
}
.navilink a:visited {
	text-decoration: underline;
	color: #000000;
}
.navilink a:hover {
	text-decoration: underline;
	color: #000000;
}
.navilink a:active {
	text-decoration: underline;
	color: #000000;
}
.postedby {
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	color: #666666;
}
.postedby a:link {
	color: #666666;
	text-decoration: none;
}
.postedby a:visited {
	text-decoration: none;
	color: #666666;
}
.postedby a:hover {
	text-decoration: underline;
	color: #333333;
}
.postedby a:active {
	text-decoration: none;
	color: #666666;
}
.comment {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
	font-size: 12px;
}
.buttoncomment {
  font-family: Tahoma, Verdana,Arial, Helvetica, sans-serif;
  background-color: #ebf3ff;
  color: #000000;
  font-size: 11px;
  font-weight: normal;
  border-width: 1px; 
  border-style: solid;
  border-color: #666666;
  height: 18px;
  width: 35px;
}
.fieldcomment {
  font-family: Tahoma, Verdana,Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  color: #000000;
  font-size: 11px;
  font-weight: normal;
  border-width: 1px; 
  border-style: solid;
  border-color: #666666;
  width: 110px;
}
div.scroll {
height: 320px;
width: 230px;
overflow: auto;
border: 0px;
background-color: #FFFFFF;
}
.lightgrey {
  background: #F7F7F7;
}
.darkgrey {
  background: #EFEFEF;
}
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

.battlefieldlink {
	color: #ffffff;
	text-decoration: none;
}
.battlefieldlink a:link {
	color: #ffffff;
	text-decoration: none;
}
.battlefieldlink a:visited {
	text-decoration: none;
	color: #ffffff;
}
.battlefieldlink a:hover {
	text-decoration: none;
	color: #ffffff;
}
.battlefieldlink a:active {
	text-decoration: none;
	color: #ffffff;
}
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Trebuchet MS;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}