/* basic elements */
* { 
  margin: 0; 
  padding: 0;
}

body { 
	background-color: #f5f5f5;

	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000; 
	text-align: left;
	
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	}

p {
	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	
	line-height: 18px;
	letter-spacing:0.04em;
	margin: 0px 0px 18px 0px; 
	padding: 0px;	
}

.new
{
	font-size:12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#FF0000;
	font-weight:bold;
}

h1, h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px; 
	color: #2c6e1f;
	font-weight: bold; 
	text-align: left; 
	line-height:36px;
	margin: 0px 0px 18px 0px; 
	padding: 0px;
}

.text {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px; 
	/*color: #9ec969;*/
	color:#2A6D1D;
	font-weight: bold; 
	text-align: left; 
	}

.textnormal {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	/*color: #9ec969;*/
	text-align: left; 
	}

h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px; 
	color: #2c6e1f;
	font-weight: bold; 
	text-align: left; 
	text-transform: none;
	line-height:18px;
	margin: 0px 0px 18px 0px; 
	padding: 0px;
}

a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#447cb8;
	font-weight: bold;
	text-align:center;
}	

a:link, a:visited, a:active { 
	font-weight: normal; 
	text-decoration: none; 
	color: #447cb8;
}
	
a:hover, a:visited:hover { 
	color: #6398d1;
}

/* major divs */

#container { 
	position: relative;	

	width: 1003px; 
	
	background-image:url("../images/containerBg.jpg");
	background-position:top center;
	background-repeat: repeat-y;	
	background-color: #ffffff;  

	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#pageHeader {
	width: 1003px;
 	height: 400px; /* strange but ie6 needs this */
	background-image:url(../images/header.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	background-color:#ffffff;

	margin: 0px 0px 10px 0px; 
	padding: 0px;
}

#logo a{
	position: absolute;
	top: 8px;
	left: 5px;
 	width: 248px;
	height: 53px;
	
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: top left;	
}

#homeBtn {
	position:absolute;
	top: 288px;
	left: 18px;	
}

#homeBtn a, #subHomeBtn a{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	color:#ffffff;
}

#homeBtn a:hover, #subHomeBtn a:hover {
	color:#eeeeee;
}

#homeBtn a:visited, #subHomeBtn a:visited {
	color:#eeeeee;
}

#homeBtn a:visited:hover, #subHomeBtn a:visited:hover {
	color:#ffffff;
}

#sportsMan {
	position: absolute;
	top: 325px;
	left: 700px;
	width: 256px;
	height: 362px;
	
	background-image:url("../images/sportyMan.png");
	background-position:top center;
	background-repeat:no-repeat;
}

#welcomeText {
	position:absolute;
	top: 338px;
	left: 250px;	
}

#welcomeText h1{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 30px;
	color:#ffffff;
	
	text-align:left;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 60px 20px 60px;
}

.h3Home {
	color:#ffffff;
	margin: 0px 0px 18px 0px;
	padding: 10px 60px 0px 60px;
}

#content{
	position:relative;
	width: 495px;
	top: 0px;
	left: 250px;
	color:#ffffff;
}

#firstLine {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: none;

	
	text-align:left;
	line-height:18px;
	
	margin: 0px 0px 18px 0px;
	padding: 0px 0px 0px 0px;
}

#content p{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	
	text-align:left;
	
	margin: 0px 0px 18px 0px;
	padding: 0px 60px 0px 60px;
}

#contentEnd {
	position: relative;
	width:1003px;
	height: 142px;
	
	background-image:url("../images/contentEnd.jpg");
	background-position:top center;
	background-repeat:no-repeat;	
}

#contentEnd a{
	position:relative;
	top: 33px;
	left: 620px;
	
	font-size:12px;
	color: #ffffff;	
	margin:0px;
	padding:0px;
}

#contentEnd a:hover, #contentEnd a:visited:hover{
	color: #55a446;
}

p#firstLine {
}

#mainmenu {
 	position: absolute;
  	top: 333px;
	left: 27px;
	
 	width: 298px;
	height: 109px;
	margin: 0px;
	padding: 0px;
}

