/* *********************************************************************************** */
/* *********************************************************************************** */
/* ******** Titel link boven een Content aanpassen    ----> a:link, a:visited      ********** */
/* ******** Titel boven een Content                   ----> contentheading         ********** */
/* ******** Menu kleuren aanpassen                    ----> a.mainlevel:link       ********** */
/* ******** Aanpassen van de balkjes boven de modules ----> table.moduletable th   ********** */
/* ******** Aanpassen van de balkjes boven de modules ----> pic : button_bg.png    ********** */
/* ******** Kleur Maintext Mainframe style aanpassen  ----> table.contentpaneopen td ******** */
/* ******** Kleur van de tekst in het MainFrame       ----> table.contentpane td   ********** */
/* ********    ********** */
/* ********    ********** */
/* *********************************************************************************** */


body {
    scrollbar-arrow-color: #D5AA7D;
 scrollbar-base-color: #ffffff;
 scrollbar-dark-shadow-color: #B48865;
 scrollbar-track-color: #D5AA7D;
 scrollbar-face-color: #894D29;
 scrollbar-shadow-color: #ffffff;
 scrollbar-highlight-color: #000099;
 scrollbar-3d-light-color: #9A785F;

 height: 100%;

 font-family: Arial, Helvetica, Sans Serif;
 line-height: 120%;
 font-size: 12px;
 font-weight: normal;
 /* color: #7E563C; */
 color: #000000;
/* background: #7C8EA4;   */
 background-image: url( ../images/achtergrond.jpg); 
}

html {
 height: 100%;
}

 

.clr {
 clear: both;
}

.outline {
  border: 1px solid #cccccc;
  background: #ffffff;
 padding: 2px;
}

#buttons_outer {
 width: 635px;
   margin-bottom: 2px;
 margin-right: 2px;
 float: left;

}

#buttons_inner {
 border: 1px solid #3366FF;
 height: 21px !important;
 height: 23px;
}


td.pathway_date{
    align: right
 font-family: Tahoma;
 font-size: 10px;
 font-weight: normal;
 color: #FFFFFF;
 padding-top: 0px;
 padding-left: 0px;
 padding-right: 15px;
}

td.pathway {
 font-family: Tahoma;
 font-size: 10px;
 font-weight: bold;
 color: #FFFFFF;
 padding-top: 1px;
 padding-left: 0px;
}

a.pathway:link, a.pathway:visited {
 font-family: Tahoma;
 font-size: 10px;
 color: #FFFFFF;
 text-decoration: none;
}

a.pathway:hover {
 font-family: Tahoma;
 font-size: 10px;
 color: Yellow;
 text-decoration: none;
}

#pathway_text {
  overflow: hidden;
 display: block;
 height: 20px;
 line-height: 20px !important;
 line-height: 18px;
 padding-left: 14px;
 border: 1px solid #ccc;
 margin-bottom: 2px;
}

#pathway_text img {
 margin-left: 5px;
 margin-right: 5px;
 margin-top: 3px;
}

#buttons {
 float: left;
 margin: 0px;
 padding: 0px;
 width: auto;
}

 

 

/* ***************************** */
/* Menu aanpassen (kleuren/pics) */
/* ***************************** */


a.mainlevel:link, a.mainlevel:visited {
 color: White;
 background-color : transparent;
 text-align: left;
 font-weight: normal;
 font-size: 11px;
 text-indent: 0px;
 text-decoration: none;
 height: 12px;
/* width:109%;  */
 padding-left: 15px;
 background: url(../images/menu/menu_pijl_zwart.jpg) no-repeat left;
 /*padding-top:4px;  */
 font-family : @Batang;
}

                            /*   ***  ALDFAER  *** */
                            /*   ***  ALDFAER  *** */

a.hyperlinks {
  color: black;
  text-decoration: none;
}

span.Relatiepartner {
  font-weight: bold;
}

                            /*   ***  ALDFAER  *** */
                            /*   ***  ALDFAER  *** */


ul#mainlevel-nav
{
 list-style: none;
 padding: 0;
 margin: 0;
 font-size: 0.8em;
}

ul#mainlevel-nav li
{
 background-image: none;
 padding-left: 0px;
 padding-right: 0px;
 float: left;
 margin: 0;
 font-size: 11px;
 line-height: 14px;
 white-space: nowrap;
 border-right: 1px solid #cccccc;
}

ul#mainlevel-nav li a
{
 display: block;
 padding-left: 15px;
 padding-right: 15px;
 text-decoration: none;
 color: #333333;
 background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

 ul#mainlevel-nav li a:hover
{
 color: #fff;
 background: #c64934;
 text-decoration: none;
 
}


#search_outer {
 float: left;
 width: 165px;
}

