@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;}
em { font-style:italic; }

h1 {
	font-size: 14px; 
	color:#134b77;
	padding-top:10px;
	padding-left: 15px;
}

h2 {
	font-size: 12px; 
	color:#134b77;
	font-weight: bold;
}

/* links */
a { 
 color:#ff9427; 
	text-decoration:none; }
a:hover { 
 color:#1a5782; 
	text-decoration:underline; }
#header a {
 color:#a6a6a6; }
#footer a {
 color:gray; }
#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; height: 107px; border-bottom:1px solid #1a5782; position:relative; z-index:20;  }

   #header .container { padding-bottom:30px; overflow:hidden; }
   
			/* logo */
	  .logo { width:366px; height:48px; float:left; font:bold 22px/1em Georgia, "Times New Roman", Times, serif; position:relative; z-index:10; overflow:hidden; }
			#header .logo a { color:#275e60; text-decoration:none; margin-left:10px; display:block}
			.logo 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; z-index:999; overflow:hidden; display:block; position:absolute; left:870px; }
			#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/menu.gif) 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:0px 0px; width:71px; }
			#nav #overhpo a { background-position:-78px -46px; width:92px; }
			#nav #kennis a { background-position:-172px -46px; width:165px; }
			#nav #aanbod a { background-position:-231px -70px; width:90px; }
			#nav #artikelen a {background-position:-231px -140px; width:125px; left:-1px; }
			#nav #cont a { background-position:-365px -105px; width:46px; left:-1px;  }
			#nav #sectoren a { background-position:-315px 0; width:51px; left:-1px;  }

			#nav #home:hover a, #nav #home.over a, #nav #home.active a { background-position:0 0; width:76px; z-index:10; }
			#nav #overhpo:hover a, #nav #overhpo.over a, #nav #overhpo.active a { background-position:-63px 0px; width:106px; z-index:10; }
			#nav #kennis:hover a, #nav #kennis.over a, #nav #kennis.active a { background-position:-165px 0px; width:165px; z-index:10; }
			#nav #aanbod:hover a, #nav #aanbod.over a, #nav #aanbod.active a { background-position:0 -105px; width:132px; z-index:10; }
			#nav #artikelen:hover a, #nav #artikelen.over a, #nav #artikelen.active a {background-position:0 -140px; width:167px;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:93px;  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; }



			.menu { list-style-type:none; height:34px; margin:0; padding:0; }
			.menu li { float:left; list-style-type:none;}

			.menu .home a { width:78px; text-indent: -9999px; height:34px; background:url(../img/menu.gif) no-repeat left -34px; display:block; }
			.menu .over-ons a { width:94px; text-indent: -9999px; height:34px; background:url(../img/menu.gif) no-repeat -78px -34px; display:block; }
			.menu .hpo-gedachtengoed a { width:160px; text-indent: -9999px; height:34px; background:url(../img/menu.gif) no-repeat -172px -34px; display:block; }
			.menu .onze-diensten a { width:122px; text-indent: -9999px; height:34px; background:url(../img/menu.gif) no-repeat -334px -34px; display:block; }
			.menu .cases a { width:72px; text-indent: -9999px; height:34px; background:url(../img/menu.gif) no-repeat -458px -34px; display:block; }
			.menu .bibliotheek a { width:105px; text-indent: -9999px; height:34px; background:url(../img/menu.gif) no-repeat -532px -34px; display:block; }
			.menu .contact a { width:85px; text-indent: -9999px; height:34px; background:url(../img/menu.gif) no-repeat -639px -34px; display:block; }

			.menu .home a:hover, .menu .home a.active { width:78px; height:34px; background:url(../img/menu.gif) no-repeat left top; display:block; }
			.menu .over-ons a:hover, .menu .over-ons a.active { width:94px; height:34px; background:url(../img/menu.gif) no-repeat -78px top; display:block; }
			.menu .hpo-gedachtengoed a:hover, .menu .hpo-gedachtengoed a.active { width:160px; height:34px; background:url(../img/menu.gif) no-repeat -172px top; display:block; }
			.menu .onze-diensten a:hover, .menu .onze-diensten a.active { width:122px; height:34px; background:url(../img/menu.gif) no-repeat -334px top; display:block; }
			.menu .cases a:hover, .menu .cases a.active { width:72px; height:34px; background:url(../img/menu.gif) no-repeat -458px top; display:block; }
			.menu .bibliotheek a:hover, .menu .bibliotheek a.active { width:105px; height:34px; background:url(../img/menu.gif) no-repeat -532px top; display:block; }
			.menu .contact a:hover, .menu .contact a.active { width:85px; height:34px; background:url(../img/menu.gif) no-repeat -639px top; display:block; }

			.menu .home ul li a, .menu .over-ons ul li a, .menu .hpo-gedachtengoed ul li a, .menu .hpo-gedachtengoed ul li a, .menu .onze-diensten ul li a, .menu .cases ul li a, .menu .bibliotheek ul li a, .menu .contact ul li a  { background:none; text-indent:0; width: 220px; height: auto;}
			.menu .home ul li a:hover, .menu .over-ons ul li a:hover, .menu .hpo-gedachtengoed ul li a:hover, .menu .hpo-gedachtengoed ul li a:hover, .menu .onze-diensten ul li a:hover, .menu .cases ul li a:hover, .menu .bibliotheek ul li a:hover, .menu .contact ul li a:hover { background:none; text-indent:0; width: 220px; height: auto;}

			.menu li ul { margin:0; padding:0; background: none; background-color:#ffffff; position: absolute; visibility: hidden; border:1px solid #ece0f3; border-top:none; width:250px;}
			.menu li ul li { float: none; background:none; font-size:12px; font-weight:normal; margin:0px; padding:0px; display:block; padding-left: 10px; padding-right: 10px;}
			.menu li ul li a { background:#ffffff; background: none; color:#4d1f50; padding:10px 0px 10px 0px; border-bottom:1px dotted gray; margin-right:10px;}
			.menu li ul li a:hover { text-decoration:underline; background-color:#fff; color:#ff9427 !important; }



			 /* dropdown */
			  #page #menu 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 #menu 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 #menu 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 #menu div ul {  color:#545454;position:relative; top:12px; left:0; margin:0 12px; padding-bottom:14px; overflow:hidden; }
			  #page #menu 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 #menu ul li:hover,	#page #menu ul li.over  { z-index:0; left:0; }
			  #page #menu 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 #menu ul li.active a:hover,#page #menu ul li.active a.over {padding-left:8px; left:-8px;}
			  #page #menu ul li a {  color:#545454;position:static; display:inline; background:0; height:auto; margin:0; left:0; top:0; color:#a0a0a0; }
			  #page #menu ul li:hover a, #page #menu 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:130px; background:url(../img/headflashback.jpg) no-repeat;}
   .flash-container2 { width:691px; height:200px; }
			.hporesearch-text,
			.hpodiagnose-text { width:344px; float:left;  margin-top:20px; }
			.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 .text ul { margin:10px 0; }
			#main .text h1{ padding:0px; margin:0px; padding-top:5px;}
			#main .text h1{ padding:0px; margin:0px; padding-top:5px;}
			#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:0px 6px; padding:0px 12px; overflow:hidden; }
			#sidepanel dt { font-size: 11px; background:url(../img/ic_li.gif) no-repeat 0 center; padding-left:10px; color:#6facd7; margin-left:-10px; margin-top:1em;}
			#sidepanel dd p { margin-bottom:0.2em; font-size: 11px; line-height:15px;}
			#sidepanel dd h2 { font-size:12px; line-height:16px; color:#1a5782; }
			#sidepanel dd h2 a { color:#1a5782; }
			#sidepanel dd { padding-bottom:1em; border-bottom: dashed 1px #dfdfdf; margin-bottom:-1px;}

			#sidepanel .container { padding:5px; margin:0px;}
			#sidepanel .container .img-txt { display:block; height:90px; background-color:#d1dde6; }

			#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:gray; 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/rss.gif) right center no-repeat; padding-right:18px; padding-top:2px; padding-bottom:2px; }
.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;}


#bibliotheek {
	height: 120px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #d1d1d1;
}

#bibliotheek h1 {
	font-size: 12px;
	padding:0px;
	margin:0px;
	color:#134b77;
}


