/**#################### DEFAULT and FORMS CSS ####################**/







body{



  margin: 0;



  padding: 0;  



    



}



#bg_body{



    



  text-align: center;



  background: #801009 url(../images/bg_body.jpg) repeat-y top center;







}







td, tr, p, div {



  font-family      : Verdana, Arial, Tahoma, Helvetica, sans-serif;



  font-size        : 12px;



  color            : #FFBB00;



  line-height      : 15px;







}







hr {



  color            : #999999;



  height           : 1px;



  width            : 100%;



}







ul {



  margin           : 2px;



  padding-left     : 10px;



  list-style       : none;



}







li {



  



  line-height      : 14px;



  padding-left     : 15px;



  background-image : url(../images/li_bullet.gif);



  background-repeat: no-repeat;



  background-position: 0 2px;



}







.article_seperator{



display: block;



height: 20px;



}







a:link {



  color: #F2C175;



}
 


a:visited  {



  color: #F2C175;



}




a:hover {



  color: #FFF;



}







form {



margin           : 0; 



padding          : 0;



}











.inputbox {



  padding          : 2px !important;



  padding          : 1px;



  margin: 3px 0;



  font: 1em verdana, arial, sans-serif;  



  color: #EEE;



  background-color: #777;



  border: 1px solid #999;



}







  input:hover,



  input:focus,



  textarea:hover,



  textarea:focus {



  color: #FFF;



  background-color: #999;



  



}



















/**#################### Joomla CSS ####################**/







/** Buttons **/







.back_button {



  display: block;



  color            : #999999;



  font-family      : Tahoma, Arial, Verdana,  Helvetica, sans-serif;



  font-size        : 11px;



  font-weight      : normal;



  padding-bottom   : 10px;



  margin-right           : 10px;



  text-align: right;



  height      : 30px;



  text-decoration  : underline;







  }



.button {



  font-size        : 11px;



  color            : #EEE;



  border           : 1px solid #999;



  margin           : 3px 0;



  background-color : #777;



  padding          : 2px !important;



  padding          : 1px;



  cursor           : pointer;



  



}



















/** Contact **/







.contact_email  {



  width            : 100%;



}



.contact_email .inputbox {



  



}



















/** Module table  **/







table.moduletable {



	margin           : 5px 0 8px 0;



      padding-bottom          :5px;



	width            : 100%;



      background       : #686868;



      text-align: center;



      background: #686868 url(../images/rounded_bl.gif) no-repeat bottom left;



	}







table.moduletable th {



padding:4px 9px 4px 0;



text-align: right;



font: 700 1em verdana, sans-serif;



color: #ffffff;



background: #686868 url(../images/rounded_tr.gif) no-repeat top right;







}







table.moduletable td {



   padding          : 2px 5px;



   text-align: left;



    



    	}











/** Read more **/







a.readon:link, a.readon:visited {



  color            : #999999;



  font-family      : Tahoma, Arial, Verdana, Helvetica, sans-serif;



  font-size        : 11px;



  background       : url(../images/arrow.png) no-repeat;



  white-space      : normal;



  font-weight      : bold;



  padding          : 1px 0 3px 14px;



  float            : right;



  line-height      : 13px;



  text-decoration  : underline;



}



a.readon:hover {



  color: #801009;



  font-family      : Tahoma, Arial, Verdana, Helvetica, sans-serif;



  font-size        : 11px;



  background       : url(../images/arrow.png) no-repeat;



  white-space      : normal;



  font-weight      : bold;



  padding          : 1px 0 3px 14px;



  line-height      : 13px;



  text-decoration  : underline;



}























/** Pagenavigation **/







.pagenavcounter {



  font-size        : 11px;



  color            : #999999;



}



.pagenavbar {



  border-top       : 1px solid #999999;



  padding          : 2px;



}



.pagenav {



  font-weight      : bold;



  }



a.pagenav:link, a.pagenav:visited {



  font-size        : 11px;



  color            : #999999;



  text-decoration  : none;



}



a.pagenav:hover {



  font-size        : 11px;



  color            : #006600;



  text-decoration  : none;



}







