/* ************************************************************************************* */
/* ************************************************************************************* */
/*          CONTENT ELEMENTS                            */
/* ************************************************************************************* */
/* ************************************************************************************* */



/* #############################################################################
    BOXES
############################################################################# */

div#inf-index .content-box
{
/*  border-top: 3px solid #D369BE;
  border-bottom: 3px solid #D369BE;*/
overflow: hidden;
}

/* grey borders box right-hand side */
div#col-right .service-box
{
  border-top: 3px solid #cdcdcd;
  border-bottom: 3px solid #cdcdcd;
}

#informieren #inf-index div#quotation-box
{
	background-color: #F8EBF2;
}

#informieren #inf-index div#quotation-box-left
{
  background-color: #F8EBF2;
}


#informieren #inf-index div#quotation-box div.quote-left,
#informieren #inf-index div#quotation-box div.quote-right,
#informieren #inf-index div#quotation-box-left div.quote-left,
#informieren #inf-index div#quotation-box-left div.quote-right
{
  background: transparent url(../../img/layout/quotation_quote_left_scheme3.gif) no-repeat top left;
}



#informieren #inf-index div#quotation-box div.quote-right,
#informieren #inf-index div#quotation-box-left div.quote-right
{
  background: transparent url(../../img/layout/quotation_quote_right_scheme3.gif) no-repeat top left;
}

#informieren #inf-index div.content-box-hint
{
  background-color: #eee;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
}

#informieren #inf-index div.topsubject-teaser div.content-box-hint
{
  background-color: #F8EBF2;
  border-top: 1px solid #D369BE;
  border-bottom: 1px solid #D369BE;
}


#informieren #inf-index div#register div.content-box-hint
{
  background-color: ##EAEAEA;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
}

#sub-menu-2
{
  background-color: #f3f2f2;
/*  border-top:4px solid #f3f2f2;*/
}
/* #############################################################################
      KLEINERE DIVS
############################################################################# */


#inf-index div.seperator-line
{
  border-top: 1px solid #D369BE;
}


/* bgr kleur van een comment onder een afbeelding */
#inf-index div.article-img,
#inf-index div.article-img-big,
#inf-index div.article-flash,
#inf-index div.article-img-right
{
/*  background-color: #F8EBF2;*/
}

/* #############################################################################
      LISTS
############################################################################# */
/*
#informieren #inf-index #content #col-left #index-teaser #content_ad {
  border-top: 1px solid #D369BE;
}
*/
#col-right #textlink_ad { border-color:#D369BE; }

#informieren #inf-index .content-box ul.standard-list li
{
  border-bottom: none;
}

#informieren #inf-index .content-box div.pageview ul li
{
	border:1px solid #00A5DA;
}

#informieren #inf-index .content-box div.pageview ul li.active
{
	border:1px solid #D369BE;
}

#informieren #inf-index #col-right div.preview-box ul li
{
  border-bottom: 1px solid #a6e0f2;
}

#informieren #inf-index #col-right div#abo
{
  border-top: 3px solid #00a5da;
}

.sub-menu ul li.sub-active
{
  background-color: #f8ebf2;

}

/* ##########################################################################
      HYPERLINKS
############################################################################# */

#informieren #inf-index div#tools h2 a
{
  color: #D369BE;
}


/*#inf-index #common-interests-keywords a
{
  color: #D369BE;
}*/

#informieren #inf-index .content-box div.pageview ul li.active a
{
  color: #D369BE;
}


#informieren #inf-index div#tools h2.gradient,
#informieren div.content-box-navi h2.gradient
{
  background: #ffeff9 url(../../img/layout/index-content-box-navi-back_scheme3.gif) repeat-x;
}

/* #############################################################################
      TEXTS
############################################################################# */

div#inf-index h1
{
  color: #626262;
}

div#inf-index h2
{
  color: #BBE201;
}


#informieren #inf-index #col-right h2
{
  color: #838384;
}




#inf-index #informieren-detail div.article-img span.copyright,
#inf-index #informieren-detail div.article-img-big span.copyright
{
  color: #D369BE;
}


/* #############################################################################
      TABELLEN
############################################################################# */

#inf-index .content-box table td, #inf-index .content-box table th
{
  background-color: #F8EBF2;
}

#inf-index .content-box table th
{
  background-color: #F8EBF2;
}




/* css voor menu 3e level */

/* rule determines color of active/selected menuitem */
.sub-menu ul li.sub-active a {
color: #e89604;
}

/* rule determines bgr color of the active/selected menuitem */
.sub-menu ul li.sub-active a {
background: white;
}

/* rule determines color of active/selected sub-menuitem */
.sub-menu ul li a {
display: block;
padding: 8px 8px;
color: #b2b0f8;
text-decoration: none;
font: bold 14px/16px Georgia, Arial, Sans-serif;
}

/* rule determines bgr color of sub-menu box */
#sub-menu-2
{
background-color: white;
}

/* rule determines the weight of the secundary menu items */
#sub-menu-2 li a
{
font-weight: normal;
}

#sub-menu-2 ul li a:hover
{
color: #44a2f1;
}

.sub-menu ul li.sub-active a span {
border-bottom: 0px solid white;
color:  #b2b0f8;
}

.sub-menu ul li.sub-active a {
border-bottom: 0px solid white;
color:  #b2b0f8;
}