body {
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	background-image: url(../images/achtergrond.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #FFA400;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
}

a {
	color: Black;
	text-decoration: underline;	
}

a:visited {
	color: #636262;
}

a:hover {
	text-decoration: none;
}

img {
	border: 0;
}

h1 {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	color: black;
	margin-top: 2px;
	margin-bottom: 4px;
	padding: 0px;
}

h2 {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	color: Red;
	margin-top: 2px;
	margin-bottom: 4px;
	padding: 0px;
}

h4 {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: black;
	margin-top: 2px;
	margin-bottom: 4px;
	padding: 0px;
}
h3
{
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: Red;
	margin-top: 2px;
	margin-bottom: 4px;
	padding: 0px;
	text-align: right;
}

#container {
	width: 808px;
	margin-top: 10px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

.error {
	color: Red;
	font-weight: bold;
}

/*--------------------------------
  NAV & MOODSETTER 
--------------------------------*/

#head {
	text-align:center;
	background-color: white;
	border: 1px solid #BEBBB4;
	width: 796px;
	padding: 5px;
	margin-right:auto;
	margin-left:auto;
}

#head a {
	color: White;
	text-decoration: none;	
}

#head a:visited {
	color: White;
}

#head a:hover {
	text-decoration: none;
}
#headnav_left {
	font-size: 9px;
	float: left;
	line-height: 18px;
	margin-left: 3px;
	color: White;
}

#headnav_right {
	line-height: 1px;
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
}

#headnav_right td {
	padding: 0;
	margin: 0;
	border: 0;
	height: 22px;
}

#headnav_right input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #CECECE;
	height: 12px;
	width: 100px;
	border: 0;
	margin: 0;
	margin-left: 4px;
	margin-right: 2px;
	padding: 0;
}

#main_nav_1 {
	height: 139px;
	width: 796px;
	background-image: url(../images/main_nav_1_bg.gif);
	background-repeat: repeat-x;
}


#main_nav_1 span {
	display: block;
	line-height: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: White;
	margin-left: 5px;
	margin-right: 5px;
}

#main_nav_2 {
	height: 22px;
	width: 796px;
	text-align: left;
	background-color: #cd071e;
}

#moodsetter {
	height: 117px;
	width: 796px;
}

/*--------------------------------
  BODY 
--------------------------------*/

#body_border {
	width: 808px;
	margin-top: -1px;
	margin-right: auto;
	margin-left: auto;
}

#body_container {
	background: White;
	border-bottom: 1px solid #BEBBB4;
	border-left:   1px solid #BEBBB4;
	border-right:  1px solid #BEBBB4;
	padding: 0px;
	text-align: left;
}

#main_left_col {
	float: left;
}

/* globale content container properties */
.c_container 
{
	margin-left: 5px;
	margin-bottom: 5px;
}

/* globale block properties. worden in alle blocks gebruikt.
	een block bevind zich altijd in een content container. 
	De container krijgt dan een maat en evt. marge en 
	het block krijgt dan de rest van de opmaak. Dit ivm
	het CSS Box model dat niet in elke browser hetzelfde 
	werk. */
.block_1, .block_2 {
	background-position: top right;
	background-repeat: no-repeat;
	border: 1px solid #BEBBB4;
	padding: 5px;
}

.block_flash {
	background-position: top right;
	background-repeat: no-repeat;
	border: 1px solid #BEBBB4;
	padding: 2px;
}

#main_left_col .c_container {
	width: 240px;
}

#main_left_col .c_container .block_1 {
	background-image: url(../images/kader_geel_donker.gif);
	background-color: #FFD363;
}

#main_left_col .c_container .block_2 {
	background-image: url(../images/kader_geel_licht.gif);
	background-color: #FFEBB5;
}

#main_left_col .c_container .block_flash {
	background-image: url(../images/kader_geel_licht.gif);
	background-color: #FFEBB5;
}
/* container waar alle pagina-specifieke content
	in komt (eventueel ik kolommen of een tabel) */
#main_content_container {
	float: left;
	text-align: left;
}

/* registratie vlak in eerste kolom */
#reg_container {
	width: 220px;
	border-left: 1px solid #ECC042;
	border-right:1px solid #ECC042;
	border-bottom: 1px solid #C5A038;
	border-top: 1px solid #FFCF48;
}

#reg_container div {
	text-align: left;
	line-height: 16px;
	background-color: White;
	padding: 4px;
	border-left: 1px solid #FFB201;
	border-right:1px solid #FFB201;
	border-bottom: 1px solid #ECA501;
	border-top: 1px solid #FFB201;
}

#reg_container div input {
	height: 14px;
	width: 120px;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	border-left: 1px solid #CECECE;
	border-right:1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	border-top: 1px solid #CECECE;
	margin-bottom: 3px;
}
/* einde registratie vlak */


/*--------------------------------
  FOOTER
--------------------------------*/