table.contenttoc {



  border           : 1px solid #dcdcdc;



  background       : #f1f1f1;



  padding          : 5px;



  margin-left      : 2px;



  margin-bottom    : 2px;



}















/** Content **/







table.content{



  width            : 100%;



  padding          : 5px;



  border-collapse  : collapse;



  border-spacing   : 0;



  margin-bottom    : 5px;



  



}



table.contentpane {



  width            : 100%;



  border-spacing   : 0;



  padding-left     : 5px;



  padding-right    : 5px;



  margin-bottom    : 5px;



}



table.contentpaneopen {



  width            : 100%;



  border-spacing   : 0;



  padding-left     : 5px;



  padding-right    : 0;



  margin-bottom    : 5px;



  



}







.contentheading,.componentheading {



  width: 100%;



  text-align       : left;



  margin: 5px 0;



  padding:3px;



  font: 700 1.2em verdana, sans-serif;



  text-transform: uppercase;



  color: #ffffff;



  background: #686868 url(../images/rounded_tl.gif) no-repeat top left;



}



div.componentheading {



width: 99% !important;



width: 100%;



}







.contentdescription { 



  width          : auto !important;



  margin         : 0;



  padding        :  0;



  padding-top    : 5px;



  text-align     : left;



}







.blog_more {



margin   : 10px 0 7px 7px;



}







.buttonheading {



padding  : 0 2px;



}







.content_vote {



  font-size        : 10px;



  height           : 22px;



  padding          : 2px 0;



  }







.content_rating {



  font-size        : 10px;



  color            : #999999;



}



.small {



  font-size        : 10px;



  color            : #999;



  line-height: 12px;



}



.smalldark {



  font-size        : 11px;



  color            : #999;



  text-align:left;



}



.createdate, .modifydate {



  float            : left;



  font-size        : 10px;



  color            : #999999;



  width            : 100%;



  line-height: 12px;



  margin-bottom: 5px;



}



.modifydate {



  text-align: right;



  }







a.category:link, a.category:visited {



  font-size        : 11px;



  font-weight      : bold;



}







.sectiontableheader {



  font-size        : 12px;



  font-weight      : normal;



  text-transform   : uppercase;



  letter-spacing   : 1px;



  color            : #EEE;



  background       : #111111; 



  padding          : 1px;



}







.sectiontableentry1 {



  vertical-align   : top;



  padding          : 3px;



  background       : #333333;



  border-bottom    : 1px solid #8F8F8F;



  line-height      : 15px;







}



.sectiontableentry2 {



  vertical-align   : top;



  padding          : 3px;



  border-bottom    : 1px solid #8F8F8F;



  background       : #4D4D4D;



  line-height      : 15px;



}



.sectiontableentry1 img{



margin: 0 4px;



}



.sectiontableentry2 img{



margin: 0 4px;



}















/** Polls **/







.poll {



	color : #999;



	line-height : 13px;



	font-weight: normal;



      text-align: left;



}



.pollstableborder{



  border-color     : #999999;



}



















/** "Tab" buttons for Joomla frontend **/







.ontab {



  border-left      : 1px solid #666;



  text-align       : center;



  font-weight      : bold;



  color            : #999;



  padding          : 5px;



  cursor           : pointer;



  line-height      : 30px;



}



.offtab {



  border-left      : 1px solid #666;



  text-align       : center;



  color            : #999;



  font-weight      : normal;



  padding          : 5px;



  cursor           : pointer;



  line-height      : 30px;



}



.tabpadding {



 border-left       : 1px solid #666;



}























/** CSS for Mainmenu **/







a.mainlevel  {



 display           : block;



 width             : auto;



  margin           : 1px 0;



  padding          : 0;



  font-size        : 12px;



  background       : none;



  text-indent      : 10px;



}







a.mainlevel:link, a.mainlevel:visited {



  display          : block;



  font-size        : 14px;



  border-bottom    : 1px solid #8F8F8F;



  background-color : #798109;



  background-color : #801009;



  font-weight      : normal;



  padding          : 2px 0;



  color            : #f1f1f1;



  font-weight      : bold;



  text-indent      : 10px;



  text-decoration  : none;



}



