/* color text:  #575481  */


/**********************************************************************************/
/***************  COLORS FOR DEBUGGING          ***********************************/
/**********************************************************************************/

/*

#bd {
	background: orange;
}

#ja-headerwrap {
	background: darkblue;
}

#ja-header {
	background: lightblue;
}

#ja-wrapper {
}

#ja-containerwrap {
	background: darkgray;
}

#ja-containerwrap2 {
	background: lightgray;
}

#ja-container {
	background: green;
}

#ja-container2 {
	background: lightgreen;
}

#ja-mainbody-fr #ja-col1 {
	background: lightblue;
}

#ja-mainbody-fr #ja-contentwrap {
	background: gold;
}

#ja-mainbody, #ja-mainbody-fl {
	background: pink;
}

#ja-mainbody #ja-contentwrap {
	background: gold;
}

#ja-mainbody-fl #ja-contentwrap {
	background: gold;
}

#ja-mainbody-f, #ja-mainbody-fr {
	background: pink;
}

#ja-mainbody-fr #ja-contentwrap {
	background: gold;
}

#ja-mainbody-fr #ja-col1 {
	background: lightblue;
}

#ja-mainbody-fr #ja-contentwrap {
	background: gold;
}

#ja-content {
	background: yellow;
	background: white;
}

#ja-contentwrap {
	background: gold;
}

#ja-mainbody-fl #ja-content {
	background: yellow;
}

#ja-mainbody-f #ja-content {
	background: yellow;
}


#ja-containerwrap-f {
	background: darkgray;
}

#ja-containerwrap-f #ja-containerwrap2 {
	background: lightgray;
}


#ja-containerwrap-fl {
	background: darkgray;
}


#ja-containerwrap-fr {

	background: darkgray;
}

#ja-containerwrap-fr #ja-containerwrap2 {

	background: lightgray;
}

#ja-pathway {
	background: red;
}

#article-tools {
	background: blue;
}

#ja-col2 {
        background: purple;
}

*/



body#bd {

color: #575481;

}


div#wrapper-header-right
{
   float:right;
   width:100%;
   margin-left:-205px;
   background-color: #C72B38;
   background-color: #CD5A01;
   height:  90px;
}

div#header-right
{
    margin-left:205px;
    background: transparent url(../images/kes/background_top_right_15_70.gif) repeat-x;
    height:90px;
}

div#picto-menu
{
    float:left;
    width:78%;
    /*background:red;*/
}

div#top-right
{
    float:left;
    width:22%;
    /*background:yellow;*/
    margin:0;
    padding:0;

}


div#header-logo
{
    float:left; /* needed for IE-6 */
    height: 90px;
    width: 205px;
    margin: 0;
    padding: 0;
}


.sub_picto_text
{
    width: 74px; /* does not work for Firefox  */
    font-size: 12px;
    font-family: Arial;
    font-weight: 400;
    color: White; /* does not work for Firefox  */
    text-align: center; /* does not work for Firefox  */
    vertical-align: middle;
    background-color: #CD5A01;
}




/** top en bottom of the foto menu  **/
.left-padding-bottom, .left-padding-top
{
    width: 205px;
    background-image: url(../images/kes/left_padding.gif); /* 205x7 bxh */
    background-repeat: repeat;
    background-color: #cccccc;
}

.left-padding-top
{
    height: 60px;
}

.left-padding-bottom
{
    height: 7px;
}



/*  caution:  the default margins of a form are non-zero values. IE-7 only */
.search_form
{
    height:  23px;
    margin:  0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*background-color:green;*/
}




/***************************************************************************************/
/************       Module language selection     **************************************/
/***************************************************************************************/



ul.jflanguageselection
{ 
/*background: red;*/
list-style: none;
padding:0;
margin: 0;
}

ul.jflanguageselection li
{ 
/*background: green;*/
list-style: none;
padding:2px 0px 2px 0px;
margin: 0;
width: 20px;
/* line-height is minimized for limiting the size of the UL, becomes otherwise too tall, which causes
that the searchbox is only half visible */
line-height: 8px;
}




/**  The standaard CSS of the language selector is turned via the back-end
***  Controls Raw Display of Images , fetched from mod_jlanguageselector.css  **/

.rawimages {
	text-align: center;
	margin: 5px 0px 0px 15px;
        /*background-color:green;*/
}
.rawimages img {
	border: none;
	margin:2px;
}
.rawimages span#active_language img
{
	margin:2px;
	border: none;
}

