@import url(resetclearfix.css);

body{
	background-color: #fff;
	text-align: center;
	font-size: 13px;
	font-family: "trebuchet ms";
}

.clear{
	clear: both;
	width: 100%;
}

.right
{
	float: right;
}

.left
{
	float: left;
}

h1{
	font-size: 38px;
	font-weight: bold;
	margin-bottom: 16px;
	line-height: 42px;
	height: 42px;
	overflow: hidden;
}

.bold {
	font-weight: bold;
}

.blue {
	color: #2f478f;
}

.buiten_container{
	text-align: left;
	margin: 0 auto;
	width: 940px;
}

.header{
	width: 940px;
	height: 145px;
	background: url("../images/header.gif") no-repeat;
}

.logo{
	width: 289px;
	height: 106px;
	float: left;
	display: table-cell;
	vertical-align: top;
}

#size_contrast{
	float: right;
	margin-top: 54px;
	width: 354px;
	text-align: right;
	line-height: 24px;
	background: url("../images/size_contrast.gif") no-repeat;
}

		div#size_contrast div {
			display:inline;
		}

		div#size_contrast img {
			width:22px;
			height:23px;
		}

#blauwe_menu_container{
	clear:both;
	width: 940px;
}

#blauwe_menu{
	text-align: left;
	float: right;
	margin-top: 11px;
}

#blauwe_menu a{
	font-size: 13px;
	margin: 0 7px;
	color: #594a4b;
	letter-spacing: 1px;
	line-height: 14px;
	padding: 0;
}

#blauwe_menu a:link, #blauwe_menu a:visited, #blauwe_menu a:active{
	text-decoration: none;
}

#blauwe_menu a:hover{
	text-decoration: underline;
}

#page_home{
	width: 950px;
	height: 396px;
	overflow: hidden;
	display: block;
	position: relative;
	left: -5px;
	background: url("../images/page_home_bg_text.jpg") no-repeat;
}

#page_home a{
	position: absolute;
	display: block;
	padding: 0;
	margin: 0;
	z-index: 10;
}

a.home_1{
	top:248px;
	left: 1px;
}

a.home_1 img{
	width: 118px;
	height: 93px;
}

a.home_2{
	top:147px;
	left: 93px;
}

a.home_2 img{
	width: 118px;
	height: 93px;
}

a.home_3{
	top: 37px;
	left: 185px;
}

a.home_3 img{
	width: 118px;
	height: 93px;
}

a.home_4{
	top:147px;
	left: 278px;
}

a.home_4 img{
	width: 118px;
	height: 93px;
}

a.home_5{
	top:248px;
	left: 370px;
}

a.home_5 img{
	width: 118px;
	height: 93px;
}

a.home_6{
	top:147px;
	left: 462px;
}

a.home_6 img{
	width: 118px;
	height: 93px;
}

a.home_7{
	top: 37px;
	left: 551px;
}

a.home_7 img{
	width: 118px;
	height: 93px;
}

a.home_8{
	top:147px;
	left: 645px;
}

a.home_8 img{
	width: 118px;
	height: 93px;
}


#page_body{
	width: 940px;
	margin: 34px 0px 0px 0px;
	padding-bottom: 0px!important;
	display: block;
}

#page_home_body{
	width: 940px;
	overflow: hidden;
	margin: 23px 0px 0px 0px;
	padding-bottom: 0px!important;
	display: table;
}

#inhoud_home_1 img, #inhoud_home_2 img,
#inhoud_1 img, #inhoud_2 img
{
	padding: 2px;
}

#inhoud_home_1 a, #inhoud_home_2 a,
#inhoud_1 a, #inhoud_2 a
{
	color: #000;
}

#kolom_een{
	width: 240px;
	display: table-cell;
	border: none;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
}

#menu{
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu li{
	height: 36px;
	margin: 0;
	padding: 0;
}

#menu a{
	font-size: 16px;
	letter-spacing: -1px;
	text-decoration: none;
	margin-left: 30px;
	position: relative;
	top: 4px;
	display:inline-block;
	line-height: 18px;
}

#menu a.non_active:link, #menu a.non_active:visited, #menu a.non_active:active{
}

#menu a.non_active:hover{

}

#menu a.active:link, #menu a.active:visited, #menu a.active:active{

}

#menu a.active:hover{

}

#kolom_twee{
	width: 700px;
	display: table-cell;
	float:left;
	border: none;
	padding: 0;
	margin: 0;
}

#wegwijzer_kort{
	font-size: 29px;
	position: relative;
	margin-top: -6px;
}

