/*
 * Fluid Grid System
 * http://fluid.gs/
 * http://fluid.newgoldleaf.com/
 *
 * Copyright (c) 2009 Joseph Silvashy and New Gold Leaf LP
 * Licensed under the MIT, GPL, and CC licenses.
 *
 * Date: 2009-06-22 (Mon, 22 Jun 2009)
 * Revision: 3
 *
 * Modifications and fixes made from:
 * http://meyerweb.com/eric/tools/css/reset/
 * http://code.google.com/p/blueprintcss/
 */


/* .fluid_grid_layout is the main wrapper for grid system, comment out for 100% width of body */ 
/*.fluid_grid_layout {width:80%; margin:0 10%; position:relative;}*/

/* min-width does not work in IE 6/7 */
body {min-width:860px; width:100%; background-color:white;}
 /* for non-css3 browsers */

#logo {background-color: #f1e100; color: #00008c;}
#sponsor {background-color: #f1e100; color: #00008c;}
#navigatie_top {background-color: #00008c; color: #f1e100; padding-top: 5px; padding-bottom: 5px;}
#navigatie_links {background-color: white; color: black; padding-right: 0px; padding-bottom: 30px; padding-top: 22px;}
#content {background-color: white; color: black; padding-right: 0px; padding-bottom: 30px; padding-top: 20px;}
#matches {background-color: white; color: black; padding-bottom: 30px; padding-top: 20px;}
#logo {background-color: #f1e100; color: #00008c;}
#footer {background-color: #00008c; color: #f1e100;}
#menu {background-color: white; color: black; padding-bottom: 30px; padding-top: 20px;}


	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead{
margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}
body {line-height:1; background-color: white;}
ol, ul {list-style-type:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {width:100%; border:0;}
th, td {padding:4px 0px 4px 0;}
tr, td {border:0;}

tfoot {font-style:italic;}
caption {background:transparent;}

body, blockquote * {font:12px/1.3 "Helvetica", Arial, sans-serif;}
h1, h2, h3, h4 {font-weight:normal;}
ul {list-style-type:none; list-style-position:inside;}
ol {list-style-type:decimal; list-style-position:inside;}
abbr, acronym {border-bottom-width:0;}
strong {font-weight:bold;}
em {font-style:italic;}

.news th {background-color: #00008c; color:#f1e100; text-align: left; padding-left: 3px;}
.news {border: 2; border-color: #00008c;}
.news a:link {color: #f1e100; text-decoration: none;}
.news th a:link {color: #f1e100; text-decoration: none;}
.news a:hover{
	-webkit-text-shadow:0 0 25px #eee; 
	-moz-text-shadow: 0 0 25px #eee; 
	text-shadow:0 0 25px #eee; 
	color: #f1e100;
	text-decoration: underline;
	
}

.news a:visited {color: #f1e100; text-decoration: none;}


.news a:active {
	text-decoration: none;
	color: #f1e100;
		
}

.news a:hover{
	-webkit-text-shadow:0 0 25px #eee; 
	-moz-text-shadow: 0 0 25px #eee; 
	text-shadow:0 0 25px #eee; 
	color: #f1e100;
	text-decoration: underline;
	
}


.news td a:link {color: #00008c;}
.news td a:hover{
	-webkit-text-shadow:0 0 25px #eee; 
	-moz-text-shadow: 0 0 25px #eee; 
	text-shadow:0 0 25px #eee; 
	color: #f1e100;
	text-decoration: underline;
	
}

.news td a:visited {color: #00008c;}


.news td a:active {
	text-decoration: none;
	color: #00008c;
}

	
.links th {background-color: #00008c; color:#f1e100; text-align: left; padding-left: 3px;}
.links {border: 2; border-color: #00008c;}
.links a:link {color: #00008c;}
.links a:hover{
	-webkit-text-shadow:0 0 25px #eee; 
	-moz-text-shadow: 0 0 25px #eee; 
	text-shadow:0 0 25px #eee; 
	color: #00008c;
	text-decoration: underline;
	
}

.links a:visited {color: #00008c;}


.links a:active {
	text-decoration: none;
	color: #00008c;
}

.postfooter {background-color: #fafafa;
		font-size: 95%;
	border: 1px solid #eee;
	padding: 5px;}
	
.postfooter a:hover {background-color: #fafafa;
		font-size: 95%;
	border: 1px solid #eee;
	padding: 5px;
	text-decoration: none;
	color: black;}		


#titel a {background-color: #00008c; color:#f1e100; text-align: left; padding-left: 3px;}

/* .section and .column are required in your HTML */
/*div.section {display:table; width:100%; border-collapse:collapse;}
div.column {display: table-cell;}
div #content { min-height:100px;
     height:auto !important;
     height:800px; }

/* .column widths, -10% of "precived width" for 6 column layouts 
div.six_column.section div.one {width:15%;}
div.six_column.section div.two {width:30%;}
div.six_column.section div.three {width:45%;}
div.six_column.section div.four {width:60%;}
div.six_column.section div.five {width:75%;}
div.six_column.section div.six {width:90%;}

div.nine_column.section div.one {width:12%;}
div.nine_column.section div.two {width:20%;}
div.nine_column.section div.three {width:30%;}
div.nine_column.section div.four {width:40%;}
div.nine_column.section div.five {width:50%;}
div.nine_column.section div.six {width:60%;}
div.nine_column.section div.seven {width:70%;}
div.nine_column.section div.eight {width:80%;}
div.nine_column.section div.nine {width:90%;}