html {
	background: white;
	margin: 0px;
	padding: 0px;
	height: 100%;
	text-align: left;
}

body { 
	position: relative;
	margin: 0px auto;
	padding: 0px;
	padding-bottom: 10px;
	width: 759px;
}
		
#container {
	position: relative;
	width: 757px;
	margin: 0px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	/*border: solid 1px #7B8FB0;*/
	border: solid 1px #867490;
	background-repeat: repeat-y;
	min-height: 250px;
	_height: 250px;
}

/******************** header *********************/

div#header {
	position: relative;
	width: 757px;
	height: 98px;
	background-color: #867490;
	background-image: url("../images/top.gif");
	background-repeat: no-repeat;
	background-position: right;
	border-bottom: solid 1px #FFFFFF;
}

/******************** menu *********************/

ul#menu {
	position: absolute;
	top: 99px;
	left: 0px;
	width: 137px;
	background-color: #87899B;
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 200;
}

ul#menu li {
	position: relative;
	width: 117px;
	border-bottom: solid 1px #FFFFFF;
	padding: 3px 10px 3px 10px;
}

ul#menu li.home {
	padding-top: 7px;
	height: 17px;
}

ul#menu li.border-bottom { /* leden */
	border-bottom: solid 10px #FFFFFF;
}

ul#menu li.border-top { /* leden */
	border-top: solid 9px #FFFFFF;
}

ul#menu li:hover,
ul#menu li.over {
	background-color: #425E66;
}

ul#menu li.mnu-yellow { background-color: #EEC979; font-weight: bold; }
ul#menu li.mnu-orange { background-color: #AB6C64; font-weight: bold; }
ul#menu li.mnu-green	{ background-color: #B9CC82; font-weight: bold; }
ul#menu li.mnu-blue 	{ background-color: #9ACFE8; font-weight: bold; }

ul#menu li li.mnu-yellow { background-color: #EEC979; font-weight: normal; }
ul#menu li li.mnu-orange { background-color: #AB6C64; font-weight: normal; }
ul#menu li li.mnu-green	{ background-color: #B9CC82; font-weight: normal; }
ul#menu li li.mnu-blue 	{ background-color: #9ACFE8; font-weight: normal; }

ul#menu li a {
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}

ul#menu li ul {
	display: none;
	position: absolute;
	top: -1px;
	left: 137px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 180px;
	border: 1px solid #FFFFFF;
	border-bottom: none;
	z-index: 10;
}

ul#menu li:hover ul, 
ul#menu li:hover ul li:hover ul,
ul#menu li.over ul, 
ul#menu li.over ul li.over ul {
	display: block;
}

ul#menu li:hover ul li ul,
ul#menu li.over ul li ul { 
	display: none; 
}

ul#menu li ul li {
	background-color: #87899B;
	width: 160px;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 3px 10px 3px 10px;
}	

ul#menu li ul li a {
	text-transform: none;
}

/******************** content *********************/

div#content {
	position: relative;
	top: 0px;
	left: 138px;
	width: 619px;
}

/******************** datum *********************/

div#datum {
	position: absolute;
	top: 45px;
	left: 10px;
	width: 127px;
	height: 40px;
	color: #FFFFFF;
	text-transform: uppercase;
}

div#datum p {
	margin: 0px;
	padding: 0px;
}

/******************** foto lenny klein *********************/

div#foto-lenny-small {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 98px;
	width: 137px;
	background-image: url("../images/foto-lenny-versteegden-smal.jpg");
	background-repeat: no-repeat;
}

/******************** onderdelen *********************/

div#onderdeel_praktijk {
	background-image: url("../images/onderdeel/praktijk_voor_voedings.gif");
	background-repeat: no-repeat;
	background-position: right;
	background-color: #867490;
	width: auto; 
	height: 27px;
	border-bottom: solid 1px #FFFFFF;
}

/******************** deelnemer info *********************/

