/* 
		Global styles for 
	 	Max Havelaar
	 	- - - - - - - - - - - - - -
		color 0 	#000 
		color 1 	#fff 
		color 2 	#8ea106		lichtgroen
		color 3 	#59631e 	donkergroen
		color 4 	#a59113 	kaki
		color 5 	#f39400 	oranje
		color 6 	#f0c600 	geel
*/


/* 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; }
#content, #nav, .inner { width: 975px; margin: auto; text-align: left; padding: 0;}
#nav { width: 975px; }

/* Header */
#header { height: 98px; padding: 16px 0 0 0; background: url(../img/global/header-bg.gif) 0 16px repeat-x; }
#header .logo { padding: 17px 10px 0 15px; width: 149px; float: left; }
#fr #header .logo { padding: 17px 10px 0 15px; width: 100px; float: left; }
#header h1 { float: left; padding: 45px 0 0 0; text-transform: uppercase; font-size: 1.1em; font-weight: normal; }
#header h1 a, #header h1 a:link, #header h1 a:active, #header h1 a:visited { color: #a59113; text-decoration: none; }
#header h1 a:hover { color: #a59113; text-decoration: none; }

/* 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; }

.toggleLink a { display: block; height: 20px; padding-top: 5px;}

/* Nav */
#nav { background: url(../img/global/nav-bg.gif) 0 29px no-repeat;  }
#nav li { position: relative; }
/* level 1 */
.nav_1 { z-index: 100; position: relative; }
.nav_1 li { float: left; position: relative; }
.nav_1 a, .nav_1 a:link, .nav_1 a:active, .nav_1 a:visited { color: #f39400; font-size: 14px; line-height: 26px; font-weight: bold; text-decoration: none; display: block; padding: 0 15px 5px 15px; }
.nav_1 a strong { display: block; }
.nav_1 a.active strong, .nav_1 a.active:link strong, .nav_1 a.active:active strong, .nav_1 a.active:visited strong { line-height: 26px; border-bottom: 5px solid #f39400; }
.nav_1 li a:hover, .nav_1 li.sfHover { background: #f39400; color: #fff; }
.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 { background: #f39400; color: #fff; }



/* level 2 */
#nav .nav_2 { width: 177px; position: absolute; top: -999em; /*left: -1px;*/ left: 0; }
#nav .nav_2 li { float: none; width: 100%; }
#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: 12px; color: #fff; background: #f39400 url(../img/global/nav-2.gif) 0 0 repeat-x; white-space: nowrap; line-height: 14px; padding: 5px 15px; font-weight: normal; zoom: 1; }
#nav .nav_2 li a:hover, #nav li.sfHover .nav_2 li a:hover { background: #fff url(../img/global/nav-2.gif) 0 0 repeat-x; color: #f39400; zoom: 1; }
#nav .nav_1 li:hover .nav_2, #nav .nav_1 li.sfHover .nav_2 { top: 29px; background: #f39400; }
#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; border: none; line-height: inherit; }


/* level 3 */
#nav .nav_3 li {  }
#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 { line-height: 12px; padding: 5px 15px 5px 30px; background: #f39400 url(../img/global/nav-3.gif) 24px 9px no-repeat; }
#nav .nav_3 li a:hover, #nav li.sfHover .nav_3 li a:hover { background: #fff url(../img/global/nav-3-hover.gif) 24px 9px no-repeat;  color: #f39400;  }

/* Nav CRM */
.nav-crm { float: right; padding: 6px 15px 0 0; }
.nav-crm li { float: left; background: url(../img/global/nav-crm.gif) 5px center no-repeat; padding: 0 0 0 11px; }
.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 { color: #f39400; text-decoration: none; line-height: 1.45em;  }
.nav-crm a:hover { color: #f0c600; text-decoration: underline; }
.nav-crm a.active { text-decoration: underline; }
.nav-crm a strong { font-weight: normal; }

/* Crumbs */
.crumbs { position: relative; padding: 0.36em 15px 2em 15px; }
.crumbs li { float: left; color: #59631e; padding: 0 0.25em 0 0; }
.crumbs a, .crumbs a:link, .crumbs a:active, .crumbs a:visited { color: #59631e; text-decoration: underline; }
.crumbs a:hover { color: #8ea106; }

/* popup fontsize */
.crumbs .fsize { float: right; margin-right: 164px;}
.tipsy { padding: 5px; font-size: 12px; font-weight: bold; margin-left: 63px; background-repeat: no-repeat; }
  .tipsy-inner { padding: 5px 10px 5px 10px; background-color: #f0c600; 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; }

.accordion { font-size: 11px !important;}

/* Footer */
#footer { background: url(../img/global/footer-bg.gif) 0 0 repeat-x; padding: 28px 0 0 0; }
#footer .nav { width: 300px; float: left; }
#footer .partners { width: 650px; float: right; }
#fr #footer .nav { width: 400px; }
#fr #footer .partners { width: 550px; }
#footer .nav ul { float: left; } 
#footer .nav li { float: left; padding: 5px 15px 0 15px; }
#footer .partners ul { float: right; } 
#footer .partners li { float: left; padding: 0 15px; }
#footer .partners p { padding-top: 5px; } 
#footer a, #footer a:link, #footer a:active, #footer a:visited { color: #59631e; text-decoration: none; }
#footer a:hover { color: #f0c600; 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: #f0c600; text-decoration: underline; }
#footer a.a-youtube { background: url(../img/global/youtube.gif) 0 0; width: 42px; height: 17px; display: block; text-indent: -9999px; }


/*
	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: 297px; position: relative; }
.col2a  { width: 624px; position: relative; }
.col3   { width: 465px; }
.col4   { width: 617px; }
.col5   { width: 785px; }
.col6   { width: 945px; }

.news, .events, .search { height: 350px; }

/*
.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: 237px; }

.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 { width: 242px; }
.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; }

#tts_button{ display: none !important; }




/*
	Typography
*/ 

body { font-family: Arial, Helvetica, sans-serif; font-size: 70%; line-height: 1.45em; color: #a59113; /*11/16*/ }
select, textarea, .txt, input { font-size: 1em; line-height: 1.45em; color: #a59113; font-family: Arial, Helvetica, sans-serif; color: #333; }

h1, .h1 { font-size: 1.45em; line-height: 1.14em; margin: 0 0 0.86em 0; font-weight: bold; /*16px*/  }
h2, .h2 { font-size: 1.36em; line-height: 1.07em; margin: 0 0 0 0; font-weight: bold;  /*15px*/ }
h3, .h3 { font-size: 1.36em; line-height: 1.07em; margin: 0.14em 0 0.15em 0; font-weight: bold; color: #8ea106; /*15px*/ }
h4, .h4 { font-size: 1.27em; line-height: 1.14em; margin: 0.43em 0 0 0; font-weight: bold; /*14px*/ }
h5, .h5 { font-size: 1.18em; line-height: 1.23em; margin: 0.46em 0 0.1em 0; font-weight: bold; /*13px*/ }
h6, .h6 { font-size: 1.09em; line-height: 1.33em; margin: 0 0 0 0; font-weight: bold; /*12px*/ }
small { font-size: 0.8em !important; font-weight: normal; /*10px*/ }
p, address, blockquote { padding: 0 1px; }

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

strong { font-weight: bold; }
em { color: #59631e; font-style:oblique; }

hr { border: 1px solid #ede9d0; border-bottom: 1px solid #b7a742; 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; }

/* text colour */
.color0 { color: #000; }
.color1 { color: #fff; }
.color2 { color: #8ea106; /*lichtgroen*/ }
.color3 { color: #59631e; /*donkergroen*/ }
.color4 { color: #a59113; /*kaki*/ }
.color5 { color: #f39400; /*oranje*/ }
.color6 { color: #f0c600; /*geel*/ }

/* 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: url(../img/global/bg-hatch.gif); margin: 0 0 1.45em 0; padding-left: 8px; }
.bg-hatch h1 { padding: 0.91em 0 0.89em 8px; margin: 0; }
.hatchCol4 { padding: 5px 5px 10px 10px;}

#counter_active { margin-top: -4px;}

/* 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; }


/*
	Lists
*/

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

.list-v { margin: 0 0 -1em 0; }
.list-v li { display: block; margin: 0 0 1em 0; }
.list-v-a p, .list-v-a h3 { width:245px !important; float: right !important; }

.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 ul { margin: 0; }
.list-v ul li:after { display: none; }
.list-v ul li { margin: 0; display: block; padding: 0 0 0 8px; }


.bullet-list li { background: url(../img/global/bullet-list.gif) 0 0.5em no-repeat; }

ol.numbered li { list-style: decimal; margin-left: 15px; }

.bullet-list3 li { color: #59631e;  background: url(../img/global/bullet-darkgreen.gif) 0 0.5em no-repeat;padding: 0 0 0 8px; }

/* 
	Forms
*/

.txt { border-top: 1px solid #9e9e9e; border-bottom: 1px solid #ededed; border-left: 1px solid #999999; border-right: 1px solid #eeeeee; padding: 2px 0; color: #686868; 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.09em; white-space: nowrap; outline: none; float: left; font-weight: bold; color: #59631e; text-decoration: underline; padding: 2px 0; /*background: yellow;*/ }
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;  }

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

.errorMsg { padding: 0 0 1.45em 0; color: #f39400; font-weight: bold; }
input.invalid { color: #f39400; }
label.invalid { color: #f39400; }
.txt:focus { border-top: 1px solid #b1b1b1; border-bottom: 1px solid #f1f1f1; border-left: 1px solid #adadad; border-right: 1px solid #f1f1f1; }
#add-town-form { margin-top: 14px;}


/* 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: 80px; float: left; padding: 2px 0;}
.join-form .txt { width: 195px; margin: 0 15px 0 0; float: left;  }
.join-form .zip-code { width: 80px; margin: 0 15px 0 0; float: left; }
.join-form .errorMsg { margin: 1.45em 0 0 80px; }
.join-form .button { margin: 0 0 0 80px; }

/* 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 2.9em 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: 173px; } 













/*
	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; }

/* Counter */
.counter { padding: 0.5em 0 0 48px; }
.counter .number { display: block; float: left; width: 81px; padding: 0 8px; margin: 5px 0 0 0; height: 35px; overflow: hidden; background: url(../img/global/counter.png) 0 0 no-repeat; color: #FFF; font-size: 27px; line-height: 37px; font-weight: bold; letter-spacing: 7px; text-align: center;  }
.counter .text { float: right; display: block; padding: 6px 0 0 0; width: 145px;}

/* Date */
.date { font-weight: bold; color: #fff; background: #f0c600; width: 45px; height: 70px; text-align: center; }
.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; }

.date2 { background-color: #fff; }
.date2 .d, .date2 .m, .date2 .y { color: #A59113; }


/* 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-team { background: url(../img/icon/team.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-basket { background: url(../img/icon/basket.png); width: 29px; height: 29px; }
.icon-download { background: url(../img/icon/download.png); width: 29px; height: 29px; }


/*
		Widgets
*/


/* FTG meter */
.ftg-meter { background: url(../img/global/ftg-meter.gif) repeat-y; width: 306px; }
.ftg-meter ul { background: url(../img/global/ftg-meter-nl.gif) no-repeat; padding: 30px 0 6px 29px; }
.ftg-meter li { height: 33px; width: 242px; overflow: hidden; position: relative; }
.ftg-meter span { display: block; height: 33px; width: 242px; position: absolute; top: 0; text-indent: -9999px;  }
#fr .ftg-meter ul {background-image: url(../img/global/ftg-meter-fr.gif);}
.ftg-meter .status-0 { left: -108px; }
.ftg-meter .status-1 { left: -213px; }
.ftg-meter .status-2 { left: 0px; }

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

#fr .ftg-meter .ftg-11 span { background: url(../img/ftg-meter/cdce-11.png) right 0 no-repeat; }
#fr .ftg-meter .ftg-10 span { background: url(../img/ftg-meter/cdce-10.png) right 0 no-repeat; }
#fr .ftg-meter .ftg-09 span { background: url(../img/ftg-meter/cdce-09.png) right 0 no-repeat; }
#fr .ftg-meter .ftg-08 span { background: url(../img/ftg-meter/cdce-08.png) right 0 no-repeat; }
#fr .ftg-meter .ftg-07 span { background: url(../img/ftg-meter/cdce-07.png) right 0 no-repeat; }
#fr .ftg-meter .ftg span { background: url(../img/ftg-meter/cdce.png) right 0 no-repeat; }

.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; }
#fr .ftg-meter .team span { background: url(../img/ftg-meter/nesw.png) right 0 no-repeat; }
.ftg-meter .production span { background: url(../img/ftg-meter/production.png) right 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: 241px; background-color: #f0c600; padding: 8px; position: relative; }

.photoSliderImgs { width: 281px; height: 180px; overflow: hidden; border: 4px solid #fff; }
.photoSliderImgs ul { width: 9999px; }
.photoSliderImgs ul li { float: left; width: 281px; height: 180px; float: left; overflow: hidden; background: url(../img/load-bg-3.gif) no-repeat center center; list-style: none; }
.photoSliderImgs ul li img { width: 281px; /*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 #fff; cursor: pointer; }
.photoSliderThumbs ul li img { background-color: #fff; height: 33px; }

.photoSlider .next { width: 20px; height: 39px; position: absolute; top: 205px; right: 0; background: url(../img/photo-album/prev-next.gif) no-repeat bottom right; }
.photoSlider .prev { width: 20px; height: 39px; position: absolute; top: 205px; left: 0; 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: #59631e; }
.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: #59631e; 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: 290px; 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 32px 15px; }
.application-resource .text { width: 405px; margin: 0; float: left; }
.application-resource img { width: 45px; }
.application-resource .bullet-list3 li { margin: 0; }
.application-resource .download { width: 118px; padding: 24px 6px 6px 6px; margin: 0 0 15px 0; float: right; color: #59631e; }
.application-resource .download ul { margin: 8px 0 0 8px; }

/* Sitemap */
.list-sitemap {}
.list-sitemap li { font-size: 1.36em; font-weight: bold; padding: 5px 0 5px 52px; background: url(../img/global/sitemap-1.gif) 0 12px no-repeat; }
.list-sitemap li li { font-size: 1em; padding: 5px 0 5px 26px; background: url(../img/global/sitemap-2.gif) 0 0 no-repeat; }
.list-sitemap li li.last { background: url(../img/global/sitemap-last.gif) 0 -278px no-repeat; }
.list-sitemap li li li.last { background: url(../img/global/sitemap-last.gif) 0 bottom no-repeat; }
.list-sitemap li li li { font-size: 0.8em; }

.list-sitemap ul ul { margin: 5px 0 0 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: #59631e; text-decoration: none; }
.list-sitemap li li a, .list-sitemap li li a:link, .list-sitemap li li a:active, .list-sitemap li li a:visited, .list-sitemap li li a:hover { color: #8ea106; }
.list-sitemap li li li a, .list-sitemap li li li a:link, .list-sitemap li li li a:active, .list-sitemap li li li a:visited, .list-sitemap li li li a:hover { color: #a59113; }

/* Accordion */
.accordion li { margin: 0 0 5px 0; }
.accordion li li { margin: 0; }
.accordion .head { background: #fbf3ce url(../img/global/border.gif) 0 bottom repeat-x; padding: 10px 10px 8px 6px; color: #a59113; }
.accordion .head h2 { background-image: url(../img/accordion/accordion.gif); background-repeat: no-repeat; background-position: right 0; }
.accordion .body { background: #fdf9e5; padding: 15px 16px 0 15px; }

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

/* 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 #F0C600; }
#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; }
.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; }
.social_networks{  float:left; padding-top:5px;}
.banner { margin: 20px 0 0 0; }

/**
 * Calendar
 * 
 */

.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: 1px solid #59631E; }
.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; }


/**
 * Newsticker
 * 
 * 
 */

.newstickertxt { display: block; width: 380px; float: left; padding-top: 2px; }
.newstickerul { float: left; display: block; height: 20px; width: 300px; line-height: 20px; overflow: hidden; }
#newsticker ul li { height: 20px; line-height: 20px; width: 300px; float: left; list-style: none; font-size: 14px; font-weight: bold; }