body {
	width:			51em;
	margin: 		auto;
	color:			#000;
	background:		#fff;
}

#wrapper {
	width:			101%;
}

#content {
	padding: 		0;
	border: 		1px solid #00008b;
	border-top:		none;
}

form {
	margin:			0;
	padding:		0;
}

#centercontent, #maincontent {
	font-family:	times, serif;
}

h1, h2, h3, #banner, #footer {
	font-family:	helvetica, sans-serif;
}

textarea, input, button {
	font-family:	helvetica, sans-serif;
	font-size:		80%;
}

#banner {
	color: 			#fdb;
	background:  	#00008b url('/images/banner.png') repeat-y right;
	height:			3.8em;
	min-height:		50px;
	padding: 		5px 5px 0 5px;
	overflow:		hidden;
	border-bottom: 	1px solid #aaa;
}

#maincontent {
	width:			38em;
	float:			left;
	margin: 		5px;
	
}

#fullcontent {
	width:			50em;
	float:			left;
	margin: 		5px;
	
}
#newscontent {
	float:			left;
	width:			32em;
	margin: 		5px;
}

#rightcontent {
	float:			right;
	clear: 			right;
	width:			8em; 
	margin: 		5px;
	font-family:	helvetica, sans-serif;
	font-size:		90%;
}

#centercontent {
	float:			left;
	width:			36em;
	margin: 		5px;
}

#footer {
	font-size:		80%;
	color: 			#00008b ;
    background-color:#eee;
    border: 		1px solid #aaa;
	border-top: 	1px solid #fff;
    margin-bottom: 	5px;
}

#footer #left, #footer #right, #footer #statusbar
{
	float: 			left;
	overflow: 		visible;
	padding: 		2px 5px;
}

#footer #left {
	width: 			28%;
	border-right:	1px solid #aaa;
}

#footer #right {
	width:			10%;
	text-align:		right;
	border-left:	1px solid #fff;
}

#footer #statusbar {
	width: 			55%;
	border-left:	1px solid #fff;
	border-right:	1px solid #aaa;
}
	
#leftcontent {
	float:			left;
	clear: 			left;
	width:			12em; 
	margin: 		5px;
	font-family:	helvetica, sans-serif;
	font-size:		90%;
}

#events {
	float:			right;
	clear: 			right;
	width:			1.5em; /* 14.5em 1.5em*/
	margin: 		5px;
	margin-left: 	0px;
	font-family:	helvetica, sans-serif;
	font-size:		90%;
}

#leftcontent .content, #events .content {
	padding: 		5px;
	margin-bottom:	5px;
	background: 	#f5deb3;
	border: 		1px solid #48b;
	border-top:		none;
	
}

#leftcontent h2, #events h2 {
	padding: 		1px 3px;
	margin: 		0;
	color:	 		#fff;
	background: 	url("/images/left_h2_bg.png") repeat-y right #00008b ;
	border: 		1px solid #48b;
	border-top: 	1px solid #000;
	border-bottom: 	1px solid #000;
	font-size: 		100%;
}

#leftcontent h3 {
	margin: 		0;
	font-size: 		100%;
}

#events h3 {
	margin:		 	5px 0 2px 0;
	padding: 		1px 2px;
	background: 	url("/images/left_h4_bg.png") repeat-y #f5deb3;
	font-size: 		100%;
}

#events_large {
	display: 		none;
}

#events_small {
	display: 		block;
	text-align:		center;
}

#events_small h2 {
	background: 	url("/images/left_h2_bg_tb.png") repeat-x #19f ;
}

#events_small a, #events_large h2 a {
	color: 			#fff;
	text-decoration:none;
}

				
h1, h2, h3 {
    color: 			#00008b ;
}
h1 { 
	font-size:		130%; 
	margin: 		10px 0 5px 0;
}	
h2 { 
	font-size:		120%; 
	margin:			10px 0 0 0;
}
h3 { 
	font-size:		110%; 
	margin:			5px 0 0 0;
}


p {	
	margin: 		0 0 5px 0;
}

span.left { 
	float:			left;
}	
span.right {
	float:			right;
}

#leftcontent ul {
	list-style: 	none;
	padding: 		0;
	margin:			0;
}
li {

	margin:			0;
	margin-bottom:	1px;
}

acronym {
	border-bottom: 	1px dashed #00f;
	cursor: 		help;
	}

img { 
	border:			0; 
	display: inline;
}

.center { 
	text-align: 	center;
}

a {
	color:			blue;
}
a:hover {
	color:			#00008b ;
}
a:visited {
	color:			#909;
}
a:active {
	color:			#00008b ;
}

a.link {
	font-weight: 	bold;
	font-variant: 	small-caps;
}

/* special banner styles */
#banner h1 {
	color: 			#f5deb3;
	display:		inline;
	font-size: 		300%;
	margin:			0;
	padding:		0 0 0 10px;
}

/* News date info on frontpage and in the archives */
.newsdate, .date {
	font-weight: 	bold;
}
.author {
	font-style: 	italic;
	color: 			#00008b ;
}

/* person cards */
.person {
	background:		#fff;
	border:			1px dashed #48b;
	padding: 		5px;
	margin-bottom:	5px;
	width: 			20em;
	min-height:		70px;
}

.person h3 {
	font-size: 		100%;
}

img.right {
	float: right;
	padding-left:	5px;
}

img.left {
	float: left;
	padding-right:	5px;
}

/* form stuff */
#form div.row {
	clear:			right;
	padding-top: 	1ex;
}
#form div.row span.label {
	float:			left;
	width: 			8em;
  	text-align: 	left;
}

