/*------------------------------------reset--------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,label,blockquote,fieldset,input { margin: 0; padding: 0; }

ul, ol {
	list-style:none;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
img {
	border:none;
}
/*layout*/
.clear {
	clear:both;
}
.clearer { 
clear: both;
height:40px;


}
.clearfix { 
clear: both;
height:20px;
}
p {
	line-height:19px;
}

h1 {
	font:24px Arial, Helvetica, sans-serif;
	color:#3d70ad;
	margin: 2px 0 8px 0;
}

h2 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#3d70ad;
	margin: 2px 0 8px 0;
}
h3 {
	font-family:bold 12px Arial, Helvetica, sans-serif;
	color:#8A6D45;
	margin: 8px 0 2px 0;
}

#mainbody ul{
	list-style: circle;
	padding:0;
	margin: 4px 0 6px 10px;
}
#mainbody ul li{
	margin: 2px 0 4px 10px;
}

.image-indent {
	margin-right:20px;
}

/* ---------------------- end reset ---------------------------------*/

/* ---------------------- styles start here ----------------------------*/

body {
	background:url(/hsnl/system/images/mainbg.gif) repeat 0 0;
	background-color:#b8cde7;
	font:12px Arial, Helvetica, sans-serif;
	color:#2F65A3;
	text-align:center;
}

#gradient-wrapper {
	width:100%;
	height:100%;
	background:url(/hsnl/system/images/gradientbg.gif) repeat-x 0 0;
}

#main-wrapper {
	width:1026px;
	margin:0px auto;
	padding:0px;

}

#padding-wrapper {
	width:1000px;
	margin:0px;
	padding:0px 13px 0px 13px;
	background:url(/hsnl/system/images/shadowbg.png) repeat-y 0 0;
	behavior:url(/hsnl/system/images/iepngfix.htc);
	text-align:left;
}
/* ---- start header ---- */

#header {
	width:1000px;
	height:237px;
	background:url(/hsnl/system/images/headerbg.jpg) no-repeat 0px 30px;	
}

#subheader {
	width:1000px;
	height:169px;
}
#logo {
	float:left;
	margin:0px;
	padding:25px 0px 0px 40px;
	width:116px;
	height:144px;	
}

#subheader h1 {
	display:block;
	float:right;
	background:url(/hsnl/system/images/headingbg.png) no-repeat 0 0;
	behavior:url(/hsnl/system/images/iepngfix.htc);
	width:414px;
	height:56px;
	margin:78px 0px 0px 0px;
	padding:0px 43px 0px 0px;
	text-indent:-10000px;
}

#headmenu  {
	width:1000px;
	height:36px;
	background:url(/hsnl/system/images/headnavbg.gif) repeat-x 0 0;
}

ul#submenu {
	width:204px;
	height:32px;
	float:right;
	position:relative;
	right:17px;
	margin:0px;
	padding:0px 0px 0px 12px;
	background:url(/hsnl/system/images/sublinkbg.gif) repeat-x 0 0;
}

ul#submenu li {
	float:left;

}
ul#submenu li a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0px;
	padding:7px 12px 0px 12px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
}
ul#submenu li a:hover{
	background:url(/hsnl/system/images/headnav_over.gif) repeat-x 0 0;
	height:25px;
}

#search{
	margin:0px;
	padding:5px 50px 0px 0px;
	float:right;
}

#search input {
	background:url(/hsnl/system/images/formbg.png) no-repeat 100% 100%;
	behavior:url(/hsnl/system/images/iepngfix.htc);
	width:119px;
	height:23px;
	display:block;
	border:none;
}

div.search {
	float:right;
	width: 165px;
	margin:6px 0px 0px 0px;
	padding:0px 50px 0px 0px;
	background: url(/hsnl/system/images/formbg.png) left top no-repeat;
	behavior:url(/hsnl/system/images/iepngfix.htc);
}

div.search form input {
	float:left;
	border: 0;
	height: 20px;
	width: 107px;
	margin:0px 6px 0px 6px;
	padding:3px 0px 0px 0px;
	background-color: transparent;
}

div.search form label {
	float:right;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px;
	padding:5px 0px 0px 0px
}


/* ---- end header ---- */


/* ---- start mainbody ---- */
#mainbody {
	width:920px;
	margin:0px;
	padding:33px 40px 50px 40px;
}

/* ---- end mainbody ---- */

/* ---- start footer ---- */

#footer {
	width:1026px;
	height:46px;
	margin:0px;
	padding:0px;
	background:url(/hsnl/system/images/footerbg.png) no-repeat 0 0;
	behavior:url(/hsnl/system/images/iepngfix.htc);
}

#footer p.site-txt {
	float:left;
	color:#FFFFFF;
	margin:0px;
	padding:4px 0px 0px 28px;
}

#footer p.copyright_txt {
	float:right;
	margin:0px;
	padding:4px 30px 0px 0px;
}
#footer p.site-txt a{
	color:#fff;
	text-decoration:none;
}
#footer p.site-txt a:hover{
	text-decoration:underline;
}
#footer p.copyright_txt {
	float:right;
	margin:0px;
	padding:4px 30px 0px 0px;
}


/* ---- end footer ---- */