/*******************************************************************************/
/********************     Right Top Menu          *****************************/
/*******************************************************************************/


/*

back-end setting:

menu-style: legacy - vertical

menu-tag_ID          :  not set
menu-class suffix    :  _forms
module class suffix  :  not set


<div id="top-right-forms">
   <div class="moduletable">
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr ><td><a href="/index.php?option=com_prodinfo&amp;Itemid=81&amp;lang=nl" class="mainlevel_forms" id="active_menu_forms">Bestel een spel</a></td></tr>
      <tr ><td><a href="/index.php?option=com_doquery&amp;Itemid=83&amp;lang=nl" class="mainlevel_forms" >Stel een vraag</a></td></tr>
      <tr ><td><a href="/index.php?option=com_postidea&amp;Itemid=84&amp;lang=nl" class="mainlevel_forms" >Stuur een idee</a></td></tr>
      </table>
   </div>
</div>


*/



a.mainlevel_forms:link, a.mainlevel_forms:visited {
        color: white !important;
        text-decoration: none;
        line-height: 21px;
}

a.mainlevel_forms:active,
a.mainlevel_forms:hover,
a.mainlevel_forms:focus
{
	color: blue !important;
	text-decoration: none;
}



.search_box {
	padding: 3px 5px;
	/*padding: 0px 0px 0px 3px;*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
        height: 12px;

}


/* for displaying a background image to a content-item, the margin-left of ja-content must 
be zero, the leftmagin must be set by a DIV in a content-item, otherwise a white area is visible 
on the left */

/* added to menu-item home <space>ci_home  - turned off jw 
.ci_home
{
background: url(../images/opendecirkel/achtergrond_home.jpg);
}
.ci_themas
{
background: url(../images/opendecirkel/achtergrond_themas.jpg);
}
.ci_training
{
background: url(../images/opendecirkel/achtergrond_training.jpg);
}
.ci_tips
{
background: url(../images/opendecirkel/achtergrond_tips.jpg);
}
.ci_opmaat
{
background: url(../images/opendecirkel/achtergrond_opmaat.jpg);
}
.ci_nieuws
{
background: url(../images/opendecirkel/achtergrond_nieuws.jpg);
}
.ci_partners
{
background: url(../images/opendecirkel/achtergrond_partners.jpg);
}

*/


div.contentpane
{
padding: 0px 20px 0px 40px;  /* padding of the components ,  the forms */
background-color: white;
}



ul, ol
{
padding: 0; /* for Wilco - no whiteline above the lists */
margin:  0;
}

.btn-acajoom
{
width: 160px; /* Subscripe newsletter button same width as textfields */
}


table.searchintro 
{
   margin-left: 40px; /* for aligning searchintro on page search results */
   padding: 0;
   width: 100%;
   /*background:green;*/
}


table.searchintro td {
	padding: 0;  /* for aligning searchintro on page search results */
}

.componentheading {
margin-left:40px;  /* for aligning componentheading on search results */
}

td.buttonheading
{
height: 20px; /* 8-6-09 pathway- and buttonheading-height are set to 20 px , for aligning leftcol with background images */
/*background:white;*/
}

.td-acajoom-module
{
padding: 5px 5px 5px 5px;
}

.visitor_counter
{
color: white;
}

/*  defaault text of JoomFish when no translations are available */
.jfdefaulttext
{
margin-left: 40px;
font-style: italic;
}


/* make left column orange  */
#ja-mainbody-fr #ja-col1, #ja-mainbody #ja-col1 {
        background-color: #CD5A01; /* geen webveilige kleur */ 
}



#ja-pathway {
   height: 20px;
   /*padding-left: 40px;*/

   float:right;
   padding-right: 20px;
}

/* jw */
.div-content-item {
   padding-left:  40px;
   /*min-height:  798px;*/
   min-height:  700px;

}

/* needed for aligning text to fotomenu */
.div-content-pictos {
   margin-top:   20px ;
   padding-right: 40px;
}


/************************************************************************************/
/**********************   HOMEPAGE       ********************************************/
/************************************************************************************/

.td-table-homepage-col-1 {
  vertical-align:top;
  text-align: justify;
  width: 45%;
}

.td-table-homepage-col-2 {
  vertical-align:top;
  width: 10%;
}

.td-table-homepage-col-3 {
  width: 45%;
  text-align: justify;
  vertical-align:top;
}

