/* ========================================================================= */
/* ========================== De CSS voor fitu4 FVT Politie =========================== */
/* ========================================================================= */


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

body, html {
	font-family: Arial, Trebuchet MS, Verdana, Sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	height: 100%;
	xbackground: url(media/wrapper_bg.gif) center repeat-y;
	}

td	{
	font-family: Arial, Trebuchet MS, Verdana, Sans-serif;
	font-size: 12px;
	}

body.main {
	background: url(media/background_body.gif) repeat-y left;
	}

#wrapper	{
	width: 995px;
	min-height: 100%;
}

#left {
	background-color: #FFFFFF;
	color: #72A1C9;
	padding: 10px 10px 10px 10px;
	width: 175px;
	height: 480px;
	float: left;
	}

#title	{
	width: 155px;
	padding: 3px;
	border: 3px solid #90C84B;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	}
	
#contentArea {
	color: #00598E;
	float: left;
	width: 600px;
	height: 100%;
	}
	
a	{
	text-decoration: underline;
	color: #00598E;
	}
	
a:hover	{
	}

A.goDefault, A.goDefault logBoxButtons	{
	text-decoration: none;
	background: url(media/go.gif) 0 3px;
	background-repeat: no-repeat;
	background-image: left;
	padding-left: 12px;
}

A.goDefault:HOVER	{
	text-decoration: underline;
	background: url(media/go_hover.gif) 0 3px;
	background-repeat: no-repeat;
	background-image: left;
	}

.emphasisBox A.goDefault	{
	color: #FFFFFF;
	background:  url(media/buttons/go_emphasis.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	}

.emphasisBox A.goDefault:HOVER	{
	background:  url(media/buttons/go_emphasis_over.gif);
	1background-position: left 1px;
	background-repeat: no-repeat;
	}

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

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;
	xline-height: 1.3em;
}

TABLE.content {
	width: 400px; 
}

.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-size: 16px;
				font-style: italic;
				padding-bottom: 11px;
				}

TD.titleHeadline			{
				font-size: 10px;
				padding-bottom: 11px;
				}

p.title				{
				font-size: 14px;
				font-weight: bold;
				}

.userAreaFREE, .userAreaPREMIUM, .userAreaTEASER	{
	width: 165px;
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 130px;
	padding: 10px;
}

.contentCode	{
	background: #50f;
	width: 1000px;
	padding: 0 0 0 30;
	}


div.rightContentCodePREMIUM
{
	padding: 10px 20px;
	background-color: #A8D7F0;
}

div.rightContentCodeTEASER
{
	background: white;
	width: 660px;
	margin: 0px 15px 15px 285px;
	padding: 10px 15px 70px 15px;
	border: 1px solid #cecece;
	border-top: none;
}

div.fullContentCodePREMIUM
{
	padding: 10px 20px 10px 20px;
}

/* ---- */
				



#logbook	{
	overflow: hidden;
	margin-left:-12px;
	margin-right:-12px;
}
				
#payoff				{
				background: #F9E90B;
				height: 20px;
				border: 1px solid #F9E90B;
				width: 1000px;
				position: absolute;
  				bottom: 0 !important;
  				bottom: -1px;
}              

#payoff div			{
				float: right;
				}

#payoff ul			{
				padding: 0px;
				margin: 0px;
				}

#payoff ul li img		{
				padding-top:0px;
				}

#payoff ul li			{
				float: left;
				display: inline;
				list-style: none;
				xborder: 1px solid;
				margin: 2px 8px 0px;
}
				
A.payoff, A.payoff:HOVER, A.payoff:link, A.payoff:visited, A.payoff:active {
	color: black;
	font-size: 9px;
	text-decoration: none;
				}

a.payoff:hover	{
	color: #cc0000;
	}
				
/* ============================== ENTRY PAGE ============================== */

TD.introText			{
				color: #000;
				}
				
.imageIntro			{
				margin-right: 10px;
	border: 2px solid #000;
}

.imageIntroBorderless		{
				margin-right: 10px;
				}
				
P.header, .header			{
				font-size: 14px;
				color: #c00;
				margin: 15px 0px 5px 0px;
				padding: 0px;
				}

