/* Import other stylesheets for media: screen */
@import url("layout.css");
@import url("menu.css");
@import url("sIFR-screen.css");
@import url("sitemap.css");

/* Classes and styles */

/* STANDARD */
html, body {
	margin: 0px;
}

body {
	background-image: url('../images/background.jpg');
	background-repeat: repeat-x;
	background-color: #cdd5e0;
	
	font-family: Arial;
	font-size: 12px;
	color: #3c3c3c;
	margin: 0px;
	line-height: 18px;
}

p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 18px;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal; 
}

h1 {
	color: #339bd5;
	font-size: 24px;
	padding-bottom: 8px;
	width: auto;
}

h4 {
	color: #339bd5;
	font-size: 21px;
	padding-bottom: 0px;
}

h5 {
	color: #339bd5;
	font-size: 24px;
	padding-bottom: 30px;
}

a {
	color: #005dab;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}

img {
	border: 0px;
}

div.clear {
	clear: both;
}

.noBackground {
	background-image: none !important;
}

.png, div#arch, div#topMenuBackground, div#homepageBlock1Background, #homepageContentBlock1Background, div#homepageContentBlock2Background, div#homepageContentBlock3Background, a#buttonMore, div.productgroupBlock, div.productgroupBlockBackground, div.productBlockSmallBackground, div.trefwoordProductBlockBackground, div#trefwoordenBackground, div#tabsTopBackground, div#tabsContentBackground {
	_behavior: url("http://www.bional.nl.http-lb.bit.nl/css/iepngfix.htc");
}

ul.floatingList {
	padding: 0px;
	margin: 0px;
	list-style: none;
	z-index:100;
}

ul.floatingList li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: inline;
}

div#container {
	position: relative;
	width: 980px;
	margin: 0px auto;
	text-align: left;
}

#page {
	background-color: #2c98d4;
	background-image: url('../images/bg_page.jpg');
	background-repeat: repeat-x;
	z-index: 2;
}

#content {
	position: relative;
	padding-top: 200px;
	z-index: 3;
	min-height: 300px;
}

#header {
	width: 980px;
	position: absolute;
	top: 2px;
	left: 0px;
	z-index: 5;
	text-align: right;
}

#crumblepath {
	position: absolute;
	top: 152px;
	left: 0px;
	z-index: 3;
	padding-left: 44px;
}

#crumblepath ul li {
	background-image: url('../images/bg_list_dash.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 12px;
	padding-left: 6px;
}



/* HEADER NAVIGATION */
div#headerNavigationList {
	padding-right: 306px;
	padding-top: 8px;
}

div#headerNavigationFontsizes {
	position: absolute;
	top: 6px;
	right: 250px;
}

#headerNavigationList ul {
	font-size: 11px;
}

div#headerNavigationList ul li {
	margin-right: 12px;
}

a.fontsize {
	margin-right: 5px;
}

div#headerSearch {
	position: absolute;
	top: 3px;
	right: 18px;
	width: 213px;
}

div#headerSearchSearchfield {
	float: left;
	width: 157px;
	height: 22px;
	background-image: url('../images/bg_searchfield.gif');
	background-repeat: no-repeat;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
}

div#headerSearchSearchfield input {
	width: 155px;
	height: 13px;
	border: solid;
	border-color: #FFFFFF;
	font-size: 9px;
	padding: 0px;
}

div#headerSearchSearchButton {
	float: left;
}

/* TOPMENU */
#topMenu {
	width: 980px;
	position: absolute;
	top: 35px;
	left: 0px;
	z-index: 100;
}

div#topmenuLogoLink {
	position: absolute;
	top: 2px;
	left: 37px;
	width: 150px;
	height: 58px;
}

div#topMenuContent {
	position: absolute;
	top: 0px;
	left: 280px;
	padding-top: 9px;
}

div#topMenuContent a {
	float: left;
	display: block;
	background-repeat: no-repeat;
	height: 50px;
}

div#topMenuContent a strong {
	display: none;
}

ul#menuList li ul li a {
	padding-top: 5px;
	background-color: #FFFFFF;
	
}

div.submenuContent {
	position: relative;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-left: 18px;
	padding-bottom: 15px;
	border-left: 1px solid #d3d5de;
	border-right: 1px solid #d3d5de;
}

div.submenuContent ul {
	padding: 0px !important;
	margin: 0p !importantx;
	width: 210px !important;
	display: block; !important;
}

div.submenuContent ul li {
	width: 212px !important;
	float: none;
	padding: 0px !important;
	margin: 0px !important;
	height: auto !important;
	line-height: auto !important;
}

div.submenuContent ul li a {
	height: auto !important;
	display: block !important;
	float: none !important;
}

div.submenuBottom {
	height: 8px;
	width: 230px;
	background-image: url('../images/bg_topmenu_submenu_bottom.png');
	background-repeat: no-repeat;
}