#mainmenu ul, #subPageMenu ul{
	margin: 0px; 
	padding: 0px;
}
	
#mainmenu li, #subPageMenu li{
	display: block;
	list-style-type: none;
	
	width: 201px;
	height:45px;
	background-image:url("../images/btnBg.png");
	background-position:top center;
	background-repeat: no-repeat;

	font-size: 12px; 
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;

	margin: 0px 70px 0px 0px;
	padding: 15px 0px 0px 90px;
}

#mainmenu li a, #subPageMenu li a{
	font-size: 12px;
	color:#2c6e1f;
	font-weight: bold;
	text-decoration: none; 
}

#mainmenu li a:active, #mainmenu li a:visited, 
#subPageMenu li a:active, #subPageMenu li a:visited{
	color:#2c6e1f;
	font-style: normal;
}

#mainmenu li a:hover, #mainmenu li a:visited:hover,
#subPageMenu a:hover, #subPageMenu li a:visited:hover {
	color:#55a446;
}
	
#footer {
	position: relative;
	width: 1003px;
	height: 35px;
	text-align:center;
	
	background-color:#2a6d1d;
	
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
}

#footer a, #subFooter a{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#footer a:link, #footer a:visited, #footer a:active,
#subFooter a:link, #subFooter a:visited, #subFooter a:visited {
	color: #8dc782;
}

#footer a:hover, #footer a:visited:hover,
##subFooter a:hover, #subFooter a:visited:hover {
	color:#55a446;
}



/**************common CSS for subpages******************/

#subContainer { 
	position: relative;	
	width: 1003px; 
	
	background-color: #ffffff;  

	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}


#subCommHeader {
	width: 758px;
 	height: 82px; /* strange but ie6 needs this */
	background-image:url(../images/subCommonHdr.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	background-color:#ffffff;

	margin: 0px 0px 0px 0px; 
	padding: 0px;	
}

#subHomeBtn {
	position:absolute;
	top: 7px;
	left: 58px;
}

/*NOTE: '#subHomeBtn a' etc are with 'homeBtn id a' above */

#subPageMenu {
 	position: absolute;
  	top: 145px;
	left: -7px;
	
 	width: 298px;
	height: 109px;
	margin: 0px;
	padding: 0px;
}

#subMainHead {
	position:relative;
	top: 28px;
	left: 230px;	
}

#subMainHead h1{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 30px;	

	text-align:left;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 60px 0px 60px;
}

#subContent {
	position: relative;
	top: 20px;
	left: 230px;
	width: 508px;
}

.h3Sub {
	color:#2c6e1f;
	margin: 0px 0px 0px 0px;
	padding: 10px 60px 0px 60px;
}

#subContent p{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	
	text-align:left;
	
	margin: 0px 0px 18px 0px;
	padding: 10px 60px 0px 60px;
}

#subList, #subNumList {
	list-style-position:inside;
	list-style-type:circle;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#2c6e1f;
	
	text-align:left;
	
	margin: 9px 0px 15px 0px;
	padding: 10px 60px 0px 80px;
}

#subList li, #subNumList li{
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 0px 0px;
}

#subNumList {
	list-style-type:decimal;
}



#subToTopLink {
	position: relative;
	top:10px;
	left: 370px;
	font-size:12px;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#subFooter {
	position: relative;
	width: 1003px;
	height: 35px;
	text-align:center;
	
	background-color:#2a6d1d;
	
	margin: 126px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
}

#afslankenBar, #antiVBar, #formBar, #ontbijtBar, #sportBar, #welzijnBar, #huidverBar {
	position:relative;
	top: 0px;
	left: 0px;
	width: 758px;
 	height: 32px; /* strange but ie6 needs this */
	background-position: top left;
	background-repeat:no-repeat;
	background-color:#ffffff;

	margin: 0px 0px 10px 0px; 
	padding: 0px;	
}

#afslankenHr, #antiVHr, #formHr, #ontbijtHr, #sportHr, #welzijnHr, #huidverHr {
	position:relative;
	width: 465px;
	
	size:1px;
	
	margin: -5px 0px 10px 50px;
	padding:0px
}

