@import url(../css/reset.css);

html { font-size:12px; height:100%; }
body { min-height:100%; height:auto !important; height:100%; min-width:956px; position:relative; cursor:default;
       background:url(../img/back.png) repeat-x;
       font:100% Tahoma, Arial, Helvetica, sans-serif; }
.container { overflow:hidden; }
input,textarea {border:1px solid #d7d7d7; padding: 2px; vertical-align:middle; }
input.rad {border:0;}
td { padding:1px;font-size:12px; color:#545454;}

/* links */
a { 
 color:#ff9427; 
	text-decoration:none; }
a:hover { 
 color:#1a5782; 
	text-decoration:underline; }
#header a {
 color:#a6a6a6; }
#footer a {
 color:#cfcfcf; }
#footer a:hover { 
 color:#1a5782; text-decoration:none; border-bottom:1px solid #ff9427; }


/* PAGE */
#page { width:956px; margin:0 auto; background:#fff; min-height:368px; height:auto !important; height:368px; position:relative; padding-bottom:50px; }
   
			/* page borders */
			.bordl,
	  .bordr { height:368px; width:1px; display:block; background:url(../img/pagebord.png) no-repeat; overflow:hidden; position:absolute; top:0; }
	  .bordl { left:0; }	.bordr { right:0; }
			
/* HEADER */
#header { width:930px; padding:17px 0 0; margin:0 13px 15px; border-bottom:1px solid #1a5782; position:relative; z-index:20;  }
   #header .container { padding-bottom:30px; overflow:hidden; }
   
			/* logo */
	  h1 { width:366px; height:48px; float:left; font:bold 22px/1em Georgia, "Times New Roman", Times, serif; position:relative; z-index:10; overflow:hidden; }
			#header h1 a { color:#275e60; text-decoration:none; margin-left:10px; display:block}
			h1 span { display:block; position:absolute; width:100%; height:48px; cursor:pointer; left:0; top:0;
			          background:url(../img/logo.png) no-repeat 7px 0; }
			
			/* navlinks and search */
			#header .links { float:right; font-size:0.82em; line-height:1.66em; height:16px; }
			#header .links a { margin-left:1em; display:block; float:left; }
			#header .links a.pdf { background:url(../img/ic_pdf.gif) no-repeat 0 center; padding-left:14px; }
			#header .links a.home { background:url(../img/ic_home.gif) no-repeat 0 center; padding-left:14px; }
			#header .links a.friend { background:url(../img/ic_friend.gif) no-repeat 0 center; padding-left:20px; }
			#header .links a.map { background:url(../img/ic_sitemap.gif) no-repeat 0 center; padding-left:14px; }
			
			#searchform { height:16px; float:right; clear:right; padding-top:16px; }
			#searchform label { cursor:pointer; height:14px; float:left; padding-right:3px; }
			#searchform label img { vertical-align:middle; }
			#searchform input { height:13px; padding:1px 1px 0 1px; background:#fff; border:1px solid #baccd9; border-right:0; vertical-align:middle; float:left }
			#searchform .button { height:14px; border:1px solid #baccd9; color:#1a5782; font-size:9px; padding:0 4px; display:block; float:left; margin:0; }
			#searchform .button:hover { text-decoration:none; color:#ff9427 }
			#searchform .button:focus span { outline:1px dotted gray; line-height:17px; left:1px; position:relative; }
			#searchform .button span { padding-left:6px; background:url(../img/ic_li.gif) no-repeat 0 center; line-height:15px; }
			
			/*langs*/
			#header .langs { float:right; clear:right; position:absolute; left:870px; z-index:999; display:block; overflow:hidden; }
			#header .langs a { margin-left:6px; }
			
			/* MAIN MENU */
			#nav { height:36px; margin-bottom:-16px; color:#545454; }
			#nav li { color:#545454; float:left; padding:2px 14px 0 14px; height:13px; border-left:1px dotted #bebebe; position:relative; cursor:pointer; }
			#nav li a { position:relative; display:block; background:url(../img/mmtabs2.png) no-repeat 0 0; height:14px; top:1px; }
			#nav li span, #nav li div { display:none; }
			#nav .first { border-left:0; padding-left:15px; }


			#nav #home a { background-position:-231px 0; width:42px; }
			#nav #overhpo a { background-position:-231px -35px; width:134px; }
			#nav #kennis a { background-position:-231px -70px; width:170px; }
			#nav #aanbod a { background-position:-231px -105px; width:85px; }
			#nav #artikelen a {background-position:-231px -140px; width:75px; left:-1px; }
			#nav #cont a { background-position:-365px -105px; width:46px; left:-1px;  }
			#nav #sectoren a { background-position:-315px 0; width:46px; left:-1px;  }

			#nav #home:hover a, #nav #home.over a, #nav #home.active a { background-position:0 0; width:84px; z-index:10; }
			#nav #overhpo:hover a, #nav #overhpo.over a, #nav #overhpo.active a { background-position:0 -35px; width:176px; z-index:10; }
			#nav #kennis:hover a, #nav #kennis.over a, #nav #kennis.active a { background-position:0 -70px; width:212px; z-index:10; }
			#nav #aanbod:hover a, #nav #aanbod.over a, #nav #aanbod.active a { background-position:0 -105px; width:127px; z-index:10; }
			#nav #artikelen:hover a, #nav #artikelen.over a, #nav #artikelen.active a {background-position:0 -140px; width:117px;left:0;  }
			#nav #cont:hover a, #nav #cont.over a, #nav #cont.active a { background-position:-134px -105px; width:88px;  left:0;  }
			#nav #sectoren:hover a, #nav #sectoren.over a, #nav #sectoren.active a { background-position:-85px 0; width:88px;  left:0;  }


			#nav li:hover, #nav li.over, #nav li.active { border:0; z-index:10; padding:2px 0 0 0; left:34px; margin-right:21px;}
			#nav li:hover a, #nav li.over a, #nav li.active a { height:34px; margin-left:-34px; top:-11px; }



			 /* dropdown */
			  #page #nav li:hover div, #nav li.over div { color:#545454; display:block; background:#fff; position:absolute; z-index:10; border:1px #c2c2c2 solid; border-top:0; margin-left:-34px; margin-right:-34px; top:24px; cursor:auto; }
			   #page #nav div i.b-r {  color:#545454;position:absolute; height:23px; width:1px; top:0; right:-1px; display:block; background:url(../img/dm_bordbeg.png) no-repeat; }
					 #page #nav div i.b-l {  color:#545454;position:absolute; height:23px; width:1px; top:0; left:-1px; display:block; background:url(../img/dm_bordbeg.png) no-repeat; }
					#page #nav div ul {  color:#545454;position:relative; top:12px; left:0; margin:0 12px; padding-bottom:14px; overflow:hidden; }
			  #page #nav ul li {  color:#545454;float:none; padding:3px 0; margin:0 0 1px; position:relative; left:0; top:-1px; height:auto; border:0; border-top:1px dashed #ebebeb; cursor:auto;  }
			  #page #nav ul li:hover,	#page #nav ul li.over  { z-index:0; left:0;  }
			  #page #nav ul li.active a{ color:#737779; position:relative; text-decoration:none; background:url(../img/ic_li.gif) no-repeat 0 center; padding-left:8px; left:-8px;}
			  #page #nav ul li.active a:hover,#page #nav ul li.active a.over {padding-left:8px; left:-8px;}
			  #page #nav ul li a {  color:#545454;position:static; display:inline; background:0; height:auto; margin:0; left:0; top:0; color:#a0a0a0; }
			  #page #nav ul li:hover a, #page #nav ul li.over a { margin:0; height:auto; top:0; }
			
/* MAIN */
#main { width:691px; float:left; margin-left:12px; overflow:hidden; color:#545454; line-height:1.4em; }
   .flash-container { width:691px; height:150px; background:url(../img/headflashback.jpg) no-repeat;}
			.hporesearch-text,
			.hpodiagnose-text { width:344px; float:left;  margin-top:80px; }
			.hporesearch-text { border-right:1px #e1e1e1 solid; }
			.hpodiagnose-text { border-left:1px #e1e1e1 solid; margin-left:-1px;}
			#main h2 { font-size:1.45em; font-weight:normal; color:#2f6d94; text-align:center; padding-bottom:24px; margin-top:30px; }
			#main .hpodiagnose-text h2 a, #main .hporesearch-text h2 a{ color:#2f6d94; line-height:58px;}
			#main .hpodiagnose-text h2, #main .hporesearch-text h2 { height:58px; overflow:hidden; position:relative; padding:0; margin:0; background:#cae2fa; width:341px; top:-68px; margin-bottom:-60px; }
			#main .hpodiagnose-text h2 span, #main .hporesearch-text h2 span { display:block; height:58px; width:341px; position:absolute; top:0; left:0; cursor:pointer;}
			#main .hpodiagnose-text h2 span { background:url(../img/bb_hpodiagnose.png) no-repeat;}
			#main .hporesearch-text h2 span { background:url(../img/bb_hporesearch.png) no-repeat;}
			#main .hpodiagnose-text h2 { float:right; }
			#main h3 { color:#134b77; font-weight:bold; margin-top:1.5em; margin-bottom:1.4em; font-size:1em; }
			#main p { margin:1.4em 0;}
			#main .text { margin:0 14px;}
			#main ul {padding-left:30px;}
			#main li {list-style-image:URL("../img/bullet.gif");}
			#main ol { padding-left:30px; }
			#main ol li { list-style-image:none; list-style-type:decimal; }
			
/* SIDEPANEL */
#sidepanel { width:230px; margin-left:712px; color:#545454; }
   #sidepanel .block {  width:228px; background:#fff; border:1px solid #1a5782; border-top-color:#ff9427; margin-top:21px; margin-bottom:26px; position:relative;}
			#sidepanel .header {border:1px solid #1a5782; background:url(../img/blockhead.png) repeat-x; width:228px; position:absolute; left:-1px; text-indent:6px; white-space:nowrap; border-bottom:0; height:23px; color:#fff; font-weight:normal; line-height:19px; font-size:11px; margin-top:-22px; overflow:hidden; }
			#sidepanel .header h2 {color:#fff; font-weight:normal; line-height:19px; font-size:11px; padding-left:1px; }
			#sidepanel .header a { color:#1a5782; }
			#sidepanel ul.header {border:0;background:url(../img/blocktopmenu.png) no-repeat left bottom; height:24px; margin-top:-22px; width:230px;}
			#sidepanel ul.header li {float:left; height:19px; width:114px; background:url(../img/tab.png) no-repeat; margin-left:-8px; left:8px; position:relative; }
			#sidepanel ul.header li h2 {color:#1a5782;}
			#sidepanel ul.header .active h2{ color:#fff;}
			#sidepanel ul.header .active{ width:124px; background:url(../img/tabA.png) no-repeat; position:relative; z-index:10; }
			#sidepanel ul.header .active a{ color:#fff; }
			#sidepanel dl { margin:12px 6px; padding:0 12px; overflow:hidden; }
			#sidepanel dt { font-size: 11px; background:url(../img/ic_li.gif) no-repeat 0 center; padding-left:10px; color:#1a5782; margin-left:-10px; margin-top:1em;}
			#sidepanel dd p { margin-bottom:0.2em; font-size: 11px;}
			#sidepanel dd { padding-bottom:1em; border-bottom: dashed 1px #dfdfdf; margin-bottom:-1px;}
			#sidepanel .container { padding:10px 0; margin:0px;}
			#sidepanel label{ padding-right:2px;}
			#sidepanel table{width:100%;}
			#sidepanel .inputtext { width:66%;}
			#sidepanel .inputtext input { width:96%;}
			 a.button { background:#bbd3f9 url(../img/but_back.png) repeat-x; margin-top:6px; line-height:1.4em; display:block; border:1px solid #baccd9; cursor:default; text-align:center; color:#1a5782;}
    a.button:hover { text-decoration:none; border-color:#1a5782; color:#ff9427; }
				a.button:active span,a.button:focus span {border:1px dotted #ff9427; position:relative; left:1px; top:1px;}
			#sidepanel .hpodiag { min-height:40px; height:auto !important; height:40px; padding-top:28px; font-weight:bold; color:#1a5782; background:url(../img/img.gif) 6px center no-repeat; padding-left:114px;}
/* FOOTER */
#footer { position:absolute; bottom:0; line-height:1.4em; left:12px; width:930px; left:50%; margin-left:-465px; padding-top:4px; height:50px; color:#cfcfcf; font-size:10px; text-align:center; }
#footer .copyright { float:left;}
#footer .links { float:right;}
#footer .nav { width:100%; clear:both; }
#footer .rss { background:url(../img/ic_rss.gif) right center no-repeat; padding-right:13px;}
.small_nav {text-align: right; padding-right:20px;}

.dropcontent{
display:block;
}

.tabstyle{
cursor: pointer;
cursor: hand;
width:80px;
font: bold 14px Arial;
background-color: lightyellow;
border-top: 1px solid gray;
border-right: 3px outset white;
}

.tabstyle b{
color: blue;
margin-left: 3px;
margin-right: 23px;
}

#cyclelinks2{
margin-right:15px;
}

#cyclelinks2 .tabsfootstyle{
font-weight:bold;
text-decoration:none;
background-color:white;
margin-right:3px;
}

#sitemap li{
padding-bottom:5px;
}

ul.bullets { list-style:disc; color:#ff9427; }
.content_title {font-size: 14px; color:#134b77;}
.locPath {font-size: 10px; color:#134b77;}
.locPath a{color:#134b77; text-decoration: underline}

print_version {font-size: 10px;}
print_version a{font-size: 10px; color:#134b77 }

.errorFieldDemo2 { background-color: #ffb9bb;}
.invalidfield { background-color: #ffb9bb;}