/* PRODUCTEN SUBMENU */
#productenLi div {
	display: none;
}

#productenLi:hover div {
	display: block;
}

div#submenuProducten {
	position: relative;
	width: 230px;
	position: absolute;
	top: 50px;
	left: 0px;
}


/* HULP BIJ SUBMENU */
div#submenuHulpBij {
	position: relative;
	width: 230px;
	position: absolute;
	top: 50px;
	left: 110px;
}

#hulpBijLi div {
	display: none;
}

#hulpBijLi:hover div {
	display: block;
}

/* TEST JEZELF SUBMENU */
div#submenuTestJezelf {
	position: relative;
	width: 230px;
	position: absolute;
	top: 50px;
	left: 208px;
}

#testJezelfLi div {
	display: none;
}

#testJezelfLi:hover div {
	display: block;
}

/* PRODUCTEN OVER BIONAL */
div#submenuOverBional {
	position: relative;
	width: 230px;
	position: absolute;
	top: 50px;
	left: 317px;
}

ul.leftMenu {
	display: none;
}

#overBionalLi div {
	display: none;
}

#overBionalLi:hover div {
	display: block;
}

.submenuContent ul {
	padding: 0px;
	margin: 0px;
}


div#topMenuContent a#producten {
	width: 110px;
	background-image: url('../images/topmenu_producten.gif');
}

div#topMenuContent #productenLi:hover a#producten {
	width: 110px;
	background-image: url('../images/topmenu_producten_active.gif');
}


div#topMenuContent a#producten {
	width: 110px;
	background-image: url('../images/topmenu_producten.gif');
}

div#topMenuContent a#hulpBij {
	width: 98px;
	background-image: url('../images/topmenu_hulp_bij.gif');
}

/*
div#topMenuContent #hulpBijLi:hover a#hulpBij {
	background-image: url('../images/topmenu_hulp_bij_active.gif');
}

div#topMenuContent #hulpBijLi:hover.noHover {
	background-image: url('../images/topmenu_hulp_bij.gif');
}
*/

div#topMenuContent a#testJezelf {
	width: 109px;
	background-image: url('../images/topmenu_test_jezelf.gif');
}

div#topMenuContent #testJezelfLi:hover a#testJezelf {
	background-image: url('../images/topmenu_test_jezelf_active.gif');
}

div#topMenuContent #testJezelfLi.noHover:hover a#testJezelf {
	background-image: url('../images/topmenu_test_jezelf.gif');
}


div#topMenuContent a#overBional {
	width: 132px;
	background-image: url('../images/topmenu_over_bional.gif');
}

div#topMenuContent #overBionalLi:hover a#overBional {
	width: 132px;
	background-image: url('../images/topmenu_over_bional_active.gif');
}


div#topMenuBackground {
	position: absolute;
	top: 0px;
	left: 15px;
	width: 945px;
	height: 70px;
	background-image: url('../images/bg_navigation_top.png');
}

/* BOTTOM MENU */
#bottomMenu {
	z-index: 2000 !important;
	text-align: center;
	padding-top: 22px;
	padding-bottom: 24px;
}

body.home #bottomMenu {	/* Dirty fix for windowChanger */
	z-index: 2000 !important;
	text-align: center;
	padding-top: 22px;
	padding-bottom: 24px;
	position: absolute;
	top: 652px;
	left: 33px;
}

#bottomMenu a {
	color: #FFFFFF;
}

#bottomMenu ul li {
	background-image: url('../images/bottommenu_pipeline.gif');
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 11px;
	margin-left: 6px;
}



/* FOOTER */
#footer {
	background-image: url('../images/bg_footer.gif');
	background-repeat: no-repeat;
	height: 31px;
	z-index: 3;
	padding-top: 20px;
	padding-left: 18px;
	margin-bottom: 20px;
}

#footer ul li {
	margin-right: 9px;
}

#arch {
	background-image: url("../images/arch.png");
	background-repeat: no-repeat;
	width: 980px;
	height: 214px;
	z-index: 1;
	position: absolute;
	top: 35px;
	left: 0px;
}

div#footerReflection {
	background-image: url('../images/bg_footer_ reflection.png');
	background-repeat: no-repeat;
	height: 101px;
	z-index: 3;
}

/* HOME */
.home #page {
	/*background-image: url('../images/bg_home_prostavit_forte.jpg');*/
	background-repeat: no-repeat;
	height: 728px;
}

.home #page div#contentBackgroundImage{
	position: absolute; 
	top: 0px;
	left: 0px;
	height: 733px;
	width: 980px;
}

.home #page div#contentBackgroundImage img{
	position: absolute; 
	top: 0px;
	left: 0px;
	height: 733px;
	width: 980px;
}

.home #content {
	z-index: 2;
	height: 264px !important;
	min-height: 264px !important; 
	padding-top: 400px;
}

