* { 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Arial, Verdana, "Trebuchet MS";
}

body {
	background-color: #C3C000;
	text-align: center;
}
#root {
	margin: 10px auto;
	width: 985px;
}
#container_bg {
	float: left;
	width: 985px;
	background: #FFFFFF url('/images/2008/container_bg.gif') repeat-y 1px 0;
}
#container {
	width: 985px;
*	width: 987px;
	background: transparent url('/images/2008/sponsors.jpg') no-repeat left bottom;
	border: 1px solid #951C23;
	text-align: left;
	position: relative;
	float: left;
}

#left {
	background: #FFFFFF url(/images/2008/sponsors.jpg) no-repeat scroll left bottom;
	width: 208px;
	float: left;
	border-right: 1px solid #951C23;
}

#left #logo {
	position: relative;
	top: 0px;
	left: 0px;
	width: 208px;
	height: 170px;
	border-bottom: 1px solid #951C23;
}

#left #logo a img {
	border: none;
}

#left #menu {
	width: 208px;
}

#left #menu ul {
	list-style: none;
}

#left #menu ul li {
	height: 30px;
	border-bottom: 1px solid #951C23;
	padding-left: 38px;
	padding-top: 5px;
	font-size: 15px;
}

#left #menu ul li.red { 
	color: #951C23;
}
	
#left #menu ul li.green { 
	color: #728B1D;
}	

#left #sponsors { 
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(/images/2008/sponsors.jpg) no-repeat;
	width: 208px;
	height: 77px;
}

#right {
	float: left;
	width: 776px;
}
/* Header Home */
#right #headerHome {
	width: 776px;
	height: 169px;
}

#right #headerHome #headerHomeTekst {
	float: left;
	width: 238px;
	height: 169px;
	background-color: #728B1D;
}

#right #headerHome #headerHomeTekst #quotePos { 
	padding: 25px 35px;
}

#right #headerHome #headerHomeImage {
	float: right;
	width: 538px;
	height: 169px;
}

#right #contentHome {
	background-color: #FFFFFF;
	width: 776px;
	padding: 0 0 33px 0;
}

#right #contentHome #contentTop { 
	width: 776px;
	border-bottom: 1px solid #951C23;
	height: 211px;
}

#right #contentHome #contentTop #topKolomLinks {
	background: url(/images/2008/redBG.gif) repeat-x;
	width: 264px;
	height: 200px;
	float: left;
}

#right #contentHome #contentTop #topKolomLinks #titleImagePadding {
	padding-top: 18px; 
	padding-left: 15px;
}

#right #contentHome #contentTop #topKolomLinks #titleImageBorder {
	background: url(/images/2008/titelImage.gif) no-repeat;
	width: 235px; 
	height: 183px;
}

#right #contentHome #contentTop #topKolomLinks #titleImage{
	padding: 14px 0 0 18px;
}

#right #contentHome #contentTop #topKolomRechts { 
	float: right;
	width: 512px;
} 

#right #contentHome #contentTop #topKolomRechts #titelBalk {
	float: right;
	background-color: #951C23;
	width: 512px;
	height: 61px;
}

#right #contentHome #contentTop #topKolomRechts #titelBalk p {
	color: #ffffff;
	font-size: 20px;
	padding: 20px 0 0 0;
}

#right #contentHome #contentTop #topKolomRechts #contentTopTekst {
	font-size: 12px;
	width: 470px;
	position: relative;
	top: 30px;
}

#right #contentHome #contentBottom {
	margin: 5px 25px 5px 32px;
	overflow: hidden;
}

#right #contentHome #contentBottom #cbLinks {
	width: 355px;
	border-right: 1px solid #951C23;
	float: left;
}

#right #contentHome #contentBottom #cbLinks #cbLinksContent {
	width: 310px;
	float: left;
	margin-top: 5px;
}

#right #contentHome #contentBottom #cbRechts {
	width: 335px;
	float: right;
}

#right #contentHome #contentBottom #cbRechts #cbRechtsContent {
	width: 330px;
	float: left;
	margin-top: 5px;
}

#right #contentHome #contentBottom #cbLinks #cbLinksContent .cbTitle,
#right #contentHome #contentBottom #cbRechts #cbRechtsContent .cbTitle { 
	margin: 0 0 10px 0;
}

