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

*/


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

div#header-right
{
    margin-left:205px;
    background: transparent url(../images/vev/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: #C72B38;
}


#top-right-language-selector
{
    height: 65px;
    width: 40px;
/*    background: transparent url(../images/background_top_right_15_65.jpg) repeat-x;*/
    background-color:red;
    /*padding: 0px 20px 0px 0px;*/

    float: left;
}

#top-right-forms
{
    height: 65px;
    /*width: 150px;*/

    /*background: transparent url(../images/opendecirkel/background_top_right_15_65.jpg) repeat-x;*/
    /*padding: 3px 0px 0px 0px;*/

    /*clear: both;*/
}

#top-right-empty
{
    height: 25px;
    width: 40px;

    background-color:green;

    /*padding: 0px 20px 0px 0px;*/

    float: left;
}





/** top en bottom of the image menu  **/
.left-padding
{
    height: 7px;
    width: 205px;
    margin: 0;
    padding: 0;
    background-image: url(../images/vev/left_padding.gif); /* 205x7 bxh */
    background-repeat: no-repeat;
    background-color: #cccccc;
}


#top-right-searchbox
{
    height: 25px;
    /*width: 150px;*/


    background-color:blue;

    /*margin:  0px 0px 0px 0px;*/
    /*padding: 0px 0px 0px 0px; */

    /*clear: both;*/
}



/*  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;
/*line-height: 16px;*/
}

ul.jflanguageselection li
{ 
/*background: green;*/
list-style: none;
padding:2px 0px 2px 0px;
margin: 0;
width: 20px;
line-height: 15px;
}




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

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

a.mainlevel_usermenu:active,
a.mainlevel_usermenu:hover,
a.mainlevel_usermenu:focus
{
	color: red !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;

}




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 dark red */
#ja-mainbody-fr #ja-col1 {
	background: #c72b36;
}


/****************************************************************************/
/***************  MODULE  RELATED WEBSITES   ********************************/
/****************************************************************************/

div.moduletable_menu h3 
{
color: #003366;
padding-left: 20px;
}

/* Default Joomla! Menu */
#ja-container2 ul.menu {
	margin: 0;
	padding: 1px 0 0;
	list-style: none;
	background: url(../images/hdot2.gif) repeat-x top;
}

#ja-container2 ul.menu li {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}

#ja-container2 ul.menu li a {
	/*padding: 2px 0;*/
	padding: 2px 0px 0px 15px;
	display: block;
	color: #333333;
	color: white;  /* text usermenu by jw */
	background: url(../images/hdot2.gif) repeat-x bottom;
	text-decoration: none;
	outline: none;
}

#ja-container2 ul.menu li a span {
	padding-left: 16px;
	background: url(../images/bullet.gif) no-repeat 5px 5px;
}

#ja-container2 ul.menu li a:hover,
#ja-container2 ul.menu li a:active,
#ja-container2 ul.menu li a:focus {
	color: #333333;
	background: url(../images/hdot2.gif) repeat-x bottom #DDDDDD;
	text-decoration: none;
}

#ja-container2 ul.menu li.active a {
	background: url(../images/hdot2.gif) repeat-x bottom #FFFFFF;
	color: #7BA566;
	font-weight: bold;
	text-decoration: none;
}

#ja-container2 ul.menu li.active a span {
	background: url(../images/bullet3.gif) no-repeat 5px 5px;
}

/**********************************************************************************/
/***************  AICS FORMS                    ***********************************/
/**********************************************************************************/

div#aiContactSafe_mainbody_2,
div#aiContactSafe_mainbody_3,
div#aiContactSafe_mainbody_4
{
background: #f2f2f2;
height: 1500px;
}


/* for making het forms light grey */
.page-suffix-forms
{
margin-left:   30px;
margin-right:  30px;
}


/* modify the width to fit all the labels */
div#aiContactSafe_mainbody_2 div.aiContactSafe_contact_form_field_label_left,
div#aiContactSafe_mainbody_3 div.aiContactSafe_contact_form_field_label_left,
div#aiContactSafe_mainbody_4 div.aiContactSafe_contact_form_field_label_left
{
   width:180px;
}


.aiContactSafe {
margin-right: 40px;
}


/* justify text in form header text */
table#aiContactSafeForm tr td p
{
text-align: justify;
}



div#aiContactSafe_row_aics_bestel_postcode,
div#aiContactSafe_row_aics_bestel_postcode_postbus,
div#aiContactSafe_row_aics_vraag_postcode,
div#aiContactSafe_row_aics_idee_postcode
{
/*background-color:red;*/
clear: both;
float: left;
width: 270px;
}

div#aiContactSafe_row_aics_bestel_plaats,
div#aiContactSafe_row_aics_bestel_postbus,
div#aiContactSafe_row_aics_vraag_plaats,
div#aiContactSafe_row_aics_idee_plaats
{
/*background-color:blue;*/
clear: none !important;
float: left;
width: 200px;
}


div#aiContactSafe_row_aics_bestel_plaats    div.aiContactSafe_contact_form_field_label_left,
div#aiContactSafe_row_aics_bestel_postbus   div.aiContactSafe_contact_form_field_label_left,
div#aiContactSafe_row_aics_vraag_plaats     div.aiContactSafe_contact_form_field_label_left,
div#aiContactSafe_row_aics_idee_plaats      div.aiContactSafe_contact_form_field_label_left
{
width: 2px;
}
                                                              
div#aiContactSafe_row_aics_bestel_plaats  div.aiContactSafe_contact_form_field_right,
div#aiContactSafe_row_aics_bestel_postbus div.aiContactSafe_contact_form_field_right,
div#aiContactSafe_row_aics_vraag_plaats   div.aiContactSafe_contact_form_field_right,
div#aiContactSafe_row_aics_idee_plaats    div.aiContactSafe_contact_form_field_right
{
width: 80px;
}
                                                              


input#aics_bestel_postcode.aics-textbox,
input#aics_bestel_postcode_postbus.aics-textbox,
input#aics_vraag_postcode.aics-textbox,
input#aics_idee_postcode.aics-textbox
{
width: 60px;
}

input#aics_bestel_plaats.aics-textbox,
input#aics_bestel_postbus.aics-textbox,
input#aics_vraag_plaats.aics-textbox,
input#aics_idee_plaats.aics-textbox
{
width: 308px;
}


.aics-textbox, .aics-email
{
width: 400px;
}

.aics-editbox
{
width: 402px;
}


/* fixed bug otherwise form is written on the footer after sending the form */
#ja-mainbody-fr #ja-col1 {

min-height: 1500px;

}