@charset "utf-8";
@import url("reset.css");


body {
	font:62.5% normal normal Arial, Helvetica, sans-serif;
	overflow-y:scroll;
	overflow-x: hidden;
}
* html body {
	overflow: auto;
}
/* styling specific content */
a, a:link, a:visited {
	color: #03C;
	text-decoration: underline;
}
a:hover, a:active {
	color: #03C;
	text-decoration: none;
}

strong {

	font-weight: bold;

}


form {}
form label {
	display: block;
	margin: 15px 0 3px 0;
}
form input {
	border: solid 1px #CCC;
	width: 213px;
	font-size: 1.1em;
	padding: 2px 2px;
}
	form input.submitform {
		background: url(/css/images/bckgr_main_li_sub.gif) repeat-x left top;
		border: none;
		color: #FFF;
		width: auto;
		font-weight: bold;
		padding: 3px 10px;
		margin: 15px 0 10px 0;
		cursor: pointer;
		cursor: hand;
	}
	*+html form input.submitform {
		padding: 3px 0px;
	}
	* html form input.submitform {
		padding: 3px 0px;
	}
form textarea {
	border: solid 1px #CCC;
	width: 333px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 2px 2px;
}
/* styling general layout */
#container {
	position: relative;
	width: 892px;
	margin: 0 auto;
}
#header {
	position: relative;
	width: 100%;
	height: 321px;
}
	#header h1 {
		position: absolute;
		left: 10px;
		top: 10px;
		width: 251px;
		height: 43px;
	}
		#header h1 a {
			background: url(/css/images/kimberlyclark_logo.gif) no-repeat left top;	
			display: block;
			width: 100%;
			height: 100px;
			text-indent: -9000px;
		}
		
	#main_navigation {
		position: absolute;
		top: 78px;
		border-top: solid 1px #CCC;
		height: 28px;
		width: 890px;
		background: url(/css/images/bckgr_mainnavigation.gif) repeat-x left top;
		border-left: solid 1px #CCC;
		border-right: solid 1px #CCC;
	}
		#main_navigation ul {}
		#main_navigation ul li {
			float: left;	
		}
		#main_navigation ul li a {
			display: block;
			height: 13px;
			margin: 9px 22px;
			overflow: hidden;
			text-indent: -9000px;
			background-position: left 0px;
			background-repeat: no-repeat;
		}
		#main_navigation ul li a:hover,
		#main_navigation ul li.this a {
			background-position: left -13px;
			background-repeat: no-repeat;
		}
		#main_navigation ul li#nav_home a {
			background-image: url(/css/images/btn_home.gif);
			width: 34px;	
		}
		#main_navigation ul li#nav_over a {
			background-image: url(/css/images/btn_overinfecties.gif);
			width: 89px;	
		}
		#main_navigation ul li#nav_prod a {
			background-image: url(/css/images/btn_producten.gif);
			width: 68px;	
		}
		#main_navigation ul li#nav_kost a {
			background-image: url(/css/images/btn_kostenbesparingen.gif);
			width: 121px;	
		}
		#main_navigation ul li#nav_edu a {
			background-image: url(/css/images/btn_educatie.gif);
			width: 55px;	
		}
		#main_navigation ul li#nav_mon a {
			background-image: url(/css/images/btn_monitoring.gif) ;
			width: 74px;	
		}
		#main_navigation ul li#nav_nws a {
			background-image: url(/css/images/btn_nieuws.gif) ;
			width: 48px;	
		}
		#main_navigation ul li#nav_cong a {
			background-image: url(/css/images/btn_congressen.gif) ;
			width: 77px;	
		}
		#main_navigation ul li#nav_cont a {
			background-image: url(/css/images/btn_contact.gif);
			width: 53px;	
		}
		
	#search {
		position: absolute;
		right: 1px;
		top: 55px;
		width: 190px;
		height: 20px;
	}
		* html #search {
			width: 190px;
		}
		#search form {
			
			float: right;
		}
		#search label {
			float: left;
			color: #666;
			text-transform: uppercase;
			font-weight: bold;
		
			font-size: 1.1em;
			display: inline;
			margin: 4px 4px 0 0;
			background:url(/css/images/searchlabel.gif) no-repeat left top;
			width: 39px;
			height: 10px;
			text-indent: -9000px;
			float: left;
		}
		#search input {
			background:  url(/css/images/bckgr_searchinput.gif) no-repeat left top;
			width: 112px;
			height: 17px;
			border: none;
			padding: 2px 0;
			margin: 0;
			float: left;
			font-size: 1.1em;
		}
		#search input.searchbutton {
			width: 17px;
			float:left;
			padding: 0px;
		}
	#visual {
		position: absolute;
		left: 0px;
		top: 107px;
		width: 890px;
		border-left: solid 1px #CCC;
		border-right: solid 1px #CCC;
	}
