/* ========================================================================= */
/* ========================== De CSS voor Running Business================== */
/* ========================================================================= */


/* ============================ GENERAL DEFAULTS =========================== */

BODY				{
				margin: 0px;
				text-align: center;
				background-color: #FFFFFF;
				}

P,TD				{
				font-family: Arial, Verdana Sans-serif Sans-serif;
				font-size: 12px;
				color: #000000;
				}
				
A				{
				color: #000066;
				text-decoration: none;
				font-size: 11px;
				font-weight: bold;
				}
				
A:HOVER				{
				color: #FF6600;
				}

A.name {
 /* Deze klasse is voor <a name=''> tags */
			color: #000000;
}


A.go_emphasize	{
				color: #FF6600;
				}

A.go_small	{
				font-weight: normal;
				color: #807F84;
				font-size: 12px;
				}
				
.emphasizeBox	{
				margin-top: 10px;
				padding: 10px;
				border-style: solid;
				border-width: 1px;
				border-color: #FF6600;
				
				}

.emphasize
{
	font-weight: bold;
	color: #f00;
}

LI	{
		font-size: 12px;
		color: #5C5B5D;
		}

.bigButton	{
				display: block;
				width: 263px;
				height: 42px;
				background-image: url(media/entry/bigbutton.gif);
				background-repeat: no-repeat;
				text-align: center;
				vertical-align: middle;
				line-height: 42px;
				}

INPUT.name, TEXTAREA.name {
  width: 350px;
}

TEXTAREA.text {
  width: 500px;
}

PRE {
  text-align: left;
}

OL, UL {
	margin: 0px 0px 0px 25px;
  padding: 0px;
}
DL {
	margin: 0px 0px 0px -20px;
  padding: 0px;
}

/* Een klasses voor een alinea met lopende tekst. */

.text, .warning {
	margin-top: 3px;
	margin-bottom: 10px;
	line-height: 1.3em;
}

.warning, .text, TABLE.content {
	width: 600px;
}

.warning, .popup_warning {
	font-weight: bold;
	line-height: 1.4em;
}

.small {
	font-size: 9px;
}

.strong {
	font-weight: bold;
}

/* Een aantal veel gebruikte icoontjes. */

IMG.video_icon {
	vertical-align: middle;
  border-style: none;
	width: 16px;
  height: 17px;
}

/* ============================== MAIN ============================== */

H1 {
  font-size: 15px;
  margin: 10px 5px 10px 8px;
}

H2 {
  font-size: 13px;
	margin-top: 10px;
	margin-bottom: 3px;
}

.content {
  padding: 5px 5px 10px 10px;
	vertical-align: top;
	height: 100%;
}

.mainSubtitle {
    font-weight: bold;
}

TD.titleCell			{
				font-family: Frutiger, Frutiger T1, Arial, Verdana Sans-serif Sans-serif;
				color: #6699FF;
				font-size: 14px;
				font-style: normal;
				padding-bottom: 12px;
				background-image: url(media/background_titlecell.gif);
				text-transform: uppercase;
				font-weight: normal;
				}

TD.titleHeadline			{
				font-family: Frutiger, Arial, Verdana Sans-serif Sans-serif;
				font-size: 10px;
				padding-bottom: 11px;
				}

.title				{
				font-family: Frutiger, Arial, Verdana, Sans-serif;
				text-transform: uppercase;
				font-weight: normal;
				margin-bottom: 2px;
				}
				
TD.contentArea			{
				
				padding-bottom: 10px;
				}

TD.logo				{
				padding-bottom: 3px;
				}
				
TD.payoff			{
				font-family: Arial, Verdana Sans-serif Sans-serif;
				padding-left: 10px;									
				padding-right: 10px;
				xbackground-image: url(media/background_payoff.jpg);
				background-color: #ECEEEF;
				color: #000000;
				font-size: 10px;
				}              
				
A.payoff, A.payoff:HOVER, A.payoff:link, A.payoff:visited, A.payoff:active {
				color: #019DD8;
				font-size: 11px;
	text-decoration: none;
				}
				
/* ============================== ENTRY PAGE ============================== */

TD.introText			{
				color: #01A0DD;
				}
				
.imageIntro			{
				xborder-style: solid;
				xborder-color: #12A8E1;
				xborder-width: 1px;
				margin-right: 10px;
				}

