/* algemeen */
* {
	margin: 					0px;
	padding: 					0px;
}
body {
	color: 						#222;
	font-family: 			"Trebuchet MS",verdana,arial,helvetica,sans-serif;
	font-weight:			normal;
	font-size: 				1.0em;
	line-height:			1.2em;
	overflow-y:				scroll;
	background: 			#110d1d url(../img/bg.png) 0px 0px repeat-x;
}


/* lay-out */
#page {
	width:						995px;
	margin:						0px auto;
	/* background:				transparent url(../img/figures.png) -3px 0px no-repeat; */
}
#top {
	width:						780px;
	margin:						0px auto;
	height:						125px;
	overflow:					hidden;
	text-align:				right;
	font-size:				0.8em;
}
#content {
	border-top:				4px solid #7a00e7;
	width:						780px;
	margin:						0px auto;
	background:				#fafafa url(../img/shadow.png) 0px 0px repeat-x;
	float:						center;
	text-align:				left;
	color:						#222;
	font-size:				0.9em;
}
#end {
	width:						780px;
	height:						20px;
	clear:						both;
	overflow:					hidden;
	float:						center;
}
#left {
	width:						460px;
	float:						left;
}
#right {
	width:						200px;
	float:						right;
}

#page p.copyright {
	font-size:				0.7em;
	color:						#494949;
	text-align:				center;
	height:						50px;
	line-height:			3em;
}


/* top */
#top {
	color: #fff;
}
#top a {
	color:						#fff;
	text-decoration:	none;
}
#top a:hover,
#top a.on {
	color:						#ff9600;
}
#top a.logo {
	float:						left;
	width:						175px;
	height:						50px;
	overflow:					hidden;
	display:					block;
	text-indent:			-9999px;
	margin: 					34px 0px 0px 39px;
	background:				transparent url(../img/rbpt.gif) 0px 0px no-repeat;
}
#top p {
	float:						left;
	clear:						both;
	font-size:				1.1em;
	margin:						8px 0px 0px 38px;
}
#top ul {
	margin:						43px 35px 0px 0px;
	float:						right;
	background:				transparent url(../img/menubg.gif) 0px 0px no-repeat;
	/* border-color:			#252525; */
}
#top ul li {
	list-style:				none;
	float:						left;
}
#top ul li a {
	display:					block;
	font-size:				1.2em;
	padding:					4px 12px 6px 12px;
	border-right:			1px solid #494949;
	border-left:			1px solid #000;
}
#top ul li.first a {
	border-left:			0px;
	padding-left:			20px;
}
#top ul li.last a {
	border-right:			0px;
	padding-right:		22px;
}


/* content */
#contentpadding {
	padding: 					40px 40px 0px 40px;
}

#content h1 {
	font-size:				2em;
	margin:						0px 0px 25px 0px;
	color: 						#ffa200;
}
#content h2 {
	font-size:				1.4em;
	margin-bottom:		0.4em;
}
#content p {
	font-size:				1em;
	margin:						0px 12px 1.6em 0px;
}
#content p.intro {
	font-weight:			bold;
}
#content em {
	float: right;
	margin-top: 1px;
}
#content a {
	color:						#222;
}
sup {
	font-size: 0.5em;
}

/* left */
#left {
	text-align:				justify;
	margin-bottom:		30px;
}


/* right */
#panel {
	width:						200px;
	background:				#edecef;
	color:						#5c5c5d;
	border:						1px solid #dcdbe1;
	float:						left;
	margin-bottom:		30px;
}
#panelpadding {
	padding:					12px;
}
#panel h3 {
	font-size:				1.1em;
	margin-bottom:		10px;
}
#panel p {
	font-size:				0.9em;
	line-height:			1.3em;
}
#right button.call {
	width:						200px;
	margin-top:				40px;
	float:						right;
	height:						55px;
	font-size:				1.5em;
	font-weight:			bold;
	cursor:						pointer;
}


/* general */
hr {
	width:						100%;
	height:						9px;
	background:				transparent url(../img/hr.gif) 50% 0px no-repeat;
	float:						left;
	margin-bottom:		15px;
	border:						0px;
}
img.frame {
	padding:					3px;
	background:				#fff;
	border:						1px solid #8a898b;
}
img.left {
	float:						left;
	margin:						0px 9px 9px 0px;
}


/* formulieren */
.frm {
	width:						460px;
	float:						left;
	font-size:				0.9em;
	text-align:				left;
}
#right .frm {
	width:						176px;
}
.frm label {
	width:						120px;
	float:						left;
	height:						22px;
	font-size:				1.1em;
	margin:						0px 0px 8px 0px;
	line-height:			20px;
	clear:						both;
	color:						#222;
}
#right .frm label {
	font-size:				0.9em;
	margin-bottom:		3px;
}
.frm input {
	width:						325px;
	float:						left;
	margin:						0px 0px 8px 0px;
	background-color:	#fff;
	border:						1px solid #4c5d6d;
	padding:					2px;
	color:						#000;
	font-family:			"Trebuchet MS",verdana,arial,helvetica,sans-serif;
	font-size:				1.1em;
}
#right .frm input {
	width:						170px;
}
.frm select {
	width:						325px;
	float:						left;
	background-color:	#fff;
	border:						1px solid #4c5d6d;
	font-size:				1.1em;
	margin:						0px 0px 8px 0px;
	color:						#000;
	font-family:			"Trebuchet MS",verdana,arial,helvetica,sans-serif;
}
#right .frm select {
	width:						176px;
}
.frm textarea {
	width:						325px;
	float:						left;
	height:						120px;
	margin:						0px 0px 8px 0px;
	background-color:	#fff;
	border:						1px solid #4c5d6d;
	font-size:				1.1em;
	padding:					2px;
	font-family:			"Trebuchet MS",verdana,arial,helvetica,sans-serif;
	color:						#000;	
}
.frm button {
	cursor:						pointer;
	float:						right;
	margin-right:			10px;
	padding:					5px 25px;
}


