/* ################################################################################# */
/*                                                                                   */
/*                                     BODY                                          */
/*                                                                                   */
/* ################################################################################# */

* {
	margin: 			0;
	padding: 			0;
}

html, body {
	height: 			100%;
}

html {
	font-size: 			100%;
	overflow-y:			scroll;	/* laat altijd de linker scrollbalk zien in FireFox */
}

body {
	background:			#FF6C0A url(../images/bg.jpg) top left repeat-x; 
	color: 				#666;
	font-family: 		Georgia;
	font-size: 			62.5%; /* standaard font grootte is nu 10px, dus 1.2em = 12px */
	line-height: 		120%; /* standaard 140% */
}


/* ################################################################################# */
/*                                                                                   */
/*                                VLAKVERDELING                                      */
/*                                                                                   */
/* ################################################################################# */

#wrapper {
	background-color:	#FFF;	
	clear:				both;
	min-height: 		100%;
	height: 			auto !important;
	height: 			100%;
	margin: 			0 auto -35px auto; /* the bottom margin is the negative value of the footer's height */
	width:				950px;
}

#header {
	background:			url(../images/foto_header.jpg) top left no-repeat;
	height:				190px;
}

#content {
	background-color:	#FFFFFF;
	clear:				both;
}

#footerclearer, #footer {
	clear:				both;
	height:				35px;
	width: 				100%;
}

#footer {
	background:			#FFF url(../images/devider_footer.gif) center top no-repeat;
	margin:				0 auto;
	text-align:			center;
	width:				950px;
}

#footer p {
	color:				#CACACA;
	padding:			10px 0 0 0;
}

/* ################################################################################# */
/*                                                                                   */
/*                                   DEFAULT                                         */
/*                                                                                   */
/* ################################################################################# */

h1 {
	color:				#666;
	font-size:			1.3em;
	font-weight:		bold;
	padding:			0;
}

h2 {
	color:				#FF5D00;
	font-size:			1.3em;
	font-weight:		bold;
	padding:			0 0 7px 0;
}

p {
	font-size:			1.2em;
	line-height:		1.4em;
	margin:				0 0 1em 0;
}

table, tr, td {
	font-size:			1.1em;
}

img {
	border: 			0;
}

ul {
	font-size:			1.1em;
	list-style: 		none;
	margin: 			0;
	padding: 			0;
}

li {
	list-style-image:	none;
	list-style-type:	none;
}

a {
	color:				#0459AE;
	text-decoration:	none;
}

a:hover {
	color:				#0459AE;
	text-decoration:	underline;
}

input {
	border:				1px solid #999999;
	color:				#333333;
	padding:			3px;
	width:				200px
}

button {
	background: 		none;
	border: 			0;
	cursor: 			pointer;
	color:				#FFF;
	font-size:			0.8em;
	margin: 			0;
	padding: 			0;
}

/* ################################################################################# */
/*                                                                                   */
/*                                   HEADER                                         */
/*                                                                                   */
/* ################################################################################# */

#label {
	background-color:	#FFFFFF;
	float:				right;
	padding:			5px 25px 0 15px;
	margin-top:			100px;
}

#label p {
	color:	#EB5901;
	font-size:			1.7em;
	font-weight:		bold;
	line-height:		1.3em;
	margin-bottom:		5px;
}

/* ################################################################################# */
/*                                                                                   */
/*                                   MENU                                         */
/*                                                                                   */
/* ################################################################################# */

#menu {
	background:			url(../images/bg_hoofdmenu.jpg) top left repeat-x;
	color:				#FFF;
	height:				30px;
}

#submenu {
	background:   		#FFD0B0 url(../images/submenu_arrow.gif) top left no-repeat;
	height:				25px;
	padding-left:		15px;
}

ul#menuitems li, ul#subitems li {
	display:			inline;
	font-size:			1.2em;
	line-height:		1.9em;
	padding:			0 15px;
}

ul#menuitems li, ul#menuitems li a {
	color:				#FFFFFF;
	text-decoration:	none;
}

ul#menuitems li a:hover {
	color:				#FFFFFF;
	text-decoration:	underline;
}

ul#subitems li, ul#subitems li a {
	color:				#EB5901;
	text-decoration:	none;
}

ul#subitems li a:hover {
	color:				#EB5901;
	text-decoration:	underline;
}


/* ################################################################################# */
/*                                                                                   */
/*                                   BOXEN                                         */
/*                                                                                   */
/* ################################################################################# */
#box_links, #box_rechts {
	float:				left;
}

#box_links {
	padding:			25px 25px 15px 25px;
	width:				630px;
}

#box_links img.devider {
	padding-bottom:		10px;
	padding-top:		17px;
}

#box_rechts {
	padding:			25px 15px 15px 15px;
	width:				220px;
}

#box_rechts img {
	padding-bottom:		10px;
}

/* ################################################################################# */
/*                                                                                   */
/*                                   CONTENT                                         */
/*                                                                                   */
/* ################################################################################# */

#body_programma, #body_uitslagen {
	display:			none;
	margin-top:			-5px;
	padding-bottom:		10px;
}

#body_programma td.afgelast, #body_uitslagen td.afgelast {
	color:				#FF0000;
}

.but_programza, .but_programzo {
	cursor:				pointer;
}

.wedstrijd {
	text-align:			center;
}

.nieuwsbericht {
	clear:				both;
	margin-bottom:		20px;
}

.bericht {
	float:				left;
	width:				470px;
}

.foto {
	float:				left;
	padding:			12px;
	margin-left:		8px;
}

.foto img {
	padding:			3px;
	border:				1px solid #999999;
}


/* ################################################################################# */
/*                                                                                   */
/*                                   TEAMPAGINA                                      */
/*                                                                                   */
/* ################################################################################# */

#teamopstelling {
	clear:		both;
	display:	block;
	padding-bottom:15px;
}

#teamfoto {
	float: left;
}

#teamfoto img {
	padding:	4px;
	border:		1px solid #999999;
}

#spelerslijst {
	float:		left;
	text-align:	left;
	margin-left: 7px;
	width:		170px;
}