/*de standaard tags*/
body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}

/*22-01-08---------------------- toegevoegd body tags voor link, hover en active ter voorkoming van standaard paarse en blauwe linkkleuren*/
body a:link{
	text-decoration:none;
	color:#CC6600;
}

body a:hover{
	text-decoration:none;
	color:#CC0000;
}

body a:visited{
	text-decoration:none;
	color:#4995c9;
}

body a:active{
	text-decoration:none;
	color:#cc0000;
	font-weight:100;
}
/*22-01-08----------------------einde toegevoegde body tags*/

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.7em;
}

p a:link{
	text-decoration:none;
	color:#CC6600;
}

p a:hover{
	text-decoration:none;
	color:#CC0000;
}

p a:visited{
	text-decoration:none;
	color:#4995c9;
}

p a:active{
	text-decoration:none;
	color:#cc0000;
	font-weight:100;
}

p ul{
	padding:0;
margin:0;
	list-style-type: none;
	font-size:0.8em;
	font-weight:bold;
	color:#0062a1;
}

p li{
	list-style-type: none;
	margin:0;
	padding:0;
}
/*22-01-08----------------------alle basis ul t/m ol ol ol zijn nieuw toegevoegd*/
ul {
	font-size:0.7em;
	line-height:1.7em;
	padding:0;
	margin:0;
	margin-left:17px;
	margin-top:5px;
	list-style-image: url(../images/bullet.rond.gif);
	}
	
ul ul {
	font-size:1em;
	line-height:1.7em;
	padding:0;
	margin:0;
	margin-left:20px;
  list-style-image: url(../images/bullet.vierkant.gif);
	}

ul ul ul {
	line-height:1.7em;
	padding:0;
	margin:0;
	margin-left:20px;
	list-style-image:url(../images/bullet.pijl.gif);
	}
	
ol {
	font-size:0.7em;
	line-height:1.7em;
	padding:0;
	margin:0;
	margin-left:22px;
	margin-top:5px;
	}
	
ol ol {
	font-size:1em;
	line-height:1.7em;
	padding:0;
	margin:0;
	margin-left:20px;
	list-style-type: lower-alpha;	
	}

ol ol ol {
	line-height:1.7em;
	padding:0;
	margin:0;
	margin-left:20px;
	list-style-type: lower-roman;	
	}
/*22-01-08----------------------einde toegevoegde ul & ol tags*/


/*tables*/
.odd{
	background-color:#e2f1ea;
}

/*22-01-08---------------------- in table toegevoegd background-color */

table{
	border-collapse:collapse;
	border:1px solid #85b8d7;
	background-color:#FFFFFF;	
}

table h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin:0.1em 0;
}

table h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#CC6600;
	margin:0em;
}

/*22-01-08---------------------- gewijzigd in td line-height (was 0.7em), toegevoegd vertical align, toegevoegd padding-left */
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.7em;
	border-right: 1px dotted #85b8d7;
	vertical-align:top;
	padding-left:5px;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../images/tableHeader_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-bottom:1px dotted #85b8d7;
}

/*formulier gegevens*/
input.txt {
	color:#0062a1;
	width:200px;
	border:1px solid #336699;
}

/* input.textarea addes, gx_overrules */

/*22-01-08---------------------- deze kan er uit, ik heb grafische buttons gemaakt voor de eenheid van de site
input.btn {
	color:#333399;
	border:1px solid #336699;
	border:none;
}*/

input.radio, input.checkbox {
	width:1.8em;
	margin-right: 2px;
	line-height:inherit;
}

form p {
	clear: left;
	margin: 0px;
	padding: 0px;
	padding-top: 5px
}

form p label{
	float:left;
	width:8em;
	font-family:Arial, Helvetica, sans-serif;
}

form h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#0062a1;
}

/*22-01-08---------------------- toegevoegd 6 poll-items i.v.m. vormgeving poll*/
.poll {
	padding:0px 5px;
	background-color:#FFFFFF;
	border:1px solid #4995c9;
	margin-bottom:10px;
	}

.poll H1{
	padding:0 ;
	color:#CC6600;
}
	
