/**
 * Design and layout: Martin Sturm msturm@zeelandnet.nl
 */

/**
 * FONT FORMATTING 
 */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
}

#container {
	font-family: 'Verdana', 'Arial', 'Bitstream Vera Sans', sans-serif;
	font-size: 12px;
}

h1 {
	background-color: #fff;
	color: #03193f;
	font-size: 14px;
	border-style: none none solid none;
	border-bottom-width: 1px;
	border-color: #03193f;
}

h2 {
	background-color: #fff;
	color: #04193f;
	font-size: 12px;
	border-style: none;
}

h3 {
	background-color: #fff;
	color: #04193f;
	font-size: 10px;
	font-weight: bold;
}

h3.news {
	margin: 0;
	padding: 0;
}

h3.news a {
	background-color: #fff;
	color: #03193f;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

table {
	font-size: 1em;
}

/** 
 * CUSTOM LAYOUT
 */
table#commissies td {
	padding: 0.3em;
}

span.commissieabbr {
	font-weight: bold;
}

span.commissienaam {
	font-weight: bold;
}

span.commissieleden {
	font-style: italic;
}

div.bestuursfunctie {
	font-weight: bold;
}

div.bestuurslid {
	font-style: italic;
}

div.bestuuropleiding {
}

div.bestuuremail {
}
/**
 * END FONT FORMATTING
 */
 
/**
 * BEGIN STRUCTURE
 */

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	color: #000;
	background: #555555;
	text-align: center;
}

#container {
	width: 963px;
	min-height: 865px; /*100%;*/
	padding: 188px 0px 25px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	border-left: 5px solid #aaaaaa;
	border-right: 5px solid #aaaaaa;
	border-bottom: 5px solid #aaaaaa;
	color: #000;
	background: #ffffff url('images/header.png') no-repeat top left;
	text-align: left;
}

div#content {
	padding: 30px 0px 0px 0px;
	margin-left: 275px;
	margin-right: 30px;
	background: #fff;
	color: #000;
}

div#leftbar {
	margin: 0px;
	padding: 0px;
	float: left;
	background: #fff;
	color: #000;
	width: 260px;
}

div#copyright {
	color: #fff;
	font-size: 10px;
	text-align: center;
	padding: 4px 0px;
	font-family: 'Verdana', 'Arial', 'Bitstream Vera Sans', sans-serif;
}

/**
 * END STRUCTURE
 */

/* ====================
 * Hack voor Internet Explorer 3px float bug.
 * Ook wel bekend als 'holly hack', zie http://positioniseverything.net/explorer/threepxtest.html
 */

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html div#content {
	height: 1%;
}

/**
 * Table layout
 */
#content td {
	padding: 1em;
	vertical-align: top;
}

/* End hide from IE5/mac
======================*/

/* --------------------
 * Menuopmaak
 * ---------------------
 */
 /* HOOFDMENU */
div.menu {
	color: #000;
	background: #fff url('images/menubottom.png') no-repeat bottom left;
	margin-top: 0px;
	margin-left: 19px;
	padding-bottom: 29px;
}

div.menu ul {
	margin: 0px;
	padding: 0px 0px 0px 24px;
	background: #fff url('images/menugb.png') repeat-y top left; 
	color: #000;
	list-style-type: none;
	font-size: 14px;
	font-weight: normal;
	width: 217px;
}

div.menu li {
	margin: 0px;
}	

/*div.menu li.subheader {
	margin: 0px;
	background: url('arrow1.gif') no-repeat 2px 4px;
}*/

div.menu li a {
	color: #ffffff;
	background: transparent;
	text-decoration: none;
	height: 19px;
	padding-top: 1px;
	padding-left: 20px;
	display: block;
}

div.menu li a:hover {
	color: #03193f;
	background: transparent url('images/menuhover.gif') no-repeat 0 0;
	display: block;
}

div.menu li a.selected {
	color: #03193f;
	background: transparent url('images/arrow1.gif') no-repeat 2px 4px;
}


/*div.menu li a.subheader {
	background: url('arrow1.gif') no-repeat 2px 4px;
}
*/
div.menu li a.subheader:hover {
	background: transparent url('images/menuhover.gif') no-repeat 0 0;
}

/* SUBMENU */
div.submenu {
	margin: 0px;
}

div.submenu ul {
	margin: 0px;
	padding: 0px 0px 0px 42px;
	background: transparent; 
	list-style-type: none;
	font-size: 12px;
	font-weight: normal;
	width: 147px;
}

div.submenu li {
	padding: 0px;
	margin: 0px;
}

div.submenu li a {
	color: #eee;
	text-decoration: none;
	height: 19px;
	padding: 1px 0px 0px 0px;
	display: block;
}

div.submenu li a:hover {
	color: #03193f;
	background: transparent;
	display: block;
}

div.submenu li a.selected {
	color: #03193f;
	background: transparent none no-repeat 2px 4px;
}
/* ---------------------
 * Einde Menuopmaak
 * ---------------------
 */