.wegwijzer_kort_1{
	letter-spacing: -1px;
	color: #9c1519;
	float: left;
	position: relative;
	margin-right: 5px;
}

.wegwijzer_kort_2{
	font-weight: bold;
	letter-spacing: -1px;
	float: left;
	position: relative;
}

#submenu_sheet{
	background-color: #f9f1f1;
	border-top: 1px solid #9c1519;
	border-bottom: 1px solid #9c1519;
	border-left: none;
	border-right: none;
	width: 700px;
	overflow: hidden;
	padding-bottom: 13px;
}

.sheet_font_klein{
	font-size: 14px!important;
	line-height: 18px!important;
}

.sheet_font_groot{
	font-size: 16px!important;
	line-height: 20px!important;
}

.submenu_sheet_kolom1{
	width: 241px;
	float: left;
	overflow: hidden;
}

.submenu_sheet_kolom2{
	width: 240px;
	float: left;
	overflow: hidden;
}

.submenu_sheet_kolom3{
	width: 219px;
	float: left;
	overflow: hidden;
}

.s_sheet{
	width: 200px;
	height: 8px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	float: left;
}

.s_sheet1_active{
	width: 241px;
	height: 8px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	float: left;
}

.s_sheet2_active{
	width: 240px;
	height: 8px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	float: left;
}

.s_sheet3_active{
	width: 219px;
	height: 8px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	float: right;
}

.submenu{
	width: 233px;
	padding-left: 16px;
}

.submenu a{
	color: #594a4b;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 15px;
	line-height: 18px;
}

.submenu_active{
	padding-left: 16px;
}

.submenu_active a{
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 15px;
	line-height: 18px;
}

.breadcrumbs{
	float: left;
	font-size: 13px;
	color: #594a4b;
	letter-spacing: 1px;
}

.breadcrumbs a{
	color: #594a4b;
	vertical-align: top;
	line-height: 16px;
}

.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:active{
	text-decoration: none;
}

.breadcrumbs a:hover{
	text-decoration: underline;
}

.breadcrumbs span{
	vertical-align: top;
	line-height: 16px;
}

.breadcrumbs_active{
	float: left;
	font-size: 13px;
	color: #594a4b;
	letter-spacing: 1px;
}

.breadcrumbs_active a{
	color: #594a4b;
	font-weight: bold;
	vertical-align: top;
	line-height: 16px;
}

.breadcrumbs_active a:link, .breadcrumbs_active a:visited, .breadcrumbs_active a:active{
	text-decoration: none;
}

.breadcrumbs_active a:hover{
	text-decoration: underline;
}

#container_1{
	width: 480px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

#inhoud_1{
	padding-right: 20px;
	line-height: 18px;
}


#container_home_1{
	width: 470px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

#inhoud_home_1{
	padding-right: 10px;
	line-height: 18px;
}

.subtitel{
	color: #9c1519;
	font-size: 16px;
	clear: both;
	margin:10px 0;
}

#container_2{
	overflow: hidden;
	width: 220px;
	float: left;
	margin: 0;
	padding: 0;
}

#inhoud_2{
	margin: 0;
	padding: 58px 0 0 0;
	line-height: 18px;
}

#inhoud_2_webshop{
	margin: 0;
	padding: 0;
	line-height: 18px;
}

#container_home_2{
	width: 470px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

#inhoud_home_2{
	margin: 0;
	padding-left: 10px;
	line-height: 18px;
}

#footer
{
	width: 940px;
	padding: 8px 0;
	display: table;
	border: none;
	border-top: 1px solid #80b8be;
	line-height: 14px;
	letter-spacing: -1px;
}

#footer span{
	float: left;
	display: block;
	position: relative;
	top: -1px;
}

.footer_item{
	margin: 0;
	padding: 0 7px;
	font-size: 12px;
	color: #594a4b;
	float: left;
}

.footer_item a{
	font-size: 12px;
	color: #594a4b;
}

.footer_item a:link, .footer_item a:visited, .footer_item a:active{
	text-decoration: none;
}

.footer_item a:hover{
	text-decoration: underline;
}

.large_font {
	font-size:14px;
	line-height:18px !important;
}

.larger_font {
	font-size:16px;
	line-height:20px !important;
}

.contactformulier{
	margin-top: 5px;
}

.contactformulier table{
	display: table;
}

.contactformulier td{
	padding: 25px 23px 0 0;
}

.contactformulier input{
	width: 280px;
	max-height: 26px;
	background-color: #f9f1f1;
	border: 1px solid #f1ddde;
	font-size: 14px;
	padding-top: 3px;
}

