/**
 * $Id: template_css.css,v 1.3 2008/11/18 15:07:47 Bart Exp $
 */

body {
  height          	: 100%;
  background		: #ECF4F9;
  font-family		: Arial, Syntax,Helvetica, sans-serif;
  font-size	        : 12px;
  margin		: 0px;
}

td,tr,p {
  font-size        	: 12px;
  color            	: #000000;
  line-height           : 16px;
}

div{
 margin-left            : 0px;
 padding-left           : 0px;
}
 
h1 {
  font-size        : 15px;
}

h2 {
  font-size	: 14px;
}

h3 {
  font-size	: 13px;
}

h4,h5,h6 {
  font-size	: 12px;
}


li {
  list-style-image : url("../images/bullit.png");
}

a img {
    border : 0 none;
    margin : 0;
}

.buttonheading a img,
.hasTip a img {
    border : 0 none;
    margin : 0;
    opacity:0.4;
    filter:alpha(opacity=40)
}

.buttonheading a img:hover,
.hasTip a img:hover {
    opacity: 1;
    filter:alpha(opacity=100)
}

.inputbox {
	background: #FFFFFF;
}

/* ###################### PAGE ###################### */
.page-holder{
	background-image	: url("../images/headerbar.png");
	background-repeat	: repeat-x;
	width			: 100%;
	height		: 100%;
}

#page {
	width			: 1096px;
	margin		: auto;
	text-align		: left;
	height		: 100%;
}

.footerbar-holder {
	background-image	: url("../images/footerbar.png");
	background-repeat	: repeat-x;
        background	: #1F9E54 url(../images/footerbar.png) repeat-x;
	width			: 100%;
	height		: 52px;
	vertical-align	: bottom;
}

#modulefooterbar {
        background	: url(../images/modulesbar_bottom.png) no-repeat;
	width			: 1096px;
	height		: 100%;
	margin		: auto;
	text-align		: left;
	vertical-align	: bottom;
}
#footerbar {
        background	: #1F9E54 url(../images/footerbar.png) repeat-x;
	margin-left		: 250px;
	height		: 100%;
	vertical-align	: bottom;
	text-align		: center;
}

/* ###################### LINKS ###################### */
a, a:link, a:visited {
  font-size        : 12px;
  color            : #007D30;
  text-decoration  : none;
  font-family      : Arial,Syntax,Helvetica,sans-serif;
}

a:hover {
  color            : #007D30;
  text-decoration  : underline;
}

a.category:link, a.category:visited {
  font-family      : Arial,Syntax,Helvetica;
  font-size        : 13px;
  color            : #000000;
  font-weight      : bold;
  border-bottom    : 1px dashed #000000;
}

a.category:hover {
  color            : #ff0000;
  border-bottom    : 1px solid #0000ff;
}

/* deze zijn identiek geworden aan algemene a settings hierboven, kunnen dus weg */
/*a.readon, a.readon:visited {
  font-family      : Arial,Syntax,Helvetica;
  font-size        : 12px;
  text-align       : left;
  line-height	   : 1.4em;
  color	           : #007D30
}*/

/*a.blogsection:link, a.blogsection:visited {
  font-size        : 12px;
  color            : #007D30;
  font-weight      : normal;
  line-height      : 16px;
}
a.blogsection:hover {
  color            : #007D30;
  text-decoration  : underline;
}*/

/* ###################### MAIN MENU SETTINGS ###################### */

a.mainlevel:link,a.mainlevel:visited {
  font-size	        : 10pt;
  color			: #007D30;
  font-weight		: bold;

  display		: block;
  padding		: 0;
  line-height		: 15px;
  padding-left		: 20px;
  background		: url(../images/menuparent.png) no-repeat;
  margin-top		: 7px;
  margin-left		: 8px;
}
a#parent {
  background		: url(../images/menuparent.png) no-repeat;
}
a.sublevel:link, a.sublevel:visited {
  font-size        	: 12px;
  display          	: block; 
  color            	: #007D30;
  text-align		: left;
  padding		: 0;

  padding-left		: 20px;
  padding-top		: 4px;
  padding-bottom	: 4px;
}
a.mainlevel#active_menu {
  /* Menu setting "Active parent" moet op 'Ja' staan  */
  background		: url(../images/menuactive.png) no-repeat;
}
a.sublevel#active_menu {
  font-weight		: bold;
}


/* ###################### MODULE SETTINGS ###################### */
table.mod_login td{
  padding           : 5px 5px 5px 15px;
}

div.syndicate div{
  text-align        : left;
  padding           : 0px 5px 0px 15px;
}