#maincontent {
	position: relative;
	border: solid 1px #CCC;
	border-top: none;
	overflow: hidden;
	width: 890px;
	
}
	#sub_navigation {
		width: 184px;
		float: left;
		background: url(/css/images/bckgr_subnaviation.jpg) repeat-x left top;
		font-size: 1.2em;
		min-height: 459px;
	}
		* html #sub_navigation {
			height: 459px;
		}
	.nav_producten {
		background: none !important;
	}
		#sub_navigation li {
			width: 100%;	
			font-weight: bold;
			overflow: hidden;
			
		}
		#sub_navigation li a {
			display: block;
			padding: 9px 4px 8px 15px;
			color: #eef3f7;
			text-decoration: none;
			background: #0c68af url(/css/images/bckgr_main_li_sub.gif) repeat-x left top;
		}
		#sub_navigation li#nav_chirurgie a {
			background: #0c68af url(/css/images/bckgr_main_li_sub.gif) repeat-x left top;
		}
		#sub_navigation li#nav_pneumonie a {
			background: #9329bc url(/css/images/bckgr_pneumonie_li_sub.gif) repeat-x left top;
		}
		#sub_navigation li#nav_spijsvertering a {
			background: #ffb29c url(/css/images/bckgr_spijsvertering_li_sub.gif) repeat-x left top;
		}
		#sub_navigation li.this a,
		#sub_navigation li a:hover {
			color: #fff600;
		}
		#sub_navigation li ul {
			margin: 0 0 0 0;
			padding-top: 5px;
			padding-bottom: 15px;
			
		}
		
		#sub_navigation li#nav_chirurgie ul {
			background: #FFF url(/css/images/bckgr_sub_chirurgie.jpg) repeat-x left top;
		}
		#sub_navigation li#nav_pneumonie ul {
			background: #FFF url(/css/images/bckgr_sub_pneumonie.jpg) repeat-x left top;
		}
		#sub_navigation li#nav_spijsvertering ul {
			background: #FFF url(/css/images/bckgr_sub_spijsvertering.jpg) repeat-x left top;
		}
		#sub_navigation li li {
			font-size: 0.95em;
		}
		#sub_navigation li.this li a,
		#sub_navigation li li a {
			padding: 3px 4px 3px 15px;
			background: none !important;
			color: #1c4b85;
		}
		#sub_navigation li.this li a:hover,
		#sub_navigation li li a:hover {
			padding: 3px 4px 3px 15px;
			background: transparent url(/css/images/arrow_sub_nav.gif) no-repeat 5px 5px !important;
			color: #1c4b85;
		
		}
			#sub_navigation li.this li.this a {
				padding: 3px 4px 3px 15px;
				background: transparent url(/css/images/arrow_sub_nav.gif) no-repeat 5px 5px;
				color: #1c4b85;
			}
			
			
			
		.sub_navigation_active {
			
			background: transparent url(/css/images/arrow_sub_nav.gif) no-repeat 5px 5px !important;
			color: #1c4b85;
		
		}	
			
			
			
			
			
	#contentarea {
		float: left;
		width: 411px;
		padding: 45px 55px;
		font-size: 1.2em;
		line-height: 160%;
		border-top: solid 1px #6f92c6;
	}
		* html #contentarea {
			width: 409px;
		}
		.fullwidth {
			width: 590px !important;
		}
			* html .fullwidth {
				width: 596px !important;
			}
		#contentarea h1.maintitle {
			font-size: 2.2em;
			color: #095794;
			font-weight: bold;
			line-height: 100%;
			margin: 0 0 15px 0;
		}
		#contentarea p {
			margin: 0 0  1.2em 0;
		}
		#contentarea p.intro {
			color: #095794;
			font-weight: bold;
		}
		#contentarea h2 {
			font-weight: bold;
			font-size: 1.1em;
		}
		#contentarea ul,
		#contentarea ol {
			margin: 3px 0 10px 0px;
		}
		#contentarea ul li,
		#contentarea ol li {
			margin-left: 0px;
		}
		#contentarea ul li {
			list-style-type: disc;
			list-style-position: inside;
		}
		#contentarea ul.links li {
			list-style-type: none;
			list-style-position: outside;	
		}
		#contentarea .producten {
			float: left;
			margin: 10px 25px 25px 5px;
			position: relative;
			width: 263px;
			height: 342px;
		}
			* html #contentarea .producten {
				margin: 10px 23px 25px 0px;
			}
			
			.producten ul {
				list-style-type: none !important;
				position: relative;
				left: 0px;
				top: 0px;
				width: 260px;
				height: 290px;
				margin: 0px !important;
			}
			.producten ul li {
				width: 49px;
				height: 49px;
				position: absolute;
				list-style-type: none !important;
			}
			.producten ul li a {
				display: block;
				width: 100%;
				height: 100%;
				border: solid 2px red;
				text-indent: -9000px;
			}
				.prod_chirurgie {
					background: url(/css/images/bckgr_prod_chirurgie.jpg) no-repeat left 28px;
				}
				.prod_chirurgie h2 {
					background: url(/css/images/H_chirurgie.jpg) repeat-x left top;
					color: #FFF;
					font-size: 1.5em;
					text-indent: -9000px;
					height: 28px;
				}
					.prod_chirurgie h2 span {
						font-weight: normal;
					}
					.prod_chirurgie ul li a {
						border: solid 2px #c5d5e8;; 
					}
					.prod_chirurgie ul li a:hover {
						border: solid 2px #0b63a7;
					}
				
			.prod_beademing {
					background: url(/css/images/bckgr_prod_beademing.jpg) no-repeat left 28px;
				}
				.prod_beademing h2 {
					background: url(/css/images/H_beademing.jpg) repeat-x left top;
					color: #FFF;
					font-size: 1.5em;
					text-indent: -9000px;
					height: 28px;
				}
					.prod_beademing h2 span {
						font-weight: normal;
					}
					.prod_beademing ul li a {
						border: solid 2px #ebe0f2; /*#ebe0f2;*/
					}
					.prod_beademing ul li a:hover {
						border: solid 2px #7b2bb1;
					}
			.producten a.zoom {
				display: block;
				float: right;
				width: 120px;
				clear: both;
				text-align: right;
				color: #000;
				margin-right: 8px;
				text-decoration: none;
				padding-right: 12px;
				background: url(/css/images/icon_zoom.gif) no-repeat right 5px;
			}
		ul.iconlist {
			list-style-type: none;
			height: 50px;
		}
		ul.iconlist li {
			float: left;
			position: relative;
			list-style-type: none !important;
			z-index: 10;
			width: 40px;
			height: 40px;
			margin: 5px 5px 10px 0;
		}

		div#qTip {
			display: none;
			color: #FFF;
			font-size: 1.1em;
			font-weight: bold;
			text-align: left;
			position: absolute;
			z-index: 1000;
			width: 192px;
			
			padding: 4px 2px 2px 13px;
		}
		
		div.smallTip {
			background:  transparent url(/css/images/tooltip_small.png) no-repeat left top;
			height: 21px;
		}
		* html div.smallTip {	
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/images/tooltip_small.png, sizingMethod=scale);
			background-image:none;
		}
		div.bigTip {
			background:  transparent url(/css/images/tooltip_big.png) no-repeat left top;
			height: 32px;
		}
		* html div.bigTip {	
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/images/tooltip_big.png, sizingMethod=image);
			background-image:none;
		}
		


	#side_navigation {
		float: right;
		background-color: #a7c8e5;
		width: 185px;
	}
		#side_navigation h3,
		#side_navigation ul,
		#side_navigation .side_image {
			margin: 0 12px;
		}
		#side_navigation h2 {
			background-color: #0e4489;
			color: #FFF;
			padding: 10px 12px 12px 12px;
			font-weight: bold;
			font-size: 1.4em;
			width: 163px;
		}
		#side_navigation h3 {
			color: #0e4489;
			font-weight: bold;
			margin: 15px 12px 10px 12px;
			font-size: 1.2em;	
		}
		#side_navigation ul {
			border-bottom: solid 1px #FFF;
			padding: 0 0 10px 0;
			margin-bottom: 10px;
		}
		#side_navigation ul.last{
			border-bottom: solid 0px #FFF;
			padding: 0 0 10px 0;
			margin-bottom: 10px;
		}
		#side_navigation ul li {
			background: url(/css/images/arrow_side_nav.gif) no-repeat left 3px;
			padding: 2px 0 2px 17px;
			margin: 5px 0;
			font-size: 1.2em;
		}
		#side_navigation ul li a,
		#side_navigation ul li a:link,
		#side_navigation ul li a:visited {
			color: #0e4489;
			text-decoration: none;
		}
		#side_navigation ul li a:hover,
		#side_navigation ul li a:active {
			color: #0e4489;
			text-decoration: underline;
		}
#footer {
	padding: 15px 0;
}
#footer p {
	text-align: center;
	color: #666;
	font-size: 1.1em;
}

#nieuwsbrief{
	width: 185px;
	height: auto;
	padding: 10px
}


.nieuwsbrief {
	border: solid 1px #CCC;
	width: 160px;
	font-size: 1.1em;
	padding: 2px 2px;
}