@charset "utf-8";
/* CSS Document */

html, body	{ width: 100%; height: 100%; margin: 0; font-family: Arial, Helvetica, sans-serif; overflow: hidden; }

.clear	{ font-size: 1px; line-height: 1px; clear: both; }
img	{ border: 0; }
a	{ color: #ee3b33; text-decoration: none; }
a:hover	{ color: #000000; }
strong	{ font-weight: bold !important; }

#container	{ width: 683px; margin: auto; padding: 30px 0 0 0; }

#header	{ height: 169px; }
#header img	{ margin: 72px 0 0 0; padding: 0 3px 3px 0; }
a.logo	{ width: 127px; height: 127px; background: url(../img/logo.png) no-repeat; float: right; text-decoration: none; }

#wrapper	{ }

#menu	{ width: 193px; height: 395px; float: left; }

#menu ul 						{ margin: 0; padding: 0; list-style: none; }
#menu li 						{ min-height: 20px; clear: both; padding: 0 0 6px 3px; float: right; }
#menu li ul 					{ display: none; clear: both; float: right; width: 170px; }
/*#menu li.triathlon ul 			{ display: block; }*/
#menu li > ul 					{ padding: 6px 0 15px 10px; float: right; }

a.menuItem			{ background: #ee3b33; float: right; padding: 3px 6px 1px 6px; }
a.menuItem:hover	{ background: #FFFFFF; }

.submenuBtn				{ padding: 0; }
.submenuBtn	a.submenulink 			{ float: right; text-decoration: none; background: #888888; padding: 3px 6px; font-size: 10px; color: #FFFFFF; }
.submenuBtn	a.submenulink:hover 	{ background: url(../img/arrowSubBtn.gif) no-repeat left center #888888; padding: 3px 6px 3px 18px; }

#menu li ul.submenulinkActive 		{ padding: 6px 0 0 0; display: block; }
.submenulinkActive a.submenulink 	{ float: left; text-decoration: none; background: /*url(../img/arrowSubBtn.gif) no-repeat left center*/ #888888; /*padding: 3px 6px 3px 18px;*/ font-size: 10px; color: #FFFFFF; }

li.doneerBtn	a.menuItem			{ color: #ee3b33; background: url(../img/arrowDoneerBtn.gif) no-repeat right #FFFFFF; float: left; margin: 15px 0 0 0; padding: 3px 18px 1px 6px; }
li.doneerBtn	a.menuItem:hover	{ color: #FFFFFF; background: url(../img/arrowDoneerBtn-o.gif) no-repeat right #ee3b33; }

#bottomMenu	{ background: #FFFFFF; position: absolute; margin: 371px 0 0 0; padding: 0 0 2px 0; }
#bottomMenu a	{ margin: 0 2px; }
#bottomMenu a:hover	{ color: #ee3b33; }

#content	{ width: 432px; float: left; padding: 5px 10px 10px 10px; margin: 13px 0 15px 22px; }
#contentText	{ height: 340px; overflow-y: scroll; padding: 0 10px 0 0; }
.flashHeader	{ margin: 0 0 10px 0; }
#content h1		{ font-size: 11px; color: #6d6f71; margin: 15px 0 0 0; }
#content span	{ font-size: 11px; color: #6d6f71; margin: 0; padding: 0; line-height: 16px; }
#content li,
#content p	{ font-size: 11px; color: #6d6f71; margin: 0 0 15px 0; padding: 0; }
#content th { font-weight: bold; }
#content th,
#content td	{ font-size: 11px; color: #6d6f71; vertical-align: top; }

#content ul	{ list-style: circle; margin: 0 0 15px 0; }
#content li	{ margin: 0 30px; }

#contentType	{ width: 56px; float: left; }
#contentType a	{ width: 12px; display: block; color: #000000; font-size: 14px; text-decoration: none; background: url(../img/gradientContentType.png) left repeat-y #FFFFFF; padding: 4px 5px 4px 7px; margin: 0 0 6px 0; font-weight: bold; }
#contentType a:hover	{ color: #FFFFFF; background: url(../img/gradientContentType.png) left repeat-y #ee3b33; }

#content em {
	font-style: italic;
}

#background {
	position: fixed;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow-y: auto;
}

#background img {
	display:block;
	width:100%;
	height:auto;
	border:0;
}

#scroll{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.form_element {
	color:#6D6F71;
	float:left;
	font-family:Arial;
	font-size:70%;
	margin: 1px 0px;
}

.form_item {
	height:auto;
}

.form_element label {
	display:block;
	float:left;
	vertical-align:middle;
	width:170px;
	font-weight: bold;
}

.form_element select, .form_element input {
	color:#6D6F71;
	font-family:Arial;
	width:220px;
}

.cf_button {
	margin-right: 10px;
}

.cf_button input {
	width: 150px;
	border: 0 none;
	background-color: #ee3b33;
	color: #FFF;
	font-weight: bold;
	padding: 3px 0px;
	cursor: pointer;
}


#Sponsor table{
	border-collapse: collapse;
	border-spacing: 0 0;
}

.form_element .dummy {
	width: 175px;
}

.content {
	color:#6D6F71;
	font-family:Arial;
	font-size:70%;
}

#formbuttons{
	margin-top:10px;
}

.left{
	float:left;
}

#teamleden{
	margin: 5px 0 5px 0;
}

#teamleden .form_element input {
	width: 150px;
}

.form_element .lidvanahc {
	width: auto;
}

.teamlid{
	clear:both;
	width: 380px;
	padding: 10px 0 10px 0px;
	background: #cecece;
	margin-bottom: 5px;
}

.teamlid .lidvanahc{
	width: 10px !important;
}

.activiteitselect{
	width: 200px;
	font-size: 80%;
}

#activiteitentabel{
	border: 1px solid grey;
	border-collapse: collapse;
	border-spacing: 0 0;
}

#content table ul {
	margin-bottom: 3px;
	list-style: none !important;
}

#content table li {
	margin: 0px !important;
}

#activiteitentabel td{
	border: 1px solid grey;
	padding: 3px;
}

#healthcenterstable,
#deelnemerstabel {
	border: 1px solid grey;
	border-collapse: collapse;
	border-spacing: 0 0;
	margin-top: 10px;
}

#content td,
#content th {
	border-bottom: 1px solid grey;
	border-right: 1px solid grey;
	padding: 2px;
}

.errormsg{
	color: #ff0000 !important;
}

.hidden{
	display: none;
}
.teamlidtoevoegen{
	color: blue;
}
.validation-advice{
	float:left;
	width: 200px;
	color: red;
}

.right{
	float:right;
}

#content ol {
	list-style: decimal;
}

.sponsortabel{
	height:100%;
	width:100%;
}

.sponsorcell{
}
.sponsorbedragcell{
	width: 60px;
	text-align: right;
	border-right: 0 !important;
}
.subtotalrow td{
	border-bottom: 0 !important;
}

#vestiging {
	width: 350px;
}

#sub222 a {
	font-weight: bold;
}

#sub223 a {
	font-weight: bold;
}

.subscribe_button{
	padding: 6px;
	background: #EE3B33;
	color: #fff;
	font-size: 18px;
	width: 200px;
	
}

.subscribe_button:hover{
	color: #fff;
}

.activity-name-header{
	width: 250px;
	font-size: 11px;
}
.activity-time-header{
	width: 110px;
	text-align: center;
	font-size: 11px;
}
td.available{
	background-color:#009933;
}

td.available2{
	background-color:#FFFF01
}

td.unavailable{
	background-color:#ccc;
}