.home #arch {
	display: none;
}

div#homepageContentBlockContainer {
	height: 263px;
}

#homepageContentBlockContainer h3 {
	font-size: 24px;
	color: #339bd5;
	padding-left: 24px;
	padding-top: 5px;
}

#homepageContentBlockContainer h3.smaller {
	padding-left: 5px;
	font-size: 22px;
	line-height: 22px;
}

/* BLOCK 1 */
div#homepageContentBlock1 {
	margin-left: 31px;
	_margin-left: 15px;
	position: relative;
	float: left;
	width: 338px;
}

#homepageContentBlock1Background {
	position: absolute;
	top: 40px;
	left: 0px;
	background-image: url('../images/bg_home_contentblock_1.png');
	background-repeat: no-repeat;
	width: 338px;
	height: 207px;
}

#homepageContentBlock1Content {
	position: absolute;
	top: 54px;
	left: 9px;
}

#homepageContentBlock1Content a#buttonMore {
	position: absolute;
	top: 138px;
	left: 225px;
	background-image: url('../images/btn_meer.png');
	cursor: pointer;
	background-repeat: no-repeat;
	width: 92px;
	height: 46px;
}

#homepageContentBlock1Content ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#homepageContentBlock1Content ul li {
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	background-image: url('../images/bg_list_bottom.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 4px;
	padding-bottom: 6px;
	width: 320px;
}

#homepageContentBlock1Content ul li a {
	display: block;
	min-height: 20px;
	_height: 20px;
	background-image: url('../images/arrow.gif');
	background-repeat: no-repeat;
	background-position: 16px top;
	padding: 2px 16px 0px 49px;
}

/* BLOCK 2 */
div#homepageContentBlock2 {
	margin-left: 7px;
	position: relative;
	float: left;
	width: 223px;
}

#homepageContentBlock2Background {
	position: absolute;
	top: 40px;
	left: 0px;
	background-image: url('../images/bg_home_contentblock_2.png');
	background-repeat: no-repeat;
	width: 223px;
	height: 207px;
}

#homepageContentBlock2Content {
	position: absolute;
	top: 47px;
	left: 8px;
	width: 208px;
	height: 192px;
	text-align: center;
	padding-top: 5px;
}

/* BLOCK 3 */
div#homepageContentBlock3 {
	margin-left: 7px;
	position: relative;
	float: left;
	width: 223px;
}

#homepageContentBlock3Background {
	position: absolute;
	top: 40px;
	left: 0px;
	background-image: url('../images/bg_home_contentblock_3.png');
	background-repeat: no-repeat;
	width: 343px;
	height: 207px;
}

#homepageContentBlock3Content {
	position: absolute;
	top: 47px;
	left: 8px;
	width: 327px;
	height: 192px;
}

#homepageContentBlock3Content a {
	display: block;
	height: 100%;
	width: 100%;
}

/* CONTENT 'CONTENT' */
div#contentContent {
	padding-left: 15px;
}
	
div#contentContent div#contentTop {
	background-image: url('../images/bg_content_top.png');
	_background-image: url('../images/bg_content_top.gif');
	background-repeat: no-repeat;
	height: 10px;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
}

div#contentContent div#contentBackground {
	background-image: url('../images/bg_content.png');
	_background-image: url('../images/bg_content.gif');
	background-repeat: repeat-y;
}

div#contentContent div#contentContentContent {
	background-image: url('../images/bg_content_gradient.gif');
	_background-image: url('../images/bg_content_gradient_ie6.gif');
	background-repeat: no-repeat;
	min-height: 595px;
	_height: 595px;
	padding-bottom: 24px;
	
}

div#contentContent div#contentContentContent #contentLeft {
	float: left;
	width: 520px;
	padding-left: 26px;
	padding-right: 30px;
	margin-right: 20px;
}

div#pageTitle {
	float: left;
	padding-top: 12px;
	width: 400px;
}

div#pageActions {
	float: right;
	padding-top: 18px;
	width: 120px;
}

div#contentContent div#contentContentContent #contentRight {
	float: left;
	width: 324px;
	padding-top: 14px;
	padding-left: 9px;
}

div#contentContent div#contentContentContent #contentRight #testJezelf {
	margin-bottom: 20px;
}

div#contentContent div#contentContentContent #contentRight h5 {
	padding-left: 22px;
	padding-bottom: 6px;
}

div#contentContentContent ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

div#contentContentContent ul li {
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
	background-image: url('../images/bullet_blue.gif');
	background-repeat: no-repeat;
	background-position: left;
}


div#contentContent div#contentBottom {
	background-image: url('../images/bg_content_bottom.png');
	_background-image: url('../images/bg_content_bottom.gif');
	background-repeat: no-repeat;
	height: 10px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}

