/* ------------------------------------------------
	reset css
-------------------------------------------------*/

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
p {margin:0px 0px 10px 0px;}
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address { font-style: normal; }
thh1, h2, h3, h4, h5, h6 { font-weight: normal; }
strong { font-weight: bold; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/* ------------------------------------------------
	global
-------------------------------------------------*/



body 	{ color: #606060;
	  font: 11px  Verdana, Arial,  sans-serif;
	  background: #6eb543 url(../images/bg.png) repeat-x;
	  margin:0px;
	  padding:0px;	}

p	{ font: 11px Verdana, Arial,  sans-serif;
	  line-height:18px;	}
span	{ font: 11px  Verdana, Arial,  sans-serif;
	  line-height:18px;	}
div	{ font: 11px  Verdana, Arial,  sans-serif;
	  line-height:18px;	}
table	{ font: 11px  Verdana, Arial,  sans-serif;
	  line-height:18px;	}
tr	{ font: 11px  Verdana, Arial,  sans-serif;
	  line-height:18px;	}
td	{ font: 11px  Verdana, Arial,  sans-serif;
	  line-height:18px;	}


h1 	{ font: bold 24px "times new roman", times, serif;
	  color: #328128;	
	  margin-bottom: 20px;	}

h2 	{ font: 18px "times new roman", times, serif;
	  color: #328128;	
	  margin-bottom: 20px;	}

a 	{ color: #328128;
	  text-decoration: none;	}

a:hover { text-decoration: underline;	}


img	{ border: 0px solid; 	}

.form { display:block;
		padding:10px 0px; }
		
.label { float:left;
		 display:block;
	     width:100px;
		 margin:2px 0px 0px 0px; }
		 
.textfield { width:220px;
			 padding:3px;
			 margin:2px 0px 0px 0px;		     
			 border:none;
			 color:#fff;
			 background:#6eb543; }		 

.button { background:#6eb543;
		  border:1px solid #e9e9e9;
		  padding:3px;
		  margin:2px 0px 0px 0px;
		  color:#fff; }

div#container	{ margin:0px auto 0px auto;
		  height:100%;
		  width:970px;}

/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:970px;
		  height:153px;
		  background: url(../images/headerbg.png) no-repeat top left;
		  margin:0px;	}

	div#headerpattern { width:970px;
					    height:239px;
					    background: url(../images/headerpattern.png) no-repeat top left;
					    margin:0px 0px -239px 0px;
					    position:relative;
					    z-index:200;	}

	div#logo	{ float:left;
			      display:block;
				  width:260px;
			      height:176px;	
 				  padding:0px 0px 0px 0px;
				  margin:34px 0px -100px 55px;
				  position:relative;
				  z-index:305;
			      background: url(../images/logo.png) no-repeat top left;	}

		div#logo h1	{ padding:12px 0px 0px 6px;
				  font: 30px verdana, arial, "sans-serif";
				  color:#727476;	}


	div#adress	{ float:right;
			  width:240px;
			  text-align:right;
			  margin:67px 0px 0px 0px;
			  padding:0px 79px 0px 0px;	}

	div#adress p	{ font:11px verdana, arial, "sans-serif";
			  line-height:18px;
			  color:#606060;	}

	.bigtext	{ font:bold 16px arial,verdana;
			  line-height:18px;
			  color:#fff;	}



/* ------------------------------------------------
	menus
-------------------------------------------------*/

		div#menu	{ width:195px;
				  display:block;
				  margin:0px 0px 50px 0px;
				  padding:0px 0px 0px 0px;
				  background: url(../images/menubg.png) repeat-x;	}

		div#menu ul	{  margin:0px 0px 0px 0px;
		 		   padding:0px;
		 		   font-size:11px;
				   position:relative; 	}
	
		div#menu li	{  }

		div#menu a	{ color:#fff;
					  font: bold 16px trebuchet ms, georgia, serif;
					  display: block;
					  margin:-15px 0px 0px 0px;
					  padding:23px 0px 0px 26px;
					  width:160px;
					  height:52px;
					  background: url(../images/menublad.png) no-repeat left top;
					  position:relative;
					  z-index:150;
					  cursor:pointer; }

		div#menu .active	{ color:#000; }
		div#menu a:hover	{ color:#000;
					  		  text-decoration:none;  }






/* ------------------------------------------------
	main content
-------------------------------------------------*/

div#maincontainer	{ display:block;
			  width:850px;
			  margin:0px 0px 0px 70px;
			  padding:0px 0px 19px 0px;
			  background: #429138 url(../images/mainbottombg.png) no-repeat left bottom; 	}

div#maincontainerbg	{ clear:both;
			  display:block;
			  width:850px;
			  height:256px;
			  padding:0px;
			  margin:0px 0px -256px 0px;
			  background: url(../images/mainbg.png) repeat-x; 	}
	

	div#leftcontent	{ float:left;
			  width:197px;
			  display:block;
			  padding:130px 0px 0px 0px;	}


	div#rightcontent { float:left;
			   width:631px;
			   display:block;
			   padding:0px;
			   margin:0px 0px 0px 4px;
			   position:relative;
			   z-index:250;
			   background:#fff;	}

		div#mainimg { clear:both;
			      display:block;
			      width:631px;
			      height:252px;
			      margin:0px 0px 0px 0px;	}

		div#mainimg img	{ width:631px;
				  height:252px;	}

		div#maintext { float:left;
			     	   display:block;
				       width:330px;
				       padding:35px 50px 35px 35px; }	
					   
			div#maintext ul { display:block;
					          padding:10px 15px; 
							  list-style:disc; }								  
					   
			div#maintext a {text-decoration:underline;}
			
		div.left { float:left;
			   display:block;
			   width:183px;
			   margin:40px 0px 0px 0px; }	

			div.left li { padding:0px 0px 10px 0px; }	

			span.newsdate { font:bold 16px "times new roman", times, serif; }
		


/* ------------------------------------------------
	pages
-------------------------------------------------*/


		ul#rellinks	{ float:left;
				  display:block;
				  padding:0px 0px 0px 0px;	}

		ul#rellinks li	{ background: url(../images/relpil.png) no-repeat 0px 5px;
				  padding:0px 0px 2px 15px;	}

		ul#rellinks a	{ color:#328128;
				  font-size:11px;	}



		

/* ------------------------------------------------
	footer
-------------------------------------------------*/

div#footer	{ position:relative;
		  z-index:1;	
		  width:810px;
		  height:40px;
		  margin:0px 0px 0px 70px;
		  padding:30px 20px;
		  display:block;
		  background: url(../images/footerbg.png) repeat-x; 	}
		
	div#footer p {	font: 12px Verdana, Arial,  sans-serif;
			padding:0px 0px 0px 0px;
			margin:0px 0px 5px 0px;
			color:#fff;
			line-height:18px;	}
	div#footer p.sphinx { color:#328128;	}
	div#footer a {	color:#328128;	}



/* ------------------------------------------------
	misc
-------------------------------------------------*/
.tipssent {color: #fff;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* for understanding browsers */
.hojd {
	min-height:360px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 360px;
}