/*
  Main lay-out
*/

html, body {
  height: 100%;
}  

body {
  background-color: #efedef;
  background-image: url(../gfx/body_bg.png);
  background-position: top center;  
  background-repeat: repeat-y;
  
  margin: 0;
  padding: 0;
  
  text-align: left;
  
  
}

form {
  margin: 0;
}

/*
  Header
*/

body div#container {
  position: relative;
  top: -60px;
  height: 100%;
}

body div#main_container {
  _height: 100%;
  min-height: 100%;
}  

body div#header {
	position: relative;
	z-index: 1;
	
	height: 104px;
	width: 744px;

	margin: 0;
	padding: 0;
	
  padding-top: 60px;

  background-image: url(../gfx/header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
		
	text-align: right;
}

/*
  Header: Logo
*/

div#header h1#logo {
  margin: 0;
  padding: 0;
}  

div#header h1#logo a {
  display: block;
  
	width: 744px;
	height: 0px;
	
  margin: 0;
  padding: 0;

	padding-top: 104px;

  background-image: url(../gfx/header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 0px;

	overflow: hidden;
}
	
/*
  Content
*/



body div#content_header {
	position: inherit;
	z-index: 1;
	
	height: 7px;
	width: 744px;
	
  background-image: url(../gfx/content_header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

body div#container744 {
	position: inherit;
	z-index: 1;
	
	width: 716px;	
	
	left: 14px;
	
	padding-top: 7px;.
}

body div#content_left {
	position: relative;
	z-index: 10;
	
	text-align: left;
	width: 122px;
	
	float: left;
}

body div#content_right {
	position: relative;
	z-index: 10;
	
	text-align: left;
	width: 224px;
	
	float: left;
}

body div#content {
	position: inherit;
	z-index: 10;
	
	min-height: 300px;
	/*_height: 300px;*/
	height: 504px;
	
	width: 350px;
	margin: 0px;
	padding: 0px;
	
	text-align: left;
	
	float: left;
	
	padding-left: 10px;
	padding-right: 10px;
	overflow: auto;
	  overflow-x: hidden; 
}

	
/*
 Main top Menu
*/

body div#menu {
	position: inherit;
	z-index: 1;
	
	height: 26px;
	width: 744px;
	margin: 0;
	padding: 0;
		
	text-align: right;
}


div#menu ul {
	width: 744px;
	margin: 0px; 
	padding: 0px; 
	overflow: hidden;
	text-align: left;
}

div#menu ul li{
	list-style: none;
	display: block;
	
	float: left;
}

div#menu ul li a {
	display: block;
	height: 0px;
	font-size: 0px;
	padding-top: 26px;
	overflow: hidden;
	width: 92px;
}
			

div#menu ul li#menu_button_diabese a{
	width: 97px;
	background: url(../gfx/menu_button_diabese.jpg) no-repeat 0 0;
}
div#menu ul li#menu_button_diabese a:hover{
	background: url(../gfx/menu_button_diabese_over.jpg) no-repeat 0 0;
}
div#menu ul li.menu_button_diabese_over{
	background: url(../gfx/menu_button_diabese_over.jpg) no-repeat 0 0;
}

div#menu ul li#menu_button_diabetes a{
	width: 91px;
	background: url(../gfx/menu_button_diabetes.jpg) no-repeat 0 0;
}
div#menu ul li#menu_button_diabetes a:hover{
	background: url(../gfx/menu_button_diabetes_over.jpg) no-repeat 0 0;
}
div#menu ul li.menu_button_diabetes_over{
	background: url(../gfx/menu_button_diabetes_over.jpg) no-repeat 0 0;
}

div#menu ul li#menu_button_obesitas a{
	width: 92px;
	background: url(../gfx/menu_button_obesitas.jpg) no-repeat 0 0;
}
div#menu ul li#menu_button_obesitas a:hover{
	background: url(../gfx/menu_button_obesitas_over.jpg) no-repeat 0 0;
}
div#menu ul li.menu_button_obesitas_over{
	background: url(../gfx/menu_button_obesitas_over.jpg) no-repeat 0 0;
}

div#menu ul li#menu_button_ayurveda a{
	width: 92px;
	background: url(../gfx/menu_button_ayurveda.jpg) no-repeat 0 0;
}
div#menu ul li#menu_button_ayurveda a:hover{
	background: url(../gfx/menu_button_ayurveda_over.jpg) no-repeat 0 0;
}
div#menu ul li.menu_button_ayurveda_over{
	background: url(../gfx/menu_button_ayurveda_over.jpg) no-repeat 0 0;
}