.imageIntroBorderless		{
				margin-right: 10px;
				}
				
P.header, .header			{
				font-family: Frutiger, Arial, Verdana Sans-serif Sans-serif;
				font-size: 14px;
				font-style: normal;
				font-weight: normal;
				text-transform: uppercase;
				color: #6699FF;
				}

TD.subHeader, .subheader			{
				font-size: 13px;
				font-weight: bold;
				color: #003876;
				margin-bottom: 4px;
				}
				
TD.subHeader2			{
				font-size: 13px;
				font-style: normal;
				color: #6699FF;
				}

TD.smallHeader			{
				font-size: 10px;
				}
				
DIV.logBox			{
				background-color: #FFFFFF;
				background-image: url(media/entry/background_logbox4.gif);
				background-repeat: no-repeat;
				color: #FFFFFF;
				margin: 20px 0px -20px 0px;
				padding: 10px;
        			height: 150px;
        			_height: 170px;
        			width: 243px;
				_width: 263px;
				}
				
DIV.logBoxHome			{
				background-color: #FFFFFF;
				background-image: url(media/entry/background_logbox.gif);
				background-repeat: no-repeat;
				color: #FFFFFF;
				padding: 10px;
        			height: 200px;
        			width: 284px;
				_width: 304px;
				}
				
.logBoxTitle			{
				font-size: 14px;
				color: #000000;
				margin-bottom: -5px;
				padding: 3px;
				}

.logonBoxSubTitle			{
				font-size: 15px;
				font-weight: normal;
				color: #FFFFFF;
				}
				
A.logBox			{
				color: #000066;
				}
				
A.logBox:HOVER			{
				color: #FF6600;
				}
				
.teaserKm				{
				font-size: 30px;
				color: #EA2C2D;
				}
				
.teaserKcal				{
				font-size: 30px;
				color: #00A1DF;
				}
				
TD.fadeLine			{
				background-color: #B7DAEC;
				}
				
TD.contentBox, TD.contentboxnormal			{
				padding-left: 10px;
				padding-right: 10px;
				}
				
DIV.contentboxWelcome		{
				font-style: normal;
				font-weight: bold;
				color: #00729F;
				}

TD.calculators	{
				background-color: #ECEEEF;
				border-style: solid;
				border-width: 1px;
				border-color: #FFFFFF;
				}

A IMG		{
				border: none;
				}

A.banner0	{
				border: 1px solid #FF6600;
				background: url(media/banners/registration.gif);
				background-position: center;
				display: block;
				width: 261px;
				height: 102px;
				}
				
A.banner0:HOVER	{
				border: 1px solid #666666;
				background-position: center;
				}

A.banner1	{
				border: 1px solid #FF6600;
				background: url(media/banners/preregistration_up.gif);
				background-position: center;
				margin-right: 5px;
				display: block;
				width: 261px;
				height: 102px;
				xfloat: left;
				margin-top: 20px;
				}
				
A.banner1:HOVER	{
				border: 1px solid #666666;
				xbackground: url(media/banners/preregistration_over.gif);
				background-position: center;
				}

A.banner2	{
				border: 1px solid #FF6600;
				background: url(media/banners/unicef_up.gif);
				background-position: center;
				display: block;
				width: 261px;
				height: 102px;
				xfloat: right;
				margin-top: 20px;
				}
				
A.banner2:HOVER	{
				border: 1px solid #666666;
				xbackground: url(media/banners/unicef_over.gif);
				background-position: center;
				}
				
A.bannerMizuno	{
				xborder: 1px solid #EBF0F3;
				background: url(media/banners/mizuno_up.gif);
				background-position: center;
				display: block;
				width: 290px;
				height: 101px;
				float: right;
				}
				
A.bannerMizuno:HOVER	{
				xborder: 1px solid #FF6600;
				background: url(media/banners/mizuno_over.gif);
				background-position: center;
				}

/* ============================== POPUP ============================== */

H1.popup {
  font-size: 15px;
	margin-top: 6px;
}

BODY.popup
{
	text-align: left;
}

#buttonbar {
  background-color: #ECEEEF;
  padding: 0px 0px 0px 5px;
  xbackground-image: url(media/background_payoff.jpg);
}

