@charset "UTF-8";
/* 

***********************************************************
	
	CSS-file by:
   
	Didjee, grafische vormgeving / multimedia, Delft
	Wateringsevest 38, 2611 AW Delft
	http:==www.didjee.nl
	
	            
***********************************************************

*/

@import url('reset.css');
@import url('verstegen_search.css');	
@import url('verstegen_nav.css');
@import url('verstegen_taalkeuze.css');
@import url('verstegen_assortiment.css');
@import url('verstegen_receptenbank.css');
@import url('verstegen_forms.css');
@import url('verstegen_accordion.css');
@import url('verstegen_dialogs.css');

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}

/*======== BANNERS SPAARACTIE B2B ========*/

div.home_banner {
	margin: -20px 0 15px;
}	

/*======== SPECIFIEK VOOR DIVISIES ========*/

#portal, #consument, #industrie {
	background: #005D3B url(/images/bg_rood-groen.gif) repeat-x top;
}

#b2b {
	background: #D8002B url(/images/bg_sawa.jpg) repeat-x top;
}

#portal #top, #consument #top, #industrie #top {
	background: url(/images/specerijen_top_oprood.gif) no-repeat left top;
}

#b2b #top {
	background: url(/images/specerijen_top.png) no-repeat left top;
}

#portal h1, #consument h1, #industrie h1 {
	background: url(/images/logo_verstegen_kadergroen.gif) no-repeat top left;
}

#b2b h1 {
	background: url(/images/logo_verstegen_kaderwit.gif) no-repeat top left;
}

/*========================================*/

#wrapper {
	width: 966px;
	margin: 0 auto;
	position: relative;
}

#top {
	position: relative;
	margin-left: -110px;
	padding: 0 0 0 110px;
	height: 161px;
}

#specerijen_lb {
	position: absolute;
	left: 10px;
	width: 140px;
	height: 106px;
	bottom: 5px;
	z-index: 1000;
}

#maincontainer {
	background: url(/images/bg_maincontainer.png) repeat-y	;
	min-height: 410px;
	height: auto !important;
	height: 410px;
	padding: 0 5px;
}

#contentcontainer {
	width: 896px;
	padding: 0 30px 25px;
	background: white;
	position: relative;
	overflow: auto;
}

/*============ PORTAL FLASH + INTRO ============*/

#portalflash_container {
	height: 350px;
}

div#portalflash {
	position: absolute;
	z-index: 999;
	left: 5px;
	top: 161px;
}

div#portalflash embed {
	position: absolute;
		
}

#portalflash h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #B3B3B3;
	font-size: 13px;
	padding: 150px 30px 10px;
	text-align: center;
}

#portalflash p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 140%;
	color: #B3B3B3;
	padding: 5px 30px;
	text-align: center;
}

#portalflash a {
	color: #B3B3B3;
}

div#home_intro {
	font-size: 14px;
	color: #484848;
	line-height: 170%;
	margin: 0 -30px;
	padding: 0 0 10px 30px;
}

div#home_intro h2 {
	font-size: 30px;
	color: #045533;
	margin-bottom: 25px;
	line-height: 130%;
	padding-top: 30px;
	font-weight: normal;
}

div#home_intro p {
	margin-bottom: 10px;
}

div#home_intro .beeldrechts {
	margin: 0;
}

.kapitaal_m {
	background: url(/images/intro_kapitaal_m.gif) no-repeat top left;
}

.kapitaal_v {
	background: url(/images/intro_kapitaal_v.gif) no-repeat top left;
}

.kapitaal_c {
	background: url(/images/intro_kapitaal_c.gif) no-repeat top left;
}

.kapitaal_e {
	background: url(/images/intro_kapitaal_e.gif) no-repeat top left;
}

.kapitaal_u {
	background: url(/images/intro_kapitaal_u.gif) no-repeat top left;
}

/*============== VERSTEGEN INTERNATIONAAL =================*/


div#intro_home_int_uk {
	font-size: 14px;
	color: #484848;
	line-height: 170%;
	padding: 30px 30px 10px 30px;
	margin: 0 -30px;
	background: url(/images/bg_intro_home_int_uk.gif) top left no-repeat;
}

div#intro_home_int_uk img.beeldrechts {
	margin-right: -30px;	
}

div#grijskader_home_int_container {
	padding: 5px 10px;
	border-left: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	background: #F0F0F0;
}

div#content_home_int {
	margin-left: 180px;
	width: 686px;
	padding: 0 30px;
	font-size: 12px;
	line-height: 148%;
	color: #484848;
}

div#content_home_int h2 {
	font-size: 24px;
	color: #045533;
	margin-bottom: 25px;
	line-height: 120%;
	padding: 0;
}

