/* 
		Global styles for 
	 	Max Havelaar Fairtrade - Nederland
	 	- - - - - - - - - - - - - - - - - -
		
		color 0 	#000 
		color 1 	#fff 
		color 2   #666			grijs (standaard tekstkleur)
		
		color 3   #ff9900		oranje (linken)
		color 4   #fc7613		oranje donker (linken hover)
		color 5   #ff0099		roze
		color 6   #775844		bruin
		color 7   #cbbc95		beige
		color 8   #e3dccf		beige lichter
		color 9   #f5f2ea   beige lichtst
		  
		 
		
*/


/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1;	color: black;	background: white; }
ol, ul { list-style: none; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td {	text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

/* Force scrollbar in moz */
html { overflow-y: scroll; }

/* Floats, clear */
.left { float: left;  }
.right { float: right; }
.clear { clear: both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; zoom:1; }
/* End hide from IE Mac */

img.left { margin: 0 8px 8px 0; }


/* 
	Template 
*/

body { text-align: center; }

/* WRAPPER */

#wrapper { width: 975px; margin: auto; text-align: left; }


/* HEADER */

#header { height: 115px; position: relative; }
/* Logo */
.logo { width: 200px; height: 100px; position: absolute; left: -30px; top: 15px; }
/* Counter */
.counter { width: 165px; height: 75px; position: absolute; left: 290px; top: 40px; }
.counter .number { display: block; width: 115px; height: 41px; padding: 2px 25px; background: url(../img/global/counter.gif) center 0 no-repeat; color: #fff; font-size: 38px; line-height: 37px; font-weight: bold; letter-spacing: 1px; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.counter .text { color: #ff0198; display: block; text-align: center; font-size: 0.92em; line-height: 1em; }


/* CONTENT */

#content { position: relative; width: 965px; padding: 0 0 4em 15px; overflow: hidden; }
#content ul.list, #content ol.list { margin: 0 0 15px 0 !important; }
#content ul.list li, #content ol.list li { background: url(../img/global/bullet-list.gif) no-repeat 0 6px; padding-left: 10px; }


/* NAVIGATIE */

/* Nav crm */
.nav-crm { float: right; padding: 30px 15px 0 0; font-size: 1.17em; line-height: 1.45em; }
.nav-crm li { float: left; background: url(../img/nav/nav-crm.gif) 8px center no-repeat; padding: 0 0 0 20px; }
.nav-crm li.first { background: none; padding: 0 0 0 5px; }
.nav-crm a, .nav-crm a:link, .nav-crm a:active, .nav-crm a:visited { font-size: 1.17em; line-height: 1.45em; color: #cbbc95; text-decoration: none; font-weight: bold; }
.nav-crm a:hover { color: #ff9900 ; text-decoration: underline; }
.nav-crm a.active { text-decoration: underline; }
.nav-crm a strong { font-weight: normal; }
 
/* Nav */
#nav { padding: 2px 15px 8px 25px; font-family: Arial, Helvetica, sans-serif; }
#nav li { position: relative; }

/* Nav level 1 */
.nav_1 { z-index: 100; position: relative; }
.nav_1 li { float: left; }
.nav_1 a, .nav_1 a:link, .nav_1 a:active, .nav_1 a:visited { color: #755846; font-size: 20px; line-height: 28px; font-weight: bold; text-decoration: none; display: block; padding: 0 25px 5px 0; }
.nav_1 a strong { display: block; }
.nav_1 a.active, .nav-1 a.active:link, .nav_1 a.active:active, .nav_1 a.active:visited,
.nav_1 li a:hover, .nav_1 li.sfHover,
.nav_1 li:hover a, .nav_1 li.sfHover a, .nav_1 li.sfHover a:link, .nav_1 li.sfHover a:active, .nav_1 li.sfHover a:visited, .nav_1 li.sfHover a:hover { color: #f90; }

.nav_1 a.nav-overfairtrade span,
.nav_1 a.nav-nieuws span,
.nav_1 a.nav-vind span, 
.nav_1 a.nav-voegtoe span, 
.nav_1 a.nav-tipstools span, 
.nav_1 a.nav-contact span
{ background-repeat: no-repeat; display: block; height: 28px; text-indent: -9999px; }

.nav_1 a.nav-overfairtrade span { width: 154px; background-image: url(../img/nav/nav-overfairtrade.gif); }
.nav_1 a.nav-nieuws span { width: 74px; background-image: url(../img/nav/nav-nieuws.gif); }
.nav_1 a.nav-vind span { width: 47px; background-image: url(../img/nav/nav-vind.gif); }
.nav_1 a.nav-voegtoe span { width: 91px; background-image: url(../img/nav/nav-voegtoe.gif); }
.nav_1 a.nav-tipstools span { width: 122px; background-image: url(../img/nav/nav-tipstools.gif); }
.nav_1 a.nav-contact span { width: 78px; background-image: url(../img/nav/nav-contact.gif); }

.nav-crm a.nav-inloggen span,
.nav-crm a.nav-inschrijven span 
{ background-repeat: no-repeat; display: block; height: 28px; text-indent: -9999px; }

.nav-crm a.nav-inloggen span { width: 75px; background-image: url(../img/nav/nav-aanmelden.gif); }
.nav-crm a.nav-inschrijven span { width: 96px; background-image: url(../img/nav/nav-inschrijven.gif); }

.nav_1 a span, .nav-crm a span { background-position: 0 0; }
.nav_1 a.active span, a:hover span, .nav_1 li:hover a span, .nav_1 li.sfHover a span, .nav-crm a.active span, .nav-crm a:hover span { background-position: -200px 0; }

/* Nav level 2 */
#nav .nav_2 { zoom: 1; width: 205px; position: absolute; top: -999em; /*left: -1px;*/ left: 0; background: url(../img/nav/nav2-top.gif) 0 0 no-repeat; padding-top: 3px; }
#nav .nav_2 li { background: #f90; display: block; float: none; width: 100%; zoom: 1; overflow: hidden; margin-bottom: -1px; }
#nav .nav_2 li.last { background: url(../img/nav/nav2-bot.png) 0 bottom no-repeat; padding-bottom: 20px; }
#nav .nav_2 li span { background: none; display: inline; height: auto; text-indent: 0; font-size: 12px; }

#nav .nav_2 li a, #nav .nav_2 li a:link, #nav .nav_2 li a:active, #nav .nav_2 li a:visited,
#nav li.sfHover .nav_2 li a, #nav li.sfHover .nav_2 li a:link, #nav li.sfHover .nav_2 li a:active, #nav li.sfHover .nav_2 li a:visited { font-size: 14px; color: #fff; background: #f90 url(../img/nav/nav2-arrow.gif) 15px 7px no-repeat; /*white-space: nowrap;*/ line-height: 14px; padding: 5px 15px 5px 30px; font-weight: bold; zoom: 1; }
#nav .nav_2 li a:hover, #nav li.sfHover .nav_2 li a:hover { background: #f90 url(../img/nav/nav2-arrow-over.gif) 15px 7px no-repeat; color: #000; zoom: 1; }
#nav .nav_1 li:hover .nav_2, #nav .nav_1 li.sfHover .nav_2 { top: 27px;   }
#nav .nav_2 a strong, #nav .nav_2 a.active strong, #nav .nav-2 a.active:link strong, #nav .nav_2 a.active:active strong, #nav .nav_2 a.active:visited strong { font-weight: normal. line-height: inherit; }

/* Nav level 3 */
#nav .nav_3 li { background: #f90; }
#nav .nav_3 li.last { background: #f90; padding-bottom: 0; }
#nav .nav_3 li a, #nav .nav_3 li a:link, #nav .nav_3 li a:active, #nav .nav_3 li a:visited, 
#nav li.sfHover .nav_3 li a, #nav li.sfHover .nav_3 li a:link, #nav li.sfHover .nav_3 li a:active, #nav li.sfHover .nav_3 li a:visited { 
  font-size: 12px; line-height: 12px; padding: 5px 15px 5px 30px; background: none; }
#nav .nav_3 li a:hover, #nav li.sfHover .nav_3 li a:hover { color: #000; }

/* Search */
#nav .search { float: right; padding: 2px 0 0 0; }
#nav .search .txt { width: 140px; color: #666; font-size: 0.92em; line-height: 1em; padding: 4px 2px; }
#nav .search input { float: left; }

/* Crumbs */
.crumbs { position: relative; padding: 5px 0 2em 2px; }
.crumbs li { float: left; color: #666; padding: 0 0.25em 0 0; text-transform: capitalize; }
.crumbs a, .crumbs a:link, .crumbs a:active, .crumbs a:visited { color: #666; text-decoration: none; }
.crumbs a:hover { color: #f90; text-decoration: none; }
.crumbs strong { font-weight: normal; }

/* popup fontsize */
.crumbs .fsize { float: right; margin-right: 155px; }
.tipsy { padding: 5px; font-size: 12px; font-weight: bold; margin-left: 32px; background-repeat: no-repeat; }
  .tipsy-inner { padding: 5px 10px 5px 10px; background-color: #fe9900; color: #FFFFFF; width: 200px; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

/* FOOTER */

#footer { background: url(../img/global/footer-bg.gif) center 0 no-repeat; padding: 35px 15px 0 15px; color: #ccbc96; font-size: 0.92em; }
#footer .nav { width: 240px; float: left; }
#footer .partners { width: 700px; float: right; }

#footer .nav ul { float: left; width:250px; } 
#footer .nav li { float: left; padding: 5px 7px 0 7px; }

#footer .partners ul { float: right; } 
#footer .partners li { float: left; padding: 0 0 0 10px; }
#footer .partners span.label { display: block; padding-top: 11px; } 
#footer a, #footer a:link, #footer a:active, #footer a:visited { color: #ccbc96; text-decoration: none; }
#footer a:hover { color: #f90; text-decoration: underline; }
#footer a strong { font-weight: normal; }
#footer a.active, #footer a.active:link, #footer a.active:active, #footer a.active, #footer a.active:visited { color: #59631e; text-decoration: underline; }
#footer a.active:hover { color: #f90; text-decoration: underline; }
#footer span.logo-youtube { background: url(../img/social_icons/youtube.png) 0 0; width: 32px; height: 31px; display: block; text-indent: -9999px; }
#footer span.logo-twitter { background: url(../img/social_icons/twitter.png) 0 0; width: 32px; height: 31px; display: block; text-indent: -9999px; }
#footer span.logo-hyves { background: url(../img/social_icons/hyves.png) 0 0; width: 30px; height: 30px; display: block; text-indent: -9999px; }
#footer span.logo-fb { background: url(../img/social_icons/facebook.png) 0 0; width: 31px; height: 32px; display: block; text-indent: -9999px; }

#footer a.nav-sitemap { line-height: 2.5; }



/*
	Columns
*/

.col, .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; margin: 0 15px 0 0;  }
.lastcol { margin: 0 !important; } 



.col1   { width: 145px; }
.col2   { width: 305px; position: relative; }
.col2a  { width: 625px; position: relative; }
.col3   { width: 465px; }
.col4   { width: 625px; }
.col5   { width: 785px; }
.col6   { width: 945px; }
/*
.col100p { width: 100%; }
*/

.head .thumb .d { font-size: 22px; line-height: 22px; padding-top: 3px; }
.head .thumb .m { font-size: 12px; line-height: 12px; padding: 2px 0 0; }
.head .thumb .y { font-size: 11px; line-height: 11px; }
.head .thumb { margin-right: 10px; height: 54px; }

.thumb { width: 60px; margin: 0 0 0 0; float: left; }
.thumb-text { float: right; margin: 0 0 0 0; }
.col2 .thumb-text { width: 245px; }

.pict1 { width: 100px; margin: 0 15px 0 0; float: left; }
.col2 .pict1-text { float: right; width: 160px; margin: -5px 0 10px 0; }

.icon-text { float: right; } 
.col2 .icon-text, .col4 .col2 .icon-text { width: 242px; }

.col4 .icon-text { width: 570px; }
.col4 .icon-text .col-text { width: 250px; float: left; padding: 0 15px 0 0; }
.col4 .icon-text .col-visual { width: 305px; float: left; }

/*
.col2 li { margin-bottom: 8px; font-family:Arial,Helvetica,sans-serif !important;}
.col2 li p, .col2 li h6  { font-family:Arial,Helvetica,sans-serif !important;}
*/

/*
.size1   { width: 145px; }
.size2   { width: 305px; }
.size3   { width: 465px; }
.size4   { width: 625px; }
.size5   { width: 785px; }
.size6   { width: 945px; }
.size100p { width: 100%; }

.size1-12 { width: 65px; }
.size3-12 { width: 225px; }

.indent15 { padding-left: 15px; }
*/


.padd8 {}
.padd15 { /*padding: 15px;*/ }
.marg0 { margin: 0 !important; }

.margb1 { margin-bottom: 1.45em; }
ul.margb1 { margin-bottom: 0; }
ul.margb1 li { margin-bottom: 1.45em; }
ol.margb1 { margin-bottom: -1.45em;; }
ol.margb1 li { margin-bottom: 1.45em; }

.margb2 { margin-bottom: 2.9em; }
ol.margb2, ul.margb2 { margin-bottom: -2.9em; margin-top: 23px; }
ol.margb2 li, ul.margb2 li { padding-bottom: 2.9em; }

.margt1 { margin-top: 0.5em; }

.vpadd0 { padding-top: 0; padding-bottom: 0; }
.vpadd0-5 { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }

.vpadd1 { padding-top: 1em !important; padding-bottom: 1em !important; }
.vpadd1-5 { padding-top: 1.5em; padding-bottom: 1.5em; } 
.vpadd2 { padding-top: 2em; padding-bottom: 2em; }
.tpadd15 { padding-top: 1em; }
.bpadd10 { padding-bottom: 1em; }
.bpadd5 { padding-bottom: 5px !important; }

.hpadd15 { padding-left: 10px !important; padding-right: 15px !important; }
.rpadd15 { padding-right: 15px !important;  }
.bpadd1 { padding-bottom: 1em ; }

.tpadd1 { padding-top: 16px !important; }
ul.vpadd1 li, ol.vpadd1 li { padding-top: 1em; padding-bottom: 1em; }
ul.vpadd1-5, ol.vpadd1-5 { padding-top: 0; }
ul.vpadd1-5 li, ol.vpadd1-5 li { padding-top: 1.5em; padding-bottom: 1.5em; }
ul.tpadd15 { padding-top: 0; }
ul.tpadd15 li, ol.tpadd15 li { padding-top: 15px !important; }
ul.tpadd10 { padding-top: 0; }
ul.tpadd10 li, ol.tpadd10 li { padding-top: 10px !important; }
ul.vpadd0-5, ol.vpadd0-5 { padding-top: 0 !important; }
ul.vpadd0-5 li, ol.vpadd0-5 li { padding-top: 0.5em; padding-bottom: 0.5em; }

 
/*
	Typography
*/ 

body { font-family: Verdana, Geneva, sans-serif; font-size: 75%; line-height: 1.33em; color: #666; /*12/16*/ }
select, textarea, .txt, input { font-size: 1em; line-height: 1.45em; font-family: Verdana, Geneva, sans-serif; color: #775844; }

h1, .h1 { font-size: 2.2em; line-height: 1em; margin: 0 0 0.5em 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #fc7918; /*33px*/  }
h2, .h2 { font-size: 1.33em; line-height: 1em; margin: 0 0 0.5em 0; padding-bottom: 0.5em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #fc7918; border-bottom: 1px solid #e5dcca; /*16px*/ }
h3, .h3 { font-size: 1.33em; line-height: 1em; margin: 0 0 0.5em 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #fc7918; /*16px*/ }
h4, .h4 { font-size: 1.17em; line-height: 1.14em; margin: 0 0 0.25em 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #fc7918; /*14px*/ }
h5, .h5 { font-size: 1em; line-height: 1.33em; margin: 0 0 0.25em 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #fc7918; /*12px*/ }
h6, .h6 { font-size: 1em; line-height: 1.33em; margin: 0 0 0.25em 0; font-weight: bold; /*font-family: Arial, Helvetica, sans-serif;*/ color: #666; /*12px*/ }
small, .small { font-size: 0.85em !important; font-weight: normal; /*10px*/ }
p, address, blockquote { padding: 0 1px; }

a, a:link, a:active, a:visited { color: #fc7613; text-decoration: underline; }
a:hover { color: #fc7613; text-decoration: none; }

/* arrow next */
a span.arrow { background-image: url(../img/global/link-next.gif); background-repeat: no-repeat; width: 8px; height: 16px; display:block; display:-moz-inline-box; display:inline-block; text-align: left; text-indent:-9999px; background-position: 0 0; }
a.color0 span.arrow { background-position: 0 -20px; } 
a.color1 span.arrow { background-position: 0 -40px; } 
a.color2 span.arrow { background-position: 0 -60px; } 
a.color3 span.arrow { background-position: 0 -80px; } 
a.color4 span.arrow { background-position: 0 -100px; } 
a.color5 span.arrow { background-position: 0 -120px; } 
a.color6 span.arrow { background-position: 0 -140px; } 
a.color7 span.arrow { background-position: 0 -160px; } 
a.color8 span.arrow { background-position: 0 -180px; } 
a.color9 span.arrow { background-position: 0 -200px; } 

/* arrow previous */
a span.arrow-prev { background-image: url(../img/global/link-prev.gif); background-repeat: no-repeat; width: 8px; height: 16px; display:block; display:-moz-inline-box; display:inline-block; text-align: left; text-indent:-9999px; background-position: 0 0; }
a.color0 span.arrow-prev { background-position: 0 -20px; } 
a.color1 span.arrow-prev { background-position: 0 -40px; } 
a.color2 span.arrow-prev { background-position: 0 -60px; } 
a.color3 span.arrow-prev { background-position: 0 -80px; } 
a.color4 span.arrow-prev { background-position: 0 -100px; } 
a.color5 span.arrow-prev { background-position: 0 -120px; } 
a.color6 span.arrow-prev { background-position: 0 -140px; } 
a.color7 span.arrow-prev { background-position: 0 -160px; } 
a.color8 span.arrow-prev { background-position: 0 -180px; } 
a.color9 span.arrow-prev { background-position: 0 -200px; } 



h1 a, h1 a:link, h1 a:active, h1 a:visited, h1 a:hover { text-decoration: none; }
h2 a, h2 a:link, h2 a:active, h2 a:visited, h2 a:hover { text-decoration: none; }
h3 a, h3 a:link, h3 a:active, h3 a:visited, h3 a:hover { text-decoration: none; }
.h3 a, h3 a:link, .h3 a:active, .h3 a:visited, .h3 a:hover { text-decoration: none; }
h4 a, h1 a:link, h4 a:active, h4 a:visited, h4 a:hover { text-decoration: none; }
h5 a, h2 a:link, h5 a:active, h5 a:visited, h5 a:hover { text-decoration: none; }
h6 a, h3 a:link, h6 a:active, h6 a:visited, h6 a:hover { text-decoration: none; }


strong { font-weight: bold; }
em { font-style:oblique; }

hr { border: 1px solid #e5dcca; border-bottom: 1px solid #fff; height: 0; line-height: 0; overflow: hidden; padding: 0; margin: 15px 0; clear: both; display: block; }

/* text alignment */
.align-c { text-align: center; }
.align-j { text-align: justify; }
.align-l { text-align: left; }
.align-r { text-align: right; }

.valign-t { vertical-align: top; }
.valign-b { vertical-align: bottom; }
.valign-m { vertical-align: middle !important; }

/* text colour */
.color0 { color: #000 !important; }
.color1 { color: #fff !important; }
.color2 { color: #666 !important;    /*grijs (standaard tekstkleur)*/ }
.color3 { color: #ff9900 !important; /*oranje*/ }
.color4 { color: #fc7613 !important; /*oranje donker*/ }
.color5 { color: #ff0099 !important; /*roze*/ }
.color6 { color: #775844 !important; /*bruin*/ }
.color7 { color: #cbbc95 !important; /*beige*/ }
.color8 { color: #e3dccf !important; /*beige lichter*/ }
.color9 { color: #f5f2ea !important; /*beige lichtst*/ }

/* backgrounds */
.bg0, .bg1, .bg2, .bg3, .bg4, .bg5, .bg6, .bg7 { padding: 15px; }
.bg0 { background: #000; }
.bg1 { background: #fff; }
.bg2 { background: #8ea106; }
.bg3 { background: #59631e; }
.bg4 { background: #a59113; }
.bg5 { background: #f39400; }
.bg6 { background: #f0c600; }
.bg7 { background: #fdf9e5; }

.bg-hatch { background-image: url(../img/global/bg-hatch-col6.gif); background-repeat: no-repeat; height: 75px; overflow: hidden; padding-left: 8px; background-position: 0 0; }
.col4 .bg-hatch { background-image: url(../img/global/bg-hatch-col4.gif); }
.bg-hatch h1 { padding: 12px 0 0 18px; margin: 0; color: #fff; }

.bg-hatch4 { background-position: 0 -80px; }
.bg-hatch5 { background-position: 0 -160px; }
.bg-hatch6 { background-position: 0 -240px; }
.bg-hatch7 { background-position: 0 -320px; }
.bg-hatch8 { background-position: 0 -400px; }
.bg-hatch9 { background-position: 0 -480px; }


.hatchCol4 { padding: 5px 5px 10px 10px;}

/* color 9 - lichtste beige */
.box { background: #f5f2ea; }

.col2 .box-hdr { background-image: url(../img/boxes/box-col2.gif); background-repeat: no-repeat; height: 24px; overflow: hidden; background-position: 0 0; }
.col2 .box-ftr { background-image: url(../img/boxes/box-col2.gif); background-repeat: no-repeat; height: 24px; overflow: hidden; background-position: -305px 0; }
.col2 .box-bdy { padding: 5px 20px; }
.col2 .box h2 { color: #775844; border-bottom: none; }

.col4 .box-hdr { background: url(../img/boxes/box-col4-color9.gif) -625px 0 no-repeat; height: 45px; }
.col4 .box-bdy { background: url(../img/boxes/box-col4-color9.gif) no-repeat; padding: 0 30px; min-height: 310px; }
.col4 .box-ftr { background: #fff url(../img/boxes/box-col4-color9.gif) -1250px 0 no-repeat; height: 45px; }




.box-color3 { background: #ff9900; }
.box-color4 { background: #fc7613; }
	.box-color4 h1 { color: #fff;  }
.box-color5 { background: #ff0099; } 
  .box-color5, .box-color5 h2, .col2 .box-color5 h2 { color: #fff; }
.box-color6 { background: #775844; }
.box-color7 { background: #cbbc95; }
.box-color8 { background: #e3dccf; }
.box-color9 { background: #f5f2ea; } /* default */






.col2 .box-color3 .box-hdr { background-position: 0 -180px; }
.col2 .box-color3 .box-ftr { background-position: -305px -180px; }
	.col2 .box-color4 .box-hdr { background-position: 0 -150px; }
	.col2 .box-color4 .box-ftr { background-position: -305px -150px; }
.col2 .box-color5 .box-hdr { background-position: 0 -120px; }
.col2 .box-color5 .box-ftr { background-position: -305px -120px; }

	.col2 .box-color6 .box-hdr { background-position: 0 -90px; }
	.col2 .box-color6 .box-ftr { background-position: -305px -90px; }
.col2 .box-color7 .box-hdr { background-position: 0 -60px; }
.col2 .box-color7 .box-ftr { background-position: -305px -60px; }
	.col2 .box-color8 .box-hdr { background-position: 0 -30px; }
	.col2 .box-color8 .box-ftr { background-position: -305px -30px; }
.col2 .box-color9 .box-hdr { background-position: 0 0; }
.col2 .box-color9 .box-ftr { background-position: -305px 0; }


	.col4 .box-color3 .box-hdr { background: url(../img/boxes/box-col4-color3.gif) -625px 0 no-repeat; }
	.col4 .box-color3 .box-bdy { background: url(../img/boxes/box-col4-color3.gif) no-repeat; }
	.col4 .box-color3 .box-ftr { background: #fff url(../img/boxes/box-col4-color3.gif) -1250px 0 no-repeat; }
.col4 .box-color4 .box-hdr { background: url(../img/boxes/box-col4-color4.gif) -625px 0 no-repeat; }
.col4 .box-color4 .box-bdy { background: url(../img/boxes/box-col4-color4.gif) no-repeat; }
.col4 .box-color4 .box-ftr { background: #fff url(../img/boxes/box-col4-color4.gif) -1250px 0 no-repeat; }
	.col4 .box-color5 .box-hdr { background: url(../img/boxes/box-col4-color5.gif) -625px 0 no-repeat; }
	.col4 .box-color5 .box-bdy { background: url(../img/boxes/box-col4-color5.gif) no-repeat; }
	.col4 .box-color5 .box-ftr { background:#fff  url(../img/boxes/box-col4-color5.gif) -1250px 0 no-repeat; }
.col4 .box-color6 .box-hdr { background: url(../img/boxes/box-col4-color6.gif) -625px 0 no-repeat; }
.col4 .box-color6 .box-bdy { background: url(../img/boxes/box-col4-color6.gif) no-repeat; }
.col4 .box-color6 .box-ftr { background: #fff url(../img/boxes/box-col4-color6.gif) -1250px 0 no-repeat; }
	.col4 .box-color7 .box-hdr { background: url(../img/boxes/box-col4-color7.gif) -625px 0 no-repeat; }
	.col4 .box-color7 .box-bdy { background: url(../img/boxes/box-col4-color7.gif) no-repeat; }
	.col4 .box-color7 .box-ftr { background: #fff url(../img/boxes/box-col4-color7.gif) -1250px 0 no-repeat; }
.col4 .box-color8 .box-hdr { background: url(../img/boxes/box-col4-color8.gif) -625px 0 no-repeat; }
.col4 .box-color8 .box-bdy { background: url(../img/boxes/box-col4-color8.gif) no-repeat; }
.col4 .box-color8 .box-ftr { background: #fff url(../img/boxes/box-col4-color8.gif) -1250px 0 no-repeat; }
	.col4 .box-color9 .box-hdr { background: url(../img/boxes/box-col4-color9.gif) -625px 0 no-repeat; height: 45px; }
	.col4 .box-color9 .box-bdy { background: url(../img/boxes/box-col4-color9.gif) no-repeat; padding: 0 30px; min-height: 310px; }
	.col4 .box-color9 .box-ftr { background: #fff url(../img/boxes/box-col4-color9.gif) -1250px 0 no-repeat; height: 45px; }




 
/* boxes */ 
/* borders */
.border0, .border1, .border2, .border3, .border4, .border5, .border6 { padding: 14px; }
.border0 { border: 1px solid #000; }
.border1 { border: 1px solid #fff; }
.border2 { border: 1px solid #8ea106; }
.border3 { border: 1px solid #59631e; }
.border4 { border: 1px solid #a59113; }
.border5 { border: 1px solid #f39400; }
.border6 { border: 1px solid #f0c600; }

.noborder { border: none !important; }

/*
	Lists
*/

/* bullets */
.bullet-list li { background: url(../img/global/bullet-color3.gif) 0 0.5em no-repeat; padding-left: 8px; }

.bullet-list1 li { /*color: #59631e;*/ background: url(../img/global/bullet-color1.gif) 0 0.5em no-repeat; padding: 0 0 0 8px; }
.bullet-list2 li { /*color: #59631e;*/ background: url(../img/global/bullet-color2.gif) 0 0.5em no-repeat; padding: 0 0 0 8px; }
.bullet-list3 li { /*color: #59631e;*/ background: url(../img/global/bullet-color3.gif) 0 0.5em no-repeat; padding: 0 0 0 8px; }
.bullet-list4 li { /*color: #59631e;*/ background: url(../img/global/bullet-color4.gif) 0 0.5em no-repeat; padding: 0 0 0 8px; }
.bullet-list5 li { /*color: #59631e;*/ background: url(../img/global/bullet-color5.gif) 0 0.5em no-repeat; padding: 0 0 0 8px; }
.bullet-list6 li { /*color: #59631e;*/ background: url(../img/global/bullet-color6.gif) 0 0.5em no-repeat; padding: 0 0 0 8px; }
.bullet-list7 li { /*color: #59631e;*/ background: url(../img/global/bullet-color7.gif) 0 0.5em no-repeat; padding: 0 0 0 8px; }

/* numbered */
ol.numbered li { list-style: decimal; margin-left: 20px; }



/* horizontal */
.list-h li { float: left; padding: 0 15px 0 0; }

/* vertical */
.list-v { }
.list-v li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.list-v li { display:inline-block; }
/* Hide from IE Mac \*/
.list-v li { display:block; zoom:1; }
/* End hide from IE Mac */



/*
.list-v-a p, .list-v-a h3 { width:245px !important; float: right !important; }
*/

ol.list-v-divider, ul.list-v-divider { border-top: 1px solid #e5dcca;  }
ol.list-v-divider-nobordertop, ul.list-v-divider-nobordertop { border-top: none;  }
.list-v-divider li { border-bottom: 1px solid #e5dcca; }


/* 
	Forms
*/

.txt { border: 1px solid #ded8cc; font-size: 0.92em; line-height: 1em; padding: 4px 2px; background: #fff url(../img/global/input.gif) 0 0 repeat-x; text-indent: 5px; }
.sel {}
.chb { float: left; margin: 4px 8px 0 2px; }
.rbt {}
.txa {}

.rbt-lbl { float: left; padding: 2px 0; }
.rbt-lbl input { margin: 0 8px 0 0; padding: 0; }

a.button { font-size: 1.33em; white-space: nowrap; outline: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #59631e; text-decoration: none; padding: 2px 0; background-image: url(../img/global/button.gif); background-repeat: no-repeat; padding-left: 20px; }
a.button:focus, a.button:active, a.button:hover { text-decoration: none;  }
a.button input { left: 0; top: 0; height: 0; width: 0; border: none;  outline: none; overflow: hidden; padding: 0; margin: 0;  }

a.button { background-position: 0 0; }
a.button-color1 { background-position: 0 0; }
a.button-color2 { background-position: 0 -30px; }
a.button-color3 { background-position: 0 0; color: #ff9900; }
a.button-color4 { background-position: 0 -30px; color: #fc7613; }
a.button-color5 { background-position: 0 -60px; color: #ff0198; }
a.button-color6 { background-position: 0 -90px; color: #775844; }
a.button-color7 { background-position: 0 0; }
a.button-color8 { background-position: 0 0; }
a.button-color9 { background-position: 0 0; }
a.button-color1-bg5 { background-position: 0 -240px; color: #fff; }

.toggleLink a { color: #ccbc96; text-decoration: none; display: block; height: 20px; padding-top: 5px; background-image: url(../img/global/toggle-link.gif); background-repeat: no-repeat; background-position: 0 -22px; padding-left: 16px; }
.toggleLink a.toggleLinkOpen { background-position: 0 -22px; }
.toggleLink a.toggleLinkClosed { background-position: 0 8px; }

.form-row { padding: 0 0 6px 0; width: 570px; }

.errorMsg { padding: 0 0 1.45em 0; color: #ff0198; font-weight: bold; }
input.invalid { color: #ff0099; }
label.invalid {  }
.txt:focus { border: 1px solid #cbbc95; }
#add-town-form { margin-top: 14px;}

/* Homepage news */
.news-home .left { width: 205px !important; } 

/* Homepage search */
.search-form-home .txt { float: left; width: 305px; margin: 0 15px 0 0; }

/* Homepage subscribe */
.subscribe-form-home .txt { float: left; width: 305px; margin: 0 15px 0 0; }

/* Quick find */
.quick-find-form .txt { float: left; margin: 0 15px 0 0; width: 225px; }

/* Join form */
.join-form label { width: 115px; float: left; padding: 2px 0;}
.join-form .txt { width: 180px; margin: 0 15px 0 0; float: left;  }
.join-form .zip-code { width: 80px; float: left; }
.join-form .errorMsg {   }
.join-form .button { margin-right: 15px; }
.join-form select { width: 188px; }

/* Signup/Subscribe form */
.signup-form label { width: 80px; margin: 0 15px 0 0;  }
.signup-form .txt { width: 305px; }
.signup-form label.rbt-lbl { width: 110px; margin: 0;  }
.signup-form label.rbt-lbl-thx { width: 305px; margin: 0;  }

/* News sidebar - Subscribe form */
.subscribe-form { margin: 1.45em 0 0 0; }
.subscribe-form .txt { float: left; margin: 0 0 0.73em 0; width: 185px; }
.subscribe-form label { float: left; width: 80px; margin: 0 0 0.73em 0; }
.subscribe-form .button { margin: 0 0 0 80px; }


/*
input.size2 { width: 303px; }
*/
/*
.size1 { width: 145px; }
.size2 { width: 305px; }
.size3 { width: 465px; }
.size4 { width: 625px; }
.size5 { width: 800px; } 
.size6 { width: 945px; }
*/
.form-table td { padding: 0 0 6px 0; vertical-align: top; }


.hform input, .hform label { float: left; margin: 0 9px 0 0; }


.login-form label  { float: left; padding: 2px 15px 2px 0; width: auto; }
.login-form .txt  { float: left; width: 135px; } 













/*
	Tables
*/

table.data { width: 100%; }
table .data th, table .data td { vertical-align: top; } 

.total td, .total th { padding: 2.14em 0 0 0; }






/*
	Misc.
*/

/* Action box */
.action-box { background: #f0c600 url(../img/global/action-box-top.gif) repeat-x; }
.action-box .body { background: url(../img/global/action-box-bot.gif) 0 bottom repeat-x; padding: 1em 0; }
.action-box li { background: url(../img/global/action-box-bull.gif) 10px 0.8em no-repeat; padding: 0.62em 0; font-size: 1.18em;  }
.action-box a, .action-box a:link, .action-box a:active, .action-box a:visited { display: block; color: #fff; text-decoration: none; background: url(../img/global/action-box-link-2.gif) right 3px no-repeat; padding: 0 30px 0 15px; line-height: 1.45em; font-weight: bold; letter-spacing: -1px; }
.action-box a:hover { background: #fff url(../img/global/action-box-link-2-hover.gif) right 3px no-repeat; color: #f0c600; text-decoration: none; }

.action-link-list li { padding: 0 0 1em 0; }
a.action-link, a.action-link:link, a.action-link:active, a.action-link:visited { background: #f0c600 url(../img/global/action-box-link.gif) 286px center no-repeat;  padding: 0 25px 0 10px; font-size: 1.27em; line-height: 1.23em; display: block; color: #fff; text-decoration: none; font-weight: bold; letter-spacing: -1px; width: 270px !important; }
a.action-link:hover { background: #fff url(../img/global/action-box-link-hover.gif) 286px center no-repeat; color: #f0c600; text-decoration: none; }


/* Date */
.date { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; background: url(../img/global/date-bg.gif) 0 0 no-repeat; width: 45px; height: 72px; text-align: center; }
.date2 { background-color: #A59113 !important; }
.date span {  }
.date .d { font-size: 34px; line-height: 34px; display: block; padding: 2px 0 0 0; border-bottom: 1px solid #fff; margin: 0 4px;  }
.date .m { font-size: 14px; line-height: 14px; display: block; padding: 3px 0 0 0; }
.date .y { font-size: 12px; line-height: 11px; display: block; }

/* Icons */
.icon { width: 42px; margin: -10px 13px 0 0; height: 34px; display: block; float: left;  }
.icon-government { background: url(../img/icon/government.png); }
.icon-media { background: url(../img/icon/media.png); }
.icon-production { background: url(../img/icon/production.png); }
.icon-leaf4 { background: url(../img/icon/leaf4.png); }
.icon-team { background: url(../img/icon/team.png); }
.icon-hu_1 { background: url(../img/icon/hu_1.png); }
.icon-hu_2 { background: url(../img/icon/hu_2.png); }
.icon-hu_3 { background: url(../img/icon/hu_3.png); }
.icon-hu_4 { background: url(../img/icon/hu_4.png); }
#fr .icon-team { background: url(../img/icon/nesw.png); }
.icon-shops { background: url(../img/icon/shops.png); }
.icon-companies { background: url(../img/icon/companies.png); }
.icon-balloons{ background: url(../img/icon/balloons.png); }
.icon-ftg_alt{ background: url(../img/icon/acties.png); }
.icon-shops_alt{ background: url(../img/icon/shops_alt.png); }

.icon-basket { background: url(../img/icon/basket.png); width: 29px; height: 29px; }
.icon-download { background: url(../img/icon/download.png); width: 29px; height: 29px; }


/*
		Home
*/

/* Intro */
.home-intro { background: url(../img/boxes/home-intro.gif) 0 0 no-repeat; height: 270px; padding: 40px 20px 0 20px; color: #fff; font-size: 1.67em; line-height: 1.25em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; position: relative; }
.home-intro-bdy { position: absolute; left: -9999px; top: 0; width: 1px; overflow: hidden; }

/* Search */
.home-search { background: url(../img/home-search-bg.gif) 0 0 no-repeat; padding: 20px 0 0 15px; height: 235px; }
.home-search h2 { color: #fff; margin:0 0 0 15px; padding-bottom: 6px; }
.home-search .txt { width: 223px; margin-right: 5px; }
.home-search fieldset { margin: 5px 0 0 15px; }


/*
		Widgets
*/


/* FTG meter */

/* other criteria */
.ftg-meter .other-criteria { background: url(../img/ftg-meter/ftg-meter.gif) 0 bottom no-repeat; width: 305px; }
.ftg-meter .other-criteria ul { background: url(../img/ftg-meter/ftg-meter-nl.gif) no-repeat; padding: 60px 0 26px 65px; }
.ftg-meter .other-criteria li { height: 33px; width: 180px; overflow: hidden; position: relative; }
.ftg-meter .other-criteria span { display: block; height: 33px; width: 180px; position: absolute; top: 0; text-indent: -9999px;  }
.ftg-meter .other-criteria .status-0 { left: -108px; }
.ftg-meter .other-criteria .status-1 { left: -150px; }
.ftg-meter .other-criteria .status-2 { left: 0px; }

.ftg-meter .government span { background: url(../img/ftg-meter/government.png) right 0 no-repeat; }
.ftg-meter .shops span { background: url(../img/ftg-meter/shops.png) right 0 no-repeat; }
.ftg-meter .companies span { background: url(../img/ftg-meter/companies.png) right 0 no-repeat; }
.ftg-meter .media span { background: url(../img/ftg-meter/media.png) right 0 no-repeat; }
.ftg-meter .team span { background: url(../img/ftg-meter/team.png) right 0 no-repeat; }
.ftg-meter .production span { background: url(../img/ftg-meter/production.png) right 0 no-repeat; }
.ftg-meter .leaf4 span { background: url(../img/ftg-meter/production.png) right 0 no-repeat; }
.ftg-meter .shops_alt span { background: url(../img/ftg-meter/shops.png) right 0 no-repeat; }
.ftg-meter .balloons span { background: url(../img/ftg-meter/balloons.png) right 0 no-repeat; }
.ftg-meter .ftg_alt span { background: url(../img/ftg-meter/ftg-acties.png) right 0 no-repeat; }

.ftg-meter .admin-criteria { background: url(../img/ftg-meter/fairtradeGemeente.gif) 14px 18px no-repeat; padding: 8px 0 0 154px; }
.ftg-meter .admin-criteria ul { padding: 0; }
.ftg-meter .admin-criteria li { width: 35px; height: 33px; float: left; }
.ftg-meter .admin-criteria span { display: block; height: 32px; width: 30px; text-indent: -9999px; }
.ftg-meter .admin-criteria .status-0 { }
.ftg-meter .admin-criteria .status-1 { }
.ftg-meter .admin-criteria .status-2 { }
.ftg-meter .admin-criteria.admin-criteria-kerken { background: url(../img/ftg-meter/fairtradeKerken.gif) 14px 18px no-repeat; }
.ftg-meter .admin-criteria.admin-criteria-scholen { background: url(../img/ftg-meter/fairtradeScholen.gif) 14px 18px no-repeat; }
.ftg-meter .admin-criteria.admin-criteria-hu { background: url(../img/ftg-meter/fairtradeHU.png) 14px 18px no-repeat; }
.ftg-meter .admin-criteria.admin-criteria-kerken .ftg span.status-1 { background: url(../img/ftg-meter/admin/ftk.png) no-repeat; }
.ftg-meter .admin-criteria.admin-criteria-scholen .ftg span.status-1 { background: url(../img/ftg-meter/admin/fts.png) no-repeat; }
.ftg-meter .admin-criteria.admin-criteria-hu .ftg-hu span.status-1 { background: url(../img/ftg-meter/admin/fthu.png) no-repeat; }

.ftg-meter .admin-criteria.admin-criteria-kerken .ftg span.status-2 { background: url(../img/ftg-meter/admin/ftk2.png) no-repeat; }
.ftg-meter .admin-criteria.admin-criteria-scholen .ftg span.status-2 { background: url(../img/ftg-meter/admin/fts2.png) no-repeat; }
.ftg-meter .admin-criteria.admin-criteria-hu .ftg-hu span.status-2 { background: url(../img/ftg-meter/admin/fthu2.png) no-repeat; }

.ftg-meter .admin-criteria.admin-criteria-hu li { float: right; margin-right: 20px; }




.ftg-meter .ftg-14 span { background: url(../img/ftg-meter/admin/ftg-14.png) 0 0 no-repeat; }
.ftg-meter .ftg-13 span { background: url(../img/ftg-meter/admin/ftg-13.png) 0 0 no-repeat; }
.ftg-meter .ftg-12 span { background: url(../img/ftg-meter/admin/ftg-12.png) 0 0 no-repeat; }
.ftg-meter .ftg-11 span { background: url(../img/ftg-meter/admin/ftg-11.png) 0 0 no-repeat; }
.ftg-meter .ftg-10 span { background: url(../img/ftg-meter/admin/ftg-10.png) 0 0 no-repeat; }
.ftg-meter .ftg-09 span { background: url(../img/ftg-meter/admin/ftg-09.png) 0 0 no-repeat; }
.ftg-meter .ftg-08 span { background: url(../img/ftg-meter/admin/ftg-08.png) 0 0 no-repeat; }
.ftg-meter .ftg-07 span { background: url(../img/ftg-meter/admin/ftg-07.png) 0 0 no-repeat; }
.ftg-meter .ftg span {    background: url(../img/ftg-meter/admin/ftg.png) 0 0 no-repeat; }

/* Photo album * /
.photo-album { width: 289px; height: 241px; background: #f0c600; padding: 8px; position: relative; }
.photo-album .photo { border: 4px solid #fff; width: 281px; height: 180px; overflow: hidden; position: relative; }
.photo-album .photo ul { width: 9999px; }
.photo-album .photo li { width: 281px; height: 180px; float: left; background: url(../img/load-bg-3.gif) center center no-repeat; }
.photo-album .photo li img { width: 281px; height: 180px; }

.photo-album .thumbs { padding: 0; margin: 5px 0 0 17px; height: 51px; width: 255px; overflow: hidden; position: relative }
.photo-album .thumbs ul { width: 9999px; position: absolute; left: 0; top: 0;}
.photo-album .thumbs li { float: left; background: url(../img/load-bg-3.gif) center center no-repeat; width: 51px;/*padding: 6px; text-align: center;* /  }
.photo-album .thumbs li img { width: 33px; height: 33px; display: block; border: 3px solid #fff; margin: 6px; position: relative; cursor: pointer; }

.photo-album .next, .photo-album .prev { width: 20px; height: 39px; position: absolute; top: 205px; background-image: url(../img/photo-album/prev-next.gif); background-repeat: no-repeat; }
.photo-album .prev { left: 0; background-position: 0 0; }
.photo-album .disabled { display: none;  }
.photo-album .next { right: 0; background-position: right 0; }
.photo-album .prev:hover { background-position: 0 bottom; }
.photo-album .next:hover { background-position: right bottom; }*/


/* Photo slider */
.photoSlider { width: 289px; height: 240px; background: url(../img/photo-album/photoSliderBG.gif); background-color: #f0c600; padding: 10px 6px 8px 10px; position: relative; }

.photoSliderImgs { width: 285px; height: 183px; overflow: hidden;  }
.photoSliderImgs ul { width: 9999px; }
.photoSliderImgs ul li { float: left; width: 285px; height: 183px; float: left; overflow: hidden; background: url(../img/load-bg-3.gif) no-repeat center center; list-style: none; }
.photoSliderImgs ul li img { width: 285px; /*height: 180px;*/ }

.photoSliderThumbs { margin: 5px 27px 0; width: 235px; height: 51px; overflow: hidden; }
.photoSliderThumbs ul { width: 9999px; }
.photoSliderThumbs ul li { float: left; width: 33px; height: 33px; margin-right: 6px; overflow: hidden; float: left; background: url(../img/load-bg-3.gif) no-repeat center center; list-style: none; border: 4px solid #ccbd97; cursor: pointer; }
.photoSliderThumbs ul li img { background-color: #fff; height: 33px; }

.photoSlider .next { width: 20px; height: 39px; position: absolute; top: 200px; right: 8px; background: url(../img/photo-album/prev-next.gif) no-repeat bottom right; }
.photoSlider .prev { width: 20px; height: 39px; position: absolute; top: 200px; left: 8px; background: url(../img/photo-album/prev-next.gif) no-repeat bottom left; }
.photoSlider .disabled { display: none; }


/* Criteria */
.rollout-banner { width: 145px; margin: 0 15px 0 0; float: left; height: 256px; overflow: hidden; position: relative; cursor: pointer;   }
.rollout-banner img { display: block; cursor: pointer; }
.rollout-banner .rollout { position: absolute; width: 145px; left: 0; top: 191px; background: url(../img/global/bg-hatch.gif); z-index: 20;  }
.rollout-banner .hover { background: #fff; }
#fr .rollout-banner h3 { font-size:15px !important; height:50px !important; padding:11px 0 0 37px !important; width:105px !important; }

.rollout-banner h3 { padding: 5px 0 0 50px; height: 60px; } 
.rollout-banner .icon { position: absolute; left: 6px; top: 2px; } 
.rollout-banner .text { padding: 0 8px 8px 8px; margin: -4px 0 0 0; cursor: pointer; }
#fr .rollout-banner .text { font-size: 10px !important; }
.rollout-banner .text a { padding-top: 10px; height: 20px; display: block;}

/* News scroller */

.news-short img { width: 305px; height: 195px; }
.news-detail img { width: 305px; }
.news-scroller {  }
.news-scroller .container { position: relative; overflow: hidden; }
.news-scroller ul { width: 9999px; }
.news-scroller li { float: left; width: 305px; margin: 0 15px 0 0; }
.news-scroller .head { background: url(../img/global/bg-hatch.gif); margin: 0 0 0.5em 0; height: 52px; padding: 6px; }
.news-scroller .body {}
.news-scroller h1 { float: left; margin: 11px 0 0 0; width: 231px;  }
.news-scroller img { margin: 0 10px 0 0; float: left; width: 52px; height: 52px; }
.news-scroller .next { float: right; }
.news-scroller .prev { float: left; }
.news-scroller .disabled, .news-scroller .disabled:hover { text-decoration: none; opacity:.3; filter: alpha(opacity=30); -moz-opacity: 0.3; cursor: text; }

/* Styled select box */
.select-menu { background: #f0c600 no-repeat top left; font-size:1.18em; white-space: nowrap; }
.select-menu .passiveSelect, .select-menu .activeSelect{ /*height:25px; */line-height: 1.45em; display:block; cursor:pointer; padding-left:10px; padding-right: 20px; margin-right:0px; font-weight: bold; }
.select-menu .passiveSelect{ background:url(../img/select/arrow.gif) no-repeat top right; color:#fff; }
.select-menu .activeSelect { background:url(../img/select/arrow.gif) no-repeat top right; color:#fff; }
.select-menu ul{ padding:0; margin:0; background:#f0c600; list-style:none; max-height:200px; overflow-x: hidden; overflow-y: auto; cursor:pointer;	width:130px; }
.select-menu li{ padding:0; margin:0; font-weight:normal; padding:2px 10px 2px 10px; color:#fff; font-size: 12px; }
.select-menu .first{  }
.select-menu .last{  }
.select-menu li:hover { color:#f0c600; background: #fff; }
.select-menu .selected { font-weight:bold; }

/* Tab menu */
.tab-menu { padding: 0 0 1.45em 0; }
.tab-menu li { float: left; padding: 0 15px 0 0; font-size: 1.09em; line-height: 1.33em; }
.tab-menu a, .tab-menu a:link, .tab-menu a:active, .tab-menu a:visited, .tab-menu a:hover { color: #fc7613; }
.tab-menu a:hover { text-decoration: none; }
.tab-menu a.active, .tab-menu a.active:link, .tab-menu a.active:active, .tab-menu a.active:visited, .tab-menu a.active:hover { color: #666; font-weight: bold; text-decoration: none; }

/* Edit panel */
.edit-panel { background: #f39400; float: right; color: #fff; margin: 13px 0 0 0; padding: 7px 6px 3px 6px; }
.edit-panel li { padding: 0 0 0 20px; }
.edit-panel li.first { padding: 0; }
.edit-panel a, .edit-panel a:link, .edit-panel a:active, .edit-panel a:visited, .edit-panel a:hover { color: #fff; text-decoration: underline; }
.edit-panel a:hover { color: #fff; text-decoration: none; }

/* Marketing resource */
.marketing-resource { padding: 0 0 16px 0; }
.marketing-resource .pict { width: 100px; margin: 0 15px 0 0; float: left; }
.marketing-resource .pict img { width: 100px;}
.marketing-resource .text { width: 510px; margin: 0 0 0 0; float: left; }

.marketing-resource .download,
.marketing-resource .purchase { width: 118px; padding: 10px 6px 6px 6px; margin: 0 0 15px 0; float: right; background: #fff; color: #59631e; }
.marketing-resource .download .top,
.marketing-resource .purchase .top { height: 90px; padding: 0 0 0 5px; background: #fff; }
.marketing-resource .icon { margin: 0 5px 0 0; float: left; }
.marketing-resource a.button { padding: 0; float: left; margin: 8px 0 0 0; white-space:normal; width:81px; }           

.marketing-resource .purchase .txt { margin: 6px 0 0 0; width: 105px;  }

/* Application resource */
.application-resource { padding: 0 0 1em 0; }
.application-resource .text { width: 405px; margin: 0; float: left; }
.application-resource .text ul { margin: 8px 0 0 0; }
.application-resource img { width: 100px; }
.application-resource .bullet-list3 li { margin: 0; }
.application-resource .download { width: 118px; padding: 0 6px 6px 6px; margin: 0 0 0 0; float: right; color: #59631e; }


/* Sitemap */
.list-sitemap li { font-family: Arial, Helvetica, sans-serif; font-size: 1.33em; font-weight: bold; padding: 1em 0 1em 0; background: url(../img/global/sitemap-1.gif) 0 2.5em repeat-x; }
.list-sitemap li li { font-family: Verdana, Geneva, sans-serif; font-size: 0.75em; padding: 0.25em 0 0.25em 15px; background: url(../img/global/sitemap-2.gif) 1px 0.6em no-repeat; border-bottom: none; }
.list-sitemap li li li { background: url(../img/global/sitemap-3.gif) 24px 0.7em no-repeat; padding: 0.25em 0 0.25em 45px; font-size: 1em; font-weight: normal; }

.list-sitemap ul ul { margin: 1em 0 0 0; }
.list-sitemap ul ul ul { margin: 0; }
 
.list-sitemap li a, .list-sitemap li a:link, .list-sitemap li a:active, .list-sitemap li a:visited, .list-sitemap li a:hover { color: #fc7613; text-decoration: none; }

/* Accordion */
.accordion { }
.accordion { border-top: 1px solid #cbbc95; padding-top: 5px; /*font-size: 11px !important;*/ }
.accordion li { margin: 0 0 5px 0; }
.accordion li li { margin: 0; }
.accordion .head { background: #fff; padding: 15px 20px 15px 0; color: #a59113; border-bottom: 1px solid #cbbc95; }
.accordion .head h2 { background-image: url(../img/accordion/accordion.gif); color: #cbbc95; background-repeat: no-repeat; background-position: right 0; border: none; margin: 0;  }
.accordion .body { background: #fff; padding: 15px 0; border-bottom: 1px solid #cbbc95; }

.accordion .hover { color: #755846; }
.accordion .closed .head h2 { background-position: right 0; border: none; cursor: pointer; }
.accordion .open .head h2 { background-position: right -50px; cursor: pointer; }

/* Accordion gemeente initiatieven (gemeente detail / about pagina) */
.initiatieven h3 { color: #775844; }
.initiatieven .accordion { border-top: 1px solid #e6ddcb;  }
.initiatieven .accordion .head { border-bottom: 1px solid #e6ddcb; }
.initiatieven .accordion .body { border-bottom: 1px solid #e6ddcb; }

.initiatieven h3 { background-image: url(../img/accordion/accordion.gif); background-repeat: no-repeat; background-position: right 0; }
.initiatieven .accordion .closed .head h3 { background-position: right 0; border: none; cursor: pointer; }
.initiatieven .accordion .open .head h3 { background-position: right -50px; cursor: pointer; }

.initiatieven .accordion .head { cursor: pointer; }
.initiatieven .accordion .open .head { border: none; }

/* Gemeenten */
.city_abc { margin-bottom: 30px; }
.city_abc a { font-weight: normal; text-decoration: none; }
.city_abc a:hover { text-decoration: underline; }
.city_abc span { font-weight: bold; }

.city_list li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #efefef; }
.city_list li h3 a { text-decoration: none; }
.city_list li h3 a:hover { text-decoration: underline; }
.city_list li p { font-size: 12px; }
.city_list li p.small { font-size: 11px; margin-top: 5px; }

/* Cart */
#cart_form { margin: 10px 0; padding-top: 10px; border-top: 1px solid #cbbc95; }
#cart_form label { width: 100px; float: left; display: block; }
#cart_form .error { border: 1px solid red; }

/* Forgot pass */
#forgotpass .error { border: 1px solid red; }




/**
 * Products
 * 
 */

#products .coll { width: 200px; float: left; }
#products .colr { width: 500px; float: left; }
#products .submit { margin: 20px 0; }
#products legend { font-weight: bold; margin-bottom: 6px; }
#products .colr label { display: block; width: 130px; float: left; }

.products_pos { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; }
.products_category { margin-bottom: 20px; }
.products_products li { float: left; list-style: none; margin: 0 20px 20px 0; width: 125px; height: 160px; text-align: center; }
.products_products li .imgFrame { margin-bottom: 5px; width: 125px; height: 125px; border: 1px solid #ccc; background: url(../img/global/products_dummy.gif) no-repeat center; overflow: hidden; }
.products_products li img { border: none; }
.products_products li a { text-decoration: none; }
.products_products li a:hover { text-decoration: none; color: #000; }


/**
 * Others
 * 
 */

.pagination { margin: 0 0 20px 0; text-align: right; }
.pagination span { font-weight: bold; }
.pagination a { text-decoration: none; }
.pagination a:hover { text-decoration: underline; }

.col6_ul { margin-top: 10px;}


/**
 * Homepage
 * 
 */

.columns { }
.columns .col { width: 290px; border-right: 1px solid #B7A742; float: left; margin-right: 20px; padding-right: 20px; }
.columns .search { width: 220px; border: none; margin-right: none; }


/**
 * Calendar
 * 
 */

.calendar-container { background: #fff; }
.calendar-container table { margin: auto; width: 100%; }

.calendar { }

.calendar th, .calendar td { padding: 5px; text-align: center; }
.calendar th.left, .calendar td.left { text-align: left; float: none; }
.calendar th.right, .calendar td.right { text-align: right; float: none; }

.calendar thead th { font-weight: bold; line-height: 0; padding: 10px; border-bottom: 10px solid #fc7613; }
.calendar thead th a { text-decoration: none; }
.calendar thead th a:hover { text-decoration: underline; font-weight: bold; }
.calendar thead td { font-weight: bold; }

.calendar tbody td.today { background-color: #efefef; width: 20px; height: 20px; }
.calendar tbody td a { text-decoration: none; font-weight: bold; }
.calendar tbody td a:hover { text-decoration: underline; font-weight: bold; }


/**
 * Verlanglijstje
 * 
 */

.fairtradeverlanglijstje .slct { width: 200px; }
.fairtradeverlanglijstje .txt { width: 200px; }
.fairtradeverlanglijstje .slct.error { border: 1px solid red; color: red; }
.fairtradeverlanglijstje .txt.error { border: 1px solid red; color: red; }
.fairtradeverlanglijstje .txt.disabled { background: #ccc; }
.fairtradeverlanglijstje label.error { font-weight: bold; color: red; }
.fairtradeverlanglijstje .cbx { float: left; margin-right: 5px; line-height: 13px; height: 13px; }
.fairtradeverlanglijstje li.clearfix { height: 20px; line-height: 13px; }