.contactformulier textarea{
	width: 280px;
	line-height: 26px;
	background-color: #f9f1f1;
	border: 1px solid #f1ddde;
}

.search_form{
	margin: 0;
	padding:0;
}

.search_input{
	margin: 0;
	padding:3px 0 0 0;
	background-color: #f9f1f1;
	border: 1px solid #f1ddde;
	font-size: 14px;
	height: 24px;
	height: expression(this.height < 26 ? 26: true);
	vertical-align: middle;
}

.search_input2{
	margin: 0;
	padding:0;
	background-color: #f9f1f1;
	border: 1px solid #f1ddde;
	font-size: 14px;
	height: 26px;
	height: expression(this.height > 26 ? 26: true);
	vertical-align: middle;
}

.nieuws_image{
	float: left;
	margin: 2px 7px 0 0;
}

.nieuws_list{
	padding-bottom: 15px;
}

.nieuws_titel{
	font-weight: bold;
	color: #c13d27;
}

.nieuws_subtitel{
	font-style: italic;
}

/********** webshop **********/

.like_h1{
	font-size: 24px;
	font-weight: bold;
	line-height: 28px;
	overflow: hidden;
	display: block;
}

.webshop_hr
{
	margin-top: 10px;
	margin-bottom: 18px;
	padding: 0;
	height: 1px;
	width: 100%;
	overflow: hidden;
	background-color: #8fced4;
	border: none;
	display: block!important;
	clear: both;
}

.balkje_logos
{
	font-size: 18px;
	padding: 17px 21px;
	color: #2f478f;
	background-color: #f3f4f8;
}

.padding_top_bottom
{
	margin: 10px 0;
}

.webshop input{
	width: 99%;
	max-height: 26px;
	background-color: #f3f4f8;
	border: 1px solid #c9cfe1;
	padding-top: 3px;
}

.webshop input.submit_knop
{
	background-color: #d3d5e4;
	padding: 6px;
	margin: 25px 0;
	width: auto;
	color: #2f478f;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	display: block;
	vertical-align: middle;
	padding-top:3px;
}

.input_beschrijving
{
	font-weight: bold;
	color: #2f478f;
	margin: 6px 0 4px 0;
}

a.neutrale_link
{
	color: #000;
}

a.neutrale_link:link, a.neutrale_link:visited, a.neutrale_link:active
{
	color: #000;
	text-decoration: none;
}

a.neutrale_link:hover
{
	color: #000;
	text-decoration: underline;
}

a.webwinkel_link
{
	color: #2f478f!important;
}

a.webwinkel_link:link, a.webwinkel_link:visited, a.webwinkel_link:active
{
	color: #2f478f;
	text-decoration: none;
}

a.webwinkel_link:hover
{
	color: #2f478f;
	text-decoration: underline;
}

.product_image
{
	/*
	width: 218px;
	height: 143px;
	overflow: hidden;
	background-color: #ebe9ed;
	*/
	text-align: center;
	vertical-align: middle;
	border: none;

}

luteïne

.product_image img
{
	/*
	max-width: 218px;
	max-height: 143px;
	width: expression(this.width > 218 ? 218: true);
	height: expression(this.height > 143 ? 143: true);
	margin: 0 auto;
	border: none;
	position: relative;
	*/
	width:200px;
	/*
	max-width: 218px;
	width: expression(this.width >218 ? 218: true);
	max-height: 143px;
	height: expression(this.height > 143 ? 143: true);
	*/
	margin: 0;
	padding: 0;

}

.product_lijst_item
{

}

.winkelmand
{
	border: none;
	margin: 0;
	padding: 0;
}

.winkelmand td
{
	border: none;
	margin: 0;
}

.winkelmand_1
{
	width: 40px;
	padding: 14px 2px;
}

.winkelmand_2
{
	width: auto;
	padding: 14px 2px;
}

.winkelmand_3
{
	width: 106px;
	padding: 14px 2px;
}

.winkelmand_3 a
{
color:#000000;
}

.winkelmand_4
{
	width: 80px;
	padding: 14px 2px;

}

.winkelmand_5
{
	width: 16px;
	padding: 14px 2px;
}

.formItem
{
padding:5px 5px 5px 0px;
font-weight: bold;
color: #2f478f;
width:180px;
}

.tableRow
{
padding:5px 5px 5px 0px;
}

.webshop textarea
{
	background-color: #f3f4f8;
	border: 1px solid #c9cfe1;
}