/* ###################### FORMULAR SETTINGS ###################### */
.button {
  font-family      : Arial,Syntax,Helvetica,sans-serif;
  font-size        : 11px;
  border-style     : outset;
  padding          : 0px;
}

/* ###################### SEARCH SETTINGS ###################### */
td#search {
  margin                : 0px;
  padding               : 0px;
}

div.search {
  padding: 12px 2px 1px 1px;
}

div.search>input.button {
  padding-top	   : 3px;
  padding-left	   : 13px;
  border-style	   : none;
}

table.searchintro {
  background-color : #FFFFFF;
  border           : solid 1px #777777;
}

#mod_search_searchword {
  font-family      : Arial,Syntax,Helvetica,sans-serif;
  font-size        : 10px;
  color            : #000000;
  background       : #FFFFFF;
  border     	   : 1px solid #000000;
  padding          : 2px;
  float            : left;
}
/* ###################### CONTENT PAGE SETTINGS ###################### */
a.contentpagetitle:link, a.contentpagetitle:visited {
  font-size        : 14px;
  font-weight      : bold;
  color            : #000;
}

a.contentpagetitle:hover {
  text-decoration  : underline
}

.contentpane {
  text-align       : justify;
}

.contentpaneopen {
  text-align       : justify;
  width            : 100%;
  padding          : 0px;
}

.contentpaneopen a,a:visited {
  color            : #007D30;
  font-size        : 12px
}
.contentpaneopen a:hover {
  color            : #007D30;
  text-decoration  : underline;
}

.contentheading {
  font-size        : 16px;
  font-weight      : bold;
  color            : #007D30;
  text-align       : left;
  padding          : 0px 0px 10px 0px; 
  border           : none;
}

.componentheading {
  font-family      : Arial,Syntax,Helvetica,sans-serif;
  font-size        : 13px;
  font-weight      : bold;
  color            : #333333;
  text-align       : left;
  padding          : 1px;
}

.contentdescription {
  font-family      : Arial,Syntax,Helvetica,sans-serif;
  font-size        : 12px;
  color            : #333333;
  text-align       : left;
}

.category {
  color            : #C0C0C0;
  font-family      : Arial,Syntax,Helvetica,sans-serif;
  font-size        : 12px;
  font-weight      : bold;
  text-decoration  : none;
}

/* ###################### SECTION LISTING SETTINGS ###################### */

.sectiontableheader {
  background-color : #1F9E54;
  color            : #FFFFFF;
  height           : 20px;
  font-weight      : bold;
  padding-left     : 5px;
  padding-right    : 5px;
  border-bottom    : 2px solid #FFFFFF;
  text-align       : center;
}

.sectiontableheader a {
  color            : #FFFFFF;
}

/* ###################### TABLE OF CONTENT SETTINGS ###################### */
.contenttoc {
  background-color : #f0f0f0;
  border           : solid 1px #777777;
  padding          : 3px;
  margin-left      : 3px;
  margin-bottom    : 3px;
  float            : right;
}

a.toclink:link, a.toclink:visited {
  color            : #707070;
  font-weight      : bold;
}

a.toclink:hover {
  color            : #CC0234;
}

.pagenavcounter {
  display          : none;
  color            : #ffee00;
}
/* ###################### PATHWAY SETTINGS ###################### */
td.pathwaypos {
  padding-bottom   : 15px;
}
.pathway {
  font-family      : Arial,Syntax,Helvetica;
  font-size        : 13px;
  font-weight	   : normal;
  color            : #000000;
}

a.pathway:link, a.pathway:visited {
  color            : #000000;
  font-size        : 13px;
}

a.pathway:hover {
  color	: #CC0234;
  text-decoration	: underline;
}

/* ###################### DATE TIME SETTINGS ###################### */
.createdate {
  font-style       : italic;
}

/* ###################### PAGE NAVIGATION SETTINGS ###################### */
.pagenavbar {
  text-align       : center;
}

/* ###################### OTHER SETTINGS ###################### */

table.blog td {
  padding-left          : 5px;
  padding-right         : 5px;
}

.blog_more {
  color            : #007D30;
  font-size        : 14px;
  text-align       : left;
  padding-top      : 10px;
  padding-left     : 10px;
}
.blog_more ul{
 list-style-type: none;
 list-style-position: inside;
 margin-left: 0;
 padding-left: 1em;
 text-indent: -1em;
}
.blog_more ul li:before {
 content: "\00BB \0020";
}

.sectiontableentry1 td,  .sectiontableentry2 td {
  padding		: 0px 3px 0px 3px;
}


/* ###################### SN STYLE SETTINGS ###################### */
.headerlogo {
  background-image	: url("../images/header.png");
  background-repeat	: no-repeat;
  width			: 1096px;
  height		: 166px;
  margin		: 0px;
  padding           	: 0px;
}