div.productBlockSmall {
	position: relative;
	overflow: hidden;
	width: 338px;
	height: 112px;
	margin-bottom: 4px;
}

div.productBlockSmallBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 338px;
	height: 112px;
	background-image: url('../images/bg_productblok_small.png');
	background-repeat: no-repeat;
}

div.productBlockSmallContent {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 10px;
	overflow: hidden;
	height: 106px;
}

div.productBlockSmallContent div.packshot {
	float: left;
	width: 57px;
	margin-right: 28px;
	padding-top: 8px;
}

div.productBlockSmallContent div.text {
	float: left;
	width: 180px;
	padding-top: 16px;
}

div.productBlockSmallContent div.arrow {
	float: left;
	padding-right: 10px;
	padding-top: 10px;
}

div.productBlockSmallContent div.text div.productTitle {
	font-size: 21px;
}

/* CONTENT PRODUCT */
div#productContent {
	position: relative;
	z-index: 2;
	padding-top: 183px;
	padding-left: 15px;
	width: 950px;
}

div#productContentTop {
	height: 10px;
	background-image: url('../images/bg_product_content_top.png');
	_background-image: url('../images/bg_product_content_top.gif');
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
}

div#productContentBottom {
	height: 10px;
	background-image: url('../images/bg_product_content_bottom.png');
	_background-image: url('../images/bg_product_content_bottom.gif');
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

div#productContentContent {
	position: relative;
	min-height: 651px;
	_height: 651px;
	background-image: url('../images/bg_product_content.png');
	_background-image: url('../images/bg_product_content.gif');
	background-repeat: repeat-y;
	padding-left: 6px;
}

div#productContentContent #menu {
	float: left;
	width: 202px;
	min-height: 651px;
	_height: 651px;
	background-image: url('../images/bg_product_content_menu.gif');
	background-repeat: no-repeat;
	margin-right: 11px;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 20px;
}

div#productContentContent #menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

div#productContentContent #menu ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	margin-bottom: 5px;
}

div#productContentContent #menu ul li ul {
	margin-top: 8px;
	padding-left: 15px;
}

div#productContentContent #menu ul li ul li {
	font-size: 12px;
	list-style-type: disc;
	color: #0759a0;
}

div#productContentContent #menu ul li ul li.active {
	color: #3c3c3c;
}

div#productContentContent #content {
	float: left;
	width: 660px;
	padding: 20px 20px 20px 10px;
}

div#productContentContent #content #contentLeft {
	float: left;
	width: 430px;
	padding-left: 10px;
}

div#contentLeftText {
	padding-left: 10px;
}

div#contentLeftText ul {
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
}

div#contentLeftText ul li {
	margin: 0px;
	padding: 0px;
}

div#productContentContent #content #contentRight {
	float: left;
	width: 200px;
	padding-left: 20px;
}

div#productContentContent h1 {
	padding-left: 10px;
	width: auto;
}

div#productWorksFor h3 {
	float: left;
	color: #c81928;
	font-size: 21px;
	line-height: 24px;
	width: 432px;
	padding-left: 10px;
}

h3 {
	color: #339bd5;
	font-size: 24px;
	line-height: 24px;
}


div#productDownloadPatientInfo {
	float: right;
	padding-right: 36px;
	
}

div#tabs {
	margin-top: 26px;
	height: 30px;
	background-image: url('../images/tab_border.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left: 10px;
	margin-bottom: 35px;
}

div#tabs .tabLeft {
	float: left;
	width: 3px;
	height: 30px;
	background-image: url('../images/tab_left.gif');
	background-repeat: no-repeat;
}

div#tabs .tabMiddle {
	float: left;
	height: 25px;
	background-image: url('../images/tab_middle.gif');
	background-repeat: repeat-x;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 5px;
	color: #FFFFFF;
}

div#tabs .tabMiddle a {
	color: #FFFFFF;
}

div#tabs .tabRight {
	float: left;
	width: 3px;
	height: 30px;
	background-image: url('../images/tab_right.gif');
	background-repeat: no-repeat;
}

div#tabs .tabLeftActive {
	float: left;
	width: 5px;
	height: 30px;
	background-image: url('../images/tab_left_active.gif');
	background-repeat: no-repeat;
}

div#tabs .tabMiddleActive {
	float: left;
	height: 25px;
	background-image: url('../images/tab_middle_active.gif');
	background-repeat: repeat-x;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 5px;
	color: #3c3c3c;
}

div#tabs .tabRightActive {
	float: left;
	width: 5px;
	height: 30px;
	background-image: url('../images/tab_right_active.gif');
	background-repeat: no-repeat;
}

/* large attentionblock */
div.attentionBlockLarge {
	background-color: #e0ecf4;
	width: 430px;
}

div.attentionBlockLarge .attentionBlockTop {
	height: 5px;
	background-image: url('../images/bg_attentionblock_top.gif');
	background-repeat: no-repeat;
	font-size: 0px;
}