/* is defined in menu-item home in the backend */
.bgcolor-homepage
{
  /*background-color: #FFBC73;*/
  /*background-color: #ffcc99;*/
   /*background-color: #FFCC66;*/
   background-color: #FFCC99;
}



/************************************************************************************/
/**********************   LAYER 2        ********************************************/
/************************************************************************************/



/* is seems that the margin-top is not included in the total height calculation 
  121 + 15 = 136 px  the height of the foto-menu */

.div-block-layer-2-wrapper {
  height:            116px;
  height:            121px;
  width:             740px;
  padding:           0;
  margin-top:        0px;
  margin-bottom:     15px;
}

/* types border:  dashed, dotted, double, groove, inset , outset, ridge, solid , none */

.div-block-layer-2 , .table-block-layer-2
{
    height: 120px;
    width:  356px;
    border: none;
}


.float-left {
float: left;
}

.float-right {
float:  right;
}

.bg-green
{
    background: url(../../../images/kes/homepage/bg_green_layer_2.gif) no-repeat;
}

.bg-blue
{
    background: url(../../../images/kes/homepage/bg_blue_layer_2.gif) no-repeat;
}

.bg-yellow
{
    background: url(../../../images/kes/homepage/bg_yellow_layer_2.gif) no-repeat;
}

.bg-purple
{
    background: url(../../../images/kes/homepage/bg_purple_layer_2.gif) no-repeat;
}



.td-layer-2-title
{
  padding-left: 5px !important;
  font-weight: 600;
  color: white;
  vertical-align: middle;
  height: 23px;
}

.td-layer-2-text
{
   padding-left: 5px !important;
   width: 255px;
   line-height: 18px;
   vertical-align: top;

   height: 72px;
}

.td-layer-2-image
{
   vertical-align: middle;
   text-align: right;
   margin-right: 6px;
}

.td-layer-2-readon
{
   text-align:right;
   vertical-align: top;
   height: 25px;
}


.div-padding-layer-2 {
  height: 26px;
}


/************************************************************************************/
/**********************   LAYER 3        ********************************************/
/************************************************************************************/


/* layer-3:   is TD of TABLE contentpaneopen */
.contentheading {
	font-family: Arial, Helvetica, sans-serif;
        font-size:    16px;
        font-weight:  600;
	padding-left: 40px !important;
        height:       40px;
}


/* is seems that the margin-top is not included in the total height calculation 
121 + 15 = 136 px  the height of the foto-menu */

.div-block-layer-3 {
  height:            111px;
  height:            110px;
  width:             720px;
  margin-top:        0px;
  margin-bottom:     15px;
  margin-bottom:     16px;
  padding:           5px 5px 5px 10px !important;
}



.td-table-layer-3-left {
vertical-align:   top;
text-align:       justify;
width:            580px;
}

.td-table-layer-3-middle {
  width: 40px;
}

.td-table-layer-3-right {
}




.td-table-layer-3-polls-col-1,
.td-table-layer-3-polls-col-4
{
height:  50px;
width:   100px;
/*background-color:pink;*/
}

.td-table-layer-3-polls-col-2
{
width: 70px;
}

.td-table-layer-3-polls-col-4,
.td-table-layer-3-polls-col-5
{
width: 150px;
}

.td-table-layer-3-polls-col-3
{
width: 150px;
text-align: center;
}


.td-table-layer-3-polls-col-6,
.td-table-layer-3-polls-col-7,
.td-table-layer-3-polls-col-8
{
width: 30px;
text-align: center;
/*padding-left: 20px;*/
/*background-color:pink;*/
}







.div-padding-layer-3 {
  height: 10px;
  /*background-color: blue;*/
}


/************************************************************************************/
/**********************   LAYER 3    Summary    *************************************/
/************************************************************************************/



/* is seems that the margin-top is not included in the total height calculation  */

.div-block-layer-3-summary {
  height:            246px;
  width:             720px;
  margin-top:        0px;
  margin-bottom:     16px;
  padding:           5px 5px 5px 10px !important;
  padding:           2px 5px 8px 10px !important;
}


.td-summary-heading
{
vertical-align: top;
font-weight: 600;
height 12px;
border: none;
text-align: center;
}


.td-summary
{
width: 230px;
vertical-align: top;
border: 1px dotted lightgray;
/*background-color:green;*/
}


