#header {
text-align: center; 
width:100%;
color:#F60;
background:#000;
padding-top:3px;
font-family:Georgia,Times;
font-size:54px;
font-weight:bold;
line-height:1em;
padding-bottom:5px;
}
#header_extra {
font-family:geneva,arial;
color:#F60;
font-size:12px;
font-weight:bold;
padding-left:5px;
}
#sub_header {
width:100%;
background:#F60;
text-align:right;
font-size:small;
font-family:system,geneva;
font-weight:bold;
}
body {
	margin: 0px;
}
#menu {
  font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
  color: navy;
  position: absolute; 
  left: 10px; 
  top: 100px; 
  width: 180px; 
	max-width: 180px;
	/*overflow: vissible;*/
  font-size: 90%
}
#inhoud { 
  font-family: Arial, Comic Sans MS, Helvetica, sans-serif;
  position: absolute;
	left: 200px; 
	/*right: 201px;*/
  top: 100px; 
  width: 560px;
	min-height: 100%;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
	background-color: #fcf6dd;
}
div.nieuws   {
  font-size: 12px;
  border-style: dashed;
  border-color: #0000cc;
  padding: 10px;
}
div.nieuws:first-letter {
  color: #ff0000;
  font-size:xx-large
}
div.nieuws:first-line {
  text-decoration: underline;
  font-size:small
}
.kleiner {
  font-size: 80%
}
a:link.menu	{
  text-decoration: none; 
  color: #0000cc
} 
a:active.menu 	{
  text-decoration: none; 
  color: #0000cc
} 
a:visited.menu 	{
  text-decoration: none; 
  color: #0000cc
} 
a:hover.menu 	{
  text-decoration: underline; 
  color: #0000cc
} 
a:link.paginering	{
  text-decoration: none; 
  color: #0000cc
} 
a:active.paginering 	{
  text-decoration: none; 
  color: #0000cc
} 
a:visited.paginering 	{
  text-decoration: none; 
  color: #0000cc
} 
a:hover.paginering 	{
  text-decoration: underline; 
  color: #0000cc
} 
h1 {
  font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	text-align: center; 
	color: #0000cc;
	}
div.reaktie   {
  font-size: 12px;
  border-style: dotted;
  border-color: #0000cc;
  padding: 10px;
}
ul {
  list-style-image: url(images/ul.gif)
}
.elo 	{text-decoration: none; color: #0000cc; cursor: help}
.infosnelschaak {text-align: center;}
.smileys {
	position: relative; left: 130px; top: 5px;
	}
img.smiley {
	width: 15px;
	height: 15px;
	border: 0;
	}
input#reaktie_naam {
	position: relative; left: 20px;top:0px;/*position: absolute; left: 100px; top: 200px;*/
	width: 100px;
	border: 2px solid navy;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: navy;
	background-color: #fff8dc;
}
textarea#reaktie {
	position: relative; left: 10px;top:10px;/*position: absolute; left: 200px; top: 240px;*/
	border: 2px solid navy;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: navy;
	background-color: #fff8dc;
}
input#reageer {
	text-align: center; 
	position: relative; 
	left: 175px;
	top: 10px;
	border: 2px solid navy;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: navy;
	background-color: #fff8dc;
}
.kalender {
	/*font-size: 75%;*/
}
a:link.kalender	{
  text-decoration: underline; 
  color: #ff0000;
} 
a:active.kalender 	{
  text-decoration: underline; 
  color: #ff0000;
} 
a:visited.kalender 	{
  text-decoration: underline;
  color: #ff0000;
} 
a:hover.kalender 	{
  text-decoration: underline; 
  color: #ff0000;
} 
h2		{text-align: center;text-decoration: underline;color: #000080}
img {
border: 0;
}
.juist {
  font-size: 20px;
color:#00FF33 ;}
.fout{
  font-size: 20px;
color:#FF3300;}

img.wandelfoto {
border: 0;
width: 704px;
height: 528px;
}
img.valid {
border: 0;
width: 88px;
height: 31px;
}
.center {
text-align: center;
}
#invoer {
text-align: left;
  margin:0px;
  width:100px;
  }
#resultaat {
text-align: left;
position:absolute;
right:0px;
  margin:0px;
  width:294px;
	z-index:1;
  }