#right #contentHome #contentBottom #cbLinks #cbLinksContent .cbTitle a,
#right #contentHome #contentBottom #cbRechts #cbRechtsContent .cbTitle a { 
	color: #951C23;
	font-size: 18px;
	text-decoration: none;
}

#right #contentHome #contentBottom #cbLinks #cbLinksContent .cbTitle a:hover,
#right #contentHome #contentBottom #cbRechts #cbRechtsContent .cbTitle a:hover { 
	text-decoration: underline;
}

#right #contentHome #contentBottom #cbLinks #cbLinksContent .cbText,
#right #contentHome #contentBottom #cbRechts #cbRechtsContent .cbText {
	font-size: 12px;
	float: left;
	margin-bottom: 5px;
}

#right #contentHome #contentBottom #cbLinks #cbLinksContent .cbText img,
#right #contentHome #contentBottom #cbRechts #cbRechtsContent .cbText img {
	float: right;
	margin: 0 0 0 10px;
	border: 1px solid #728B1D;
}

#right #contentHome #contentBottom #cbLinks #cbLinksContent .cbText a,
#right #contentHome #contentBottom #cbRechts #cbRechtsContent .cbText a {
	color: #951C23;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	float: left;
	width: 200px;
}

#right #contentHome #contentBottom #cbLinks #cbLinksContent .cbText a:hover,
#right #contentHome #contentBottom #cbRechts #cbRechtsContent .cbText a:hover { 
	text-decoration: none;
}

#right #footer { 
	background: url(/images/2008/footer.jpg) no-repeat;
	width: 776px;
	height: 33px;
	float: left;
	position: absolute;
	bottom: 0px;
*	bottom: -1px;
}

/* Vervolg pagina's */

#left #menu {
	height: 29px;
	width: 208px;
}

#left #menu a img {
	border-style: none;
}

#right #header {
	width: 776px;
	height: 169px;
}

#right #header #headerTekst {
	float: right;
	width: 286px;
	height: 169px;
	background-color: #728B1D;
}

#right #header #headerTekst #quotePos { 
	padding: 25px 35px;
}

#right #header #headerImage {
	float: left;
	width: 490px;
	height: 169px;
}

#right #header #headerBar {
	float: right;
	background-color: #951C23;
	width: 776px;
	height: 61px;
}

#right #header #headerBar #headerTitel	{
	border: 0px solid red;
	padding: 20px 0 0 63px;
	color: #FFFFFF;
	font-size: 20px;
	text-transform: uppercase;
	position: relative;
}

#right #header #headerBar #headerTitel img {
	float: left;
	padding-top: 3px;
}

#right #header #headerBar #headerTitel p {
	float: left;
	padding-left: 10px;
*	position: absolute;
*	bottom: 19px;
}

#right #content {
	background-color: #FFFFFF;
	width: 776px;
	float: right;
} 

#right #content #kolom {
	padding: 37px 0 0 33px;
} 

#right #content #kolom #kolomContentLinks {
	float: left;
	width: 455px;
}

#right #content #kolom #kolomContentLinks #pageTitle h5 { 
	color: #951C23;
	padding: 0 0 40px 0;
	font-size: 18px;
}

#right #content #kolom #kolomContentLinks .contentText {
	width: 455px;
	font-size: 12px;
}

#right #content #kolom #kolomContentRechts .contentText strong,
#right #content #kolom #kolomContentLinks .contentText strong {
	color: #951C23;
	font-weight: bold;
}

#right #content #kolom #kolomContentRechts .contentText u,
#right #content #kolom #kolomContentLinks .contentText u {
	text-decoration: none;
	color: #728B1D;
	font-weight: bold;
}

#right #content #kolom #kolomContentRechts .contentText a,
#right #content #kolom #kolomContentLinks .contentText a {
	text-decoration: underline;
	color: #951C23;
}

#right #content #kolom #kolomContentRechts .contentText a:hover,
#right #content #kolom #kolomContentLinks .contentText a:hover {
	text-decoration: none;
}

#right #content #kolom #kolomContentLinks #overzichtTerug {
	padding: 22px 0 0 0;
*	padding: 7px 0 0 0;
}