#afslankenPic, #antiVPic, #formPic, #ontbijtPic, #sportPic, #welzijnPic, #huidverPic {
	position: absolute;
	top: 0px;
	right: 0px;
	
	width: 247px;
	height: 304px;

	background-position:top right;
	background-repeat:no-repeat;
}

#afslankenProducts, #antiVProducts, #sportProducts, #welzijnProducts, #huidverProducts, #ontbijtProducts {
	position: absolute;
	top: 320px;
	right: 0px;
	
	width: 247px;
	height: 304px;

	background-position:top right;
	background-repeat:no-repeat;
}

#prodtitle {
	position: absolute;
	top: 570px;
	right: 0px;
	
	width: 247px;
	height: 10px;
	color:#2c6e1f;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;

	background-position:top right;
	background-repeat:no-repeat;
}

#shop_btn{
	position: absolute;
	top: 615px;
	right: 0px;
	background-image:url(../images/btn_shop.jpg);
	width:204px;
	height:57px;
	background-repeat:no-repeat;
	text-transform:uppercase;
	text-align:left;
	padding-left:15px;
}
#shop_btn a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	display:inline
}
#shop_btn a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}

#form_btn{
	position: absolute;
	top: 675px;
	right: -3px;
	background-image:url(../images/gezondheidsevaluatie.jpg);
	width:204px;
	height:57px;
	background-repeat:no-repeat;
	text-transform:uppercase;
	text-align:left;
	padding-left:15px;
	cursor:pointer;
}
#form_btn a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	display:inline
}
#form_btn a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}
/**************specific CSS for specific subpages******************/

#afslankenBar {
	background-image:url("../images/afslankenBar.jpg");
}

#afslankenHr{
	color:#ccdbe5;	
}

#afslankenPic {
	background-image:url("../images/afslankenGirl.jpg");
}

#afslankenProducts {
	background-image:url("../images/afslankenProducts.jpg");
}

#antiVBar {
	background-image:url("../images/antiVBar.jpg");
}

#antiVHr{
	color:#e0dceb;
}

#antiVPic {
	background-image:url("../images/antiVCouple.jpg");
}

#antiVProducts {
	background-image:url("../images/antiVProducts.jpg");
}

#ontbijtBar {
	background-image:url("../images/ontbijtBar.jpg");
}

#ontbijtHr {
	color:#dae6f2;
}

#ontbijtPic {
	background-image:url("../images/ontbijtGirl.jpg");
}

#ontbijtProducts{
	background-image:url("../images/ontbijtProducts.jpg");
}

#sportBar {
	background-image:url("../images/sportBar.jpg");
}

#sportHr {
	color:#fddcb2;
}

#sportPic {
	background-image:url("../images/sportGirl.jpg");
}

#sportProducts {
	background-image:url("../images/sportProducts.jpg");
}

#welzijnBar {
	background-image:url("../images/welzijnBar.jpg");
}

#welzijnHr {
	color:#e6ddec;
}

#welzijnPic {
	background-image:url("../images/welzijnGirl.jpg");
}

#welzijnProducts {
	background-image:url("../images/welzijnProducts.jpg");
}

#huidverBar {
	background-image:url("../images/huidverBar.jpg");
}

#huidverHr{
	color:#e1d3ee;	
}

#huidverPic {
	background-image:url("../images/huidverGirl.jpg");
}

#huidverProducts {
	background-image:url("../images/huidverProducts.jpg");
}

#formBar {
	width: 821px;
	background-image:url("../images/formBar.jpg");
}

#formHr {
	width: 530px;
	color:#d5ebba;	
}

#formPic {
	width: 182px;
	height: 571px;
	background-image:url("../images/formPeople.jpg");
}

#formHeader {
	width: 821px;
 	height: 82px; /* strange but ie6 needs this */
	background-image:url(../images/formHeader.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	background-color:#ffffff;

	margin: 0px 0px 0px 0px; 
	padding: 0px;	
}

.rowA, .rowB {
	height:30px;
	font-size:12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}