div.attentionBlockLarge .attentionBlockMiddle {
	background-image: url('../images/bg_attentionblock.gif');
	background-repeat: no-repeat;
	min-height: 167px;
	_height: 167px;
	padding-top: 6px;
	padding-left: 20px;
	padding-right: 20px;
}

div.attentionBlockLarge .attentionBlockMiddle h3 {
	padding-bottom: 5px;
}

div.attentionBlockLarge .attentionBlockBottom {
	font-size: 0px;
	height: 5px;
	background-image: url('../images/bg_attentionblock_bottom.gif');
	background-repeat: no-repeat;
}
/* end large attentionblock */

/* small attentionblock */
div#packshot {
	text-align: center;
	margin-bottom: 25px;
}

div.attentionBlockSmall {
	background-color: #d6e0ef;
	background-image: url('../images/bg_attentionblock_small.gif');
	background-repeat: repeat-y;
	width: 200px;
	margin-bottom: 20px;
}

div.attentionBlockSmall .attentionBlockTop {
	height: 6px;
	background-image: url('../images/bg_attentionblock_small_top.gif');
	background-repeat: no-repeat;
	font-size: 0px;
}

div.attentionBlockSmall .attentionBlockMiddle {
	background-image: url('../images/bg_attentionblock_small_middle.gif');
	background-repeat: no-repeat;
	min-height: 139px;
	_height: 139px;
	padding-top: 6px;
	padding-left: 12px;
	padding-right: 12px;
}

div.attentionBlockSmall div.title {
	font-size: 21px;
	line-height: 21px;
	color: #c81928;
}

div.attentionBlockSmall div.text {
	font-size: 18px;
	line-height: 18px;
	color: #3c3c3c;
}

div.attentionBlockSmall div.text.smaller {
	font-size: 12px;
	line-height: 12px;
}

div.attentionBlockSmall .attentionBlockBottom {
	font-size: 0px;
	height: 5px;
	background-image: url('../images/bg_attentionblock_small_bottom.gif');
	background-repeat: no-repeat;
}
/* end small attentionblock */


/* CONTENT PRODUCTGROUP */
div#productgroupContent {
	min-height: 500px;
	_height: 500px;
	z-index: 3;
	padding-left: 16px;
}

div#productgroupContent div#contentTop {
	position: relative;
	margin-bottom: 12px;
}

div#productgroupContent #contentTopLeft {
	float: left;
	width: 397px;
	padding-left: 50px;
	padding-right: 34px;
}

div#productgroupContent #contentTopRight {
	float: left;
	width: 468px;
}

div.introText {
	font-size: 14px;
}

div#productBlocks {
	margin-bottom: 8px;
}

div.productgroupBlock {
	float: left;
	position: relative;
	overflow: hidden;
	margin-right: 12px;
	margin-bottom: 4px;
	width: 468px;
	height: 112px;
}

div.productgroupBlock div.productgroupBlockBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url('../images/bg_productgroep_block.png');
	width: 468px;
	height: 112px;
}

div.productgroupBlock div.productgroupBlockContent {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 24px;
	width: 440px;
}

div.productgroupBlock div.packshot {
	float: left;
	width: 57px;
	margin-right: 32px;
	padding-top: 8px;
}

div.productgroupBlock div.text {
	float: left;
	width: 294px;
	padding-top: 22px;
}

div.productgroupBlock div.text h3 {
	color: #0759a0;
}

div.productgroupBlock div.arrow {
	position: absolute;
	top: 6px;
	right: 5px;
	width: 43px;
	height: 40px;
}

div#productTableTop {
	height: 8px;
	_height: 4px;
	background-image: url('../images/bg_productgroup_table_top.png');
	_background-image: url('../images/bg_productgroup_table_top.gif');
	background-repeat: no-repeat;
	margin: 0px;
	font-size: 0px;
	padding:0px;
	line-height: 0px;
}

div#productTableContent {
	background-image: url('../images/bg_productgroup_table_gradient.png');
	_background-image: url('../images/bg_productgroup_table_gradient.gif');
	min-height: 155px;
	_height: 155px;
	background-repeat: no-repeat;
	padding-left: 4px;
	width: 940px;
}


div#productTableBackground {
	background-image: url('../images/bg_productgroup_table.png');
	_background-image: url('../images/bg_productgroup_table.gif');
	background-repeat: repeat-y;
		position: relative;
}

div#productTableBottom {
	height: 8px;
	background-image: url('../images/bg_productgroup_table_bottom.png');
	_background-image: url('../images/bg_productgroup_table_bottom.gif');
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	position: relative;
}

table.productTable {
	width: 650px;
	border: 0px;
}

table.productTable.larger {
	width: 900px;
	border: 0px;
}