div#menu ul li#menu_button_deelnemen a{
	width: 92px;
	background: url(../gfx/menu_button_deelnemen.jpg) no-repeat 0 0;
}
div#menu ul li#menu_button_deelnemen a:hover{
	background: url(../gfx/menu_button_deelnemen_over.jpg) no-repeat 0 0;
}
div#menu ul li.menu_button_deelnemen_over{
	background: url(../gfx/menu_button_deelnemen_over.jpg) no-repeat 0 0;
}

div#menu ul li#menu_button_waar a{
	width: 92px;
	background: url(../gfx/menu_button_waar.jpg) no-repeat 0 0;
}
div#menu ul li#menu_button_waar a:hover{
	background: url(../gfx/menu_button_waar_over.jpg) no-repeat 0 0;
}
div#menu ul li.menu_button_waar_over{
	background: url(../gfx/menu_button_waar_over.jpg) no-repeat 0 0;
}

div#menu ul li#menu_button_vergoeding a{
	width: 92px;
	background: url(../gfx/menu_button_vergoeding.jpg) no-repeat 0 0;
}
div#menu ul li#menu_button_vergoeding a:hover{
	background: url(../gfx/menu_button_vergoeding_over.jpg) no-repeat 0 0;
}
div#menu ul li.menu_button_vergoeding_over{
	background: url(../gfx/menu_button_vergoeding_over.jpg) no-repeat 0 0;
}

div#menu ul li#menu_button_nieuws a{
	width: 96px;
	background: url(../gfx/menu_button_nieuws.jpg) no-repeat 0 0;
}
div#menu ul li#menu_button_nieuws a:hover{
	background: url(../gfx/menu_button_nieuws_over.jpg) no-repeat 0 0;
}
div#menu ul li.menu_button_nieuws_hover{
	background: url(../gfx/menu_button_nieuws_over.jpg) no-repeat 0 0;
}

/*
  left images menu
*/

div#content_left ul {
	width: 122px;
	margin: 0px; 
	padding: 0px; 
	overflow: hidden;
	text-align: left;
}

div#content_left ul li{
	list-style: none;
	display: block;
}

div#content_left ul li a {
	display: block;
	height: 0px;
	font-size: 0px;
	overflow: hidden;
	width: 122px;
	margin-bottom: 2px;
}

div#content_left ul li#media a{
	padding-top: 221px;
	background: url(../gfx/image_button_diabese_media.jpg) no-repeat 0 0;
}
div#content_left ul li#nieuwsbrief a{
	padding-top: 157px;
	margin-bottom: 10px;
	background: url(../gfx/image_button_nieuwsbrief.jpg) no-repeat 0 0;
}
div#content_left ul li#stappenteller a{
	padding-top: 201px;
	margin-bottom: 10px;
	background: url(../gfx/image_button_stappenteller.jpg) no-repeat 0 0;
}

/*
  right images menu
*/

div#content_right ul {
	width: 224px;
	margin: 0px; 
	padding: 0px; 
	overflow: hidden;
	text-align: left;
}

div#content_right ul li{
	list-style: none;
	display: block;
}

div#content_right ul li a {
	display: block;
	height: 0px;
	font-size: 0px;
	overflow: hidden;
	width: 224px;
	margin-bottom: 2px;
}

div#content_right ul li#gezondheid a{
	padding-top: 123px;
	background: url(../gfx/image_button_gezondheidscheck.jpg) no-repeat 0 0;
}
div#content_right ul li#deelnemers a{
	padding-top: 127px;
	background: url(../gfx/image_button_reacties_deelnemers.jpg) no-repeat 0 0;
}
div#content_right ul li#q_a a{
	padding-top: 123px;
	background: url(../gfx/image_button_q_a.jpg) no-repeat 0 0;
}
div#content_right ul li#contact a{
	padding-top: 123px;
	background: url(../gfx/image_button_contact.jpg) no-repeat 0 0;
}


/* Footer */

div#footer {
  position: relative;

  width: 300px;
  height: 60px;
  max-height: 60px;
  font-size: 10px;
  color: #999999;
  text-align: center;
  /*margin-bottom:-60px;*/
  padding-right: 100px;
}  

div#footer a{
  font-size: 10px;
  color: #999999;
}  



/* Messages */

div.successmessage {
  padding: 4px;
  margin-bottom: 10px;
	border : 1px solid #58b75a;

	background-color : #d6ffd7;
  color: #259427;
}

div.successmessage a, div.successmessage b {
  color: #259427;
}

div.errormessage {
  padding: 4px;
  margin-bottom: 10px;
  padding-right :35px;
	border: 1px solid #FFCC00;

	background : #FFFF99 url(../gfx/notification.png) no-repeat 99% 0;
}