/* tabellen */
.tbl {
	width:						450px;
	border:						1px solid #222;
	border-collapse:	collapse;
	margin-bottom:		15px;
}
.tbl td {
	height:						19px;
	line-height:			17px;
	font-size:				1em;
	padding:					3px;
	border:						1px solid #222;
	color: 						#222;
	text-align:				center;
	width:						25%;
}
.tbl tr.list {
	background-color:	#fff;
}
.tbl tr.listover {
	background-color:	#f6f5f0;
}
.tbl td a {
	color:						#4d4834;
	display:					block;
}
.tbl thead tr {
	background:				#edecef;
	font-weight:			bold;
}



/* tooltips */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #0077ad;
	background-color: #0088cd;
	padding: 5px;
	opacity: 0.65;
	max-width: 250px;
	color: #ffffff;
}
#tooltip h3 {
	color: #ffffff;	
	font-weight: normal;
	font-size: 1em;
}


/* tabs */
#tabs {
	width:						auto;
	font-size:				0.9em;
	float:						left;
	margin-bottom:		12px;
}
#tabs ul {
	float:						left;
	width:						100%;
	height:						30px;
	text-align:				center;
	border-bottom:		1px solid #666;
	padding:					0px;
}
#tabs ul li {
	list-style:				none;
	float:						left;
	text-align:				center;
	border:						1px solid #8a898b;
	border-bottom:		0px;
	height:						29px;
	margin-left:			9px;
}
#tabs ul li a {
	padding:					5px 15px 0px 15px;
	display:					block;
	width:						100%;
	height:						30px;
	text-decoration:	none;
	width:						auto;
	height:						29px;
	color:						#8a898b;
	overflow:					hidden;
}
#tabs ul li a:hover {
	color:						#ffa200;
}
#tabs ul li.on {
	border-color:			#666;
}
#tabs ul li.on a,
#tabs ul li.on a:hover {
	color:						#222;
	background-color: #fff;
	cursor:						default;
}
#tabs div#tabs-1,
#tabs div#tabs-2 {
	height:						380px;
	background:				#fff;
	width:						99%;
	border:						1px solid #666;
	float:						left;
	border-top:				0px;
}

/* bmi */
#tabs form.bmi {
	padding:					5px;
}
#tabs form.bmi label {
	width:						85px;
	float:						left;
	clear:						both;
	line-height:			2.1em;
	margin-bottom:		7px;
	height:						22px;
}
#tabs form.bmi input {	
	width:						70px;
	float:						left;
	border:						1px solid #222;
	margin-bottom:		7px;
	background-color:	#fff;
	border:						1px solid #4c5d6d;
	padding:					2px;
	color:						#000;
	font-family:			"Trebuchet MS",verdana,arial,helvetica,sans-serif;
	font-size:				1.1em;
	text-align:				center;
}
#tabs form.bmi button {
	width:						100%;
	padding:					5px 15px;
	cursor:						pointer;
}
div.underweight,
div.healthy,
div.overweight,
div.obese {
	display:					none;
	font-size:				1em;
}

#tabs form.bmi .slide {
	float:						left;
	width:						41px;
	text-align:				center;
	padding-bottom:		10px;
}
#tabs form.bmi .slide div#m-slider,
#tabs form.bmi .slide div#cm-slider,
#tabs form.bmi .slide div#kg-slider,
#tabs form.bmi .slide div#gr-slider,
#tabs form.bmi .slide div#ft-slider,
#tabs form.bmi .slide div#in-slider,
#tabs form.bmi .slide div#st-slider,
#tabs form.bmi .slide div#lbs-slider {
	height:						200px;
	width:						10px;
	margin:						0px 0px 12px 15px;
}
#tabs form.bmi .slide div#m-slider .ui-slider-range,
#tabs form.bmi .slide div#cm-slider .ui-slider-range,
#tabs form.bmi .slide div#ft-slider .ui-slider-range,
#tabs form.bmi .slide div#in-slider .ui-slider-range {
	background: #7d00e7;
}
#tabs form.bmi .slide div#kg-slider .ui-slider-range,
#tabs form.bmi .slide div#gr-slider .ui-slider-range,
#tabs form.bmi .slide div#st-slider .ui-slider-range,
#tabs form.bmi .slide div#lbs-slider .ui-slider-range {
	background: #ffa200;
}
.ui-slider-handle.ui-state-active {
	background: #ccc;
}
#tabs form.bmi .slide input {
	width:						30px;
	float:						none;
}

/* carousel */
#carousel {
	margin:						0px;
	padding:					0px;
	overflow:					scroll;
	border:						1px solid #dcdbe1;
	background:				#edecef;
}
#carousel ul {
	list-style:				none;
}
#carousel li {
	background:				url(../img/quote-open.gif) 30px 14px no-repeat;
}
#carousel li blockquote {
	background:				url(../img/quote-close.gif) 390px 100% no-repeat;
	padding:					25px 35px 25px 30px;
}
#carousel li blockquote a {
	text-decoration:	none;
}