#right #content #kolom #kolomContentLinks #overzichtTerug img {
	border: none;
	margin: 0 0 15px;
}

#right #content #kolom #kolomContentRechts {
	float: right;
	width: 255px;
}

#right #content #kolom #kolomContentRechts .contentText {
	width: 220px;
	font-size: 12px;
}

#right #content #kolom #kolomContentRechts .contentText a {
	font-weight: normal;
	color: #000000;
}


#right #content #kolom #kolomContentRechts .contentImgPadding {
	padding: 0 35px 28px 0;
}

#right #content #kolom #kolomContentRechts .contentImgPadding .contentImgJa {
	border: 1px solid #728B1D;
	width: 220px;
}

#right #content #kolom #kolomContentRechts .contentImgPadding .contentImgNee {
	border: none;
	width: 220px;
}

#right #content #kolom #kolomContentRechts .contentImg p#onderschrift {
	font-size: 10px;
} 

/* Groenekaar */ 

#right #content #kolomGroenekaart {
	padding: 40px 0 0 25px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks {
	border-right: 1px solid #951C23;
	width: 405px;
	float: left;
}
#right #content #kolomGroenekaart #kolomGroenekaartLinks #pageTitle {
	color: #951C23;
	padding: 0 0 7px 0;
	font-size: 18px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart {
	padding: 0 0 30px 0;
	position: relative;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #gemeenteKolomLinks {
	float: left;
	width: 180px;
	font-size: 12px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #gemeenteKolomPadding {
	padding: 0 0 0 20px;
	float: left;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #gemeenteKolomRechts {
	float: left;
	width: 180px;
	font-size: 12px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #gemeenteKolomLinks a,
#right #content #kolomGroenekaart #kolomGroenekaartLinks #gemeenteKolomRechts a {
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	color: #728B1D;
}

#right #content #kolomGroenekaart #kolomGroenekaartRechts {
	float: left;
	padding: 0 0 0 20px;
	width: 295px;
}

#right #content #kolomGroenekaart #kolomGroenekaartRechts #groenekaartInfo {
	font-size: 12px;
}

#right #content #kolomGroenekaart #kolomGroenekaartRechts #groenekaartInfo h6{
	font-size: 15px;
	color: #751C23;
	padding: 0 0 10px 0;
}

#right #content #kolomGroenekaart #kolomGroenekaartRechts #groenekaartInfo img {
	float: right;
}

/*== Groenekaart Loop definitions ==*/
#right #content #kolomGroenekaart #kolomGroenekaartLinks #gemeenteKolomLinks
{
	width: 405px;
}
#right #content #kolomGroenekaart #kolomGroenekaartLinks #gemeenteKolomLinks .gemeenteItem
{
	float: left;
	width: 200px;
}
#right #content #kolomGroenekaart #kolomGroenekaartLinks #gemeenteKolomLinks .gemeenteItem .gemeenteTitel
{
	
}
#right #content #kolomGroenekaart #kolomGroenekaartLinks #gemeenteKolomLinks .gemeenteItem .gemeenteItem_text
{
	display: none;
}
#right #content #kolomGroenekaart #kolomGroenekaartLinks #gemeenteKolomLinks .gemeenteItem .gemeenteItem_text_active
{
	
}
#right #content #kolomGroenekaart #kolomGroenekaartLinks #gemeenteKolomLinks .gemeenteItem .gemeenteItem_text img
{
	
}
#right #content #kolomGroenekaart #kolomGroenekaartLinks #gemeenteKolomLinks .gemeenteItem .gemeenteItem_text h6
{
	
}
/*== ==*/
/*== groenekaar image positioneringen ==*/
#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart .mouseOverImg {
	display: none;
	height: 13px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart .mouseOverImg a img,