#foot {
	height: 22px;
	margin: 5px 5px 5px 5px;
	background-color: #cd071e;
	
}

#foot a {
	color: White;
	text-decoration: none;	
}

#foot a:visited {
	color: White;
}

#foot a:hover {
	text-decoration: none;
}

#foot_partners {
	height: 42px;
	margin: 5px 5px 5px 5px;
	text-align: center;
}

#foot span {
	display: block;
	line-height: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: White;
	margin-left: 5px;
	margin-right: 5px;
}

.float_left {
	float: left;
}

.float_right {	
	float: right;
}

/*--------------------------------
  MENU
--------------------------------*/
#menuList 
{
    background-color: #cd071e;
	position:relative;
	font-size: 1px;
	z-index:100;
	margin: 0px;
	padding: 0px;
	margin-left: 2px;
}

#mainMenu {
	position:relative;
	background: #cccccc;
}

#menuList ul {
	z-index:100;
	margin: 0px;
	padding: 0px;
}

#menuList li {
	z-index:100;
	display:inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

a.starter {
	z-index:100;
	margin: 0px;
	padding: 0px;
}

#menubuilder, #stylelibrary, #aboutus, #mynspmenu, #redeemmenu, #purchasemenu, #mysportmenu, #infomenu, #sportmenu, #csmenu {
	width: 130px;
}

.submenu {
	font-size: 11px;
	text-align: left;
	position: absolute;
	visibility: hidden;
	z-index: 100;
}

.submenu li {
	width:100%;
}

.submenu li a,  .submenu li a:visited{
	background-color: #ff3f40;
	z-index:100;
	color: #FFFFFF;
	display: block;
	width:100%;
	font-size: 1em;
	margin: 0px;
	margin-top:-1px;
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}

.submenu li a:hover, .submenu li a:active, .submenu li a:focus {
	background-color: #cd071e;
	color: #FFFFFF;
}

.menubar_2 .submenu li a, .menubar_2 .submenu li a:visited{
	background-color: #00B2E6;
	z-index:100;
	color: #FFFFFF;
	display: block;
	width:100%;
	font-size: 1em;
	margin: 0px;
	margin-top:-1px;
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}

.menubar_2 .submenu li a:hover, .menubar_2 .submenu li a:active, .menubar_2 .submenu li a:focus {
	background-color: #1CD7FF;
	color: #FFFFFF;
}


/*--------------------------------
  Input and errormessage
--------------------------------*/
.MessageBoxErrorStyle
{
	border			: 2px solid #f2000b;
	font-family		: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: Black;
	margin			: 3 3 3 3;
	padding			: 3 3 3 3;
	width			: 90%;
}

.TextBox
{
	width			: 265px;
	font-family		: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size		: 11px;
}

.textboxsmall
{
	width			: 135px;
	font-family		: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size		: 11px;
}

.ComboBox
{
	width			: 325px;
	font-family		: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size		: 11px;
}

.UserControl
{
	background-color:#a7d4e9;
	height			: 100%;
	padding-bottom	: 20px;
}

SPAN.RequiredFieldIndicator
{
	color			: Red;
	font-weight		: bold;
}

/*--------------------------------
  GRID
--------------------------------*/
TABLE.defGrid
{
	width			: 100%;
}

TABLE.defGrid TR
{
	vertical-align	: top;
}

TABLE.defGrid TR.Header TD
{
	background-color: #42a0d4;
	vertical-align	: top;
	font-family		: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: Black;
	font-weight		: bold;
}

TABLE.defGrid TR.Item TD
{
	background-color: #81c8e8;
	vertical-align	: bottom;
	font-family		: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: Black;
}

TABLE.defGrid TR.AlterItem TD
{
	background-color: #42a0d4;
	vertical-align	: bottom;
	font-family		: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: Black;
}

/********************************************************************* 
 Default table is used for layouting default tables, without border
*********************************************************************/
TABLE.deftable
{
	width			: 100%;
	border			: 0px;
}

TABLE.deftableborder
{
	width			: 100%;
	border			: 1px;
	border-color	: #efc767;
	border-style	: solid;
}

TABLE.deftable TR, TABLE.deftableborder TR, 
{
	vertical-align	: top;
}

TABLE.deftable TD.label, TABLE.deftableborder TD.label
{
	vertical-align	: top;
	font-family		: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: Black;
	width			: 30%;
}

TABLE.deftable TD.value, TABLE.deftableborder TD.value
{
	vertical-align	: top;
	font-family		: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: Black;
	width			: 70%;
}

TABLE.deftable TD.value20, TABLE.deftableborder TD.value20
{
	vertical-align	: top;
	font-family		: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: Black;
	width			: 20%;
}

TABLE.deftable TD.label80, TABLE.deftableborder TD.label80
{
	vertical-align	: top;
	font-family		: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: Black;
	width			: 80%;
}