TD.subHeader, p.subHeader, div.subHeader, .selectHeader			{
				font-size: 12px;
				font-weight: bold;
				}

.selectHeader	{
	margin-bottom: -10px;
	}
				
TD.subHeader2			{
				font-size: 12px;
				color: #000;
				}

TD.smallHeader			{
				font-size: 9px;
				}
				
DIV.logBox			{
				background-color: #1FC0FE;
				/*background-image: url(media/entry/background_logbox.jpg);*/
				color: #FFFFFF;
				padding: 10px;
        height: 216px;
        width: 246px;
				}
				
DIV.logonBox			{
				background-color: #1FC0FE;
				/*background-image: url(media/entry/background_logonbox.jpg);*/
				color: #FFFFFF;
        height: 450px;
				}
				
.logBoxTitle			{
				font-size: 11px;
				background-color: #1084B9;
				text-align: center;
				color: #FFFFFF;
				margin-bottom: -5px;
				padding: 3px;
				}
				
.logonBoxTitle1			{
				font-size: 15px;
				width: 246px;
				color: #FFFFFF;
				font-weight: bold;
				font-style: italic;
				position: absolute; middle: 70px; top: 120px; z-index: 2;
				}
				
.logonBoxTitle2			{
				font-size: 15px;
				width: 246px;
				color: #038BBF;
				font-weight: bold;
				font-style: italic;
				position: absolute; middle: 72px; top: 122px; z-index: 1;
				}
				
.logonBoxShout1			{
				font-size: 30px;
				width: 246px;
				color: #FFFFFF;
				font-weight: bold;
				font-style: italic;
				position: absolute; middle: 400px; top: 120px; z-index: 2;
				margin-left: 30px;
				}
				
.logonBoxShout2			{
				font-size: 30px;
				width: 246px;
				color: #038BBF;
				font-weight: bold;
				font-style: italic;
				position: absolute; middle: 402px; top: 122px; z-index: 1;
				margin-left: 30px;
				}

A.logBoxLink		{
				font-size: 14px;
				font-weight: bold;
				color: #FFFFFF;
				position: absolute;
				margin-left: -40px;
				top: 222px;
				z-index: 3;
				width: 300px;
				text-align: left;
				}
				
A.logBoxLink2		{
				font-size: 14px;
				font-weight: bold;
				color: #FFFFFF;
				position: absolute;
				margin-left: -40px;
				top: 240px;
				z-index: 3;
				width: 300px;
				text-align: left;
				}

A.logBoxLinkTouchdown		{
				font-size: 14px;
				font-weight: bold;
				color: #FFFFFF;
				position: absolute;
				margin-left: -40px;
				top: 227px;
				z-index: 3;
				width: 300px;
				text-align: left;
				}

A.logBoxLink:HOVER, A.logBoxLink2:HOVER, A.logBoxLinkTouchdown:HOVER 	{
				color: #FFFFFF;
				}
				
.logonBoxSubTitle			{
				font-size: 15px;
				font-weight: normal;
				color: #FFFFFF;
				}
				
A.logBox			{
				color: #FFFFFF;
				}
				
A.logBox:HOVER			{
				color: #C5EFFF;
				}
				
.logBoxButtons, .emphasisBox			{
				color: white;
				background-color: #d6332c;
        		margin: 5px 0px;
				padding: 10px;
				}


.userPic			{
	border: 1px solid #cecece;
}
				
.teaserKm				{
				font-size: 30px;
				color: #EA2C2D;
				}
				
.teaserKcal				{
				font-size: 30px;
				color: #00A1DF;
				}
				
TD.fadeLine			{
				background-color: #B7DAEC;
				}
				
TD.contentBox, TD.contentboxItalic			{
				padding-left: 10px;
				padding-right: 10px;
				}
				
DIV.contentboxWelcome		{
				font-style: italic;
				font-weight: bold;
				color: #00729F;
				}

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

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

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

TD.popUpHeaderBar		{
										background-color: #d6332c;
										background-image: url(media/background_popupheader.jpg);
										color: #FFFFFF;
										}

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

#login {              
	padding: 10px 10px 10px 10px;
	background: #00598E;
	color: #90C84B;
	}

#login h3	{
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	}

#login a	{
	color: #FFFFFF;
	}