.td-summary-left-col, .td-summary-top-left
{
width: 90px;
height: 10px;
vertical-align: top;
}

.td-summary-top-left
{
background-color: yellow;
}

.table-layer-3-summary
{
/*background-color: pink;*/
}

/************************************************************************************/
/**********************   COLORS         ********************************************/
/************************************************************************************/

/* FM-1 */

.div-block-layer-3-fm-1
{
  color:             #003366;
  background-color:  #99FF99;
}

.group-fm-1
{
  color: #006600; /* color of the content heading, the title */
  background-color: #CCFFCC;
}




/* FM-2 */
.div-block-layer-3-fm-2
{
  color:             #003366; /* color text */
  background-color:  #99FFFF;
}

.group-fm-2
{
  color:            #006666; /* color of the content heading, the title */
  background-color: #CCFFFF;
}



/* FM-3 */
.div-block-layer-3-fm-3
{
  color:             #003366; /* color text */
  background-color:  #FFFF66;
}

.group-fm-3
{
  color:            #666600; /* color of the content heading, the title */
  background-color: #FFFF99;
}



/* FM-4 */
.div-block-layer-3-fm-4
{
  color:             #003366; /* color text */
  background-color:  #CC99FF;
}

.group-fm-4
{
  color:            #6600CC; /* color of the content heading, the title */
  background-color: #FFCCFF;
}





#ja-footerwrap {
	padding: 0px 0px 0px 0px;
	/*background: red;*/
        height: 30px;
}


#ja-footer {
	padding: 0;
}

#ja-footer .copyright {
	/*background: green;*/
	padding-top: 5px;
}

/* intro text of the forms , on top of the page */
.infotext_forms
{
text-align: justify;
width: 70%;
}

.andere-websites
{ 
padding-left:20px;
margin: 20px  20px  20px  20px ;
background-color: yellow;
}



a.mainlevel_other_websites:link, a.mainlevel_other_websites:visited {
        color: white !important;
        text-decoration: none;
        line-height: 21px;

padding-left: 20px;
}

a.mainlevel_other_websites:active,
a.mainlevel_other_websites:hover,
a.mainlevel_other_websites:focus
{
	color: blue !important;
	text-decoration: none;
}




/* line out vertically with fotomenu */
div.moduletable_other_websites_mod_class_suffix h3
{ 
  margin: 0px 0px 2px 25px;
}

/* line out vertically with fotomenu */
div.moduletable_other_websites_mod_class_suffix ul li a span
{ 
  margin-left: 20px;
}



/* trim the vertical distance to the bottom-links */
.div-bottom-links
{ 
  padding-top:    10px;
  padding-bottom: 40px;
}

.div-toplink
{ 
 padding-right: 20px;
 float: left;
}

.div-backlink
{ 
 /*padding-left: 20px;*/
 /* padding-setting werkt niet om een of andere duistere reden */
}



/***********************************************************************************************/
/**************   FOR SPEEDING UP THE FOTOMENU      ********************************************/
/***********************************************************************************************/

a.mainlevel_fotomenu_69 {
    display: block;
    width: 205px;
    height: 136px;
    background: url(../../../images/stories/fm_groen_democratie.gif) ;
    margin: 0 auto;
}

a.mainlevel_fotomenu_69:hover {
    background: url(../../../images/stories/fm_groen_democratie_ro.gif) ;
}

a.mainlevel_fotomenu_86 {
    display: block;
    width: 205px;
    height: 136px;
    background: url(../../../images/stories/fm_blauw_stemmen.gif) ;
    margin: 0 auto;
}

a.mainlevel_fotomenu_86:hover {
    background: url(../../../images/stories/fm_blauw_stemmen_ro.gif) ;
}

a.mainlevel_fotomenu_65 {
    display: block;
    width: 205px;
    height: 136px;
    background: url(../../../images/stories/fm_geel_belasting.gif) ;
    margin: 0 auto;
}

a.mainlevel_fotomenu_65:hover {
    background: url(../../../images/stories/fm_geel_belasting_ro.gif) ;
}

a.mainlevel_fotomenu_88 {
    display: block;
    width: 205px;
    height: 136px;
    background: url(../../../images/stories/fm_paars_standpunten.gif) ;
    margin: 0 auto;
}

a.mainlevel_fotomenu_88:hover {
    background: url(../../../images/stories/fm_paars_standpunten_ro.gif) ;
}

/* a .alt { display: none; } */