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



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

div#inf-index .content-box
{
/*  border-top: 3px solid #0adbc9;
  border-bottom: 3px solid #0adbc9;*/
  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: #daf7f2;
}

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


#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_scheme1.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_scheme1.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: #daf7f2;
  border-top: 1px solid #0adbc9;
  border-bottom: 1px solid #0adbc9;
}


#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 #0adbc9;
}


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

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

#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 #0adbc9;
}

#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: #daf7f2;
}

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

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


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

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


#informieren #inf-index div#tools h2.gradient,
#informieren div.content-box-navi h2.gradient
{
  background: #ffeff9 url(../../img/layout/index-content-box-navi-back_scheme1.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: #08cdb6;
}


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

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

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



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

/* 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: #0ADBC9;
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;
/*border-top:4px solid #f3f2f2;*/
}

/* 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:  #0ADBC9;
}

/* vruchtbaarheidskalender - tablecellen */
/* ------------------------------------- */

#informieren #informieren-detail table.fertility-calender td {
padding-left:4px !important;
}

#inf-index .content-box table.fertility-calender td
{
  background-color: none;
}

#inf-index .content-box table.fertility-calender td.menses,
#inf-index .content-box table.fertility-calender td.ovulation,
#inf-index .content-box table.fertility-calender td.bloodtest,
#inf-index .content-box table.fertility-calender td.fruitful,
#inf-index .content-box table.fertility-calender td.veryfruitful,
#inf-index .content-box table.fertility-calender td.urinetest,
#inf-index .content-box table.fertility-calender td.nidation {
font-weight: bold;
color: white;
}

#inf-index .content-box table.fertility-calender td.menses {
background-color: #6aa4dg;
color: #6ba4d9;
}

#inf-index .content-box table.fertility-calender td.ovulation {
background-color: #f4eb2e;
color: #f4eb2e;
}

#inf-index .content-box table.fertility-calender td.fruitful {
background-color: #fbae26;
}

#inf-index .content-box table.fertility-calender td.bloodtest {
background-color: #9a9a9b;
}

#inf-index .content-box table.fertility-calender td.veryfruitful {
background-color: #e41e26;
}

#inf-index .content-box table.fertility-calender td.urinetest {
background-color: #a6c939;
}

#inf-index .content-box table.fertility-calender td.nidation {
background-color: #eaeaea;
}