/* --- HOME.CSS - ISBW.NL --- */


/* --- mainMenu --- */
				
#mainMenu li.selected a,
#mainMenu li.selected a:hover, #mainMenu li.selected a:focus, #mainMenu li.selected a:active,
#mainMenu.jsHoverOn li.selected a,
#mainMenu.jsHoverOn li.selected a:hover, #mainMenu.jsHoverOn li.selected a:focus, #mainMenu.jsHoverOn li.selected a:active {
	padding: 1.1em 5px;
	border-bottom-style: none;
}

* html #mainMenu li.selected a, * html #mainMenu li.selected a:hover, * html #mainMenu li.selected a:focus, * html #mainMenu li.selected a:active,
* html #mainMenu.jsHoverOn li.selected a, * html #mainMenu.jsHoverOn li.selected a:hover, * html #mainMenu.jsHoverOn li.selected a:focus, * html #mainMenu.jsHoverOn li.selected a:active { padding: 1.1em 5px 1.05em; }
*:first-child+html #mainMenu li.selected a, *:first-child+html #mainMenu li.selected a:hover, *:first-child+html #mainMenu li.selected a:focus, *:first-child+html #mainMenu li.selected a:active,
*:first-child+html #mainMenu.jsHoverOn li.selected a, *:first-child+html #mainMenu.jsHoverOn li.selected a:hover, *:first-child+html #mainMenu.jsHoverOn li.selected a:focus, *:first-child+html #mainMenu.jsHoverOn li.selected a:active { padding: 1.1em 5px 1.05em; }

#mainMenu li.selected a.doubleLine,
#mainMenu li.selected a.doubleLine:hover, #mainMenu li.selected a.doubleLine:focus, #mainMenu li.selected a.doubleLine:active {
	padding: 0.4em 5px 0.65em;
}

* html #mainMenu li.selected a.doubleLine, * html #mainMenu li.selected a.doubleLine:hover, * html #mainMenu li.selected a.doubleLine:focus, * html #mainMenu li.selected a.doubleLine:active { padding: 0.4em 5px 0.6em; }
*:first-child+html #mainMenu li.selected a.doubleLine, *:first-child+html #mainMenu li.selected a.doubleLine:hover, *:first-child+html #mainMenu li.selected a.doubleLine:focus, *:first-child+html #mainMenu li.selected a.doubleLine:active { padding: 0.4em 5px 0.6em; }


/* --- body --- */