#search_inner {
  border: 1px solid #cccccc;
 padding: 0px;
  height: 21px !important;
  height: 23px;
  overflow: hidden;
}

#search_inner form {
  padding: 0;
  margin: 0;
}

#search_inner .inputbox {
 border: 0px;
 padding: 3px 3px 3px 5px;
 font-family: arial, helvetica, sans-serif;
 font-size: 11px;
 color: #c64934;
}

#header_outer {
 text-align: left;
 border: 0px;
 margin: 0px;
}

#header {
 float: left;
 padding: 0px;
 margin-right: 2px;
 width: 635px;
 height: 150px;
 background: url(../images/header_short.jpg) no-repeat;
}

#top_outer{
 float: left;
 width: 165px;
}

#top_inner {
  border: 1px solid #cccccc;
 padding: 2px;
  height: 144px !important;
  height: 150px;
  overflow: hidden;
  float: none !important;
  float: left;
}

#left_outer {
  float: left;
 margin-top: 2px;
 width: 165px;
}

#left_inner {
  border: 1px solid #cccccc;
 padding: 2px;
  float: none !important;
  float: left;
}

#content_outer {
 padding: 0px;
 margin-top: 0px;
 margin-left: 2px;
 /** border: 1px solid #cccccc; **/
 float: left;
 width: 635px;
}

#content_inner{
  float: none !important;
  float: left;
  padding: 0;
  padding-top: 2px;
  margin: 0;
}

 


table.content_table {
  width: 100%;
 padding: 0px;
 margin: 0px; 

 
}

table.content_table td {
 padding: 0px;
 margin: 0px;
 background-image: url( ../images/KL01.jpg);
 
}



/* *********************************************** */
/* *********************************************** */
/* *********************************************** */

                            /*   ***  ALDFAER  *** */
                            /*   ***  ALDFAER  *** */

div.Kinderblok{ 
   padding-top: 1em;
}

div.Gezin{ 
   padding-top:1em;
}

div.Kinderen{ 
   margin-left: 2em; 
   padding-top: 1em; 
   padding-bottom: 1em; 
}

div.Bron{ 
   font-style: normal; 
}

                            /*   ***  ALDFAER  *** */
                            /*   ***  ALDFAER  *** */

 /* 
td{ padding: 0em; }
.Gezin{ padding-top:1em;}
.Kinderblok{ padding-top: 1em;}
.Kinderen{ margin-left: 2em; padding-top: 1em; padding-bottom: 1em; }
.Bron{ font-style: normal; }
.Notitiesoort{ text-decoration: underline; }
.Notitie{ font-style: italic; }
.Feitensoort{ text-decoration: underline; }
.Feiten{ margin-left: 0em; }
.Tabel{ border-collapse:collapse; }
.Rij{ vertical-align: top; }
.Relatiepartner{ font-weight: bold; }
.Hyperlinks{ text-decoration: none; }
@media screen {
.Hyperlinks{ text-decoration: underline; }
}
@media print {
.Hyperlinks{ text-decoration: none; color: black;}
}
*/



#banner_inner {
 float: left;
 padding: 0px;
 height: 70px;
}

#poweredby_inner {
 float: right;
 padding: 0px;
 margin-left: 0px;
 height: 70px;
}

#right_outer {
 margin-left: 2px;
 width: 165px;
}

#right_inner {
  float: none !important;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
}


.user1_inner {
 border: 1px solid #cccccc;
  float: none !important;
  float: left;
 margin: 0px;
 padding: 2px;
}

.user2_inner {
 border: 1px solid #cccccc;
  float: none !important;
  float: left;
 margin: 0px;
 padding: 2px;
}


table
{
 background: url(../images/menu/menu_pijl_zwart.jpg)
 
}
 
table td.body_outer {
 padding: 0px;
 border: 1px solid #cccccc;
}

.maintitle {
 color: #ffffff;
 font-size: 40px;
 padding-left: 0px;
 padding-top: 1px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

.back_button {

 align: center;
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
 border: 2px solid #FFFFFF;
 border-color: #FFFFFF;
 width: 100px;
 
 background-image: url( ../images/achtergrond.jpg); 
 /* background: #996B39; */
 /* padding: 1px 10px; */
 line-height: 15px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
 margin-right: 10px;
 float: right;
}

#footer {
 text-align: center;
 padding: 3px;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}


td {
 text-align: left;
 font-size: 11px;


  valign: top;
}


td.main_achtergrond {
 background-image: url( ../images/kl01.jpg);
}


/* ******** Titel boven content aanpassen  ********** */
/* ******** Titel boven content aanpassen  ********** */
/* Joomla core stuff */
a:link, a:visited {
 color: #365390; 
 text-decoration: none;
 font-weight: bold;
 text-decoration: underline;
}

