/* ***** reset (Based on Eric Meyers CSS reset) ********** */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ******** end of reset ******************/

/* CLEAR FIX --> meer info in boek pro CSS techniques pag 152 */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a:link, a:visited, a:active{
	color: #333;
	text-decoration: underline;
}

a:hover {
	background-color: #BCF3FF;
	text-decoration: none;
	color: #333;
}

body{
 font-size: 62.5%;
 color: #333;
 text-align:center;
 background-color: #BCF3FF;
}

#container
{
	border: solid 1px #87EBFF;
	border-top: none;
	background-color: #FFFFFF;
	font: 1.2em Verdana, Helvetica, sans-serif;
	margin: 0 auto;
	text-align: left;
	width: 1000px;
}

#header {
	background: url(../images/varia/header.jpg) no-repeat left 20px;
	height: 170px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#header h1{
	font-size: 3.5em;
	font-family: Arial, sans-serif;
	padding-left: 200px;
}

#header p {
	margin-left: 201px;
	font-family: Verdana, sans-serif;
	font-size: 1.3em;
	border-bottom: 5px #87EBFF solid;
}

#menu{
	float: left;
}

#menu li{
	padding: 0 0 8px 0;
	font-size: 1.3em;
}

#menu a{
	display: block;
	width: 250px;
	text-align: right;
	padding-right: 5px;
}

#menu a:link, #menu a:visited,#menu a:active{
	color: #333;
	text-decoration: none;
	border-bottom: solid 1px #87EBFF;
}

#menu a:hover {
	background-color: #87EBFF;
	text-decoration: none;
	color: #333;
}

#sponsors_left{
  padding-top: 40px;
  text-align: center;
}

#sponsors_left img{
  display: block;
  padding: 10px 0 0 10px;
  margin: 0 auto;
}

#sponsors_left a{
  text-decoration: none;
  border: none;
}

#sponsors_left a:hover{
    background-color: white;
}
  
#content{
	float: right;
	width: 720px;
	padding: 0 5px;
}

#footer{
	height: 90px;
	background: url(../images/varia/footer.jpg) no-repeat right;
}

#boardgames_agenda{
	text-align: center;
	padding: 10px;
	margin: 0 0 20px 0;
	border: solid 2px #87EBFF;
}
#agenda_klein{
	font-size: 0.8em;
}
#boardgames_agenda h3 {
	font-size: 1.3em;
	text-decoration: underline;
	padding-bottom: 8px;
}
#boardgames_agenda li{
	padding: 3px 0 2px 0;
	font-size: 1.1em;
}

#boardgames_uitleg p {
	padding-bottom: 6px;
	text-align: center;
}

#infovzw{
  padding-right: 15px;
}

#infovzw h3{
  border-bottom: solid 1px #333;
  font-weight: bold;
}

#infovzw p {
  padding: 10px 0 20px 0;
  text-align: justify;
}

#infovzw a{
	border: none;
}

#infovzw a:link, #infovzw a:visited,#infovzw a:active, #infovzw a:hover{
	text-decoration: none;
	background-color: White;
}

.content_index_alinea {
  padding-right: 15px;
  padding-bottom: 20px;
}

.content_index_alinea h3{
  font-weight: bold;
  border-bottom: solid 1px #333;
}

.content_index_alinea_title{
  display: block;
  text-decoration: underline;
  padding-top: 10px;
}

.content_index_alinea ul {
   padding: 10px 0;  
}

.content_index_alinea li {
  padding-bottom: 5px;
}

#content_index_alinea_indekijker_image {
  float: right;
  padding-right: 30px;
}

#content_index_alinea_text_indekijker{
  padding: 5px 0 0 5px;
}
#content_index_alinea_voorbij_image {
  float: right;
  padding-right: 30px;
}

.content_index_alinea_text_voorbij{
  float: left;
  padding: 5px 0 0 5px;
}

#tblsponsors
{
	width: 100%;
}
#tblsponsors td
{
	padding-bottom:5px;
	vertical-align: middle;
	text-align: center;
}

#spellen{
  padding: 25px
}

#spellen h3
{
  border-bottom: solid 1px #333;
  font-weight: bold;
  font-size: 1.2em;
}

#spellen p {
  text-align: justify;
  font-size: 1.1em;
}

#spellen table
{
	width: 100%;
}

.spellenTekst 
{
	font-size: 1.2em;
	line-height: 1.8;
}

.spellenImage
{
	vertical-align: middle;
	text-align: center;
	width: 160px;
}

#spellen td p 
{
	padding-bottom:80px;
	padding-right: 40px;
	border: none;
}

.spellenspacer 
{
	float: right;
}

#links h3{
  border-bottom: solid 1px #333;
  font-weight: bold;
}

#links fieldset
{
	margin: 10px 0px 30px 0px ;
	border-width: 1px;
	border-color: black;
	
}
.widthLink
{
	width:180px;
}
.linkTitle
{
	text-decoration: underline;
	text-align: left;
	font-size:15px;
	padding-bottom: 5px;

}
.linkImage
{
	float: left;
	padding-right: 5px;
}
#tabelchal4
{
	padding: 5px;
}
#indekijker
{
	font-size: 1em;
	font-style: bold;
	line-height:150%
}
#challenge5 a:link 
{
	text-decoration: none;
	color: blue;
	font-style: bold;
}
#challenge5text 
{
	font-size:1.1em;
}
#lijst_inschrijf  td, tr, th
{
	padding: 5px;
	border: 1px solid black;
}
.challenge5big
{
	font-size: 1.2em;
}
.challengecenter
{
	text-align: center;
}
.challenge5small
{
	font-size: 0.9em;
}
#banner
{
	padding: 0 0 0 30px;
	text-align: center;
}
#floatright
{
	float: right;
}
#fileList ul li a:link
{
	text-decoration: underline;
}
.no_underline_link:link
{
	text-decoration: none;
}