table.productTable.larger td {
	border-right: 1px solid #c4cbd6; 
}

table.productTable tr {
	width: 941px;
	height: 29px;
	background-image: url('../images/bg_list_bottom.gif');
	background-position: bottom;
	background-repeat: repeat-x;
}

table.productTable tr.last {
	background-image: none;
}

table.productTable tr.header {
	color: #339bd5;
	font-weight: bold;
}

table.productTable tr td {
	padding-left: 20px;
}

table.productTable tr td a {
	font-size: 14px;
	font-weight: bold;
}

table.content tr td {
	border: 1px solid #c4cbd6;
}

/* CONTENT TREFWOORD */
.trefwoord #page {
	background-color: #FFFFFF;
	background-image: url("../images/bg_page_white_gradient.jpg");
	background-repeat: repeat-x;
	background-position: left bottom;
}

div#contentTrefwoord {
	position: relative;
}

div#contentTrefwoord h1 {
	color: #339bd5;
	font-size: 30px;
	width: auto;
}

div#contentTrefwoord #contentContent {
	background-image: url('../images/bg_trefwoord.png');
	_background-image: url('../images/bg_trefwoord.gif');
	background-repeat: repeat-y;
	width: 965px;
}

div#contentTrefwoord #contentContent #contentLeft{
	float: left;
	width: 455px;
	padding-left: 0px;
	margin-right: 31px;
	_margin-right: 18px;
	margin-bottom: -10px;
}

div#contentTrefwoord #contentContent #contentLeft #text{
	padding-left: 20px;
}

div#contentTrefwoord #contentContent #contentRight{
	float: left;
	width: 450px;
	background-image: url('../images/bg_trefwoord_gradient.gif');
	background-repeat: no-repeat;
	min-height: 612px;
	_height: 612px;
	padding-top: 5px;
	padding-left: 10px;
}


div#contentTrefwoord #contentTop {
	height: 9px;
	background-image: url('../images/bg_trefwoord_top.png');
	_background-image: url('../images/bg_trefwoord_top.gif');
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
}

div#contentTrefwoord #contentBottom {
	height: 10px;
	background-image: url('../images/bg_trefwoord_bottom.png');
	_background-image: url('../images/bg_trefwoord_bottom.gif');
	background-repeat: no-repeat;
}

div.trefwoordProductBlock {
	position: relative;
	width: 468px;
	height: 187px;
	margin-bottom: 14px;
}

div.trefwoordProductBlockBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 468px;
	height: 187px;
	background-image: url('../images/bg_trefwoord_productblock.png');
	background-repeat: no-repeat;
}


div.trefwoordProductBlock h5 {
	padding-bottom: 5px;
}

/*div.trefwoordProductBlock .header{
	width: 420px;
}*/

div.trefwoordProductBlock.noMargin {
	margin-bottom: 0px;
}

div.trefwoordProductBlock .arrow {
	position: absolute;
	top: 9px;
	right: 9px;
}

div.trefwoordProductBlockContent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 433px;
	height: 173px;
	padding-left: 0px;
	padding-right: 0px;
	overflow: hidden;
	padding-left: 35px;
	padding-top: 15px;
}

div.trefwoordProductBlockContent .packshot {
	float: left;
	margin-right: 24px;
}

div.trefwoordProductBlockContent .text {
	float: left;
	width: 300px;
}

div.trefwoordProductBlockContent ul {
	padding: 0px;
	margin: 0px;
	padding-left: 20px;
}
div.trefwoordProductBlockContent ul li{
	padding: 0px;
	margin: 0px;
}

/*
div.trefwoordProductBlockContent .header {
	width: 272px;
}*/

div.trefwoordProductBlockContent .header h5 a {
	font-color: #FF0000; 
}

div.trefwoordProductBlockContent .productTitle {
	float: left;
	padding-top: 22px;
}

/* CONTENT PRODUCTEN */
.producten #page {
	background-color: #FFFFFF;
	background-image: url("../images/bg_page_white_gradient.jpg");
	background-repeat: repeat-x;
	background-position: left bottom;
}

div#contentProducten {
	position: relative;
	min-height: 580px;
	_height: 580px;
}

.producten.noBottomPadding div#contentProducten {
	min-height: 500px;
	_height: 500px;
}

div#contentProductenTopPadding {
	padding-left: 51px;
}


div#contentProducten div#contentTop {
	position: relative;
	width: 949px;
}

div#contentProducten #contentTopLeft {
	float: left;
	width: 397px;
	padding-left: 50px;
	padding-right: 34px;
}

div#contentProducten #contentTopRight {
	float: left;
	width: 468px;
}

div#productenTabs {
	width: 887px;
}

div#productenTabsTop {
	background-image: url("../images/bg_producten_tabs_top.gif");
	background-repeat: no-repeat;
	height: 29px;
	overflow: hidden;
	padding-left: 4px;
	padding-right: 2px;
}