#login ul	{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	position: relative;
	top: 2px;
	}

#login ul li	{
	xfloat: left;
	list-style-type: none;
	}


#menuBar {
	padding: 10px 10px 10px 10px;
	background: #FFFFFF;
	color: #00598E;
	border: 1px solid #72A1C9;
	border-top: none;
	}

#menuBar UL	{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	position: relative;
	top: 2px;
	}

#menuBar UL UL {
	margin-left: 8px;
}

#menuBar  li	{
	list-style-type: none;
	background: url(media/go.gif) 0 3px;
	background-repeat: no-repeat;
	background-image: left;
	padding-left: 14px;
	}

#menuBar UL UL LI {
	list-style-image: none;
}

#menuBar A {
	color: #00598E;
}

A.menu, A.menu:link, A.menu:visited, A.menu:active {
	text-decoration: none;
}

A.menu:HOVER			{
	text-decoration: underline;
}
				

A.menuActive, A.menuActive:link, A.menuActive:visited, A.menuActive:active			{
	font-weight: bold;
	text-decoration: none;
}

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

A.subMenu, a.subMenuActive			{
	font-size: 11px;
	text-decoration: none;
}
				
A.subMenu:HOVER			{
	text-decoration: underline;
}
				
A.subMenuActive, A.subMenuActive:HOVER			{
	font-weight: bold;
	text-decoration: none;
}

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

.dayselector TD {
	text-align: right;
	padding: 2px 2px 2px 2px;
	border: 1px solid #D0E5B0;
	color: #599016;
}

.dayselector A {
	color: #599016;
}

.dayselector .nav TD {
	font-style: italic;
	padding-bottom: 10px;
	color: #000000;
	padding: 0px 0px 20px 0px;
}

.dayselector TH {
	text-align: center;
	background: #00598E;
	xfont-size: 8pt;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 3px 2px 3px;
}

.normalToggleOn, 
.trainingToggleOn {
	background: url(media/buttons/up.gif) no-repeat 99% center;
	background-color: #00598E;
	color: #ffffff;
	font-weight: bold;
	padding: 3px;
	cursor: pointer;
}

.normalToggleOff, 
.trainingToggleOff {
	background: url(media/buttons/down.gif) no-repeat 99% center;
	background-color: #00598E;
	color: #ffffff;
	font-weight: bold;
	padding: 3px;
	cursor: pointer;
}

.normalContainer, 
.trainingContainer {
	padding-bottom: 16px;
	width: 100%;
}

.normalA, .normalB,
.trainingA, .trainingB  {
	background-color: #ffffff;
	padding: 6px;
}


.normalText,
.trainingText  {
	width: 100%;
}

.trainingHeader {
	font-style: italic;
	padding: 0px 0px 19px 0px;
	line-height: 18px;
}

.normalBold,
.trainingBold  {
	font-style: italic;
	padding: 0px 0px 4px 0px;
	line-height: 18px;
}


.fvt-training TD {
	padding: 1px;
	text-align: left;
}

.trainingA A, .fvt-training A {
	text-decoration: underline;
}

.fvt-training TH {
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	text-align: left;
	padding-right: 8px;
}

.fvt-training TH.desc {
	text-align: left;
}

.fvt-training TD.desc {
	font-size: 9px;
	white-space: nowrap;
	padding-top: 3px;
	padding-right: 4px;
	text-align: left;
}

.fvt-training TD.left {
	white-space: wrap;
	text-align: left;
}

.fvt-training TR {
	vertical-align: top;
}

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

TD.selectedDayLetter		{
				background-color: #EC292D;
				color: #000000;
				}
				
TD.trainingRest			{
				color: #599016;
				}
				
TD.trainingRest A {
				color: #599016;
				text-decoration: none;
				}
				
TD.trainingDay A {
				text-decoration: none;
				}
				
TD.trainingDay			{
				background-color: #ffffff;
				color: #CBF0FF;
				}
				
TD.trainingSelectDay		{
				background-color: #000000;
				color: #ffffff;
				}
				
TD.trainingSelectDay A {
				color: #ffffff;
				text-decoration: none;
				}