#bibliotheek h1 a{
	color:#134b77;
}

#bibliotheek span {
	font-size: 10px;
	padding:0px;
	margin:0px;
	width: 500px;
	display: block;
}

#bibliotheek p {
	font-size: 11px;
	padding:0px;
	margin:0px;
	line-height: 22px;
}

#bibliotheek .artikel-img {
	height: 120px;
	width: 75px;
	float: left;
	display: block;
	padding-top: 10px;
}

#bibliotheek .artikel-txt {
	min-height: 80px;
	width: 500px;
	float: left;

}

#bibliotheek .artikel-txt2 {
	min-height: 80px;
	width: 650px;
	float: left;

}

#bibliotheek .artikel-footer {
	width: 500px;
	float: left;

}


#bibliotheek .artikel-footer {
	width: 500px;
	float: left;
}

#bibliotheek .artikel-bttn {
	background: url('../img/bttn_bg.gif') repeat-x left top;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #baccd9;
	color:#1a5782;
	text-align:center;
	width: 100px;
	height: 24px;
}

.artikel-bttn-friend {
	background: url('../img/_ic_tellafriend.gif') no-repeat left 5px;
	padding: 0px 10px 0px 0px;
	border: 0px;
	color:#ff9427;
	text-align:center;
	width: 120px;
	height: 21px;
	line-height:21px;
	float:left;
	cursor:pointer;
}
.artikel-bttn-friend:hover { color:#ff9427; text-decoration:none; }

.artikel-bttn-terug {
	border: 0px;
	color:#ff9427;
	text-align:center;
	width: 90px;
	height: 21px;
	line-height:21px;
	float:left;
	cursor:pointer;
}
.artikel-bttn-terug:hover { color:#ff9427; text-decoration:none; }


.artikel-bttn-print {
	background: url('../img/_ic_print.gif') no-repeat left 5px;
	padding: 0px 10px 0px 0px;
	border: 0px;
	color:#ff9427;
	text-align:center;
	width: 130px;
	height: 21px;
	float:left;
	cursor:pointer;
}

.artikel-bttn-share {
	background: url('../img/_ic_share.gif') no-repeat left 5px;
	padding: 0px 10px 0px 0px;
	border: 0px;
	color:#ff9427;
	text-align:center;
	width: 80px;
	height: 21px;
	float:right;
	cursor:pointer;
}


.balk-sub {
	background: url('../img/balk_bg.gif') repeat-x left top;
	padding: 0px 0px 0px 10px;
	border: 1px solid #fff;
	color:#a6a6a6;
	height: 18px;
	text-align:left;
	height: 26px;
}

.stroke {
	background: url('../img/balk-stroke.gif') no-repeat left top;
	width: 2px;
	height: 26px;
	float:left;
	padding-left: 10px;
	padding-right: 10px;
}

.strokeR {
	background: url('../img/balk-stroke.gif') no-repeat left top;
	width: 2px;
	height: 26px;
	float:right;
	padding-left: 10px;
	padding-right: 10px;
}


#spnShareButtons {
	background: url('../img/balk_bg.gif') repeat-x left top;
	display: none;
	border: 1px solid;
	font-size: 11px;
	background-color: #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #fff;
	padding: 5px;
	margin-top: 0px;
}



#filter {
	width: 700px;
	background-color:#d7d7d7;
	height: 30px;	
	padding: 10px 0px 0px 10px;
	margin-bottom: 20px;
}