div#productenTabsTop a {
	color: #FFFFFF;
}

div#productenTabsTop a {
	float: left;
	display: block;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
	height: 23px;
}

div#productenTabsTop a.active {
	background-image: url("../images/bg_producten_tabs_top_active.gif");
	background-repeat: no-repeat;
	width: 40px;
	text-align: center;
	background-position: 0px 3px;
	padding-left: 0px;
	padding-right: 0px;
	color: #585858;
	cursor: default;
	text-decoration: none;
}

div#productenTabs div#productenTabsContent {
	background-image: url("../images/bg_producten_tabs.gif");
	background-repeat: repeat-y;
}

div#productenTabs div#productenTabsContentBackground {
	background-image: url("../images/bg_producten_tabs_gradient.gif");
	background-repeat: no-repeat;
	min-height: 50px;
	_height: 50px;
	padding-left: 15px;
	padding-top: 14px;
}

div#productenTabs div#productenTabsContentBackground a {
	background-image: url("../images/bullet_blue.gif");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

div#productenTabsBottom {
	background-image: url("../images/bg_producten_tabs_bottom.gif");
	background-repeat: no-repeat;
	height: 8px;
}

.producten div#productgroupBlocks {
	padding-left: 16px;
	margin-top: 10px;
}

div.productgroupBlockLarge {
	float: left;
	position: relative;
	overflow: hidden;
	margin-right: 12px;
	margin-bottom: 4px;
	width: 468px;
	height: 127px;
}

div.productgroupBlockLarge div.productgroupBlockBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url('../images/bg_productgroep_block_large.png');
	width: 468px;
	height: 127px;
}

div.productgroupBlockLarge div.productgroupBlockContent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 468px;
}

div.productgroupBlockLarge div.packshot {
	float: left;
	width: 130px;
	margin-right: 10px;
	margin-left: 10px; 
	height: 104px;
	padding-top: 20px;
}

div.productgroupBlockLarge div.text {
	float: left;
	width: 278px;
	padding-top: 10px;
	height: 108px;
	overflow: hidden;
}

div.productgroupBlockLarge div.text h3 {
	color: #0759a0;
}

div.productgroupBlockLarge div.arrow {
	position: absolute;
	top: 6px;
	right: 5px;
	width: 43px;
	height: 40px;
}

/* HULP BIJ */
.hulpBij #page {
	background-image: url('../images/bg_hulp_bij.jpg');
	background-repeat: no-repeat;
	height: 683px;
}

.hulpBij h1 {
	font-size: 30px;
	width: auto;
}

.hulpBij h2 {
	color: #339bd5;
	font-size: 21px;
}

.hulpBij #content {
	position: relative;
	z-index: 2;	
	_height: 219px !important;
	min-height: 219px !important; 
	padding-top: 194px;
	width: 980px;
}

#trefwoorden {
	position: relative;
	width: 418px;
	height: 197px;
}

#trefwoordenBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 418px;
	height: 197px;
	background-image: url("../images/bg_hulpbij_trefwoorden.png");
}

#trefwoordenContent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 405px;
	height: 187px;
	padding-top: 10px;
}

#trefwoordenContentTop {
	padding-left: 13px;
}

#trefwoordenContent #wordlist {
	background-color: #FFFFFF;
	overflow-y: auto;
	overflow-x: hidden;
	height: 114px;
	border-top: 1px solid #d7dee6;
	margin-left: 5px;
	width: 397px;
	margin-top: 5px;
	padding: 5px 0px 5px 9px;
}

#trefwoordenContent #wordlist ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#trefwoordenContent #wordlist ul li {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	background-image: url('../images/bullet_blue.gif');
	background-repeat: no-repeat;
	background-position: left;
}

#trefwoordenContent input {
	border: 1px solid #d7dee6;
	width: 204px;
	height: 23px;
	font-family: Arial;
	font-size: 12px;
	padding-left: 4px;
	padding-top: 5px;
	color: #797979;
}

.hulpBij #content #contentContent {
	padding: 0px;
	height: 274px;
}

.hulpBij #content #headerText {
	padding-left: 49px;
	width: 430px;
	height: 145px;
	overflow: hidden;
	z-index:2;
}

.hulpBij #content #introText {
	font-size: 14px;
}

.hulpBij #content #contentLeft {
	position: relative;
	float: left;
	width: 418px;
	padding-left: 48px;
	padding-top: 20px;
}

.hulpBij #content #contentRight {
	float: left;
	position: relative;
	width: 460px;
	padding-top: 20px;
	padding-left: 14px;
}

.hulpBij #arch {
	display: none;
}

.hulpBij #tabs {
	position: relative;
	background-image: none;
	margin-top: 0px;
	padding-left: 0px;
}