a:link {
	color:#2F65A3;
	text-decoration:underline;
}
a:visited {
	color:#2F65A3;
	text-decoration:underline;
}
a:hover {
	color:#2F65A3;
	text-decoration:none;
}
a:active {
	color:#2F65A3;
	text-decoration:underline;
}

#mainbody label{
	clear:left;
	display:block;
	float:left;
	margin:1px 4px 0 0;
	width:140px;
	height: 24px;
}
#mainbody input{
	border: 1px solid #2F65A3;
	margin: 3px 0 4px 0;
	height: 16px;
}
#mainbody input[type='submit']{
	border: 2px solid #666;
	padding: 1px;
	font-weight: bold;
	height:21px;
}

/* Download link icons */
a[href$='.pdf'] { 
	padding-right: 18px;
	background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}

a[rel='pdf'] { 
	padding-right: 18px;
	background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}

a[rel*='pdf'] { 
	padding-right: 18px;
	background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}

a[rel~='pdf'] { 
	padding-right: 18px;
	background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}

a[href ^="mailto:"] {
	/*padding-right: 18px;*/
    /*background: transparent url(icons/icon_mailto.gif) no-repeat center right;*/
   
}

a[class ="popup"] {
	padding-right: 18px;
    background: transparent url(icons/icon_popup.gif) no-repeat center right;
}

a[href$='.doc'] { 
	padding-right: 18px;
	background: transparent url(icons/icon_doc.gif) no-repeat center right;
}

a[href$='.xls'] { 
	padding-right: 18px;
	background: transparent url(icons/icon_xls.gif) no-repeat center right;
}

a[rel ~='external'] {
	padding-right: 18px;
	background: transparent url(icons/icon_external.gif) no-repeat center right;
}


/* --------------------------- submenu -------------------------------*/

#mainmenu {
	width: 700px;
	float:left;
	height:36px;

}
#mainmenu {
	padding:0px 0px 0px 30px;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
#mainmenu ul  {
	padding:0px 0px 0px 0px;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
#mainmenu a {
	display: block;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;
}
#mainmenu a.trigger {
	padding: 5px 7px 5px 7px;
	background-repeat: no-repeat;
	background-position: right center;
}

#mainmenu li {
	float: left;
	width: 9em;
}
#mainmenu li {
	position: relative;
	background:url(/hsnl/system/images/headnav_over.gif) repeat-x 0 -36px;
}
#mainmenu li:hover, #mainmenu a:focus, #mainmenu a:active {
	background-position:0 0px;
	color: #fff;
}

/* hide from IE mac \*/
#mainmenu li {position: static; width: auto;}
/* end hiding from IE5 mac */

#mainmenu li ul, #mainmenu ul li  {
	width: 226px;
}

#mainmenu ul li a {
	color: #ffffff;
	border-right: 0;
	padding: 6px 12px 6px 14px;
	border-bottom:1px solid #a8c3e7;
	font-weight:normal;
}

#mainmenu ul li a:hover  {
	background:url(/hsnl/system/images/headnav_over.gif) repeat-x 0px -6px;
	background-color:#3f3f3f;
	text-decoration:none;
}
#mainmenu li ul {
	position: absolute;
	display: none;
	background:url(/hsnl/system/images/submenubg.png) repeat 0 0;
}

#mainmenu li:hover ul a {
	color: #ffffff;
}
#mainmenu ul a:hover {
	background:url(/hsnl/system/images/submenubg.png) repeat 0 0;
	text-decoration:underline;
	color: #FFFFFF !important;
}

/* Agenda */
.agenda-container{
	margin: 6px 0 6px 0;
}
.agenda-row{
	margin: 6px 0 0 6px;
	padding: 0;
}
.agenda-row p{
	margin: 0;;
}
.agenda-date{
	float: left;
	width: 107px;
}
.agenda-text{
	float: right;
	width: 407px;
}
.agenda-blauw{
	background-color: #456EA0;
	margin: 6px 0 0 0;
	padding:5px;
	color: #FFF;
	border: #CCC 1px solid;
}
.agenda-blauw-licht{
	background-color: #567FB1;
	margin: 6px 0 0 0;
	padding:5px;
	color: #FFF;
	border: #CCC 1px solid;
}
.agenda-steen{
	background-color: #8A6D45;
	margin: 6px 0 0 0;
	padding:5px;
	color: #FFF;
	border: #CCC 1px solid;
}
.agenda-steen-licht{
	background-color: #9B7E56;
	margin: 6px 0 0 0;
	padding:5px;
	color: #FFF;
	border: #CCC 1px solid;
}
.agenda-grijs-donker{
	background-color: #47555F;
	margin: 6px 0 0 0;
	padding:5px;
	color: #FFF;
	border: #CCC 1px solid;
}
.agenda-grijs{
	background-color: #8295A2;
	margin: 6px 0 0 0;
	padding:5px;
	color: #FFF;
	border: #CCC 1px solid;
}
.agenda-zee{
	background-color: #547E98;
	margin: 6px 0 0 0;
	padding:5px;
	color: #FFF;
	border: #CCC 1px solid;
}

.praktijkagenda {
	font-size:11px;border-collapse: collapse; border:1px solid #aaa;
}

/* ---------------------- styles end here ----------------------------*/