a:hover {
 color: #B6B6B6; 
 text-decoration: underline;
 font-weight: bold;
}

/* *** MainFrame tekst  *** */
table.contentpaneopen {
 width: 100%;
 background-image: url( ../images/kl01.jpg); 
    color: #53728E;
 border: 0px double #cccccc;
}

/*robski*/
/* *** MainFrame tekst aanpassen (Alleen Lettergrootte) *** */
/* *** MainFrame tekst aanpassen (Alleen Lettergrootte) *** */
table.contentpaneopen td {
   color: #000000;        /*   Kleur van de Tekst in bijv Content  #4C76C4 */
   font-weight : normal;
   font-size : 12px;   
   background-image: url( ../images/kl01.jpg);   
   /* background: #ffffff; */
   text-align: left;
   align: left;
   padding-left: 45px;          /* Hier wordt de content links en rechts ingesprongen !!!  */
   padding-right: 45px;         /* Hier wordt de content links en rechts ingesprongen !!!  */
   border: 0px double #cccccc;
   /* background: #7C00A4; */

  
}


table.contentpaneopen td.componentheading {
    background-image: url( ../stories/KL01.jpg);   /*  bijv. de achtergrond van de voorpagina !! */
    color: #000000; 
    
}

 

/* ***** Breedte Weblinks **** */ 
table.contentpane {
    width: 90%;  /* Totale breedte van de Weblinks onder elkaar */
 border-collapse: collapse;
 border-spacing: 0px;
 background-image: url( ../images/kl01.jpg);

}

/* ***** Kleur van de tekst in het MainFrame **** */ 
table.contentpane td {
 align: left;
/*  padding-left: 30px; 	 */
 padding-left: 30px; 	 
 font-weight: bold;
 font-size: 11px;
 background-image: url( ../images/kl01.jpg);
/* ***** Breedte Weblinks **** */ 
    width: 800;     
/* color: #4C76C4; */
    color: #6D6D6D;
 }

table.contentpane td.componentheading {
 background-image: url( ../images/kl01.jpg);
 /* width: 50;   */
 
}

table.contentpaneopen fieldset {
 border: 0px;
 border-bottom: 1px solid #eee;
     /*  width: 90;    */

}

.button {
  color: Silver;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 2px double #FFFFFF;
  width: auto;
/*   background: url(../images/button_bg.png) repeat-x; */
  background: #191970;
  padding: 0px 6px;  /* ********** 15 = de breedte van de Button Sent ******* */
 
}

.inputbox {
 padding: 2px;
 border: 1px solid Black;
 color: #3366FF;
 background-color: #ffffff;
}

/* Balkje boven elk Component zoals Klokje / Fotoscroller */
/* Hier wordt ook de Kop van elke Content gedefinieerd !! */
.componentheading {
 background: url(../images/subhead_bbg.jpg) repeat-x;
 color: #666666;
 text-align: left;
 padding-top: 4px;
 padding-left: 24px;
 height: 21px;
 font-weight: bold;
 font-size: 10px;
 text-transform: uppercase;


}

.contentcolumn {
 padding-right: 5px;
 
}

/* *** Titel boven een Content *** */  
.contentheading {
 height: 30px;
 color: #8B5F3A;
 font-weight: bold;
 padding-left: 24px; 
 font-size: 14px;
 white-space: nowrap;
 text-transform: uppercase;
}

 

.contentpagetitle {
 font-size: 113px;
 font-weight: bold;
 color: #cccccc;
 text-align:left;
}

table.searchinto {
 width: 100%;
}

table.searchintro td {
 color: #1E76E0;
 font-weight: bold;
 padding-left: 60px; 
}

table.moduletable {
 /*  width: 100%;  */
 width: 100%;
 margin-bottom: 5px;
 padding: 0px;
 border-spacing: 0px;
 border-collapse: collapse;
 border-bottom : 1px Black;
 border-right : 1px Black;
 
}

div.moduletable {
 padding: 0;
 margin-bottom: 2px;
 
}


/* ****   Aanpassen van de balkjes boven de modules (table.moduletable th)**** */
table.moduletable th, div.moduletable h3 {
 background: url(../images/subhead_bg.jpg) repeat-x;
 color: #000000;
 text-align: center;
 padding-top: 4px;
 padding-left: 4px;
 height: 21px;
 line-height: 11px;
 font-weight: bold;
 font-size: 10px;
 text-transform: uppercase;
 margin: 0 0 2px 0;
 border-bottom : 4px Black;
 border-right : 4px Black;
}