TD.popUpHeaderBar		{
										background-color: #ECEEEF;
										xbackground-image: url(media/background_popupheader.jpg);
										color: #6699FF;
										text-align: right;
										}


.locationForm	{
	margin-top: 10px;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #FF6600;
	}

TABLE.clubLocation, .clubTitle	{
	width: 380px;
	background-color: #F4F5F6;
	border-style: solid;
	border-width: 1px;
	border-color: #F4F5F6;
	}

TABLE.clubLocation:HOVER	{
	background-color: #ECEEEF;
	border-style: solid;
	border-width: 1px;
	border-color: #C7C7C9;
	}

/* ============================== MENU ============================== */

.menuBar			{
				height: 20px;
				background-image: url(media/background_menubar.gif);
				background-color: #FFFFFF;
				font-family: Arial, Verdana Sans-serif Sans-serif;
				font-size: 10px;
				color: #C7C7C9;
				}
				


A.menu, A.menu:link, A.menu:visited, A.menu:active {
				float: right;
				padding-top: 3px;
				text-align: center;
				height: 17px;
				width: 114px;
				_height: 20px;
				color: #000000;
				/*padding-left: 10px;
				padding-right: 10px;*/
				font-weight: bold;
				background-image: url(media/background_menu.gif);
				}

A.menu:HOVER			{
				color: #FF6600;
				text-decoration: none;
				}
				

A.menuActive, A.menuActive:link, A.menuActive:visited, A.menuActive:active			{
				float: right;
				padding-top: 3px;
				text-align: center;
				color: #FF6600;
				height: 17px;
				width: 114px;
				_height: 20px;
				/*padding-left: 10px;
				padding-right: 10px;*/
				font-weight: bold;
				xbackground-color: #6699FF;
				background-image: url(media/background_menu_down.gif);
				}

A.menuActive:hover			{
	text-decoration: none;
}
				

tr.subMenuBar		{
				background: url(media/background_submenu.gif) no-repeat;
				}

tr.subMenuBar td		{
				padding: 0px 10px 0px 10px;
				}
				

A.subMenu			{
				color: #FF6600;
				font-size: 11px;
				font-weight: bold;
				padding-left: 6px;
				padding-right: 6px;
				}
				
A.subMenu:HOVER			{
				color: #6699FF;
				xbackground-color: #856B02;
				xbackground-image: url(media/background_submenu_over.jpg);
				}
				
A.subMenuActive, A.subMenuActive:HOVER			{
				color: #6699FF;
				font-weight: bold;
				padding-left: 6px;
				padding-right: 6px;
				xbackground-color: #856B02;
				xbackground-image: url(media/background_submenu_down.jpg);
				}

/* ============================== TRAINING DAY ============================== */

TD.restLetter			{
				font-size: 9px;
				background-color: #FFCB00;
				color: #FFFFFF;
				}
				
TD.dayLetter			{
				font-size: 11px;
				background-color: #0199D4;
				color: #FFFFFF;
				}

TD.selectedDayLetter		{
				background-color: #6699FF;
				color: #000000;
				}
				
TD.trainingRest			{
				color: #000000;
				}

A.trainingRest			{
				color: #000000;
				width: 20px;
				height: 22px;
				}
				
A.trainingRest:HOVER		{
				font-weight: bold;
				font-size: 16px;
				letter-spacing: -1px;
				color: #000000;
				}

TD.trainingDay			{
				background-color: #18B2EB;
				background-image: url(media/home/background_training_day.jpg);
				color: #CBF0FF;
				}

A.trainingDay			{
				color: #CBF0FF;
				width: 20px;
				height: 22px;
				}
				
A.trainingDay:HOVER		{
				font-weight: bold;
				font-size: 16px;
				letter-spacing: -1px;
				color: #CBF0FF;
				}

				
TD.trainingSelectDay		{
				background-color: #FF5258;
				background-image: url(media/home/background_training_selectday.jpg);
				color: #CBF0FF;
				}
				
A.trainingSelectDay		{
				color: #FFFFFF;
				width: 20px;
				height: 22px;
				font-weight: bold;
				font-size: 16px;
				letter-spacing: -1px;
				}
				