.pollVraag {
	color:#0062a1;
	font-weight:bold;
}

/* 08-02-2008: gewijzigd (i.v.m. percentages): Begin */
.pollUitslagGrafisch {
	margin-top:3px;						/* 08-02-2008: Nieuw */
	height: 14px; 						/* 08-02-2008: Was 10px */
	background-color:#4995c9;
	position:absolute; 				/* 08-02-2008: Nieuw */
}
.pollUitslagPercentage {
	color:#CC6600;
	font-weight:bold;
	position:absolute; 				/* 08-02-2008: Nieuw */
}
/* 08-02-2008: gewijzigd (i.v.m. percentages): Eind */

.pollStemmers {
	font-size:0.8em;
	}
/*22-01-08---------------------- einde toevoegingen Poll*/
	
/*22-01-08---------------------- toegevoegd discussie-items i.v.m. discussie*/
.discussieOnderwerp {
	color: #CC6600;
	}

.discussieOnderwerp a:link{
	color: #CC6600;
	text-decoration:none;
	}

.discussieOnderwerp a:hover{
	color: #CC0000;
	text-decoration:none;
	}

.discussieOnderwerp a:visited{
	color: #4995c9;
	text-decoration:none;
	}

.discussieReacties {
	color: #4995c9;
	font-weight:bold;
	}

.discussieButton {
	border:none;
	background:url(../images/button.bruin_BG.E2F1EA.gif) no-repeat left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.7em;
	color:#ffffff;
	}

.discussieButton a:link {
	}

.discussieButton a:hover {
	background:url(../images/button.blauw_BG.E2F1EA.gif) no-repeat left;
	}
/*22-01-08---------------------- einde toevoegingen discussie*/


/*22-01-08---------------------- gewijzigd font-size (was 1.1em) en line-height toegevoegd */
.keuzelijst{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.7em;
	color:#0062a1;
	border:1px solid #336699;
}

	
/*22-01-08---------------------- toegevoegd vanwege Zoekresultaten*/

#terugNaarBoven {
	background:url(../images/terugNaarBoven.gif) no-repeat 0 50%;
	padding-left:20px;
}
/*22-01-08---------------------- einde toevoeging*/


#download{
	background:url(../images/download.gif) no-repeat 0 50%;
	padding-left:20px;
}

/*22-01-08----------------------gewijzigd margin bottom, was -1em*/
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#0062a1;
	margin-bottom:-0.1em;
}

/*22-01-08----------------------gewijzigd margin bottom, was -1em*/
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	color:#0062a1;
	margin-bottom:-0.1em;
}

h2 a:link{
	text-decoration:none;
	color:#0062a1;
}

h2 a:visited{
	text-decoration:none;
	color:#0062a1;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.6em;
	font-weight:300;
}

h4{ /*=zoeken*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.7em;
	color:#cc6600;
	font-weight:normal;
	border-bottom: 1px solid #cc6600;
}


h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
}

/* .bijschrift moved to gx_overrules */


/*eerst een wrapper, outer en inner om de achtergrondkleuren gelijk te laten eindigen, ongeacht de lengte van de content. Omdat de achtergrondkleur van de pagina's per menu moet kunnen varieren, zijn er verschillende kleuren outers gedefinieerd. Dit moeten er in totaal 8 worden, voor ieder hoofdmenu 1*/

#wrapper{
	position:relative;
	text-align:left;
	width: 988px;
	margin-left:auto;
	margin-right:auto;
}

/*-------27-11-2007. Width toegevoegd in alle #outers. Het opgeven van een vaste width is noodzakelijk omdat in ie6* anders de border rechts niet goed aansluit op het flash-document onderin*/

#outer{
	width:672px;
	border-left:150px solid #4995c9; /*left column background*/
	border-right:166px solid #CC6600; /*right column background*/
	background-color:#E2F1EA;
}

#outerWaterfront{
	width:672px;
	border-left:150px solid #4995c9; /*left column background*/
	border-right:166px solid #57d2c5; /*right column background*/
	background-color:#E2F1EA;
}

#outerActueel{
	width:672px;
	border-left:150px solid #4995c9; /*left column background*/
	border-right:166px solid #d34cdb; /*right column background*/
	background-color:#E2F1EA;
}