#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart .mouseOverImg_active a img {
	border-style: none;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart .mouseOverImg_active {
	height: 13px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #WaterschapDeDommel {
	position: absolute;
	top: 160px;
	left: 160px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #WaterschapAaEnMaas {
	position: absolute;
	top: 160px;
	left: 131px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #ProvincieNoordBrabant {
	position: absolute;
	top: 160px;
	left: 103px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #GemeenteVught {
	position: absolute;
	top: 54px;
	left: 220px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #GemeenteVeghel {
	position: absolute;
	top: 66px;
	left: 283px;
} 

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #GemeenteTilburg {
	position: absolute;
	top: 85px;
	left: 177px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #GemeenteSonenBreugel {
	position: absolute;
	top: 108px;
	left: 266px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #GemeenteSchijndel {
	position: absolute;
	top: 65px;
	left: 264px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #GemeenteOirschot {
	position: absolute;
	top: 106px;
	left: 220px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #GemeenteOisterwijk {
	position:absolute;
	top: 82px;
	left: 196px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #GemeenteStOedenrode {
	position: absolute;
	top: 88px;
	left: 264px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #GemeenteStMichielsgestel {
	position: absolute;
	top: 62px;
	left: 235px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #GemeenteHeusden {
	position: absolute;
	top: 29px;
	left: 185px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #GemeenteDenBosch {
	position: absolute;
	top: 39px;
	left: 225px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #GemeenteHaaren {
	position: absolute;
	top: 68px;
	left: 206px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #GemeenteEindhoven {
	position: absolute;
	top: 129px;
	left: 260px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #GemeenteBoxtel {
	position: absolute;
	top: 76px;
	left: 234px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #GemeenteBest {
	position: absolute;
	top: 108px;
	left: 247px;
}

#right #content #kolomGroenekaart #kolomGroenekaartLinks #Groenekaart #GemeenteBernhezen {
	position: absolute;
	top: 49px;
	left: 276px;
}

/*== Project Loop ==*/

#right #content #kolom .projectItem {
	float: left;
	padding: 0 25px 17px 0;
	width: 345px;
}

#right #content #kolom #kolomProjects h5 {
	color: #951C23;
	padding: 0 0 25px 0;
	font-size: 18px;
} 

#right #content #kolom .projectItem .projectItemImg {
	background: url(/images/2008/imgBorderSmall.gif) no-repeat;
	width: 105px;
	height: 83px;
	float: left;
	position: relative;
}

#right #content #kolom .projectItem .projectItemImg img {
	position: absolute;
	top: 7px;
	left: 8px;
}

#right #content #kolom .projectItem .projectItemContent {
	float: left;
	padding: 0 0 0 10px;
	width: 220px;
}

#right #content #kolom .projectItem .projectItemContent .projectItemTitel {
	border-bottom: 1px solid #728B1D;
	color: #728B1D;
	float: left;
	font-size: 15px;
	font-weight: bold;
	width: 220px;
	position: relative;
}

#right #content #kolom .projectItem .projectItemContent .projectItemTitel a {
	color: #728B1D;
	float: left;
	text-decoration: none;
}

#right #content #kolom .projectItem .projectItemContent .projectItemTitel img {
	float: left;
	position: absolute;
	bottom: 5px;
	right: 0;
}

#right #content #kolom .projectItem .projectItemContent .projectItemText {
	float: left;
	font-size: 12px;
	width: 225px;
}

/*== Contact Formulier ==*/

#right #content #kolom #kolomFormLinks {
	float: left;
}

#right #content #kolom #kolomFormLinks #pageTitle {
	color: #951C23;
	padding: 0 0 25px 0;
	font-size: 18px;
}

#right #content #kolom #kolomFormLinks .contentText {
	width: 220px;
	font-size: 12px;
}

#right #content #kolom #kolomFormLinks .contentText u {
	color: #951C23;
	text-decoration: none;
	font-weight: bold;
}

#right #content #kolom #kolomFormLinks .contentText a {
	font-weight: normal;
	color: #000000;
}


#right #content #kolom #kolomFormRechts {
	width: 445px;
	float: right;
	padding: 40px 43px 0 0;
}

#right #content #kolom #kolomFormRechts #formulierTitel {
	color: 951C23;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 15px 0;
}

#right #content #kolom #kolomFormRechts #formulier {
	width: 445px;
	height: 330px;
	background-color: #728B1D;
	float: left;
}

#right #content #kolom #kolomFormRechts #formulier .contactvelden {
	font-size: 11px;
	color: #FFFFFF;
}

#right #content #kolom #kolomFormRechts #formulier Form {
	padding: 5px 0 0 7px;
	position: relative;
}