A.trainingSelectday:HOVER	{
				font-weight: bold;
				font-size: 16px;
				letter-spacing: -1px;
				color: #FFFFFF;
				}

/* ============================== BUTTONS ============================== */

P.button {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.3em;
}

DIV.button {
	margin: 3px 3px 3px 0px;
	line-height: 1.3em;
}

SPAN.button {
  white-space: nowrap;
}

A.button {
	color: #00007f;
}
A.button:VISITED {
	color: #00007f;
}

INPUT.logBox {
	border: 1px;
}

INPUT.button_go, IMG.button_go {
	width: 17px;
	height: 17px;
	margin-right: 4px;
	border: 0px;
  vertical-align: middle;
}

IMG.button_info {
	width: 17px;
	height: 17px;
	margin-right: 4px;
	border: 0px;
  vertical-align: middle;
}

IMG.button_goback {
	width: 17px;
	height: 17px;
	margin-right: 4px;
	border: 0px;
  vertical-align: middle;
}

IMG.button_godown {
	width: 17px;
	height: 17px;
	margin-right: 4px;
	border: 0px;
  vertical-align: middle;
}

IMG.button_mail {
	width: 17px;
	height: 17px;
	margin-right: 4px;
	border: 0px;
  vertical-align: middle;
}

IMG.button_nogo {
	width: 17px;
	height: 17px;
	margin-right: 4px;
	border: 0px;
  vertical-align: middle;
}

/* ============================== MYLIST ============================== */

TABLE.mylist {
	width: 100%;
}

A.mylist {
	font-weight: normal;
  font-size: 11px;
  text-align: left;
}
A:HOVER.mylist {
	text-decoration: underline;
}

TD.mylist_0 {
  padding-bottom: 1px;
  padding-top: 1px;
  text-align: center;
	width: 24px;
}

TD.mylist_1 {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-top: 3px;
}

TD.mylist_2 {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-top: 3px;
}

TD.community_mylist_0 {
}

TD.home_mylist_1 {
	background-color: #ECEEEF;
}

TD.home_mylist_2 {
	background-color: #FFFFFF;
}

TD.community_mylist_1 {
	background-color: #ECEEEF;
}

TD.community_mylist_2 {
	background-color: #FFFFFF;
}

/* ============================== PROGRAMMA SELECT (OOK 'ITEM' GEHETEN) ============================== */

IMG.selectImage_index, IMG.selectImage_forum {
 	border-style: solid;
	border-color: #C7C7C9;
	border-width: 1px;
}

IMG.selectImage_groups {
 	width: 150px;
	height: 150px;
	border-style: solid;
	border-color: #C7C7C9;
	border-width: 1px;
}

DIV.selectHeader			{
				font-size: 18px;
				font-style: normal;
				color: #4F90CC;
				}

/* ============================== EXERCISES ============================== */

.exercises_info {
	font-weight: bold;
	color: #003876;
}

.exercises_legenda {
	font-size: 10px;
}

/* ============================== CALCULATORS ============================== */

.calculators_legenda {
	font-style: normal;
	font-size: 10px;
}

.calculators_small {
	font-size: 10px;
}

.calculators_strong {
	font-weight: bold;
}

/* ============================== NEWS ============================== */

#news_content {
	xwidth: 600px;
}

#news_author {
	font-style: normal;
}

#news_date {
}

/* ============================== SAVANT-FORM ============================== */

fieldset.Savant-Form {
	margin: 18px;
	border-top:    1px solid #EEEEEE;
	border-left:   1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	border-right:  1px solid #EEEEEE;
	padding: 6px;
}
                        
legend.Savant-Form{
	padding: 2px 4px;
  color: #6699FF;
  font-weight: bold;
  font-size: 120%;
}

div.Savant-Form {
        width: 500px;
}

table.Savant-Form {
        margin: 0 auto 0 auto; /* centeer de table */
        /*border:2px solid red;*/
}

th.Savant-Form {
       text-align: right;
				padding-right: 6px;
}

label.Savant-Form {
				font-weight: normal;
				color: #6699FF;
				font-size: 12px;
}

/* ============================== INTAKE ============================== */


.mainStep	{
		color: #6699FF;
		font-weight: bold;
		} 

.mainTip	{
		font-style: normal;
		color: #626262;
		padding-bottom: 20px;
		}
		