/*guest*/  /*guest*/
/* Module Bezoekers */
table.moduletable td {
 font-size: 11px;
    text-align: center;
 padding: 0px;
 margin: 0px;
   /* background: #ffffff; */
 background-image: url( ../images/kl01.jpg); 
 color: #584D77;
 font-weight: bold;
 border-bottom : 3px Black;
 border-right : 5px Black;
    border: 0px double #584D77;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: #96A4B1;
  padding: 0px;
  text-transform: uppercase;
}

.sectiontablefooter {

}

.sectiontableentry1 {
 background-color : #ffffff;
}

.sectiontableentry2 {
 background-color : #BECEDE;
}

.small {
 color: #737373;
 font-size: 11px;
}

.createdate {
 height: 15px;
 padding-bottom: 10px;
 color: #999999;
 font-size: 11px;
}

.modifydate {
 height: 15px;
 padding-top: 10px;
 color: #999999;
 font-size: 11px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
 text-align: left;
 padding-top: 2px;
 padding-left: 4px;
 height: 21px;
 font-weight: bold;
 font-size: 10px;
 text-transform: uppercase;
}
/*  =========================================================== */
/*  =========================================================== */
/*  =========================================================== */
/*  =============== Topmenu =================================== */
/*  =========================================================== */
/*  =========================================================== */

a.mainlevel:link, a.mainlevel:visited {
 display: block;
 background: url(../images/menu_button.jpg) no-repeat;  
/* background-color: Yellow;  */
 vertical-align: middle;
 font-size: 11px;
 font-family: Arial, Hevlvetica, sans-serif;
 font-weight: bold;
 color: #D4D0C8;
 text-align: center;
 padding-top: 2px;
 padding-left: 1px;
 height: 15px !important;
 height: 15px;
 width: 111px;
 text-decoration: none;
}

a.mainlevel:hover {
 background-position: 0px -30px;  /* hier schuift de button mee omhoog */
 text-decoration: none;
 color: yellow;
}

a.mainlevel#active_menu {
 color:#oooooo;
 font-weight: bold;
}

a.mainlevel#active_menu:hover {
 color: #fff000;
}

/*  sublevel menu kleuren  *//*  sublevel submenu kleuren  *//*  sublevel menu kleuren  */
/*  sublevel menu kleuren  *//*  sublevel submenu kleuren  *//*  sublevel menu kleuren  */
/*  sublevel menu kleuren  *//*  sublevel submenu kleuren  *//*  sublevel menu kleuren  */

 


a.sublevel:link, a.sublevel:visited {
   display: block;
   color: #FFFFFF;
   font-size: 11px;
   font-weight: normal;
   text-indent: 16px;
   text-decoration: none;
   letter-spacing: normal;
   background: #584D77;
/* background-image:url(../images/submenu_back2.jpg);  */
   background-repeat:no-repeat;
   height:14px;
}

/*
a.sublevel:link, a.sublevel:visited {
         width: 225px;
 text-decoration: none;
 padding-left: 10px;
 padding-right: 8px;
 vertical-align: middle;
 font-size: 11px;
 font-weight: normal;
 background: url(../images/submenu_back.jpg) repeat-x ;  
/*     background: #584D77; */  /*
 color: #FFFFFF;
 text-align: left;
}  */

a.sublevel:hover {
 color: Yellow;
}

a.sublevel#active_menu {
 color: Yellow;
}

.highlight {
 background-color: Yellow;
 color: Blue;
 padding: 0;
}
.code {
 background-color: #ddd;
 border: 1px solid #bbb;
}

form {
/* removes space below form elements */
 margin: 0;
  padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
 display: block;
 height: 1.5em;
}



/*  =========================================================== */
/*  =========================================================== */
/*  =========================================================== */


/* Dit is dus het Topmenu die je kan beinvloeden met deze class  */ 

/*
a.mainleveltopmenu:link, a.mainleveltopmenu:visited {
 color: Red;
 text-align: left;
 font-size: 10px;
 font-weight: bold;
 font-family: "Courier New", Courier, monospace;
 background: url(../images/yellow_square.gif) no-repeat left;
 padding-left: 6px;
}
*/
/*
a.mainleveltopmenu:hover {
 color: Yellow;
 text-align: left;
 width: 100%;
 font-weight: bold;
 font-size: 10px;
 font-family: Arial, Helvetica, sans-serif;
 background: url(../images/yellow_square.gif) no-repeat left;
 /* background: url(../images/arrow.gif) no-repeat left;
 /* background-color : #1E90FF;
 */
 
 /*  }  */

/*
a.mainmenu:link, a.mainmenu:visited {
 color: Red;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
}

 

a.mainmenu:hover, {
 color: #4169E1;
 text-align: left;
}