/* ###################### MODULE SETTINGS ###################### */
table.moduletable {
  margin	       	: 0px;
  padding           	: 0px;
}

table.moduletable th {
  font-size             : 13px;
  font-weight           : bold;
  color                 : #FFFFFF;
  text-align            : left;
  padding		: 0px 0px 0px 25px;
}

td.bannerpos {
  text-align		: center;
  padding-bottom   	: 15px;
}

/* ###################### MODULE BAR LEFT ###################### */
.modulebar_top {
  background-image	: url("../images/modulesbar_top.png");
  background-repeat	: no-repeat;
  width			: 250px;
  height		: 39px;
  margin		: 0px;
  padding           	: 0px;
}

.modulebar_side {
  background-image	: url("../images/modulesbar_side.png");
  background-repeat	: repeat-y;
  width			: 215px;
  margin		: 0px;
  padding           	: 0px 15px;
}

.modulebar_bottom {
  background-image	: url("../images/modulesbar_bottom.png");
  background-repeat	: no-repeat;
  width			: 250px;
  height		: 78px;
  margin		: 0px;
  padding           	: 0px;
}

td.modulebar_side {
  padding-top       	: 10px;
}

td.modulebar_side table.moduletable th {
  width			: 215px;
  background		: url(../images/modulesleft_header.png) no-repeat left bottom;
  line-height		: 22px;
  vertical-align	: bottom;
  font-weight		: bold;
  font-family		: "Verdana";
}

td.modulebar_side table.moduletable {
  padding-bottom       	: 20px;
}

/* ###################### MODULE BAR LEFT ###################### */
td.modules_right {
  padding-top       	: 10px;
}

td.modules_right table.moduletable th {
  width			: 202px;
  background		: url(../images/modulesright_header.png) no-repeat left bottom;
  line-height		: 22px;
  vertical-align	: bottom;
  font-weight		: bold;
  font-family		: "Verdana";
}
td.modules_right table.moduletable td {
  padding-left		: 10px;
  text-align       	: left;
}

td.modules_right table.moduletable {
  padding-bottom       	: 20px;
}

/* ###################### SEARCH MODULE SETTINGS ###################### */
.header_search {
  vertical-align	: top;
}

/* ###################### PRINT layout ###################### */
body.contentpane, body.contentpane * {
  color: black !important;
  background: white !important;
}

/* ### fix voor mb #6825 , comment module also visible in print */
.contentpane #comment {
  display: none;
}

div.topmodule {
  text-align       : justify;
  padding-left     : 5px;
  padding-right    : 5px;
}

div.bottommodule {
  text-align       : justify;
  padding-left     : 5px;
  padding-right    : 5px;
}

/* minifrontpage: gescout, weblog, stelling, ... */
td.minifp p {
  color            : #000;
}
span.minifp-introtitle {
  color            : #000;
}
.minifp-date {
  color            : #000;
}
a.minifull-link,a.minifull-link:link a.minifull-link:visited {
  color            : #007D30;
}
a.minifull-link:hover {
  color            : #007D30;
  text-decoration  : underline;
}

span#mod_login_greeting {
  color            : #000;
  font-size        : 10pt;
  padding          : 15px 3px 3px 15px;
} 

/* hide the show/hide editor toggle (hide editor = edit html directly, 
 * and we don't want that . mb #7055 */
a#editor_toggle {
  display          : none;
}

/* ###################### STYLE SETTINGS ###################### */

td#left {
  width					: 205px;
  padding				: 0px;
}

td.bottom {
  width: 500px;
}

#footerbar a:link, #footerbar a:visited {
  color				: #ffffff;
}
#footerbar a:hover {
  color				: #ffffff;
  text-decoration	        : underline;
  background			: none;
} 

/* JCE Edit window */
.mceContentBody {
  background: #fff;
}

/* Joomla! 1.5 specific messages */
/* Tooltips */

.tool-tip {
	float: left;
	background: #FFF54F;
	border: 1px solid #CC0234;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	color: #CC0234;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/* System Messages */

dl#system-message { margin: 0; padding: 0; }
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-size: 14px; }

/* System Standard Messages */

#system-message dt.message { display: none; }
#system-message dd.message { background: #fff; }
#system-message dd.message ul { list-style: none; color: black; padding: 10px 10px 10px 40px;}

/* System Error Messages */

#system-message dt.error { display: none; }
#system-message dd.error { background: #f00; }
#system-message dd.error ul { list-style: none; background: url(../../../images/M_images/icon_error.gif) no-repeat 10px 10px; color: white; padding: 10px 10px 10px 40px;}