/* ============================== 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;
}

DIV.button A {
	text-decoration: none;
}

DIV.button A.hover {
	text-decoration: underline;
}

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

INPUT.logBox {
	border: 1px;
}

INPUT.button_go, IMG.button_go, IMG.button_info, IMG.button_goback, IMG.button_godown, IMG.button_mail, IMG.button_nogo {
	width: 8px;
	height: 8px;
	margin-right: 6px;
	border: 0px;
  vertical-align: middle;
}

A.button, A.home_button, P.button A {
	text-decoration: none;
}

span.know-how_button
{
	white-space: normal;
}

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

TABLE.mylist {
	width: 100%;
}

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

td.mylist
{
	width: 99%;
}

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: #ECEBEB;
}

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

TD.community_mylist_1 {
	background-color: #ECEBEB;
	xborder-style: solid;
	xborder-color: #9BC6E1;
	xborder-width: 1px;
}

TD.community_mylist_2 {
	background-color: #F3F3F3;
 	xborder-style: solid;
	xborder-color: #EDEAEA;
	xborder-width: 1px;
}

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

.selectImage_index, .selectImage_forum, .selectImage_groups, .selectImage_experts {
	border: 1px solid #000;
}

.selectImage_groups {
 	width: 150px;
	/*height: 150px;*/
}

div.itemBox
{
	margin: 5px 3px 10px;
}

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

.exercises_info {
	font-style: italic;
}

.exercises_legenda {
	font-size: 10px;
}

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

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

.calculators_small {
	font-size: 10px;
}

.calculators_strong {
	font-weight: bold;
}

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

#news_content {
	xwidth: 600px;
}

#news_author {
	font-style: italic;
}

#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: #c00;
  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;
}

th.Savant-Form, td.Savant-Form
{
	vertical-align: top;
}

label.Savant-Form {
				font-weight: normal;
				color: #000;
				font-size: 12px;
				line-height: 22px;
				font-weight: bold;
}

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


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

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

.forumText	{
						width: 400px;
 						}
 						
/* ================================= 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;
	}

.pollHeader
{	
	font-weight: bold;
	font-style: italic;
}

div.publicClientName
{
	float: left;
	margin: 3px;
	padding: 3px 5px;
}

/* ================================= FORUM ============================== */

table.forum
{
	width: 100%;
}

/* ============================== LOGIN ========================= */

div.loginBox
{
	xwidth: 160px;
	xborder: 1px solid #00FF00;
	/*background: url(media/background_login.jpg) no-repeat left top;*/
}

form.loginForm
{
	margin-bottom: 0px;
	padding-bottom: 10px;
}

/* ================================ TICKER =============================== */

#ticker
{
	position: relative;
	height: 50px;
	border: 1px solid #00A1DF;
	background-color: #BCE6F4;
	color: #00A1DF;
	/*font-weight: bold;*/
	padding: 3px;
}

#tickerContent
{
	width: 100%;
}

#vfill
{
	margin-top: 10px;
	background-color: #0f0;
}

.testAd
{
	background-color: #eee;
	height: 100%;
}

/* ============================== VIDEOS ============================== */

.video {
	float: left;
	width: 120px;
	margin-right: 20px;
	margin-top: 20px;
	font-weight: bold;
	font-style: italic;
}

.video IMG {
	width: 120px;
	padding-bottom: 10px;
	border: 0px;
}

/* ============================== FVT-ITEM ============================== */

.fvt-item	{
	padding: 15px 0px;
}

.fvt-item .fvt-header	{
	font-size: 14px;
	background: #90C84B;
	padding: 2px 0px 2px 30px;
}
	
.fvt-item .fvt-content	{
	margin: 0px 20px;
	color: #FFFFFF;
	padding: 25px;
	background-color: #00598E;
}

.video-item .fvt-content {
	padding-bottom: 3px;
}

.fvt-item .fvt-bottom	{
	background: url(media/background_fvtitem.gif) no-repeat left bottom;
	height: 16px;
	margin: -4px 0px 0px 20px;
	padding: 0px 0px 0px 15px;
}

#logopolitie	{
	text-align: center;
	background-color: #FFFFFF;
	height: 50px;
	border: 1px solid #90C84B;
	}
	
#logofitengezond	{
	text-align: center;
	margin-top: 30px;
	}