/* ---------------------
 * Opmaak vlaggen/taalselectie
 * ---------------------
 */
div.langselection {
	background: #fff url('images/menugb.png') repeat-y top left;
	padding: 15px 0px 0px 50px;
}

div.langselection img {
	border: 0px solid black;
	margin: 0px 5px;
}
/*
 * Opmaak Speelavonden/contact box
 */
div#box1 {
	width: 217px;
	margin-top: 25px;
	margin-left: 19px;
	padding: 0px 0 0 0;
	font-size: 9px;
	font-family: 'Verdana', 'Arial', 'Bitstream Vera Sans', sans-serif;
	line-height: 1.4em;
	background: transparent url('images/boxbg.gif') repeat-y 0 0;
}


div#box1 h2 {
	color: #03193f;
	font-size: 11px;
	font-family: 'Verdana', 'Arial', 'Bitstream Vera Sans', sans-serif;
	padding: 0px;
	margin: 0px;
}

div#box1 p {
	margin: 0px;
	padding: 0px;
}

div#speelavond {
	padding: 1.5em 1em 0.5em 3em;
	background: transparent url('images/boxtop.gif') no-repeat top left;
}
div#contact {
	padding: 1em 0.5em 1.5em 3em;
	background: transparent url('images/boxbottom.gif') no-repeat bottom left;
}

/*
 * Opmaak competitie
 */
#content .teaminfo {
 	margin: 0;
 	padding: 0;
 	font-size: 0.9em;
 	color: #555;
 }
 
 /*
  * Competition Team table
  */
#content table.compteamtable {
 	width: 400px;
 	padding: 0;
 	margin: 0;
 	background-color: #EEE;
 	border-collapse: separate;
 	border-spacing: 0px;
 	border: 1px solid #666;
 }
 
#content table.widetable {
 	width: 450px;
 }

 #content table.compteamtable tr {
 	margin: 0;
 	padding: 0;
 	border: 0;
 }
 
#content table.compteamtable td {
	width: 50%;
	border: 0px solid #777;
	margin: 1px;
	padding: 0.5em;
	background-color: #EEE;
	border-width: 1px 1px 1px 1px;
	border-color: #FFF #AAA #AAA #FFF;
	border-style: solid;
}

#content table.widetable td {
	width: auto;
}

#content table.compteamtable th {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	background-color: #AAA;
	text-align: center;
	border-width: 1px 1px 1px 1px;
	border-color: #FFF #AAA #AAA #FFF;
	border-style: solid;
}

#content table.compteamtable a {
 	text-decoration: none;
 	font-weight: bold;
 	color: #333;
 }
 
#content table.comptable a:hover {
 	color: #03193f;
 }
 
 #content table.compteamtable a.teamlink {
 	height: 100%;
 	text-decoration: none;
 	font-weight: bold;
 	font-size: 0.9em;
 	color: #333;
 	float: right;
 }
 
 #content table.compteamtable a.teamlink:hover {
  	color: #03193f;
  }

#content .teamoverview h2 {
	margin: 1em 0 0.5em 0;
	padding: 1em 0 0 0;
	border-bottom: 1px solid #666;
}

#content .teamoverview p {
	margin: 0;
	padding: 0em;
}

#content .teamoverview strong {
	color: #333;
}

 /*
  * Competition game table
  */
#content table.compgametable {
 	width: 600px;
 	padding: 0px;
 	margin: 0px;
 	background-color: #EEE;
 	border-collapse: separate;
 	border-spacing: 0px;
 	border: 1px solid #666;
 }
 
 #content table.compgametable tr {
 	margin: 0px;
 	padding: 0px;
 }
 
#content table.compgametable td {
	border: 0px solid #777;
	margin: 1px;
	padding: 0.2em;
	background-color: #EEE;
	border-width: 1px 1px 1px 1px;
	border-color: #FFF #AAA #AAA #FFF;
	border-style: solid;
}

#content table.compgametable th {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	background-color: #AAA;
	text-align: center;
	border-width: 1px 1px 1px 1px;
	border-color: #FFF #AAA #AAA #FFF;
	border-style: solid;
}

#content table.compgametable a {
 	text-decoration: none;
 	font-weight: bold;
 	color: #333;
 }
 
#content table.compgametable a:hover {
 	color: #03193f;
 }
 
 #content table.compgametable a.teamlink {
 	height: 100%;
 	text-decoration: none;
 	font-weight: bold;
 	font-size: 0.9em;
 	color: #333;
 	float: right;
 }
 
 #content table.compgametable a.teamlink:hover {
  	color: #03193f;
  }
  
  #content table.compgametable h3 {
	color: #333;
	font-weight: bold;
	font-size: 1em;	
  	margin: 3px 0px 3px 0px;
  	padding: 0 0.3em 0 0.3em;
}

#content table.compgametable p {
	margin: 0;
	padding: 0.3em 0.3em 0.5em 0.3em;
	border: 0px;
}

#content table.compgametable .compreport {
	background-color: #FFF;
	border-width: 1px 0px 1px 0px;
}