div#content_home_int p {
	margin: 10px 0;
}

div#content_home_int a {
	color: #D8002B;
	font-weight: bold;
}


div#content_home_int h2 {
	font-size: 30px;
	color: #045533;
	margin-bottom: 25px;
	line-height: 130%;
	font-weight: normal;
}

/*============== ASSORTIMENT HOME ==============*/

#assortiment_home {
	color: #484848;
	margin-bottom: -5px;
}

#assortiment_home h2 {
	font-size: 20px;
	color: #045533;
	margin: 0 0 15px;
	padding: 5px 0 0;
	line-height: 130%;
}

#assortiment_home a {
	color: #D8002B;
}

#assortiment_home h4 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #045533;
	font-size: 15px;
	margin: 20px 0 10px;
}

#assortiment_home p {
	font-size: 12px;
	margin: 10px 0;
	line-height: 148%;
}

#assortiment_home .beeldrechts {
	margin: -7px 0 -5px 0;
}

#assortiment_home .foodservice {
	float: left;
	width: 426px;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #D7D7D7;
}

#assortiment_home div.vrijzoeken {
	background: none;
	width: 420px;
	margin-top: 20px;
}

#assortiment_home div.vrijzoeken p {
	margin: 0;
	padding: 0;
}

#assortiment_home div.vrijzoeken input.vrijzoeken {
	width: 218px;
	margin-right: 5px;
}

#assortiment_home div.vrijzoeken label {
	font-family: "Trebuchet MS";
	float: left;
	font-weight: bold;
	padding-top: 2px;
	width: 170px;
}

#assortiment_home p.uitgebreidzoeken {
	margin: 5px 0 0;
	width: 392px;
	text-align: right;
}

#assortiment_home p.uitgebreidzoeken a {
	font-size: 11px;
	color: #484848;
}

/*================== TEASER BLOK ====================*/

#homeblok_linksonder {
	width: 430px;
	padding-right: 10px;
	min-height: 215px;
	height: auto !important;
	height: 245px;
	float: left;
}

#homeblok_linksonder .beeldrechts {
	margin: 0 0 0 10px;
}

#homeblok_linksonder a {
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #D8002B !important;
}

/*================== HOME NIEUWS ====================*/

#homenieuws {
	margin-left: 456px;
	position: relative;
}

div#homenieuws div.scrollcontainer {
	padding: 7px;
	width: 426px;
	background: url(/images/bg_nieuwsblok.gif) no-repeat top left;
	float: left;
	display: none;
}

div#homenieuws div.scrollcontainer.actief {
	display: block;
}

div#homenieuws .artikelcontent {
	padding: 5px 15px 10px 5px;
	height: 216px;
	overflow: auto;
}

div#homenieuws ul#nav {
	list-style-type: none;
	margin: 0;
	text-align: right;
	position: absolute;
	top: 10px;
	right: 10px;
	height: 20px;
	z-index: 1000;
}

div#homenieuws ul#nav li {
	text-align: center;
	float: left;
	margin-right: 3px;
	background: url(/images/bg_nieuwstab.gif) top left;
	line-height: 20px;
	text-decoration: none;
	cursor: pointer;
	position: relative;
}

div#homenieuws ul#nav li.actief {
	border-bottom: 1px solid white;
	background: url(/images/bg_nieuwstab_active.gif) top left;
}

div#homenieuws ul#nav li a {
	color: #6F6F6F;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 0 10px;
	background: url(/images/bg_nieuwstab_rechts.gif) no-repeat top right;
}

div#homenieuws ul#nav li.actief a {
	color: #D8002B;
	background: url(/images/bg_nieuwstab_rechts_active.gif) no-repeat top right;
}

#homeblok_linksonder h2, #homenieuws h2 {
	font-size: 20px !important;
	margin: 0 0 15px !important;
	color: #D8002B !important;
}

#homenieuws h2 {
	margin: 0 !important;
	height: 25px !important;
	padding-bottom: 5px !important;
}

#homenieuws h3, #homeblok_linksonder h3 {
	margin: 0 0 10px;
	color: #045533;
}

#homenieuws h3 .beeldrechts {
	margin: 10px 0 0 10px;
}

/*================= CONTENT =================*/

#content {
	padding: 30px 0 0;
	font-size: 12px;
	line-height: 148%;
	color: #484848;
}

#content.marge_sub {
	overflow: auto;
	overflow-x: hidden;
}

#content h2 {
	font-size: 24px;
	color: #045533;
	margin-bottom: 25px;
	line-height: 120%;
	padding: 0;
}

#content p {
	margin: 10px 0;
}

/*============ AFGERONDE KADERS ==============*/

.kader_maincontainer {
	clear: both;
	margin: 0 0 10px;
}

