/* mac hide \*/
html, body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#fafafa;
}
/* end hide */

#mainContainer{
	width:980px;
	min-height:100%;
	margin-bottom:-68px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	border-left:solid #eeeeee 1px;
	border-right:solid #eeeeee 1px;
}
* html #mainContainer{height:100%} /*FOR IE treats height as min-height anyway*/

#mainArea {
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

#mainArea #topArea{
	width:780px;
	height:83px;
}

#topArea #topAreaSpacer{
	float:left;
	width:194px;
	height:40px;
	margin:28px 31px 0px 10px;
	border:none;
}

#topArea #selectedArea{
	float:left;
	width:365px;
	padding:40px 0px 0px 0px;
}

#topArea #selectArea{
	float:left;
	width:180px;
	padding-top:40px;
	text-align:right;
}

#mainArea #topMenuArea{
	width:780px;
	height:28px;
	text-align:right;
}

#mainArea #headerArea{
	width:780px;
	height:199px;
	margin-bottom:20px;
}

#headerArea #mainMenuArea{
	float:left;
	width:190px;
	height:189px;
	padding:10px 15px 0px 15px;
}

#headerArea #headerContent{
	float:left;
	width:500px;
	height:169px;
	padding:15px 30px 15px 30px;
	background-image:url(../images/random.asp);
	background-repeat:no-repeat;
}

#headerArea #headerContentImg{
	float:left;
	width:560px;
	height:199px;
	padding:0px;
}

#mainArea #contentArea{
	clear:left;
	width:780px;
}

#contentArea #combi{
	float:left;
}

#combi #subMenuArea{
	width:190px;
	padding:0px 15px 0px 15px;
	margin-bottom:20px;
}

#combi #bannerArea{
	width:220px;
	padding-bottom:10px;
}

#leftArea #bannerArea{
	width:220px;
	padding-bottom:10px;
}

#contentArea #content{
	float:left;
	width:560px;
}

#content #contentBig{
	width:530px;
	padding-left:30px;
}

#content .contentBig{
	width:530px;
	padding-left:30px;
	margin-bottom:10px;
}

#content #contentLeft{
	float:left;
	width:250px;
	margin-top:10px;
	padding-left:30px;
}

#content #contentRight{
	float:left;
	width:250px;
	margin-top:10px;
	padding-left:30px;
}

#mainArea #leftArea{
	float:left;
	width:220px;
}

#leftArea #mainMenuArea{
	clear:left;
	width:190px;
	height:189px;
	padding:10px 15px 0px 15px;
	margin-bottom:20px;
}

#leftArea #subMenuArea{
	width:190px;
	padding:0px 15px 0px 15px;
	margin-bottom:20px;
}

#mainArea #rightArea{
	float:left;
	width:560px;
}

#rightArea #contentHeader{
	clear:left;
	width:530px;
	padding:15px 0px 0px 30px;
}

#rightArea #contentBig{
	width:530px;
	padding:0px 0px 0px 30px;
}

#mainArea #assortiArea{
	clear:both;
	width:780px;
	border-top:1px solid #f4cdac;
	padding-top:10px;
}

#footerHolder{
	width:980px;
	height:68px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/footer.jpg);
}
#clearfooter{clear:both;height:68px;}

/* BOX *******************************************************************************************/

#box{background-color:#a8c269;}
#box b.rtop b, #box b.rbottom b{background:#a8c269;}

.roundedBox{width:220px;margin-bottom:15px;}
.roundedAssorti{width:246px;margin-bottom:15px;float:left;margin-right:10px;}

#boxContent{padding:5px 15px 5px 15px;}
#boxContent div a{color:#FFFFFF;}
#boxContentAssorti{width:216px;margin:5px 15px 5px 15px;overflow:hidden;}
#boxContentAssorti a{color:#FFFFFF;}
#boxContentAssorti span{ 
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	padding:0px 0px 8px 0px;
}
#boxContentAssorti p{ line-height:normal;padding:0px;margin:0px;}
#boxContentAssorti img{ margin:4px 8px 0px 0px;}
#boxContentAssorti div a{color:#FFFFFF;}

b.rtop, b.rbottom{display:block;background:#ffffff;}
b.rtop b, b.rbottom b{display:block;height:1px;overflow:hidden;}
b.r1{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height:2px;}

/* FONT *******************************************************************************************/

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

ul{
	padding:0px;
	margin:0px 0px 20px 15px;
}

ul li{
	list-style-image:url(../images/li_arrow.gif);
}

div{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000000;
}

h1{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:18px;
	line-height:normal;
	color:#91b450;
	padding:0px 0px 10px 0px;
	margin:0px;
}

h2{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	line-height:normal;
	color:#e8750b;
	padding:0px 0px 10px 0px;
	margin:0px;
}

h3{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	line-height:normal;
	color:#e8750b;
	padding:0px;
	margin:0px;
}

a{ color:#91b450; }
a:active,a:visited,a:link,a:hover{
	font-weight:bold;
	text-decoration:underline;
}
a:hover{ text-decoration:none; }

#topMenuArea a:active,#topMenuArea a:hover,#topMenuArea a:visited,#topMenuArea a:link{
	float:right;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	padding:4px 0px 0px 12px;
}
#topMenuArea a:hover{
	text-decoration:underline;
}

#mainMenuArea div,#mainMenuArea a:active,#mainMenuArea a:visited,#mainMenuArea a:link{
	color:#34774b;
	font-weight:bold;
	text-decoration:none;
	padding:0px 0px 2px 0px;
}
#mainMenuArea a:hover{
	text-decoration:underline;
}

/* form elements */

.FormInput{
	width:280px;
	border:1px solid #e8750b;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.SelectBox{
	/*width:170px;*/
	border:1px solid #e8750b;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

/* Aandoeningen en Medicijnen */

#indexItems{
	padding:5px;
	margin:5px;
	clear:both;
}

#letterIndex{
	padding:5px;
	margin:5px;
	clear:both;
}

.linkLetter{
	letter-spacing:10px;
}

.medical{
	padding:5px;
	margin:5px;
	clear:both;
	border-bottom:solid 1px #e8750b;
	
}

.boxItem{
	padding:5px;
	margin:5px;
	clear:both;
	
}