/* CSS PT 12/07/2010 */
/* **********************************************
 *	Argenta Main Styling
 *	Design by Prophet
 *	Conversion by Ellen Govaerts @ Amplexor
 *	2009
 *
 *
 * **********************************************
 */

/* COLORS
* 
* Gray
* 
* #ACACAC	Light gray; breadcrumb, language, 
* #E6E6E3	Light gray; border around central content,
* #E1E1E1	Light gray; background of quicklink with newsletter-link 
* #DFDFDB	Light gray; background of main header (the one with flash banner and carrousel)
* #999999	Medium gray; footer, subtitle on tabbed pages, title of selected tab,
* #666666	Dark gray; normal paragraphs and headers, 
* 
*
* Green 
* 
* #73A21B	bright green; "a" in quicklink, footer
* #CBDFA5	light green; "a" in main menu, "a:hover" in submenu
* #85B924	dark green; border of drop-down menu's, color of hover submenu
*
* 
* Red
* 
* #990000	dark red; warnings (mandatory fields)
* 
* 
* Blue
*
* #DEECF5	light blue; background of items in overviewpage and forms
* #BDD8EA	darker blue; header of table
*/

/* to clear floated elements */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* Body and font sizes */
body { font-size: 0.7em; margin: 0px; padding: 0px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #666666;}
#mainContent h1 {font-size: 1.8em; }
#mainContent h2 {font-size: 1.3em; }
#mainContent h3 {font-size: 1.2em; }
#mainContent h4 {font-size: 1.0em; }
#otherContent h1, h2 { font-size: 1.3em; }
.header-submenu, .header-mainmenu, #carousel h1, body.homepage #container #content #mainContent #pijlers .pijler h1{ font-size: 1.3em; }
.productInfo h2 { margin-top: 0px; margin-bottom: 5px;}
#productpage-footer p {font-size: 1em; }
a {text-decoration: none; color: #73A21B;}

#container { background: #FFFFFF; }

#content { width: 1018px; margin: auto; position: relative; margin-top: 126px; }

#breadcrumb { padding: 0.25em 0em;  width:75%; color: #ACACAC; padding-top: 6px; padding-bottom: 0px; height: 20px; }
#breadcrumb a { color: #ACACAC; }

#language { float: right; padding:0.25em 0em;  width:20%; text-align: right; height: 20px;}
#language a { color: #ACACAC; }
#language span.active a{color: #73A21B; font-weight: bold;}

#container #inner-header { background:#dfdfdb; height: 185px; width: 1018px;} 
#container #inner-header #maincampaign { float: left; }
#container #inner-header #maincampaign  #bannerfallback { float: left; }
#container #inner-header #carousel { float: right; margin: 4px 3px 4px 3px;}
#container #inner-header #carousel h1{font-variant: small-caps; background: #73a21b; padding: 3px 0px 2px 10px; margin: 0px; height: 20px; width: 320px; color: #FFFFFF;}


#container #inner-header .maincampaign  img { padding: 4px 3px 4px 3px; }


#inner-content { border: 5px solid #E6E6E3; margin-top: 1em; position: relative;}

#inner-content #mainContent { 
   float: left; 
   padding:20px 20px 50px;
   width: 900px;
}
#inner-content #otherContent { float: right; padding: 10px; padding-bottom: 80px;}
#inner-content #bottomContent {position: absolute; bottom: 10px; right: 15px;}




/*** MENU ***/


#container #header #header-content ul.header-mainmenu {width: 800px; margin: 0px; height: 40px; margin-left: 200px; padding-left: 0px; padding-top: 20px;}
#container #header #header-content ul.header-mainmenu li{ display: inline; padding: 0px 10px;  font-variant:small-caps; color: #CBDFA5; font-weight: bold; }
#container #header #header-content ul.header-mainmenu a {color: #CBDFA5; background-image: none;}
#container #header #header-content ul.header-mainmenu a:hover {color: #FFFFFF; }


ul.header-submenu{width: 800px; margin: 5px 0px; height: 40px; margin-left: 200px; padding-left: 0px;}
ul.header-submenu li{ float: left;list-style: none;padding: 0px 5px; font-variant:small-caps; font-weight: bold; }
ul.header-submenu li a{ display: block; padding: 0px 5px; margin-left: 1px; text-decoration: none; color: #FFFFFF; }
ul.header-submenu li a:hover{ background: #FFFFFF; color: #85B924;}
ul.header-submenu li ul{background: #FFFFFF; margin: 0;padding: 5px;position: absolute;visibility: hidden; border: 1px solid #85B924; border-top: none; padding-left: 5px; z-index: 300;}

ul.header-submenu li ul li{font-size: 0.8em; color: #85B924; float: none; list-style-type: disc; padding: 2px 0px; font-variant: normal; font-weight: normal; margin:0px 0px 0px 15px; }
ul.header-submenu li ul li a{color: #85B924;}
ul.header-submenu li ul li a:hover{ border: none;}


#footer { background: #dfdfdb; margin-top: 10px;}

#footer-content { width: 1018px; margin: auto; background: #DFDFDB;} 
#footer-content p { color: #999999; text-align: center; padding: 25px 0px; }

#header { position: absolute; height: 126px; top: 0px; background: url(img/gradient.gif) repeat-x; width: 100%; }

#header-content { width: 1018px; height: 116px; margin: auto; padding-top: 10px; background: url(img/gradient.gif) repeat-x; position: relative;}

#header-logo { float: left; margin-top: 10px;}

.dottedLine { padding: 0px 20px; }


img.left { float: left; padding-right: 20px; padding-bottom: 10px;}




/*** HOMEPAGE ***/

body.homepage #inner-content { margin: 15px 0px; border: none;}

body.homepage #inner-content #mainContent{ width: 690px; padding: 0px;}
body.homepage #inner-content #otherContent {padding: 0px; width:316px; }



body.homepage #pijlers { width: 690px;float: left; }

body.homepage #pijlers .pijler {width: 166px; height: 400px; margin: 0px 2px; float: left; border: #dfdfdb 1px solid; position: relative;}

body.homepage #pijlers .pijlerlist {height: 65px; width: 140px; padding-top: 10px; }


body.homepage #pijlers h1 {background: #73a21b; color: #FFFFFF; padding: 10px 7px; margin: 0px; }
body.homepage #pijlers a {color: #666666; }
body.homepage #pijlers ul {margin-top: 0px; padding-left: 10px; margin-left: 10px;}
body.homepage #pijlers p.pijlerImg {text-align: center; position: absolute; bottom: 40px; width: 166px;}
body.homepage #pijlers p.pijlerImg img.pijlerImage{width: 160px;}
body.homepage #pijlers p.meerProducten {text-align: center; background: url(img/bulletWhiteBg.gif) no-repeat left center; margin: 5px 0px 5px 15px; position: absolute; bottom: 5px; padding: 5px 0px 5px 20px;}
body.homepage #pijlers a.linkMeerProducten {color: #73a21b; }



body.homepage #otherContent #nieuws { padding-bottom: 40px; }
#otherContent #nieuws h1{font-variant:small-caps; color: #73a21b;  padding-left: 5px; }
#otherContent #nieuws a{color: #666666; }
#otherContent #nieuws ul{ display: block; padding: 5px 10px 5px 20px; margin: 0px; }
#otherContent #nieuws li { border-top: #999999 1px dotted; padding: 3px 0px; }
#otherContent #nieuws li.first {border: none; }

/** type-0 = noodberichten **/
#otherContent #nieuws li.type-0,
#otherContent #nieuws li.type-0 a{
	font-weight: bold;
	color: #D00;
}

/* OVERVIEW PAGE LAYOUT */


#otherContent #list{ float: right; width: 250px; padding-right: 28px;}
#otherContent #list div.right-content { width: 260px; margin: 15px auto 15px auto; }
#otherContent #list div.right-content h1 { color: #999999; padding-left: 15px; background: url(img/pijltje.gif) no-repeat left center; }
#otherContent #list div.right-content ul { padding-bottom: 20px; margin-left: 20px; padding-left: 10px; }
#otherContent #list div.right-content li { color: #999999; padding: 2px 0px; }







/* CONTACT LAYOUT */
body.contact #mainContent, body.jobs #mainContent, body.persberichten #mainContent, body.faq #mainContent, body.zoeken #mainContent { width: 599px; padding: 0px 20px 20px 20px;}
body.contact #mainContent .contact { margin-left: 0px; }
body.contact #otherContent, body.jobs #otherContent, body.persberichten #otherContent, body.faq #otherContent, body.zoeken #otherContent { width: 369px; }

body.kantoor #mainContent { width: 630px; }
body.kantoor #otherContent { width: 330px; }
body.kantoor #otherContent #productpage-footer{ width: 320px; }


/* PRODUCTPAGE LAYOUT */
	/* TABS */
#tabMenu { background: #E6E6E3; height: 31px; width: 1010px; position: absolute; left: 0px; top: 0px;}
#tabMenu ul { margin: 0px; padding: 0px; }
#tabMenu li { display: block; float: left; }
#tabMenu span { display: block; height: 31px; background: url(img/tabSprite.gif) right -31px; padding-right: 20px; cursor: pointer;}
#tabMenu a { color: #FFFFFF; display: block; padding-right: 15px; padding-top: 7px; }
#tabMenu .first a {padding-left: 15px; }
#tabMenu .leftOfSelected span {background: url(img/tabSprite.gif) right -93px; }
#tabMenu .selected span { background: url(img/tabSprite.gif) right -62px; }
#tabMenu .selected a, #tabMenu .selectedAndLast a { padding-left: 20px; color: #999999; font-weight: bold; }
#tabMenu .last span { background: url(img/tabSprite.gif) right 0px; }
#tabMenu .selectedAndLast span { background: url(img/tabSprite.gif) right -124px; }


.tab-left { width: 700px;}



/* productpage-layout */
	
body.productpage #inner-content { border: 5px #e6e6e3	solid; margin: 15px 0px; }
body.productpage #mainContent { margin: -1px 0px 0px 0px; padding: 0px;}
body.productpage #mainContent p.parent-title{ color: #999999; }

body.productpage #inner-content #otherContent{ padding-top: 0px; }
body.productpage #inner-content #mainContent{ padding: 0px; }

#otherContent .imgRight { text-align: center; padding-top: 0px; padding-bottom: 30px;}
body.productpage #otherContent .imgRight { text-align: center; padding-top: 40px; padding-bottom: 0px;}

/* tabIntroductie*/
body.productpage #mainContent .text { width: 412px; float: right; padding-bottom: 20px;}
body.productpage #otherContent #menuBackground {  height: 30px; padding: 0px; margin: 0px; background: #E6E6E3; width: 369px;}
body.productpage #otherContent #tabIntroductieB #links { width: 349px; float: right; }
body.productpage #otherContent #tabIntroductieB #links-content { background: #DEECF5; width: 325px; height: 224px; margin: 22px; margin-top: 110px;}
body.productpage #otherContent #tabIntroductieB #links-content li { padding-top: 2px; padding-bottom: 2px;}

/* tabInformatie */
body.productpage #mainContent #tabInformatie { width: 639px;}
h2.redArrow{ font-size: 1.2em; font-weight: bold; padding-left: 20px; background: url(img/redArrow.gif) no-repeat left center; }
td.detail { text-align: right;}

body.productpage #otherContent #tabInformatieB { width: 369px;}
body.productpage #otherContent #tabInformatieB #links-content { padding-top: 100px; padding-left: 20px;}
body.productpage #otherContent #tabSimulatieB { width: 369px;}
/* tabAanvraag */

body.productpage #otherContent #tabAanvraagB {  width: 369px; padding-bottom: 60px; }



#otherContent #productpage-footer { height: 38px; position: absolute; bottom: 0px; width: 376px; padding-bottom: 20px;}
body.productpage #otherContent #productpage-footer p{ margin: 8px 0px 0px 8px; padding-left: 20px; color: #FFFFFF;  font-variant: small-caps; background: url(img/bulletGreenBg.gif) left center no-repeat; height: 17px;}
#printen {float: right; background: url(img/printerButton.gif) no-repeat left center; height: 32px; width: 35px; margin: 10px; cursor: pointer;}
#product {float: right; background: url(img/greenRectButton.gif) no-repeat left center; width: 160px; height: 32px; cursor: pointer;}
#vraag {float: right; background: url(img/greenRectButton.gif) no-repeat left center; width: 160px; height: 32px; cursor: pointer;}



/* FORMS */
input.knop { font-weight: bold; color: #FFFFFF; background:#73A21B; margin-top: 10px;}
body.WebForm  h2 { background:transparent url(img/redArrow.gif) no-repeat scroll left center; padding-left:20px;}
body.WebForm  table.webform { background:#DEECF5 none repeat scroll 0 0; padding:10px;}
body.WebForm  table.webform th{ font-weight: normal; vertical-align: top; text-align: left; }
body.WebForm  table.webform th, body.WebForm  table.webform td{ padding: 3px 5px;}
table.webform-summary { text-align: left; }

body.WebForm-Branch-vereist h2 { background:transparent url(img/redArrow.gif) no-repeat scroll left center; padding-left:20px;}
body.WebForm-Branch-vereist  table.webform { background:#DEECF5 none repeat scroll 0 0; padding:10px;}
body.WebForm-Branch-vereist  table.webform th{ font-weight: normal; vertical-align: top; text-align: left; }
body.WebForm-Branch-vereist  table.webform th, body.WebForm  table.webform td{ padding: 3px 5px;}


/*** SEARCH BOX ***/
p.header-search { text-align: right; height: 20px; padding: 0px; margin: 0px; position: absolute; top: 5px; right: 5px;}
div#zoeken { position: relative; padding-right: 25px; float: right; width: 160px;}
.textbox { background: transparent url(img/searchBox.gif) no-repeat; width: 160px; height: 18px; border: none; color: #999999;}
.searchbutton { position:absolute; top: 0px; right: 0px;}


/* FAQ */
body.Faq-lijst div.summary { background: none; }
body.Faq-lijst h3 { background: url(img/redArrow.gif) no-repeat left center; padding-left: 20px; }
body.Faq-lijst div.selected { background: #DEECF5; padding: 5px 0px; margin-bottom: 10px; margin-top: 10px; width: 800px;}
body.Faq-lijst div.selected  a{ font-weight: bold; padding-left: 5px;}
body.Faq-lijst div.selected  a.filelink{ padding-left: 20px;}
body.Faq-lijst div.selected  p { padding: 0px 5px;}
/* body.Faq-lijst div.faq  li { background: url(img/redArrow.gif) no-repeat left top; padding-left: 20px;}
*/



/* PERSBERICHTEN */
h2.persberichtLink { background: url(img/redArrow.gif) no-repeat left center; padding-left: 20px; font-size: 1.3em;}


/* ZOEKEN */
.korteInhoud { font-style: italic; }




/*** PRODUCTPAGE ***/

body.Product .tabpage-other { width: 250px; margin-top: 35px;}
body.Product .tabpage-other ul { padding: 20px 10px 20px 25px; list-style-image: url(img/redArrow.gif); background: #DEECF5;}
body.Product .tabpage-other ul ul {list-style-image: url(img/redBullet.gif); padding-right: 15px;}
body.Product #mainContent { width: 698px; }
body.Product #mainContent .leftImage {padding: 0px 10px 10px 0px; float: left; width: 187px;}
body.Product #mainContent .leftImage p {margin: 0px; }


/*** VACATURES ***/
	/** VACATURE **/
body.Vacature-Item-Detail h3 { padding-left: 20px; background: url(img/redArrow.gif) no-repeat left center; }



	/** VACATURES OVERVIEW **/
body.Vacature-Item-Overview table { background: #DEECF5; border-style: none; border-collapse: collapse; width: 50%; }
body.Vacature-Item-Overview td { padding: 5px; }
input.button { font-weight: bold; color: #FFFFFF; background:#73A21B; margin-top: 10px; }


/*** BEGRIPPEN ***/
	/** BEGRIP **/
	
	
	/** BEGRIPPEN OVERVIEW **/
	
body.Begrippenlijst-Overview #idGlossary ul.yui-nav li { display: inline; list-style-type: none; margin: 0px 0px; padding: 0em 0.5em; }	
body.Begrippenlijst-Overview th { text-align: left;}	
body.Begrippenlijst-Overview table.begriplijst { padding-top: 20px; width: 100%; }	
body.Begrippenlijst-Overview table { border-collapse: collapse; margin-top: 20px;}	
body.Begrippenlijst-Overview table.begriplijst td { background: #DEECF5; padding: 5px;}	
body.Begrippenlijst-Overview table.begriplijst th { vertical-align: top; width: 20%; padding: 5px 5px 5px 20px; background: #DEECF5; }	
body.Begrippenlijst-Overview table.begriplijst th.tableheader { text-align: left; background: #BDD8EA; }	


/*** HOMEPAGE ***/
	/** QUICKLINKS **/
	
div.quicklinkContainer  h2 { font-size: 1.3em; }
div.quicklinkContainer  p { padding: 0px; margin: 0px;}


div.quicklinkContainer  div.internetbankieren { width: 316px; background: #D0EE97 url(img/internetbankierenBg.gif) no-repeat; border: 1px solid #DFDFDB; margin-bottom: 10px;}
div.quicklinkContainer  div.internetbankieren div.quicklinkContent { margin: 3px 0px 0px 10px; padding: 5px; background-repeat: no-repeat; background-position: left center; }
div.quicklinkContainer  div.internetbankieren h2 { font-variant: small-caps; color: #73A21B; margin: 0px; padding-left: 35px;}
div.quicklinkContainer  div.internetbankieren p { color: #73A21B; padding-left: 35px;}
div.quicklinkContainer  div.internetbankieren a { color: #73A21B;}
div.quicklinkContainer  div.internetbankieren img { float:left;}


div.quicklinkContainer  div.nieuwsbrief { width: 318px; height: 69px; background: #E1E1E1 no-repeat url(img/nieuwsbrief.gif) center 28px; margin-bottom: 10px;}
div.quicklinkContainer  div.nieuwsbrief div.quicklinkContent { width: 318px; height: 57px;}
div.quicklinkContainer  div.nieuwsbrief h2 { font-variant: small-caps; background: #999999; padding-left: 5px; margin: 0px; color: #FFFFFF; height: 22px;}
div.quicklinkContainer  div.nieuwsbrief p { text-align: center; padding: 12px 10px 10px 10px; color: #FFFFFF; font-variant: small-caps; background-repeat: no-repeat; background-position: 18px 13px;}
div.quicklinkContainer  div.nieuwsbrief a {color: #FFFFFF;}



/*** PRODUCT DETAIL MET TABS ***/


body.Product-Detail-met-Tabs div#inner-content div#otherContent { width: 230px; padding-top: 80px;}
body.Product-Detail-met-Tabs div.leftImage { float: left; padding: 0px 10px 10px 0px;}
body.Product-Detail-met-Tabs div.text { width: 580px; float: left;}
/* body.Product-Detail-met-Tabs div.tabpage {width: 730px; } */
body.Product-Detail-met-Tabs div.tabpage div.text {width: 550px; }
body.Product-Detail-met-Tabs p.parent-title {padding-top: 10px; }
body.Product-Detail-met-Tabs #inner-content #otherContent #introductie-tabpage-other {padding: 10px; background: #DEECF5;}
body.Product-Detail-met-Tabs #inner-content #otherContent #introductie-tabpage-other ul {list-style-image:url(img/redArrow.gif); padding: 0px 0px 0px 20px; margin: 0px;}
body.Product-Detail-met-Tabs #inner-content #otherContent #introductie-tabpage-other ul  ul{list-style-image:url(img/redBullet.gif); margin: 0px;}
body.Product-Detail-met-Tabs #inner-content #otherContent #introductie-tabpage-other li{padding-top: 3px; padding-bottom: 3px;}




/*** PIJLERPRODUCT OVERZICHT ***/ /* Overzichtspagina voor pijlerproducten en alle producten in één categorie*/

body.Pijlerproduct-Overzicht div#inner-content { border: 5px #e6e6e3 solid; margin: 15px 0px; }
body.Pijlerproduct-Overzicht div#inner-content div#mainContent { width: 690px; }

body.Pijlerproduct-Overzicht div#inner-content div#otherContent { width: 255px;}
body.Pijlerproduct-Overzicht div#inner-content div#otherContent div.right-content { width: 255px; padding-top: 80px;}
body.Pijlerproduct-Overzicht div#inner-content div#otherContent div.right-content a{ font-weight: normal;}

body.Pijlerproduct-Overzicht #pijlerproducten { }


body.Pijlerproduct-Overzicht div.product { background: #deecf5; width: 670px; margin: 10px 0px; overflow: auto;}
body.Pijlerproduct-Overzicht div.product div.content{ padding: 10px; }
body.Pijlerproduct-Overzicht div.product div.content div.img { float: left; }
body.Pijlerproduct-Overzicht div.product div.content div.img img { width: 130px; }
body.Pijlerproduct-Overzicht div.product div.content div.productInfo{ float: left; width: 500px; margin-left: 10px;}



/* De infoblokken die wel/niet (?) geschrapt werden */

body.Pijlerproduct-Overzicht #infoblokken { height: 170px; width: 680px; margin: auto; }
body.Pijlerproduct-Overzicht #infoblokken div.left{ width: 332px; height: 145px; float: left; border: 1px #e6e6e3 solid; }
body.Pijlerproduct-Overzicht #infoblokken  h1{ background: #999999; color: #FFFFFF; margin: 0px; padding: 0px 10px; }
body.Pijlerproduct-Overzicht #infoblokken  p{padding: 3px 10px; margin: 0px; }
body.Pijlerproduct-Overzicht #infoblokken  p.infoblok-content-meerInfo { color: #73a21b; margin-left: 10px; padding-left: 22px; margin-top: 5px; background: url(img/BulletGreenArrowMore.gif) no-repeat; }
body.Pijlerproduct-Overzicht #infoblokken div.right{ width: 332px; height: 145px; float: right; border: 1px #e6e6e3 solid; }
body.Pijlerproduct-Overzicht #infoblokken div.inhoud { height: 100px; }
body.Pijlerproduct-Overzicht #infoblokken div.meerInfo { margin-left: 10px; padding-left: 10px; background: url(img/BulletGreenArrowMore.gif) no-repeat left center; height: 20px; }




/*** pagina's waarbij de mainContent kleiner is dan de standaard 900px ***/

body.Product-Detail-met-Tabs div#inner-content div#mainContent { width: 710px; padding-bottom: 60px;}






/*** ALGEMEEN ***/

ul.downloads { list-style-type: none; padding-left: 0px; margin-left: 0px;}
ul.downloads li { padding-top: 5px; padding-bottom: 5px;}
ul.downloads a { padding-left: 20px; background: url(img/bulletWhiteBg.gif) no-repeat left center;}

p.parent-title {color: #999999;}
.warning { color: #990000;}
.noindex, .hidden{display:none;}
a img { border: none; }
div.dots { height: 12px; background: url(img/stippellijn.gif) repeat-x left center; }
a.anchorlink { display: block; height: 1px;}
div.blauweAchtergrond{  padding: 10px; background: #DEECF5;}
ul.documenten { padding: 0px;}
ul.documenten li { list-style-type: none; background: url(img/bulletWhiteBg.gif) left center no-repeat; padding: 3px 23px; }
ul.documenten li.pdf{ list-style-type: none; background: url(img/pdf.gif) left center no-repeat; padding: 3px 23px;}
.summary { background: #DEECF5; padding: 10px; }
.trapper { display: none; }
.filelink { background-repeat: no-repeat; padding-left: 20px; padding-top: 3px; padding-bottom: 3px;}
acronym { border: none; }

a:active { outline: none; } /* laat dotted border weg rond links in FF */
a:focus { -moz-outline-style: none; } /* laat dotted border weg rond links in FF */

table.openinghours { width: 400px; font-size: 1em; background: #DEECF5; border-style: none; border-collapse: collapse; border: 0;}
table.openinghours th { width: 20%; }
table.openinghours td { text-align: center; }


div.text table, table.fundselector { background: #DEECF5; border-style: none; border-collapse: collapse; width: 100%; border: 0; }
div.text table td,table.openinghours  td , table.fundselector td{ border-top: solid white 1px; padding: 3px;}
div.text table th,table.openinghours th , table.fundselector th{ background: #BDD8EA; text-align: left; padding-left: 5px; }


.greenBulletWhiteBackground {padding-left: 20px; background: url(img/bulletWhiteBg.gif) no-repeat left center; }
.greenBulletBlueBackground {padding-left: 20px; background: url(img/bulletBlueBg.gif) no-repeat left center; }
.greenBulletGreenBackground {padding-left: 20px; background: url(img/bulletGreenBg.gif) no-repeat left center; }
span#fontsizeswitch1 { font-size: 0.7em; }
span#fontsizeswitch2 { font-size: 1em; }
span#fontsizeswitch3 { font-size: 1.3em; }


/* SEARCHPAGE */
body.Full-Text-Search table {width: 40%; background: #DEECF5; border-style: none; border-collapse: collapse; border: 0;}
body.Full-Text-Search table td{padding: 5px;}
body.Full-Text-Search input.button { font-weight: bold; color: #FFFFFF; background:#73A21B; margin-top: 10px; width: 100%; }
div.pager {padding-top: 10px; }


/* 
 * I can has funselector? 
 */
riskicon span,
.riskgraph span,
.riskicon span
{
	display:none;
}

.riskicon 
{
	background-image:  url('img/css_riskratings.gif');
	background-repeat:  no-repeat;
	height: 20px;
	width: 20px;
}

.riskgraph 
{
	background-image:  url('img/css_riskratings.gif');
	background-repeat:  no-repeat;
	height: 20px;
	width: 140px;
}


.riskicon.riskrating-0 { background-position: -0px -0px; /* left = top = (POS-1) * 25  */ }
.riskicon.riskrating-1 { background-position: -20px -20px; /* left = top = (POS-1) * 25  */ }
.riskicon.riskrating-2 { background-position: -40px -40px; /* left = top = (POS-1) * 25  */ }
.riskicon.riskrating-3 { background-position: -60px -60px; /* left = top = (POS-1) * 25  */ }
.riskicon.riskrating-4 { background-position: -80px -80px; /* left = top = (POS-1) * 25  */ }
.riskicon.riskrating-5 { background-position: -100px -100px; /* left = top = (POS-1) * 25  */ }
.riskicon.riskrating-6 { background-position: -120px -120px; /* left = top = (POS-1) * 25  */ }


div.riskgraph.riskrating-0 { background-position: 0px -0px ; /* left = top = (POS-1) * 25  */ }
div.riskgraph.riskrating-1 { background-position: 0px -20px ; /* left = top = (POS-1) * 25  */ }
div.riskgraph.riskrating-2 { background-position: 0px -40px ; /* left = top = (POS-1) * 25  */ }
div.riskgraph.riskrating-3 { background-position: 0px -60px ; /* left = top = (POS-1) * 25  */ }
div.riskgraph.riskrating-4 { background-position: 0px -80px ; /* left = top = (POS-1) * 25  */ }
div.riskgraph.riskrating-5 { background-position: 0px -100px ; /* left = top = (POS-1) * 25  */ }
div.riskgraph.riskrating-6 { background-position: 0px -120px ; /* left = top = (POS-1) * 25  */ }

/* end funselector*/



/* GeoChooser BugFixing */
.GeochooserDetailPage #language,
.GeochooserDetailPage #breadcrumb,
.GeochooserDetailPage #inner-header,
.GeochooserDetailPage #otherContent,
.GeochooserDetailPage #footer,
.GeochooserDetailPage #header,
.GeochooserDetailPage H1,
.GeochooserDetailPage #bottomContent {
	display: none;
}

.GeochooserDetailPage #content {
	width: auto;
	margin: 0px;
}

.GeochooserDetailPage #inner-content {
	border: none;
	margin: 0px;
}

.GeochooserDetailPage #inner-content  #mainContent{
	padding: 0px;
	width: auto;
}

H2.agencyname {
	color:#73A21B;
	font-size:1.3em;
	font-variant:small-caps;
	text-transform:capitalize;
}
/* End of GeoChooser extravaganza */



#branchselector img{
     padding:16px 21px;background:white
}



/* ze buttons */
.moreinfo-button { 
	background:transparent url(img/greenRectButton.gif) no-repeat left center;
	color:white;
	font-weight:normal;
	text-transform: uppercase;
	padding-left: 10px;
	cursor: pointer;
	float: right;
	margin: 1em 0em;
	
}


.moreinfo-button div.content{
	background:transparent url(img/greenRectButton.gif) no-repeat scroll right center;
	padding: 10px 10px 10px 0px;
	
}

.moreinfo-button div.content span{
	background: url(img/bulletGreenBg.gif) left center no-repeat;
	padding: 3px 0px 3px 21px;
}

a:active .moreinfo-button{
	background-image: url(img/greenRectButtonDn.gif) ;
}

a:active .moreinfo-button div.content{
	background-image: url(img/greenRectButtonDn.gif) ;
}

a:active .moreinfo-button div.content span{
	padding: 3px 1px 3px 20px;
}


a.print{
	float: right;
	margin-left: 0.5em;
}

a.print img{

	margin-top: 10px;
}

p.buttonline{
	display: block;
	width: 600px;
}


/*end generic buttons*/


/* Statusberichten */
#nieuws LI.status-1, 
#nieuws LI.status-2, 
#nieuws LI.status-3,
#nieuws LI.status-4 { 
       color: #600 !important; 
       font-weight: bold;
}

LI.sitestatus .statusdetails {
	color: #999;
}

/* end */

/* SKIPLINKS */
.skiplist {margin: 0; padding: 0; list-style: none; } 
.skip {margin: 0; padding: 0; position: absolute; left: 1em; top: 1em; z-index: 1; width: 25em; list-style: none;  }
.skip a {display: block; text-decoration:none; left: 0em; top: -700em; overflow: hidden; position: absolute;}
.skip a:focus, .skip a:active {height: auto; width: auto; left: 1em; top: 1em; overflow: visible; color: #4A961D; background: #fff; border: 3px solid #4A961D; position: absolute;}
.skip a:hover {cursor: default;}


/* BOX */
.box
{
	background: #DDEBF4 url('img/css_form_background.jpg') left top repeat-x;
	border: 2px solid #BFD9EA;
	padding: 1em;
	display: block;
}



/* tijdrating */
.tijdrating-0 span, .tijdrating-1 span,.tijdrating-2 span,
.tijdrating-3 span, .tijdrating-4 span, .tijdrating-5 span {
	display: none;
}

.tijdrating-0, .tijdrating-1,.tijdrating-2,
.tijdrating-3, .tijdrating-4, .tijdrating-5 {
	background-repeat:  no-repeat;
	height: 16px;
	width: 80px;
}

.tijdrating-0 { background-image: url('img/tijd_0.gif'); }
.tijdrating-1 { background-image: url('img/tijd_1.gif'); }
.tijdrating-2 { background-image: url('img/tijd_2.gif'); }
.tijdrating-3 { background-image: url('img/tijd_3.gif'); }
.tijdrating-4 { background-image: url('img/tijd_4.gif'); }
.tijdrating-5 { background-image: url('img/tijd_5.gif'); }

/* Default branch button */
p.setdefaultbranch{
	padding: 0.75em 0em;
}

p.setdefaultbranch a{
	border: 2px outset;
	padding: 0.75em;
	color: white;
	background-color: #73A21B;
}

/* ARGENTA-465 */
.previous {float: left; margin-right: 10px}
.next, .submit {position: absolute}