.mainTipTitle	{
		color: #6699FF;
		}
		
.advice		{
		font-size: 22px;
		color: #FFFFFF;
		}
		
.weightDisplay	{
		background-image: url(media/nutrition/background_weight_display.gif);
		background-repeat: no-repeat;
		} 

.forumText	{
						width: 420px;
						xbackground-color: #CCE7F8;
						xborder-style: solid;
						xborder-color: #9BC6E1;
 						xborder-width: 1px;
 						}
 						
/* ================================= DEMO =============================== */

BODY.demo	{
	margin-top: 20px;
	background-color: #018BC1;
	}
	
TD.demoInterface	{
	background-image: url(../../demo/xsport/images/background_interface.jpg);
	background-repeat: no-repeat;
	}
	
TD.demoTitle	{
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	padding-left: 20px;
	}
	
TD.demoCounter	{
	text-align: right;
	padding-right: 20px;
	}
	
TD.demoText	{
	background-image: url(../../demo/xsport/images/background_text.jpg);
	background-repeat: no-repeat;
	height: 60px;
	padding-top: 20px;
	color: #FFFFFF;
	padding-left: 10px;
	}

.void	{
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
	}

.registrationBox
{
	width: 140px;
	_width: 150px;
	padding: 5px;
	background-color: #efefef;
}

xli
{
	font-size: 10px;
	color: #807F84;
}

div#overDiv
{
	background-color: #fff;
	font-size: 26px;
}

.chosenLocation
{
	display: none;
}

form.unsubscribe label
{
	
}

form.unsubscribe th
{
	text-align: left;
	font-weight: normal;
	font-size: 12px;
}

/* ---------- Not logged in ---------- */

a.sMenu, a.sMenu:link, a.sMenu:hover, a.sMenu:visited, a.sMenu:active
{
	width: 80px;
	background-image: url(media/background_menu_s.gif);
}

a.mMenu, a.mMenu:link, a.mMenu:hover, a.mMenu:visited, a.mMenu:active
{
	width: 114px;
	background-image: url(media/background_menu_m.gif);
}

a.lMenu, a.lMenu:link, a.lMenu:hover, a.lMenu:visited, a.lMenu:active
{
	width: 170px;
	background-image: url(media/background_menu_l.gif);
}

/* */

a.sMenuActive, a.sMenuActive:link, a.sMenuActive:hover, a.sMenuActive:visited, a.sMenuActive:active
{
	width: 80px;
	background-image: url(media/background_menu_s_down.gif);
}

a.mMenuActive, a.mMenuActive:link, a.mMenuActive:hover, a.mMenuActive:visited, a.mMenuActive:active
{
	width: 114px;
	background-image: url(media/background_menu_m_down.gif);
}

a.lMenuActive, a.lMenuActive:link, a.lMenuActive:hover, a.lMenuActive:visited, a.lMenuActive:active
{
	width: 170px;
	background-image: url(media/background_menu_l_down.gif);
}

/* ---------- einde EntryPage ---------- */

/* testimonials */

div.testimonial
{
	border-top: 1px solid #f79a4a;
	padding-bottom: 15px;
}

div.testimonial td
{
	vertical-align: top;
	padding: 5px;
}

div.testimonial td.leftTd
{
	width: 170px;
}

div.testimonial td.rightTd
{
	vertical-align: top;
	width: 70px;
}

div.testimonial img.testimonialImage
{
	border: none;
	width: 200px;
}

div.press
{
	border: 1px solid #f60;
	padding: 5px;
	margin: 10px 0px;
}

div.press h2
{
	margin-top: 0px;
}

div.press div.pressDate
{
	text-align: right;
	margin-top: 0px;
	border-bottom: 1px solid #000;
}

#scrollingIntro
{
	position: relative;
	width: 230px;
	height: 420px;
	overflow: auto;
	/*border: 1px solid #f79a4a;*/
}

.thumb, .thumb_sel
{
	margin: 2px 0px;
	border: 2px solid #fff;
}

.thumb_sel
{
	border: 2px solid #f79a4a;
}

.question
{
	margin: 10px 0px;
}

table.dealerlist tr td {
      background-color: #eee;
      font-size: 11px;
}

table.dealerlist tr.odd td {
      background-color: #fff;
}