/* ------------------------------------------------- BASIC: ODONTOS -------------------------------------------------- */

html,body {
	height	: 100%;
}
body {
	background	: url(../img/body_bg2.jpg) center top;
	font		: normal 12px/1.6em "Lucida Grande", Geneva, Arial;
	color		: #484848;
	margin		: 0;
	padding		: 0;
}
#container {
	background	: url(../img/container_bg.jpg) repeat-y;
	width		: 951px;
	height		: 100%;
 	margin		: 0 auto;
	padding		: 0;
}
#container-ghost {
	background	: url(../img/container_bg.jpg) repeat-y;
	overflow	: auto;
	margin		: 0;
	padding		: 0;
}
#content {
	width		: 801px;
	margin		: 0 auto;
	padding		: 0 0 30px 0; /* betreft bot-ruimte in IE */
}

/* ------------------------------------------------------ BANNER ---------------------------------------------- */

#banner {
	background	: url(../img/banner.jpg) no-repeat;
	border-left	: 1px solid #DBDBEC;
	border-right: 1px solid #D4D4E5;
	height		: 159px;
	margin		: 0;
	padding		: 0;
}
#banner h1 {
	text-indent	: -999em;
	float		: left; /* geen floatfunctie; is ter voorkoming van bot-ruimte */
	margin		: 0;
	padding		: 0;
}

/* ------------------------------------------------------- MENU ----------------------------------------------- */

#menu {
	background	: url(../img/menu_bg.jpg) repeat-x;
	border-left	: 1px solid #D0E6F4;
	border-right: 1px solid #D4D4E5;
	height		: 34px;
}
#menu ul {
	list-style	: none;
	margin		: 0 0 0 47px;
	padding		: 0 32px 0 0;
}
#menu ul li {
	line-height	: 14px;
	font		: bold 13px/1.7em "Lucida Grande", Geneva, Arial;
	color		: #FFF;
	display		: inline; 
	margin		: 0;
	padding		: 0;
}
#menu ul li a {
	text-decoration	: none;
	color		: #FFF;
	float		: left; 
	height		: 14px; 
	line-height	: 14px; 
	margin		: 0;
	padding		: 10px 12px;
}
#menu ul li a:hover, #menu ul li a.active {
	background	: url(../img/menu_h.gif) center top no-repeat;
}

/* ------------------------------------------------------- MAIN ----------------------------------------------- */

#main {
	float	: left;
	width	: 507px;
 	margin	: 0;
	padding	: 29px 0px 35px 50px;
}
#main h2 {
	font	: normal 16px Georgia;
	clear	: both;
	color	: #0A72B3;
	margin	: 0;
	padding	: 10px 0;
}
#main h3 {
	font	: bold 13px Georgia;
	clear	: both;
	color	: #6a6d87;
	margin	: 0;
	padding	: 0 0 10px 0;
}
#main img {
	border	: 1px solid #D4D1D1;
	float	: left;
	margin	: 0 15px 15px 0;
	padding	: 4px;
}
#main p {
	margin	: 0 0 10px 0;
	padding	: 0;
}
#main p.last {
	clear	: both;
	margin	: 0;
	padding	: 0 0 10px 0;
}
#main ul.vacatures {
	list-style	: inside disc;
	color		: #484848;
	margin		: 0;
	padding		: 0;
}
#main ul.vacatures li {
	color		: #484848;
	line-height	: 1.4em;
	margin		: 0;
	padding		: 0;
}
#main ul.links {
	list-style	: none;
	margin		: 20px 0 15px 0;
	padding		: 0;
}
#main ul.links li {
	line-height	: 1.4em;
	margin		: 0;
	padding		: 0;
}
#main ul.links li a {
	text-decoration	: underline;
	color			: #9D4439;
	height			: 20px;
}
#main ul.links li a:hover {
	text-decoration	: none;
	color			: #181881;
}
#main p.under { /* text under pictures */
	clear	: both;
	margin	: 0 0 10px 0;
	padding	: 0;
}
.producten img {
	border	: 1px solid #D4D1D1;
	float	: left;
	margin	: 0 15px 15px 0;
	padding	: 4px;
}
#main table.contact {
	width	: 90%;
	margin	: 10px 0 15px 5px;
	padding	: 0;
}
#main.contact td {
	line-height	: 1.2em;
	font-weight	: bold;
	padding		: 2px;
}
#main a {
	text-decoration	: underline;
	color			: #9D4439;
}
#main a:hover {
	text-decoration	: none;
	color			: #181881;
}


/* ------------------------------------------------------- SUBMAIN ( PRODUCTEN )----------------------------------------------- */

#submain {
	font		: normal 12px "Lucida Grande", Geneva, Arial;
	float		: right;
	width		: 194px;
	height		: 100%;
 	margin		: 0;
	padding		: 27px 25px 35px 0;
}
#submain h2 {
	background	: url(../img/bullit.jpg) 1px 0 no-repeat;
	font		: normal 16px Georgia;
	color		: #181881;
	margin		: 0;
	padding		: 12px 0 15px 48px;
}
#submain ul {
	list-style	: none;
 	margin		: 0;
	padding		: 0 0 0 46px;
}
#submain ul li {
	background	: url(../img/bullit_small_h.jpg) 0 0 no-repeat;
	list-style	: none;
	height		: 20px;
	margin		: 0 0 5px 0;
	padding		: 0;
}
#submain ul li a {
	text-decoration	: underline;
	color	: #9D4439;
	display	: block;
	height	: 20px;
	margin	: 0;
	padding	: 0 0 0 26px;
}
#submain ul li a:hover, #submain ul li a.active {
	background		: url(../img/bullit_small.jpg) 0 0 no-repeat;
	text-decoration	: none;
	color			: #181881;
}
#submain ul li a img {
	border		: 1px solid #D4D1D1;
	float		: left;
	margin		: 0;
	padding		: 4px;
}

.lichtgrijs {
	color:#aaa;
}

/* ------------------------------------------------------ NEWS ----------------------------------------------

#news {
	font		: normal 11px/1.6em "Lucida Grande", Geneva, Arial;
	float		: left;
	width		: 191px;
 	margin		: 0;
	padding		: 27px 24px 35px 0;
}
#news ul {
	list-style	: none;
	margin		: 0;
	padding		: 0;
}
#news ul li {
	background	: url(../img/bullit.jpg) 1px 0 no-repeat;
	font-size	: 11px;
	margin		: 0;
	padding		: 10px 0 17px 45px;
}
#news ul li a {
	text-decoration	: none;
	color			: #0E7BBE;
	margin	: 0;
	padding	: 0;
}
#news ul li a:hover {
	text-decoration	: underline;
	margin	: 0;
	padding	: 0;
}
#news ul li h2 {
	font		: normal 14px Georgia;
	clear		: both;
	color		: #181881;
	margin		: 0 0 15px 0;
	padding		: 0;
}
*/


/* ------------------------------------------------------ SLIDER ----------------------------------------------*/

#animation {
 
  margin-bottom: 15px;
}