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

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

a:link, a:active, a:visited, a:hover {
	outline: none;
}

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

h1#special {
	font-weight: bold;
	border: 0px;
}

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

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

/**
 * END FONT FORMATTING
 */

html {
	height: 100%;
}

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

#container {
	width: 963px;
	min-height: 1050px;
	padding: 188px 0px 20px 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('../img/header.png') no-repeat top left;
	text-align: left;
}

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

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

div.logo {
	margin-top: 20px;
	text-align: center;
}

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

/* ====================
 * 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('../img/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('../img/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('../img/menuhover.gif') no-repeat 0 0;
	display: block;
}

div.menu li a.selected {
	color: #03193f;
	background: transparent url('../img/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('../img/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('../img/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;
	background: transparent url('../img/boxbg.gif') repeat-y 0 0;
}


div#box1 h2 {
	color: #03193f;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}

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

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

/* Organisatie styles */

table.organisatie {
	border: 0px;
	border-spacing: 0px;
	padding: 0px;
}

td.col1, td.col2 {
	padding-bottom: 40px;
}

td {
	margin: 0px;
	vertical-align: top;
	border-top: 0px solid #000000;
}
/* Banner */
#content img.advertisement {
	border: thin solid black;
}