#outerWonen{
	width:672px;
	border-left:150px solid #4995c9; /*left column background*/
	border-right:166px solid #b61d3a; /*right column background*/
	background-color:#E2F1EA;
}

#outerOndernemen{
	width:672px;
	border-left:150px solid #4995c9; /*left column background*/
	border-right:166px solid #f29400; /*right column background*/
	background-color:#E2F1EA;
}

#outerRecreeren{
	width:672px;
	border-left:150px solid #4995c9; /*left column background*/
	border-right:166px solid #cc6600; /*right column background*/
	background-color:#E2F1EA;
}

#outerNatuur{
	width:672px;
	border-left:150px solid #4995c9; /*left column background*/
	border-right:166px solid #5ac541; /*right column background*/
	background-color:#E2F1EA;
}

#outerLigging{
	width:672px;
	border-left:150px solid #4995c9; /*left column background*/
	border-right:166px solid #3b966e; /*right column background*/
	background-color:#E2F1EA;
}

#outerContact{
	width:672px;
	border-left:150px solid #4995c9; /*left column background*/
	border-right:166px solid #9354d4; /*right column background*/
	background-color:#E2F1EA;
}

#inner{
	margin:0;
	width:100%;
}

/*de logos van het consortium onderin*/

#logo_consortium{
	width: 988px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	height: 55px;
}

.consortiumTekst{
	padding-left:40em;
	font-size:0.8em;
	color:#999999;
	display:block;
	font-family: "Times New Roman", Times, serif;
}

/*hieronder volgen alle navigation items*/
/*22-01-08---------------------- gewijzigd  i.v.m. button zoek. Height was 20 */
#navigation{
	margin:5px auto 5px auto;
	width:996px;
	height: 30px;
}
	
#navigation ul{
	list-style:none;
	margin: 0;
	padding: 0;
	padding-left:4px;
	padding-top:4px;
	font-size:0.7em;
	font-weight:bold;
	color:#CC6600;
}

#navigation li{
	display:inline;
}

#navigation a:link, #navigation a:visited{
	margin-right:2px;
	padding:3px 10px 3px 10px;
	color:#333399;
	background-color:#fff;
	text-decoration:none;
	border: 1px solid #fff;
}

#navigation a:hover{
	color:#CC6600;
	border: 1px solid #333399;
}
/*22-01-08----------------------  width veranderd (was 148px) en left veranderd (was 840) text-align (was right)om button toe te voegen*/
#navigation_form{
	position:absolute;
	width:190px;
	text-align:left;
	top:-165px;
	left:820px;
	font-size:0.7em;
	font-weight:bold;
	color:#CC6600;
	height: 22px;
}
/*22-01-08---------------------- margin veranderd (was 45 px) om button toe te voegen*/

/*19-02-08---------------------- aangepast vanwege verspringen van zoekveld: float right toegevoegd + margin-right + margin-top. Margin-left verwijderen*/
.zoeken{
	float:right;
	margin-top:-18px;
	margin-right:5px;
	/*margin-right:175px;*/
	/*margin-left:25px;*/
}

/*19-02-08---------------------- aangepast vanwege verspringen van zoekveld: float right toegevoegd en margin-top.*/
.txtZoek{
	float:right;
	margin-top:-18px;
	width:135px;
	border:1px solid #CC6600;
	}
	
/*19-02-08---------------------- aangepast vanwege verspringen van zoekveld: float right toegevoegd en margin-top, margin-right. Verwijderen wat tussen /*- staat.*/
#btnZoek{
	/*position:absolute;
	top:-34px;
	left:546px;*/
	float:right;
	margin-top:-18px;
	margin-right:-10px;
}
#btnZoek a:link {
	border:none;
}
#btnZoek a:hover {
	border:none;
}
/*19-02-08---------------------- einde */


/* hieronder volgen alle header items*/

#header{
	position:relative;
	width:996px;
	margin:0 auto;
	height:143px;
	background-color:#fff;
}

#headerkop{
	position:absolute;
	top: 4px;
	left: 425px;
	width: 396px;
	height: 135px;
	background-color:#4995c9;
}