.kader_maincontainer img {
	display: block;
}

.kader_contentcontainer {
	padding: 5px 10px;
	border-left: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	width: 874px;
}

.kader_content {
	padding: 10px;
}

/*================== NIEUWS ====================*/

.nieuws_item {
	border-bottom: 1px solid #EAEAEA;
	padding: 12px 0;
}

.nieuws_datum {
	font-size: 11px;
	color: #999999;
	padding: 0 !important;
	margin: 0 !important;
}

.nieuws_item h3 {
	margin-top: 0 !important;
	padding: 0 !important;
}

#nav_nieuwsarchief {
	float: right;
	text-align: right;
	width: auto;
	margin: 5px 0 0 -20px;
	padding: 5px;
	border: 1px solid #999999;
	line-height: 1px;
	background: #F2F2F2;
}

#nav_nieuwsarchief h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #484848;
	font-size: 11px;
	line-height: 11px;
	display: inline;
	margin: 0 !important;
}

#nav_nieuwsarchief ul {
	display: inline;
	font-size: 11px;
	margin: 0 !important;
}

#nav_nieuwsarchief li {
	display: inline;
	border-left: 1px solid #999999;
	padding-left: 5px;
	margin-left: 5px;
}


div#filterwrapper {
	/*float: right;*/
	font-size: 11px;
	border: 1px solid #EAEAEA;
	padding: 5px 10px 5px 30px;
	margin: 0 0 20px;
	background: #F7F7F7 url(/images/bg_newstags.png) no-repeat 7px center;
}

div#filterwrapper select {
	width: 200px;
	font-size: 11px;
	border: 1px solid #D7D7D7;
	background: #F0F0F0;
	margin-left: 5px;
}

div#newstags {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #999;
	padding-left: 20px;
	margin: 0 0 15px;
	background: url(/images/bg_newstags.png) no-repeat left center;
}

/*================== FOOTER ====================*/

#footer {
	font-size: 10px;
	line-height: 40px;
	color: white;
	background: url(/images/bg_footer.png) no-repeat top;
	height: 40px;
	text-align: center;
}

#footer a {
	color: white;
	text-decoration: none;
}

#footer a:hover {
	border-bottom: 1px dotted white;
}

.clearfloat {
	clear: both;
	height: 1px !important;
	line-height: 1px !important;
	font-size: 1px !important;
	margin: -1px 0 0 !important;
}

/*================= KLANT LOGIN =================*/

div#login {
	position: absolute;
	z-index: 1000;
	top: 0px;
	right: 0px;
	text-align: right;
	font-size: 11px;
	height: 20px;
	margin: 5px 0 -20px -212px;
	float: right;
	width: 400px;
	padding: 0 12px 0 0;
	line-height: 20px;
}

div#login a.login {
	padding-left: 13px;
	background: url(/images/slotje_login.gif) no-repeat bottom left;
}

div#login a {
	color: #D8002B;
}

/* ================== FAQ accordion =================*/

#faq {
	border-bottom: 1px solid #CCCCCC;
}

#faq h3 {
	font-family:Arial, Helvetica, sans-serif !important;
	font-weight: bold !important;
	font-size: 13px;
	line-height: 130%;
	border: 1px solid #CCCCCC;
}

#faq .toggler {
	margin: 0 0 -1px !important;
	padding: 8px !important;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
	cursor: pointer;
}
 
#faq .element {
	background: white;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 1px 20px 5px 20px !important;
}

#faq .element p {
	margin-bottom: 10px;
}

/*=================== AUTOSUBSIMPLE ====================*/

div.listelement {
	overflow: auto;
	border-bottom: 1px solid #D7D7D7;
	padding: 10px 0;
}

div.listelement h4 {
	font-family: "Trebuchet MS";
	color: #484848;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0;
}

div.listelement p {
	width: 75%;
}

/*=================== LEVERANCIER ZOEKEN ====================*/


table#zoekresleveranciers {
	border-collapse: collapse;
	border: 1px solid #EEEEEE;
	width: 100%;
	margin: 20px 0 0;
}

table#zoekresleveranciers thead {
	padding: 4px;
}

table#zoekresleveranciers th {
	background: #FAFAFA url(/images/icon-table-sort.png) no-repeat 7px 10px;
	padding: 8px 0 8px 20px;
	font-weight: bold;
	border: 1px solid #EEEEEE;
}

table#zoekresleveranciers td {
	padding: 4px !important;
	border: 1px solid #EEEEEE;
}

table#zoekresleveranciers tr.altRow {
	background: #EEEEEE !important;
}

table#zoekresleveranciers td {
	padding: 0 2px;
}

table#zoekresleveranciers td.centreer {
	text-align: center;
}

