/* #### Layout #### */
body, html {
	text-align:center;   /* workarond IE5 BUG with auto margin */
	margin: 0px;
    padding: 0px;
	background: #969696;
	}
#page {
	margin-right:auto;
	margin-left:auto;
	padding:0px 28px 30px 12px;
	background:#969696 url(../Images/Common/Shadow_01.gif) repeat-y;
	text-align:left;      /* change inherited center for workarond IE5 BUG with auto margin */
	width:910px;             /* only for IE5, this is the box hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:910px;
	position:relative;
	}
html>body #page {            /* be nice to opera hack */
    width:910px;
    }
#mainspacer {
	width:900px;
	 clear:both;
    }
#main {
	margin-right:20px;
	margin-top:60px;
	float:left;
	width:516px;
	background-color: #FFFFFF;
	margin-left: 10px;
	overflow: auto;
    }
#block1 {
clear: both;
}
#block2 {
clear: both;
}
#thing1 {
	width:165px;
	float:left;
	overflow:hidden;
	padding-right: 10px;
}
#thing2 {
	width:165px;
	float:left;
	overflow:hidden;
	padding-right: 10px;
}
#thing3 {
	width:165px;
	float:left;
	overflow:hidden;
}
/* #### TEMPLATES #### */
/* ---- Template3 ---- */
#thing4 {
	width:250px;
	float:left;
	padding-right: 10px;
}
#thing5 {
	width:250px;
	float:left;
	overflow:hidden;
}


#image1 {
	margin-top:2px;
	margin-left: 12px;
	float:right;
	color: #92A9B4;
	margin-bottom: 16px;
	margin-right: 8px;
    }
	
#image1 p{
color:#92A9B4
    }

#main a{
	/* werkt niet goed in IE5
	padding-left:10px;
	background-image: url(../images/pijl.gif);
	background-repeat:no-repeat;
	background-position: 0% 50%;
	*/
	}
#sidebar1 {
	width:155px;
	margin-top:78px;
	float:left;
	overflow:hidden;
	padding-left: 15px;
	padding-right: 10px;
	}
	
#sidebar2 {
	width:150px;
	overflow:hidden;
	margin-top: 0px;
	padding-right:20px;
	float:right;
	padding-left: 10px;
	}
	
div.footer {
	clear:both;
}

div.spacer {
    clear:both;
}


/* #### style for fixed ids #### */
#obat-main-image1 {
	display:block;
}
#obat-main-image2 {
	float: right;
}


/* #### Navigation #### */
/* ---- Hoofdmenu ---- */

div#hoofdmenu {
	position: absolute;
	top: 151px;
	left: 192px;
}



div#hoofdmenu ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 13px;
}

div#hoofdmenu ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #FFF;
	float: left;

}


div#hoofdmenu ul li a {
	text-decoration: none;
	padding: 10px 0px 6px 10px;
	margin: 0;
	color: #FFF;
	display: block;
	border-bottom: 2px solid white;
	line-height: 13px;
}


div#hoofdmenu ul li a:hover {
	border-bottom: 2px solid #1E3A86;
	color: #8BD80B;;
}

div#hoofdmenu ul li a.activePage {
	border-bottom: 2px solid;
	color: #8BD80B;;
}

div#hoofdmenu ul li a.activePage:hover {
	color: #FFFFFF;
	border-bottom: 2px solid #1E3A86;
}
/* ---- Submenu (sidebars) ---- */
#sidebar1 ul	{
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom:2px;
	list-style: none;
	font-size: 11px;
	}
	/* normal */
#sidebar1 ul a{
	display:block;
	color: #A1ADC2;
	width:157px;    /* ipv 165px: voor Firefox*/
	padding-left:14px;
	font-weight: bold;
	}
#sidebar1 ul ul {
	font-size: 11px;
	padding-left:12px;
	}
#sidebar1 li {
	line-height: 12px;
	background-image: url(../Images/Common/Menu_Bullit_01.gif);
	background-repeat:no-repeat;
	padding-bottom: 7px;
	}	
#sidebar1 ul li a.currentPage {
	/*color: #0F6CBB;*/
	color: #1E3A86;	
	background-image: url(../Images/Common/Menu_Bullit_selected_01.gif);
	background-repeat:no-repeat;
	}
	
#sidebar2 h1 {
	font-size: 13px;
	line-height: 18px;
	margin-top:10px;
	margin-bottom:6px;
	color:#52718F;
	}
#sidebar2 p {
	font-size: 12px;
	line-height:16px;
	margin-top: 6px;
	margin-bottom: 10px;
	color:#585858;
	}
#sidebar2 a {
	text-decoration:none;
	color: #A1ADC2;
}
#sidebar2 a:hover {
	text-decoration:underline;
}