.headerkop{
	padding-top:30px;
	text-align:center;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:1.2em;
	color:#ffffff;
	letter-spacing: 1px;
}

.headerimgright{
	position:absolute;
	top: 4px;
	left: 825px;
	width: 167px;
	height: 135px;
}

#header_golfjes{
	position:absolute;
	top:4px;
	left:4px;
	width:417px;
	height:135px;
}

#header_golfonder{
	top:-5px;
	left:0px;
	width:400px;
	height:20px;
	position: absolute;
}
	
#header_golfLinks{
	top:-70px;
	left:-165px;
	width:234px;
	height:20px;
	position: absolute;
}

#logo_waterfrontPrint{
	position:absolute;
	top:14px;
	left:3px;
	width:343px;
	height:103px;
}

/*pathfinder & icons
laatste woord op de pathfinder regel moet vet, ik weet niet of dat kan, heb ik nu met de hand gedaan, maar moet natuurlijk gegenereerd worden uit het programma*/

#pathfinder{
	position:absolute;
	top:54px;
	left:150px;
	width: 452px;
	height:30px;
	padding: 10px 10px 10px 30px;
}

.pathfinder{
	font-size:0.7em;
	line-height:1.2em;
	color:#0062a1;
}

#icons{
	position:absolute;
	top:54px;
	left:641px;
	width: 176px;
	height:30px;
	text-align:right;
}

/*hieronder volgt alle informatie over de content. De content bestaat uit 4 delen: bovenin de content_header met daarin een vaste image, content_left, content_center en content_right.
Content_center bestaat ook weer uit 3 delen t.w. content_center_intro (te gebruiken voor de hele breedte, content_center_left, content_center_right, te gebruiken bij een opzet in 2 kolommen.) */

.clear{
	clear:both;
}

#content{
	position:relative;
	width:988px;
	margin:0 auto;
}

#content_header{
	position:absolute;
	width:839px;
	height: 54px;
	top:0px;
	left: 150px;
	background-color:#fff;
}
/*-------27-11-2007. Dit is gewijzigd, door veranderingen in de #outer (om de border in ie6 netjes door te laten lopen in het flash document) hoeft de uitzondering in .content-left niet meer gemaakt te worden.*/

/*firefox*/
/*22-01-08----------------------class veranderd in div!!!!!!!!!!!!!!!!!!!!!!!Moet dus ook in HTML aangepast worden. Dit i.v.m. de toegevoegde tertiaire navigatie*/
#content_left{
	width: 150px; 
	margin-left:-150px;
	float:left;
	position:relative;
	height: auto;
}
/*ie6
* html .content_left{
	width: 150px; 
	margin-left:-150px;
	float:left;
	position:relative;
	height: auto;
}
/*ie7
*+html .content_left{
	width: 150px; 
	margin-left:-150px;
	float:left;
	position:relative;
	height: auto;
}*/

.content_left_img{
	border-bottom:4px solid #ffffff;
}	

#content_left_img{
	width: 150px; 
	float:left;
	margin:0px;
	position:relative;
	height: auto;
	border-bottom:4px solid #ffffff;
}	

#content_left p{
	font-size:0.6em;
	line-height:1.7em;
	padding:10px;
}
/*22-01-08---------------------- width toegevoegd, list-style-image:none toegevoegd, margin:0, padding:0  en  padding-left:10 toegevoegd i.v.m. vergrote lettertype weergave en in verband met tertiair niveau*/

#content_left ul{
	width:140px;
	list-style-image:none;	
	font-size:0.8em;
	line-height:2.4em;
	text-decoration:none;
	color:#FFFFFF;
	margin:0;	
	padding:0;
	padding-left:10px;	
	}

/*22-01-08---------------------- margin-left:0 toegevoegd i.v.m.tertiair navigatie niveau*/
#content_left li{
	border-bottom:1px solid #E2F1EA;
	margin-left:0;	
	list-style-type:none;	
}

/*22-01-08----------------------nieuw i.v.m.tertiair navigatie niveau*/
#content_left ul ul {
	width:130px;
	border:none;
	color:#ffffff;
	line-height:2em;
	padding-bottom:10px;
	list-style-image:none;	
}