#right #content #kolom #kolomFormRechts #formulier Form Input.input1,
#right #content #kolom #kolomFormRechts #formulier Form Input.input2,
#right #content #kolom #kolomFormRechts #formulier Form Input.input3,
#right #content #kolom #kolomFormRechts #formulier Form Input.input4,
#right #content #kolom #kolomFormRechts #formulier Form Input.input5 {
	border: none;
	font-size: 12px;
	height: 23px;
	padding: 4px 0 0 4px;
}

#right #content #kolom #kolomFormRechts #formulier Form Input.input1 {
	width: 430px;
*	width: 430px;
}

#right #content #kolom #kolomFormRechts #formulier Form Input.input2 {
	width: 299px;
*	width: 282px;
}

#right #content #kolom #kolomFormRechts #formulier Form Input.input3 {
	width: 109px;
*	width: 109px;
}

#right #content #kolom #kolomFormRechts #formulier Form Input.input4 {
	width: 109px;
	margin: 0 17px 0 0;
*	width: 109px;
*	margin: 0 17px 0 0;
}

#right #content #kolom #kolomFormRechts #formulier Form Input.input5 {
	width: 300px;
*	width: 298px;
}


#right #content #kolom #kolomFormRechts #formulier Form textarea {
	border: none;
	width: 430px;
	height: 105px;
	font-size: 12px;
	padding: 4px 0 0 4px;
}

#right #content #kolom #kolomFormRechts #formulier Form .button {
	background-color: #728B1D;
	border: none;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	float: right;
}

/*== Nieuwsbrief ==*/

#right #content #kolom #kolomFormLinks #formulier Form {
	padding: 5px 7px 0 7px;
}

#right #content #kolom #kolomFormLinks #formulier Form#frmEmailserviceMembership {
	width: 540px;
	background-color: #728B1D;
	float: left;
}

#right #content #kolom #kolomFormLinks #formulier Form#frmEmailserviceMembership table {
	font-size: 12px;
	color: #FFFFFF;
}

#right #content #kolom #kolomFormLinks #formulier Form#frmEmailserviceMembership input#fld_email,
#right #content #kolom #kolomFormLinks #formulier Form#frmEmailserviceMembership input#fld_extrafield1,
#right #content #kolom #kolomFormLinks #formulier Form#frmEmailserviceMembership input#fld_extrafield2 {
	height: 23px;
	width: 469px;
}

#right #content #kolom #kolomFormLinks #formulier Form#frmEmailserviceMembership input {
	border: none;
	padding: 4px 0 0 4px;
}

#right #content #kolom #kolomFormLinks #formulier Form#frmEmailserviceMembership p input {
	float: right;
	background-color: #728B1D;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 0;
}

/*== actueel ==*/

#right #content #kolom .actueelItem {
	float: left;
	padding: 0 25px 17px 0;
	width: 345px;
}

#right #content #kolom #kolomactueels h5 {
	color: #951C23;
	padding: 0 0 25px 0;
	font-size: 18px;
} 

#right #content #kolom .actueelItem .actueelItemImg {
	background: url(/images/2008/imgBorderSmall.gif) no-repeat;
	width: 105px;
	height: 83px;
	float: left;
	position: relative;
}

#right #content #kolom .actueelItem .actueelItemImg img {
	position: absolute;
	top: 8px;
	left: 8px;
}

#right #content #kolom .actueelItem .actueelItemContent {
	float: left;
	padding: 0 0 0 10px;
	width: 220px;
}

#right #content #kolom .actueelItem .actueelItemContent .actueelItemTitel {
	border-bottom: 1px solid #728B1D;
	color: #728B1D;
	float: left;
	font-size: 15px;
	font-weight: bold;
	width: 220px;
	position: relative;
}

#right #content #kolom .actueelItem .actueelItemContent .actueelItemTitel a {
	color: #728B1D;
	float: left;
	text-decoration: none;
}

#right #content #kolom .actueelItem .actueelItemContent .actueelItemTitel img {
	float: left;
	position: absolute;
	bottom: 5px;
	right: 0;
}

#right #content #kolom .actueelItem .actueelItemContent .actueelItemText {
	float: left;
	font-size: 12px;
	width: 225px;
}