#form div.row label {
	float:			left;
	width: 			8em;
  	text-align: 	left;
}

#form div.row label.simple {
	float: none;
	width: auto;
}

#form div.row span.formw {
  	text-align: 	left;
} 

#form div.box{
	margin-left: 	8em;
}

/* default table */
table {
	border-collapse: collapse;
	border: 		3px double #aaa;
	margin-bottom:	10px;
}
tr, tr.hdr, tr.even, tr.odd {
	vertical-align:	middle;
}
tr.odd {	
	background:		#fffaf0;
}
tr.even {
	background:		#fff;
}
tr.hdr {
	background:		#f5deb3;
}
th, td {
	border: 		1px solid #aaa;
	padding:		1px;
}

/* simple table, mainly for layout */
table.simple {
	border:			none;
	margin:			0;
	padding:		0;
}
.simple tr, .simple td {
	border:			none;
	padding:		0;
	margin:			0;
	vertical-align:	top;
}

/* general extra spacing for acronym dashed line */		
td.acronym {
	padding-bottom:	 2px;
}

/* center a column */
col.center {
	width: 			auto;
	text-align: 	center;
}

/* table with photos */
table.photos td {
	width:			260px;
	padding:		5px;
	text-align:		center;
}

/* schoolschaak table stuff */
table.schoolschaak {
}
.schoolschaak col.rank {
	width: 			30px;
	text-align: 	center;
}
.schoolschaak col.name {
	width: 			200px;
	text-align: 	left;
}
.schoolschaak col.total {
	width: 			60px;
	text-align: 	center;
}
.schoolschaak col.game {
	width: 			30px;
	text-align: 	center;
}

/* teamscores table stuff */
table.teamscores {
}
.teamscores col.name {
	width: 			150px;
	text-align: 	left;
}
.teamscores col.total {
	width: 			50px;
	text-align: 	center;
}
.teamscores col.game {
	width: 			25px;
	text-align: 	center;
}
.teamscores col.rating {
	width: 			50px;
	text-align: 	center;
}

/* round robin table stuff */
table.rr {
	margin-top:		5px;
}

.rr col.rank {
	width: 			30px;
	text-align: 	center;
}
.rr col.player {
	width: 			200px;
	text-align: 	left;
}
.rr col.club {
	width: 			160px;
	text-align: 	left;
}
.rr col.game {
	width: 			25px;
	text-align: 	center;
}
.rr col.total {
	width: 			auto;
	text-align: 	center;
}
.rr col.perc {
	width: 			auto;
	text-align: 	center;
}

/* table bondsteam */
.team col.team {
	width: 			10em;
	text-align: 	left;
}
.team col.score {
	width: 			5em;
	text-align: 	center;
}
.team col.date {
	width: 			10em;
}
.team col.round {
	width: 			1.5em;
	text-align: 	center;
}

/* table competition */
.competition tr.hdr {
	font-weight:	bold;
}

.competition col.name {
	text-align:		left;
	width:			12em;
}
.competition col.nr {
	text-align:		left;
	width:			2em;
}
.competition col.score {
	text-align:		right;
	width:			4em;
}
.competition col.result {
	text-align:		center;
	width:			4em;
}

/* championlist table */
.champs col.name {
	width: 			200px;
	text-align: 	left;
}
.champs col.year {
	width: 			100px;
	text-align: 	left;
}

/* rating table van Mark Huizer, custom opmaak */
div.ri_bond {display: none}
div.ri_kop { display: none} 

div.ri_lijst { 
	font-family: 	verdana, vera, arial, helvetica, sans-serif; 
 	font-weight: 	bold;
    color: 			#00008b;
    margin-bottom: 10px;
}

/* rating table */
table.ri_table_rating td {
	border: 		1px solid #aaa;
}

table.ri_table_rating {
	border-collapse: collapse;
	border: 		3px double #aaa;
	margin-bottom:	10px;
}

table.ri_table_rating td.ri_td_index { width: auto; text-align: right; padding: 0em 1em;}
table.ri_table_rating td.ri_td_naam { display:none}
table.ri_table_rating td.ri_td_naam2 { width: 10em}
table.ri_table_rating td.ri_td_rating {width: 5em; text-align: center}
table.ri_table_rating td.ri_td_ratdiff {width: auto; text-align: left; padding: 0em 1em;}

table.ri_table_rating tr.ri_odd {	
	background:		#fffaf0;
}

table.ri_table_rating tr.ri_even {
	background:		#fff;
}
/* einde rating table */

.spacer {
    clear:both;
    width:1px;
    height:1px;
    line-height:1px;
    font-size:1px;
    border:0;
}

.newsitem {
	border: 1px dashed 	#48b;
	padding: 5px;
	margin-bottom: 5px;
	text-align:		justify;
}

hr {
	height: 1px;
	border: 0;
	border-top: 1px dashed 	#48b;
}

.newsitem img.imgright {
	float: right;
	margin: 0 0 5px 5px;

}

.newsitem img.imgleft {
	float: left;
	margin: 5px 5px 0 0;

}

dt {
	margin-top: 5px;
}

dt {
	font-weight : bold;
}

dd {
   margin-left: 1em;
}

.rightfloat {
	padding:	5px;
	margin: 	0 0 5px 5px;
	float: 		right;
	width: 		10em;
	background: #f5deb3;
	border: 	1px solid 	#48b;
}


.leftfloat {
	padding:	5px;
	margin: 	0 0 5px 0px;
	float: 		left;
	width: 		36em;
	background: #f5deb3;
	border: 	1px solid 	#48b;
}

table.compadmin td {
   padding: 0px 5px;
}