/*22-01-08----------------------nieuw i.v.m.tertiair navigatie niveau*/
#content_left li li {
	border-bottom:none;
}

#content_left a:link {
	color:#FFFFFF;
	text-decoration:none;
}

#content_left a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

/*22-01-08----------------------font weight: bold, eruit gehaald*/
#content_left a:hover, a:active{
	/*font-weight:bold;*/
	color:#333399;
	text-decoration:none;
}

/*-------27-11-2007. Padding aangepast omdat de outer width is versmald.*/
/*22-01-08----------------------Width aangepast was 611*/
#content_center{
	width: 613px;
	float:left;
	padding-top: 110px;
	padding-right: 28px;
	padding-bottom: 10px;
	padding-left: 28px;
}

#content_center_intro{
	width:611px;
	float:left;
}

#content_center_left{
	width:300px;
	float:left;
}

/*22-01-08----------------------omdat er nu een algemene ul en ol zijn vormgegeven kunnnen deze er uit.*/
/*#content_center_left ul{
	margin:0;
	padding:0;
	padding-top: 20px;
	list-style-type: none;
	font-size:0.7em;
	font-weight:bold;
	color:#4995c9;
}

#content_center_left ul li{
	background:url(../images/bullet.gif) no-repeat 0 50%;
	font-size:1em;
	line-height:1.7em;
	color:#000000;
	padding-left:20px;
	font-weight:200;
}

#content_center_left ol{
	margin:0;
	padding:0;
	list-style-type: none;
	font-size:0.7em;
	font-weight:bold;
	color:#4995c9;
}

#content_center_left ol li{
	font-size:1em;
	line-height:1.7em;
	color:#000000;
	margin-left:22px;
	font-weight:200;
	list-style-type: decimal;
}*/


.content_center_left img {
	padding-top:10px;
}

#content_center_right{
	width:300px;
	float:left;
	padding-left:10px;
}


/*08-02-08---GX-Development-----------omdat er nu een algemene ul en ol zijn vormgegeven kunnnen deze er uit.*/
/* 
#content_center_right ul{
	margin:0;
	padding:0;
	padding-top: 20px;
	list-style-type: none;
	font-size:0.7em;
	font-weight:bold;
	color:#4995c9;
}

#content_center_right ul li{
	background:url(../images/bullet.gif) no-repeat 0 50%;
	font-size:1em;
	line-height:1.7em;
	color:#000000;
	padding-left:20px;
	font-weight:200;
}

#content_center_right ol{
	margin:0;
	padding:0;
	padding-top: 20px;
	list-style-type: none;
	font-size:0.7em;
	font-weight:bold;
	color:#4995c9;
}

#content_center_right ol li{
	font-size:1em;
	line-height:1.7em;
	color:#000000;
	margin-left:22px;
	font-weight:200;
	list-style-type: decimal;
}

*/


#content_center_right img{
	padding-top:10px;
}
/*22-01-08----------------------width veranderd (was 167) vanwege ie6 & poll*/
#content_right{
	width: 155px;
	margin-right:-167px;
	float:left;
	position:relative;
	height: auto;
	padding: 100px 0px 10px 10px;
}
/*22-01-08----------------------padding verplaatst naar div content_right i.v.m. poll  */
.content_right p{
	font-size:0.6em;
	line-height:1.7em;
}

#zoekresultaten{
	width:500px;
	float:left;
	margin-top:-28px;
	}

/*22-01-08----------------------toegevoegd i.v.m. plaatsen zoek-button op zoekresultaten pagina */
.clear_img{
	margin:0;
	padding:0;
	margin-bottom:-5px;
	}

.vergrootglas{
	margin-bottom:-16px;
}
	
/*footer*/

#footer{
	clear:both;
	width:988px;
	height:61px;
}

/*Mozilla bugs workarounds*/
#outer > inner{
	border-bottom: 1px solid transparent;
}

#content-left{
	margin-right: 1px;
}

#content-right{
	margin-left: 1px;
}
#content_center{
	margin: 0 0px 0 0px;
}