body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #444444;
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height: 14px;
	background-image: url(images/degrade_fond2.gif);
	background-repeat: repeat-x;
}

img          { border: 0px }

#container  {
	width: 830px;
	margin: 0 auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #578832;
	border-left-color: #578832;
	background-image: url(images/degrade_fond.gif);
	background-repeat: repeat-x;
}

#mainContent  {
	padding: 0;
}

#contactformulier { background-color: #C4D5B7;
		    padding: 10px; }


#HPcontent {
	width: 470px;
	float: left;
	padding-top: 50px;
	padding-left: 75px;
}

				#HPcontent_nieuw {
					width: 430px;
					float: left;
					padding-top: 10px;
				}
				
				#paddingf
				{
					padding-left: 30px;
					padding-right: 30px;
				}
				
	.formknop 		{ margin-top: 10px;
				  font: 10px arial;
				  height: auto;
				  width: auto;
				  color: #66584d;
				  border-right: #333333 thin solid;
				  border-top: #333333 thin solid;
				  background: #ffffff;
				  border-left: #333333 thin solid;
				  border-bottom: #333333 thin solid }				
				

.td {
	text-align: center;
	vertical-align: middle;
	background-image: url(images/button.gif);
	background-repeat: no-repeat;
}

#HPnieuws {
	width: 170px;
	float: right;
	padding-top: 50px;
	padding-right: 30px;
}


				#HPnieuws_nieuw_informant {
					width: 170px;
					float: left;
					padding-top: 40px;
					padding-left: 30px;
				}

				#HPnieuws_nieuw_jongeren {
					width: 170px;
					float: left;
					padding-top: 40px;
					padding-right: 30px;
				}


#HPnieuws_content {
	width: 170px;
	padding-right: 10px;
	padding-left: 0px;
	margin-left: -10px;
}


#HPnieuws_content a {   color: #444444;
		font-family: "Trebuchet MS";
	        font-size: 11px;
		text-decoration: underline;
}
#HPnieuws_content a:hover {
	          color: #578832;
	          text-decoration: underline;
}


#HPnieuws_content ul { }
#HPnieuws_content li { padding-top: 3px; padding-bottom: 3px }




#titel {
	width: 738px;
	height: 73px;
	font-size: 30px;
	font-weight: bold;
	color: #578832;
	padding-left: 45px;
	line-height: 73px;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	color: #578832;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
}

.bold {
	font-weight: bold;
}
#left {
	width: 260px;
	background-color: #cddec7;
	float: left;
	padding-bottom: 100px;
}

#leftmeerinfo
{
	width: 260px;
	background-color: #cddec7;
	float: left;
	padding-bottom: 100px;
}

#content {
	width: 520px;
	float: right;
	padding-right: 20px;
	
}

#content a {   color: #444444;
		font-family: "Trebuchet MS";
	        font-size: 11px;
		text-decoration: underline;
}
#content a:hover {
	          color: #578832;
	          text-decoration: underline;
}



#contentmeerinfo {
	width: 520px;
	float: right;
	padding-right: 20px;
}

#contentmeerinfo a {   color: #444444;
		font-family: "Trebuchet MS";
	        font-size: 11px;
		text-decoration: underline;
}
#contentmeerinfo a:hover {
	          color: #578832;
	          text-decoration: underline;
}




/* top navig  */

#header  {
	background-color: #FFFFFF;
	height: 134px;
}



#header2  {
	background-image: url(images/lijn_logo.gif.gif);
	background-repeat: no-repeat;
	margin-top: 73px;
	padding-right: 20px; 
}

	#header2 a {
		color: #578832;
		text-decoration: none;
	}
	#header2 a:hover {
		color: #333333;
	}



#topnavig {
	margin-top: 93px;
	margin-right: 175px;
	width: 200px;
	float: right;
	text-align: right;
	color: #000000;
}





/*  main navig  */

#mainnavig {
	width: 800px;
	height: 23px;
	background-color: #578832;
	font-size: 12px;
	color: #FFFFFF;
	text-align: right;
	padding-top: 8px;
	padding-right: 30px;
}

.mainnavigactive { color: #000000; }

#mainnavig a {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
#mainnavig a:hover, #mainnavig a:active {
	color: #000000;
}

/*  button navig  */

.buttonnavig {
	font-size: 16px;
	color: #578832;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
}
#buttonnavig a { text-decoration: none;
}
#buttonnavig a:hover {
	color: #578832;
	text-decoration: underline;
}





/*  sub navig  */
#contactgegevens { margin-right: 30px;
		   margin-top: 30px;
	           padding-left: 0px;
	           width: 180px;
	           text-align: left;
	           color: #333333 }
	           
#vroegerlink	 { margin-right: 30px;
		   margin-top: 30px;
	           padding-left: 0px;
	           width: 180px;
	           text-align: left;
	           color: #333333;
	           text-align: right;}
	           
	           
#vroegerlink a {
	text-align: right;
	font-size: 14px;
	text-decoration: none;
	display: block;
	width: 180px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #578832;
	color: #578832;
}
#vroegerlink a:hover, #subnav a:active {
	color: #333333;
}	           

#subnav {
	width: 180px;
}
#subnav ul {
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#subnav li {
	list-style-type: none;
	padding-top: 20px;
}
#subnav a {
	font-size: 14px;
	text-decoration: none;
	display: block;
	width: 240px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #578832;
	color: #578832;
}
#subnav a:hover, #subnav a:active {
	color: #333333;
}

/*  sub2 navig  */


#sub2nav ul {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#sub2nav li {
	list-style-type: none;
	padding-top: 5px;
	font-size: 14px;
	text-decoration: none;
	width: 240px;
	color: #333333;
	border: 0px;	
}
#sub2nav a {
	font-size: 12px;
	text-decoration: none;
	width: 240px;
	color: #333333;
	border: 0px;
}
#sub2nav a:hover {
	text-decoration: underline;
}



/*  sub3 navig  */


#sub3nav ul {
	text-align: right;
	margin-left: 30px;
	padding: 0px;
}
#sub3nav li {
	list-style-type: none;
	padding-top: 5px;
	font-size: 12px;
	text-decoration: none;
	width: 240px;
	color: #333333;
	border: 0px;	
}
#sub3nav a {
	font-size: 10px;
	text-decoration: none;
	width: 240px;
	color: #333333;
	border: 0px;
}
#sub3nav a:hover {
	text-decoration: underline;
}



/*  sub4 navig  */


#sub4nav ul {
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#sub4nav li {
	list-style-type: none;
	padding-top: 5px;
	font-size: 10px;
	text-decoration: none;
	width: 240px;
	color: #333333;
	border: 0px;	
}
#sub4nav a {
	font-size: 10px;
	text-decoration: none;
	width: 240px;
	color: #333333;
	border: 0px;
}
#sub4nav a:hover {
	text-decoration: underline;
}








/* footer  */

#footer {
	clear: both;
	padding-top: 10px;
}
.footer {
	text-align: center;
	width: 830px;
	height: 30px;
	line-height: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #578832;
	background-color: #DCE8D8;
}




/*

#footer

  {
	clear: both;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 45px;
}
.footer {
	text-align: center;
	width: 740px;
	height: 30px;
	line-height: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #578832;
}


*/