table#zoekresleveranciers caption {
	font-weight: bold;
}

table#zoekresleveranciers th.noaxis {
	background-image: none;
}

.rightAlign {
	text-align: right;
}

table#zoekresleveranciers th.sortedASC {
	background: url(/images/icon-table-sort-asc.png) no-repeat 7px 8px #FAFAFA;
}

table#zoekresleveranciers th.sortedDESC {
	background: url(/images/icon-table-sort-desc.png) no-repeat 7px 9px #FAFAFA;
}

.tableHeaderOver {
	cursor: pointer;
	color: #354158;
}


.tableFilter {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 5px 0 10px 0;
}

.tableFilter input {
	border: 1px solid #ccc;
}

.tableFilter select {
	border: 1px solid #ccc;
}

/* ============== GOOGLE MAPS ==============*/

div#map {
	width: 605px;
	height: 400px;
	border: 1px solid #999999;
	margin: 20px 0;
}

p.googlemaps_opmerking {
	width: 595px; 
	font-size: 11px; 
	padding: 5px;
	border: 1px solid red;
	margin-top: -5px !important;
	margin-bottom: 20px !important;
	
}


/* ============== LEVERANCIER INFO TOOLTIP ==============*/

table#zoekresleveranciers .levTip img, table#zoekresleveranciers .mail img  {
	margin-bottom: -3px;
	cursor: pointer;
}

.custom-tip {
	color: #000;
	width: 200px;
	z-index: 13000;
	border: 1px solid black;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: black;
	padding: 8px 8px 4px;
	background: white;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	line-height: 140%;
	padding: 8px;
	background: white;
}


/*=================== STYLING ====================*/

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}	

h1 {
	height: 125px;
	margin-left: 0;
}

h1 span {
	display: none;
}

h2 {
	font-family: "Trebuchet MS";
	font-weight: bold;
}

h2 a {
	color: #D8002B !important;
	background: url(/images/pijltje_leesverder_h2.gif) no-repeat center right;
	padding-right: 15px;
}

h2 a:hover {
	color: #989898 !important;
}

h3 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 16px;
	line-height: 130%;
	color: #D8002B;
	margin: 20px 0 10px;
}

hr {
	margin: 20px 0;
	border: none;
	height: 1px;
	background: #999999;
	clear: both;
}

a.pdf {
	padding-left: 18px;
	background: url(/images/pdf_icon.gif) no-repeat center left;
}

a.klein, span.klein {
	padding: 0;
	font-size: 10px;
	color: #989898 !important;
	background: none;
}

#content a {
	color: #D8002B;
}

#content a:hover {
	color: #989898;
}

#content ol {
	list-style-type: decimal;
	margin: 25px 30px;
}

#content ul {
	list-style-type: square;
	margin: 25px 30px;
}

#content ul ul {
	list-style-type: circle;
	margin: 0 25px;
}

.kader_maincontainer h3 {
	margin: 0 8px;
	line-height: 30px;
}

.assortiment_scrollable h3 {
	margin: 0 0 15px;
	line-height: 100%;
}

img.beeld_border {
	border: 1px solid #999999;
}

img.beeldrechts {
	float: right;
	clear: right;
	display: inline !important;
	margin: 0 0 15px 15px;
}

img.beeldrechts_tegenrand {
	float: right;
	clear: right;
	margin-top: -30px;
	margin-right: -30px;
}

img.beeldrechts_border {
	float: right;
	clear: right;
	display: inline !important;
	margin: 0 0 15px 15px;
	border: 1px solid #999999;
}

img.beeldlinks {
	float: left;
	margin: 0 15px 15px 0;
}

img.beeldlinks_border {
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #999999;
}

a.leesverder, a.leesverder:visited {
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #D8002B !important;
	text-decoration: none;
	background: url(/images/pijltje_leesverder.gif) no-repeat right;
	padding-right: 13px;
}

table {
	border-collapse: collapse;
	width: 400px;
}

table.tabel_lijnhorizontaal td {
	padding: 0 !important;
	line-height: 100% !important;
	border-bottom: 1px solid #EAEAEA;
}


/*======== MOOTOOLS SPINNER ========*/

div.spinner {
	position: fixed !important;
	height: 100% !important;
	width: 100% !important;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 100000;
	background: #FFF;
}
.spinner-msg {
	text-align: center;
	font-weight: bold;
}

.spinner-img {
	background: url(/images/spinner.gif) no-repeat;
	width: 24px;
	height: 24px;
	margin: 0 auto;
}

/*============================AUTO COMPLETER=====================================*/
ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #D7D7D7;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#F1F1F1;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	width: 400px !important;
	
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				11px;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#D8002B;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					white;
}