#filter p{
	float:left;
	padding: 0px;
	margin:0px;
}


#filter select {
	font-size: 11px;
	width: 165px;
	float:left;	
	height: 19px;
	margin-left: 10px;
}


.carousel  { padding: 0 0 0 0; margin: 0 0 0px 0; overflow:hidden; display:block; }
.carousel button { float: left; }              
.carousel a.prev, .carousel a.next { display: block; float: left; width: 13px; height: 88px; text-decoration: none; background: url("../img/bttn_prev.gif") #979797 left top no-repeat; }
.carousel a.next { background: url("../img/bttn_next.gif") #979797 left top no-repeat; margin:0px 0 0 3x; }
.carousel a.prev { margin:0px 3px 0 0; }
.carousel a.next:hover { background: url("../img/bttn_next_.gif") #0079c2 no-repeat left top; }
.carousel a.prev:hover { background: url("../img/bttn_prev_.gif") #0079c2 no-repeat left top; }    
.carousel a:hover, .carousel a:active { border: none; outline: none; }                 
.carousel .jCarouselLite { float: left; overflow:hidden; display:block; height:87px; }
.carousel ul { margin: 0; }
.carousel li { display:block; width:175px; height:auto; margin:0 5px; background-color:#f0f0f0;  }
.carousel .img-txt img { float:left; }
.carousel .pclass { display:block; padding:5px; float:left; color:#1a5782; font-size:11px; width:100px; }