a.mainlevel:hover {



  border-bottom    : 1px solid #8F8F8F;



  background-color : #333333;



  font-size        : 12px;



  font-weight      : normal;



  color            : #999999;



  text-decoration  : none;



  text-indent      : 10px;



}



#active_menu {



  color            : #999999;



  border-bottom    : 1px solid #8F8F8F;



  background       : url(../images/li_bullet.gif) #333333 96% 50% no-repeat;



  font-weight      : bold;



  text-decoration  : none;



}



a#active_menu:hover {



  color            : #f1f1f1;



}























/** Sublevel for Mainmenu **/







.sublevel {



   font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;



   font-size        : 11px;



   font-weight      : bold;



   color            : #cccccc;



   padding    	  : 3px 1px 3px 5px;



   margin		  : 3px;



   



}



a.sublevel:link, a.sublevel:visited {



  color		        : #cccccc;



  text-decoration	: none;



}



a.sublevel:hover {



  color            : #ffffff;



  text-decoration  : none;



}



a.sublevel#active_menu  {



      background: transparent;



	color           : #ffffff;



	text-decoration	: none;



      border-bottom    : none !important;      



}



















/** images **/







.mosimage {



  border     : 1px solid #999999;



  margin     : 5px;



  padding-top: 3px;







}







.mosimage_caption {



  margin-top: 3px;



  padding   :  2px;



  color     : #000000;



  font-size : 10px;



  background: #999999;



}















/** #################### index.php #################### **/







#header {  



  width: 100%;



  height: 40px;



  background: #585858 url(../images/bg_header.jpg) repeat-y top center;



  vertical-align: top;



  margin: 0 auto;   



}



#menu {



  width: 817px !important;



  width: 837px;



  margin: 0 auto;



  text-align: left; 



  height: 40px;



  background: url(../images/logo_greenery.gif) #801009 no-repeat 98% 50%;



  padding: 0 10px;



}







#content {  



  clear: both;



  width: 837px;



  margin: 0 auto;



  text-align: left;



}







#text {



  float: left;



  width: 441px !important;



  width: 470px;



  padding: 10px 2px 20px 16px !important;



  padding: 20px 3px 20px 16px;



  



}







#image {



  float: left;



  width: 168px;  



  vertical-align: top;



  }







#sideBar {



  float: right;



  width: 195px !important;



  width: 198px;



  padding: 10px 15px 20px 0 !important;



  padding: 20px 15px 20px 0;



}











#footer {



  clear: both;



  width: 777px;



  padding: 15px 20px;



  



}







#footer p {



  color: #888;



  padding-top: 0 !important;



  padding-top: 10px;



  padding-bottom: 0 !important;



  padding-bottom: 20px;



  }







#footer a {



  color: #888;



}







#footer a:hover {



  color: #EEE;



}



















/******************* Top Menu************************/







.moduletable-topnav {



    



    width				: auto;



    padding				: 0;



        	}











.topnav {



	width				: 0; 



       text-decoration		: none; 



       color			: #ffffff;



             



       	}







a.topnav {



	position			: relative;



	width				: auto;



	background			: none;



 	padding			: 12px 11px 16px 11px;



	color				: #FFFFFF;



      text-decoration		: none;



	font-weight			: normal;



      line-height             : 38px !important; 



      line-height             : 18px; 



      _height                  : 0;



      



	}



a.topnav:hover{



 	width				: auto;



	color				: #ffffff;



	background			: #CA0000;



      padding			: 12px 11px 16px 11px;



 	font-weight			: normal;



	text-decoration		: none;



      background: url(../images/menu_tab.gif) no-repeat top center;







		}



a.topnav#current {



	cursor			: default;



	position			: relative;



	width				: auto;



	padding			: 12px 11px 16px 11px;



	color				: #ffffff;



      text-decoration		: none;



	background: url(../images/menu_tab.gif) no-repeat top center;







      }



 



a.topnav#current:hover {



	cursor			: pointer;



	position			: relative;



	width				: auto;



	background			: #798109;



 	padding			: 12px 11px 16px 11px;



	color				: #ffffff;



      text-decoration		: none;



	



	}











a.topnav:visited, .topnav a:link {



text-decoration		: none;



color	: #fff;



}


a.mainlevel_fietsmenu{
       background:#444444}