.hulpBij #tabs #tabsTop {
	position: relative;
	width: 458px;
	height: 30px;
}

.hulpBij #tabs #tabsTopBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 458px;
	height: 30px;
	background-image: url('../images/bg_hulpbij_tabs_top.png');
}

.hulpBij #tabs #tabsTopContent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 454px;
	height: 26px;
	padding-top: 4px;
	padding-left: 4px;
}

.hulpBij #tabs #tabsTopContent a {
	float: left;
	display: block;
	color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 5px;
	height: 21px;
}

.hulpBij #tabs #tabsTopContent a.active {
	background-image: url("../images/bg_hulpbij_tabs_top_active.gif");
	background-repeat: no-repeat;
	background-position: center;
	width: 22px;
	text-align: center;
	background-position: 0px 0px;
	padding-left: 0px;
	padding-right: 0px;
	color: #585858;
	cursor: default;
	text-decoration: none;
}

.hulpBij #tabs #tabsContent {
	position: relative;
	width: 458px;
	height: 167px;
}
 
.hulpBij #tabs #tabsContentBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 458px;
	height: 167px;
	background-image: url('../images/bg_hulpbij_tabs.png');
}

.hulpBij #tabs #tabsContentContent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 429px;
	height: 145px;
	padding-left: 25px;
	padding-top: 9px;
	overflow-x: hidden;
	overflow-y: auto;
}

.hulpBij #tabs #tabsContentContent ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.hulpBij #tabs #tabsContentContent ul li {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	background-image: url('../images/bullet_blue.gif');
	background-repeat: no-repeat;
	background-position: left;
}

#loading {
	position: absolute;
	top: 120px;
	left: 190px;
	width: 16px;
	height: 16px;
	background-image: url('../images/ajax_loader.gif');
	display: none;
}

/**
* SEARCH RESULTS
**/
a.searchHit {
	font-size: 14px;
	color: #0759a0;
	font-weight: bold;
}

a.searchPageLink {
	display: block;
	float: left;
	margin-right: 10px;
	width: 40px;
}

/**
* PLASCHECK
**/
.plascheck #page {
	background-image: url('../images/bg_plascheck.jpg');
	background-repeat: no-repeat;
	height: 693px;
}

.plascheck #content {
	position: relative;
	min-height: 425px;
	_height: 425px;
	padding-left: 48px;
}

#plascheckContent {
	position: relative;
	padding-top: 200px;
	height: 425px;
	padding-left: 48px;
}

.plascheck h1 {
	font-size: 30px;
}

.plascheck h4 {
	padding-bottom: 7px;
}

.plascheck div#introText {
	font-size: 14px;
	color: #3c3c3c;
	width: 430px;
}

.plascheck div#questionContent {
	width: 400px;
	height: 225px;
	margin-top: 15px;
	padding-left: 16px;
	padding-right: 24px;
	padding-top: 20px;
}

.plascheck div#question {
	font-size: 16px;
	color: #030303;
	margin-bottom: 20px;
}

.plascheck div#buttonYes {
	margin-bottom: 3px;
}
/* Plascheck Results */
.plascheckResults #page {
	background-image: url('../images/bg_plascheck_results.jpg');
	background-repeat: no-repeat;
	height: 802px;
}

.plascheckResults #content {
	position: relative;
	min-height: 425px;
	_height: 425px;
	padding-left: 48px;
}

#plascheckResultsContent {
	position: relative;
	padding-top: 200px;
	height: 549px;
	padding-left: 48px;
}

.plascheckResults h1 {
	font-size: 30px;
}

.plascheckResults h4 {
	padding-bottom: 7px;
}

.plascheckResults div#introText {
	font-size: 14px;
	color: #3c3c3c;
	width: 430px;
}

.plascheckResults #resultsText {
	padding-top: 40px;
	padding-left: 15px;
	width: 590px;
}

.plascheckResults #resultsText ul {
	padding: 0px;
	padding-left: 18px;
	margin: 0px;
}
.plascheckResults #resultsText ul li {
	padding: 0px;
	margin: 0px;
}

.plascheckResults #product {
	position: absolute;
	top: 370px;
	left: 710px;
}

/*
* FORMS
**/
label.error {
	color: #FF0000 !important;
}

div#form label {
	display: block;
	float: left;
	width: 110px;
}

div#form label.error {
	color: #FF0000 !important;
}

div#form input.formField {
	border: 1px solid #cdd5e0;
	margin-bottom: 2px;
	width: 158px;
	padding-left: 4px;
}

div#form textarea.formField {
	width: 300px;
	height: 100px;
	border: 1px solid #cdd5e0;
}

div#form input.formField.shorter {
	width: 82px;
}

div#form input.formField.moreBottomMargin {
	margin-bottom: 14px;
}

hr.line {
	border: 1px solid #cccccc;
	height: 1px;
	margin-top: 20px;
}