div#deelnemer-info {
	background-color: #867490;
	width: auto; 
	height: 21px;
	padding: 6px 10px 0px 10px;
	border-bottom: solid 1px #FFFFFF;
	color: #FFFFFF;
}

div#deelnemer-info a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

div#deelnemer-info a:hover {
	text-decoration: underline;
}

/******************** content styles *********************/

div#content div.text h2 {
	font-size: 18px;
	margin-top: 0px;
}

div#content div.text h2 a {
	text-decoration: none;
}

div#content div.text .normal-text {
	font-size: 11px;
	font-weight: normal;
}

div#content div.cms p {
	margin: 0px;
	padding: 0px;
}

/******************** layout *********************/

.bg-yellow 	{ /*#E8BA02;*/ background-color: #EEC979; }
.bg-orange 	{ /*#FF6600;*/ background-color: #AB6C64; }
.bg-green 	{ /*#99CC00;*/ background-color: #B9CC82; }
.bg-blue 	{ /*#0099CC;*/ background-color: #9ACFE8; }
.bg-purple	{ background-color: #867490; }

.bg-yellow-light 	{ /*#F6E39A;*/ background-color: #FED989; }
.bg-orange-light 	{ /*#FFC299;*/ background-color: #EBACA4; }
.bg-green-light 	{ background-color: #D6EB99; }
.bg-blue-light 		{ background-color: #99D6EB; }
.bg-purple-light	{ background-color: #CFD0D7; }

.text-yellow 	{ color: #EEC979; }
.text-orange 	{ color: #AB6C64; }
.text-green 		{ color: #B9CC82; }
.text-blue 		{ color: #9ACFE8; }
.text-purple	{ color: #867490; }

.background-yellow	{ background-image: url("../images/bg_yellow.gif"); }
.background-orange 	{ background-image: url("../images/bg_orange.gif"); }
.background-green 	{ background-image: url("../images/bg_green.gif"); }
.background-blue 		{ background-image: url("../images/bg_blue.gif"); }
.background-purple 	{ background-image: url("../images/bg.gif"); }

/******************** forms *********************/

form {
	padding: 0px;
	margin: 0px;
}

label,input,textarea,select {
	display: block;
	float: left;
	margin-bottom: 3px;
}

label {
	text-align: left;
	width: 120px;
	padding-top: 3px;
	padding-right: 10px;
}

br {
	clear: left;
}

span.verplicht {
	color: red;
}

/******************** submenu + advertentie *********************/

div#submenu-advertentie {
	float: right;
	margin-left: 10px;
	width: 138px;
}

div#submenu {
	width: 128px;
	padding: 5px;
	border-bottom: solid 2px #FFFFFF;
}

div#submenu h2 {
	text-transform: uppercase;
	color: #7B8FB0;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

ul#submenu_nav {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 13px;
	list-style-image: url("../images/li_sub.gif");	
	list-style-position: outside;
}

ul#submenu_nav li {	
	margin: 0px;
	padding: 0px;
}

ul#submenu_nav li a {	
	color: #000000;
	text-decoration: none;
}

ul#submenu_nav li a:hover {	
	text-decoration: underline;
}

ul#submenu_nav li ul {	
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
}

div#advertentie {
	width: 128px;
	text-align: center;
	color: #7B8FB0;
	padding: 5px 5px 8px 5px;
}

div#advertentie p {
	margin: 0px;
	padding: 0px;
}

div#advertentie a {
	color: #7B8FB0;
	text-decoration: none;
}

div#advertentie a:hover {	
	text-decoration: underline;
}

/******************** uitloggen *********************/

div#uitloggen {
	position: absolute;
	top: 80px;
	left: 147px;
	color: #FFFFFF;
}

div#uitloggen a {
	color: #FFFFFF;
	text-decoration: none;
}

div#uitloggen a:hover {
	text-decoration: underline;
}