.body {
	width: 975px;
	padding: 0 8px;
	background: url(/images/isbw/bg_site_body.gif) #ffffff no-repeat left bottom;
}

	/* --- siteBody --- */
	
	.body #siteBody {
		width: 945px;
		padding: 15px;
		background-image: none;
		background-color: #d21034;
	}

		/* --- accordion --- */
		
		#accordion {
			float: left;
			width: 376px;
			height: 370px;
			padding: 0;
		}
	
			#siteBody .chamber {
				position: relative;
				/*display: none;*/
				height: 35px;
				padding: 0 16px 0 0;
				overflow: hidden;
				background: url(/images/isbw/bg_accordion_chamber.gif) #ffffff repeat-y right top;
			}
			
			#accordion.accOn,
			#accordion .accOffOpen,
			#accordion.accOn .chamber {
				display: block;
			}
			
			#accordion .accOffOpen {
				height: 195px;
			}
			
			#accordion.accOn .open {
				height: 195px;
			}
			
				#siteBody #accordion h2 {
					color: #ffffff;
					height: 34px;
					/*padding: 5px 15px 11px;*/
					padding: 0;
					background: url(/images/isbw/bg_accordion_header.gif) #d21034 repeat-x left bottom;
					border-top: 1px solid #f33d42;
				}
				
				#accordion.accOn h2 {
					cursor: pointer;
				}
			
					#accordion h2 a, #accordion h2 a:hover, #accordion h2 a:focus, #accordion h2 a:active {
						display: block;
						color: #ffffff;
						text-decoration: none;
						width: 330px;
						height: 18px;
						/*padding: 0;*/
						padding: 5px 15px 11px;
					}
					
					#accordion .open h2,
					#accordion .open h2 a {
						cursor: text;
					}
					
					#accordion h2 a:focus {
						outline: 1px dotted #ffffff;
					}
					
					#accordion .open h2 a:focus, #accordion .open h2 a:active {
						outline-style: none;
					}
				
				#accordion .open h2, #accordion .accOffOpen h2 {
					background-image: none;
				}
				
				.chamber .chamberContent {
					font-size: 0.9em;
					padding: 8px 10px 0;
				}
					
				#productSearch .chamberContent {
					padding: 5px 10px 0;
				}
			
				#accordion .accOffOpen .chamberContent {
					height: 152px;
				}
				
				#accordion.accOn .chamberContent {
					height: 152px;
				}
				
				#accordion.accOn .open .chamberContent {
					height: 152px;
					overflow: auto;
				}
				
					.open .chamberContent div {
						position: relative;
					}
				
					.chamberContent div {
						margin: 0 0 14px;
					}
					
					#productSearch .chamberContent div {
						margin: 0 0 9px;
					}
					
				#accordion img.arrow {
					position: absolute;
					right: 0;
					top: 50%;
					background: none transparent no-repeat left top;
				}
					
				#accordion .accOffOpen img.arrow,
				#accordion .open img.arrow {
					background-image: url(/images/isbw/anim_home_arrow.gif);
				}
				
		
		/* --- siteContent --- */
		
		#siteContent {
			float: right;
			width: 525px;
			height: 370px;
			margin: 0;
			padding: 0 0 0 30px;
			overflow: auto;
			background-color: #ffffff;
		}
		
			#siteContent .content {
				display: none;
				width: 495px;
				margin: 0;
				padding: 15px 0;
			}
			
			#siteContent .show {
				display: block;
			}
				#siteContent .big_image {
					width:555px;
					height:370px;
					position:relative;
					top:0;
					left:-30px;
					padding:0;
					overflow:hidden;
				}
				#siteContent .big_image img {
					margin-top:0;
				}

				#siteContent h1 {
					padding: 6px 0 20px;
				}
				
				#siteContent form div {
					float: left;
					clear: both;
					width: 475px;
					margin: 23px 0 -7px;
					padding: 0 10px;
				}
				
				* html #siteContent form div { margin: 23px 0 -12px; }
				*:first-child+html #siteContent form div { margin: 23px 0 -12px; }
				
					#siteContent form label {
						display: block;
						font-weight: bold;
						margin: 0 0 5px;
					}
				
					#siteContent form div div {
						position: relative;
						float: left;
						width: auto;
						margin: 0;
						padding: 6px 6px 5px;
						background: url(/images/isbw/bg_surrounding_input.gif) #fdfdfd repeat-x left bottom;
						border: 1px solid #e4e6ee;
						border-color: #e4e6ee #adb0ba #adb0ba #e4e6ee;
					}
					
					* html #siteContent form div div { margin: 0; }
					*:first-child+html #siteContent form div div { margin: 0; }
					
						#siteContent form div div label {
							font-weight: normal;
						}
					
						.jsLabelsOn #siteContent .inactive label.overLabel {
							left: 7px;
							top: 7px;
						}
					
						* html .jsLabelsOn #siteContent .inactive label.overLabel { top: 6px; }
						*:first-child+html .jsLabelsOn #siteContent .inactive label.overLabel { top: 6px; }
					
						.jsLabelsOn #siteContent label.overLabel {
							left: -9999px;
						}
					
						#siteContent #cnt2form select {
							width: 461px;
							padding: 1px;
							border: 1px solid #74798a;
							border-color: #74798a #e5e7ee #e5e7ee #74798a;
						}
					
						#siteContent #cnt2form input {
							width: 288px;
							height: 1.3em;
							padding: 2px 3px;
							border: 1px solid #74798a;
							border-color: #74798a #e5e7ee #e5e7ee #74798a;
						}
					
						* html #siteContent #cnt2form input { height: 1.25em; padding: 1px 3px; }
						*:first-child+html #siteContent #cnt2form input { height: 1.25em; padding: 1px 3px; }
					
						#siteContent  #cnt2form input.button {
							float: right;
							font-size: 1.4em;
							font-weight: normal;
							color: #ffffff;
							vertical-align: top;
							width: 156px;
							height: 1.75em;
							margin: 2px 0;
							padding: 0 0 2px;
							background: url(/images/isbw/bg_submit_button.gif) #9e0c27 repeat-x left top;
							border-style: none;
						}
						
						* html #siteContent #cnt2form input.button { height: 1.75em; padding: 0 0 2px; }
						*:first-child+html #siteContent #cnt2form input.button { height: 1.75em; padding: 0 0 2px; }
				
				#siteContent #cnt3 div {
					width: 495px;
					margin-top: 0;
					background-position: 260px 0;
				}
					
					#siteContent ol {
						width: 250px;
						padding: 2px 0 0;
					}
					
					#siteContent #cnt3 #cnt3sub {
						width: 225px;
						height: auto;
						/*margin: 0;*/
					}
					
						#siteContent #cnt3 #cnt3sub div {
							float: none;
							width: 225px;
						}
				
				/*#siteContent #cnt3 div {
					float: left;
					clear: both;
					width: 495px;
					background: url(/images/isbw/bg_more_aside.gif) transparent no-repeat 260px 0;
				}
					
					#siteContent ol {
						float: left;
						width: 250px;
						margin: 0;
						padding: 2px 0;
						list-style-type: none;
					}
					
						#siteContent ol li {
							line-height: 1.35em;
							margin: 0;
							padding: 0 0 8px 22px;
							background: none transparent no-repeat 0 0.15em;
						}
						
						#siteContent ol li.item1 {
							background-image: url(/images/isbw/ico_ol_01.gif);
						}
						
						#siteContent ol li.item2 {
							background-image: url(/images/isbw/ico_ol_02.gif);
						}
						
						#siteContent ol li.item3 {
							background-image: url(/images/isbw/ico_ol_03.gif);
						}
						
						#siteContent ol li.item4 {
							background-image: url(/images/isbw/ico_ol_04.gif);
						}
						
						#siteContent ol li.item5 {
							background-image: url(/images/isbw/ico_ol_05.gif);
						}
						
						#siteContent ol li.item6 {
							background-image: url(/images/isbw/ico_ol_06.gif);
						}
						
						#siteContent ol li.item7 {
							background-image: url(/images/isbw/ico_ol_07.gif);
						}
						
						#siteContent ol li.item8 {
							background-image: url(/images/isbw/ico_ol_08.gif);
						}
						
						#siteContent ol li.item9 {
							background-image: url(/images/isbw/ico_ol_09.gif);
						}
						
						#siteContent ol li.item10 {
							background-image: url(/images/isbw/ico_ol_10.gif);
						}
					
						#siteContent ol li a {
							text-decoration: none;
						}
					
						#siteContent ol li.selected a {
							font-weight: bold;
						}
					
						#siteContent ol li a:hover, #siteContent ol li a:focus, #siteContent ol li a:active {
							text-decoration: underline;
						}
					
					#siteContent #cnt3 #cnt3sub {
						float: right;
						clear: none;
						width: 205px;
						margin: 0;
						padding: 3px 0 0;
						background-image: none;
					}
					
						#siteContent #cnt3 #cnt3sub div {
							display: none;
							width: 205px;
							background-image: none;
						}
					
						#siteContent #cnt3 #cnt3sub div.show {
							display: block;
						}*/
					
							#siteContent #cnt3 #cnt3sub a.button {
								float: left;
							}
					
				#siteContent #cnt4 ul {
					width: 233px;
					padding: 3px 0 0;
				}
				
					#siteContent #cnt4 li {
						padding: 0 0 6px;
					}
					
						#siteContent #cnt4 a {
							font-weight: bold;
							width: 213px;
							padding: 8px 10px 10px;
							background: url(/images/isbw/bg_button_home_vakgebieden.gif) #fdfdfd repeat-x left bottom;
						}

						#siteContent #cnt4 a.button:hover, #siteContent #cnt4 a.button:focus, #siteContent #cnt4 a.button:active {
							color: #515665;
							background-color: #eceef4;
							background-position: 0 -37px;
						}
						
				#siteContent #cnt5 div {
					padding: 3px 0 0;
				}
						
				#siteContent #cnt6 {
					/*margin: auto;*/
				}
						
					#siteContent #cnt6 a.banner {
						display: block;
						/*margin: auto;*/
						padding: 0;
					}
						
						#siteContent #cnt6 .banner img {
							margin: 0;
						}