html body { font-size:medium; line-height:medium; }
/*alle versies IE volgen:*/
* html body { font-size:small; line-height:small;}
/*alleen IE6 snapt:*/
* html body { f\ont-size:medium; l\ine-height:medium;}

body	{
	margin: 0;
	padding: 0;
	border: 0;
	padding-bottom: 0px;
	font-family: Trebuchet MS, helvetica, sans-serif;
	font-color: #494848;
	background: url("images/hp_bg.gif");
	background-color: #FFFFFF;
	scrollbar-face-color:#A7CBBA;
	scrollbar-arrow-color: #DFCCB5;
	scrollbar-track-color: #A7CBBA;
	scrollbar-shadow-color: #DFCCB5;
	scrollbar-highlight-color: #A7CBBA;
	scrollbar-3dlight-color: #DFCCB5;
	text-align:left;
}


body#actueel {
	background: url("images/bg_actueel.gif");
}
body#aanvragers {
	background: url("images/bg_aanv.gif");
}
body#donateurs {
	background: url("images/bg_don.gif");
}
body#pp {
	background: url("images/bg_pp.gif");
}

/*
html, body, form, fieldset {
        margin: 0;
        padding: 0;
}
*/

* {
	margin: 0;
 	padding: 0;
	/* hiermee zet je voor alle elementen de m en p op 0, hoef je alleen de uitzonderingen op te geven */
}

/* homepage layout */



#pf {
	position:absolute;
	left:0px;
	top:6px;
	width:99%;
	height:90%;
}

#witrand_boven {
	position:absolute;
	left:0px;
	top:0px;
	width:99%;
	height:90%;
}

#artwork_aanv_hp {
	position:absolute;
	left:18px;
	top:0px;
	width:98px;
	height:98px;
}


#hp_kop_aanvragers {
	position:absolute;
	left:18px;
	top:136px;
	width:180px;
}

#hp_kop_donateurs {
	position:absolute;
	left:214px;
	top:136px;
	width:180px;
}

#hp_kop_persenpubliek {
	position:absolute;
	left:410px;
	top:136px;
	width:180px;
}


#artwork_don_hp {
	position:absolute;
	left:214px;
	top:0px;
	width:98px;
	height:98px;
}


#logo {
	position:absolute;
	left:410px;
	top:0px;
	width:301px;
	height:98px;
	z-index:1;
}

#zoek_contact {
	position:absolute;
	left:609px;
	top:62px;
	width:250px;
	height:33px;
	z-index:2;
}

#artwork_volg {
	position:absolute;
	left:70px;
	top:0px;
	width:98px;
	height:98px;
}

#hp_kop_actueel {
	position:absolute;
	left:609px;
	top:136px;
	width:370px;
	height:20px;
}

#act_actie {
	position: relative;
	left:609px;
	top:160px;
	width: 280px;
	margin: 0;
	padding-left:10px;
	padding-top: 10px;
}


#hp_txt_nieuwsberichten {
	position:relative;
	left:609px;
	top:160px;
	width:370px;
	height:85;
	margin-top: 12px;
}



/* hieronder staan de ul en de li gedefinieerd die zorgen voor de listing van de menu-items van aanv, don, pp etc */
#menu_aanv, #menu_don, #menu_pp #menu_zc {
 	margin: 0;
 	padding: 0 15px 20px 0px; /* hier padding op 0 (laatste cijfer) om automatische indent weg te nemen */
}

#menu_aanv.menu li, #menu_don.menu li, #menu_pp.menu li, #menu_zc.menu li {
	margin: 0;
 	padding: 0;
	padding-left: 13px;
	
 /*	background: url(images/lb_aanv.gif) no-repeat 0 6px; als je hier in procenten aangeeft, bijv. 50%, krijg je bij afbreken een hele vreemde plaating van het list-itemplaatje, dus liever pixels opgeven)*/
	/* display: inline;hiermee haal je het blocklevel effect van de list weg: je kunt nu ook een horizontaal opgesomd menu maken*/
 	/*list-style-type: none;*/
}

#submenu {
	float: right;
	margin: 0 10px 0 5px;
	padding: 0;
	letter-spacing: 1pt;
}

#submenu_pp.menu li {
	text-align:right;
}


#menu_aanv li  {
	background: url(images/lb_aanv.gif) no-repeat 0 6px;
}

#menu_don li  {
	background: url(images/lb_don.gif) no-repeat 0 6px;
}

#menu_pp li  {
	background: url(images/lb_pp.gif) no-repeat 0 6px;
}

#menu_zc li  {
	float: left;
	background: url(images/lb_zc.gif) no-repeat 0 50%;
	font-size: 70%;
}

.menu a {
	font-size: 100%;
	/*margin: 0px 5px 5px 0px;*/
 	text-decoration: none;
	color: #000000;
}

.menu a.active, .menu a:hover {
	color: #F7941D;
}


#menu_aanv.menu a.active, #menu_aanv.menu a:hover {
	color: #604D40;/*dit is de kleur van de actieve of gehoverde tekst*/
	/*a.active voeg je in de html toe aan desbetreffende link*/
}

#menu_don.menu a.active, #menu_don.menu a:hover {
	color: #4F573D;
}

#menu_pp.menu a.active, #menu_pp.menu a:hover {
	color: #3F5853;
}

#menu_zc.menu a.active, #menu_zc.menu a:hover {
	color: #F7941D;
}

#submenu_pp.menu a.active, #submenu_pp.menu a:hover {
	color: #FFFFFF;
}


#rubrieksmenu {
	float: left;
	font-size: 100%;
	line-height: 1px;
	width: 500px;
	margin-top: 6px;
}


/*ul#rubrieksmenu_aanv  {
	padding: 0 6px 0 12px;
	background: url(images/lb_aanv_li.gif) no-repeat 0 50%;
}*/

#rubrieksmenu_aanv li {
	display: inline;
	padding: 0 6px 0 15px;
	background: url(images/lb_aanv_li.gif) no-repeat 0 50%;
}

#rubrieksmenu_aanv2.menu li {
	display: inline;
	padding: 0 6px 0 15px;
	background: url(images/lb_aanv_li.gif) no-repeat 0 50%;
}

#rubrieksmenu_aanv.menu a {
 	color: #8A6C48;
}

#rubrieksmenu_aanv2.menu a {
 	color: #8A6C48;
}


#rubrieksmenu_aanv.menu a.active, #rubrieksmenu_aanv.menu a:hover {
	color: #000000;
}


#rubrieksmenu_don.menu li {
	display: inline;
	padding: 0 6px 0 15px;
	background: url(images/lb_don.gif) no-repeat 0 50%;
}

#rubrieksmenu_don.menu a {
 	color: #72853A;
}

#rubrieksmenu_don.menu a.active, #rubrieksmenu_don.menu a:hover {
	color: #000000;
}

#rubrieksmenu_pp.menu li {
	display: inline;
	padding: 0 6px 0 15px;
	background: url(images/lb_pp.gif) no-repeat 0 50%;
}

#rubrieksmenu_pp.menu a {
 	color: #60877F;
}

#rubrieksmenu_pp.menu a.active, #rubrieksmenu_pp.menu a:hover {
	color: #000000;
}




#btn1 {
	position:absolute;
	left:7px;
	top:6px;
	width:23px;
	height:93px;
}

#btn2 {
	position:absolute;
	left:32px;
	top:6px;
	width:23px;
	height:93px;
}

#btn3  {
	position:absolute;
	left:57px;
	top:6px;
	width:23px;
	height:118px;
}

/* einde layout rubriek actueel */

#volgpag_aanv {
}

#volgpag_don {
}

/* layout rubriek pers en publiek */

#volgpag_pp {
}

#pp_txtveld, #don_txtveld, #aanv_txtveld {
	position:relative;
	left:71px;
	top:101px;
	width:892px;
	margin: 0;
}

/* einde layout rubriek pers en publiek */

#aanvragers-btn {
	position:absolute;
	left:7px;
	top:6px;
	width:23px;
	height:93px;
}

#donateurs-btn {
	position:absolute;
	left:32px;
	top:6px;
	width:23px;
	height:93px;
}

#pp-btn {
	position:absolute;
	left:57px;
	top:6px;
	width:23px;
	height:118px;
}

#actueel_txtveld {
	position:relative;
	left:90px;
	top:101px;
	width:892px;
	margin: 0;
}

#rubr_txtveld {
	float:left;
	width:520px;
	margin: 0;
	padding: 0;
}

#kruimelspoor {
	width:510px;
	height: 100%;
}

#rubrtitel {
	position: relative;
	margin-top: 6px;
}


#paginhoud {
	float: left;
 	width:99%;
	margin: 25px 0 0 0;
	/*border: 1px solid #000000;*/
}

#zoekpanel {
	clear:right;
	float: right;
	position:relative;
	width:359px;
}

#zoekpanel_algemeen {
	clear: right;
	float: left;
	position:relative;
	width:450px;
	margin: 0 0 0 28px;
}

#zoekpanel-alg {
	clear:right;
	float: right;
	width:480px;
	margin: 0;
	padding: 0;
}


#zoekpanel-nieuws {
	clear:right;
	float: right;
	background-color: #FEEEDB;
	width:359px;
	margin: 0;
	padding: 0;
}

input.invoerveld {  
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 18px;
	width: 280px;
	color: #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #ffffff;
	cursor:pointer;
	padding: 0px;
	margin: 0;
}


input.invoerveld-alg {  
	width: 400px;
	cursor:pointer;
	padding: 0px;
	margin: 0;
}


input.submit {  
	clear:right;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	width: 50px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #F7941D;
	cursor:pointer;
	padding:0;
	margin: 0;
	/*vertical-align:bottom;*/
}

#helpscherm_zkrz {
	visibility: hidden;
	float:right;
	width: 355px;
	height: 100%;
	/*border-left: 1px solid #F7941D;
	border-top: 1px solid #F7941D;
	border-bottom: 1px solid #F7941D;
	border-right: 1px solid #F7941D;*/
	padding:0;
	margin: 5px 0 5px 0;
	z-index:2;
}

/* einde actueel */


h1, h2, h3, h4, h5 {
	/*clear:right;*/
	font-weight: normal;
	color:#262626;
	margin-top: 0 em;
	margin-right: 1 em;
	margin-left:0px;
	margin-bottom:1px;
	letter-spacing: 1px;
	line-height: 1.5 em;
	text-align:left;
}

h1 {
	font-weight: bold;
	font-size: 100%;
}

h1.rubrtitel_pp {
	color: #60877F;
}

h1.rubrtitel_aanv {
	color: #8A6C48;
}

h1.rubrtitel_don {
	color: #849A43;
}

h2 {
	font-size: 90%;
}

h3 {
	font-size: 75%;
	font-weight: bold;
	letter-spacing: 0.1 em;
	line-height: 1 em;
}

h4 {
	font-size: 85%;
	letter-spacing: 0px;
	line-height: 1 em;
}

h4.zoekresultaat{
	font-size: 75%;
	margin: 8px 0 15px 8px;
	color: #304286;
}

h5 {
	font-size: 60%;
}

h5 a{
	text-decoration: none;
}

h5 a:hover, a.visited {
	text-decoration: none;
}

p {
	font-size: 75%;
	margin: 15px 15px 5px 0;
	line-height: 1.9em;
}

p.foto {
	margin: 0;
}

a {
	color: #000066;
}

a:hover, a.visited {
	color: #2B443F;
}

.leesmeer {
	font-size: 80%;
	font-style: italic;
}

ul, li {
	list-style:none;
	line-height: 1.5em;
	margin-left: 0;
	padding-left: 0;
}

li {
	font-size: 75%;
}


#rz ul {
	background: url(images/rz_bullet.gif)no-repeat 0 6px;
	padding-left: 10px;
}


#lijst_txt li{
	background: url(images/rz_bullet.gif) no-repeat 0 5px;
	padding-left: 12px;
	margin:10px 0 6px 0;
}
#lijst_txt_aanv li{
	background: url(images/aanv_bullet.gif) no-repeat 0 5px;
	padding-left: 12px;
	margin:10px 0 6px 0;
}
#lijst_txt_don li{
	background: url(images/don_bullet.gif) no-repeat 0 5px;
	padding-left: 12px;
	margin:10px 0 6px 0;
}

#list_act li{
	padding: 0px;
	margin:16px 0 6px 0;
}


.txt_zoekpanel {
	margin: 0;
	/*border: 1px solid black;*/
}

.rechtsuitlijnen {
	font-size: 75%;
	letter-spacing: 1px;
	line-height: 1.5 em;
	float:right;
	margin: 0 2px 0 0;
}

#naarboven {
	float:right;
	margin: 0 10px 15px 0;
}

p.zoekresultaat {
	margin: 0 0 0 8px;
	color: #304286;
}

p.helpscherm {
	font-size: 70%;
	color: #000000;
	margin: 5px;
}

#beeld_rechts {
	clear:right;
	float: right;
	position:relative;
	width:355px;
	margin-top: 40px;
}

.onderfoto {
	font-size: 80%;
	font-style: normal;
	letter-spacing: 1px;
	color: red;
}

.colofon {
	font-size: 70%;
	font-style: normal;
	letter-spacing: 1px;
	color: #FF6600;
}

a.colofon {
	font-size: 100%;
	font-style: normal;
	letter-spacing: 1px;
	color: #FF6600;
	text-decoration: none;
}

a:hover, a.visited {
	color: #2B443F;
}

/* machtingingsformulier */

#onderkant_formulier {
	clear:both;
	float:left;
}

#machtigingsform .formwrapper {
  width:98%;
  display:block;
  border:1px solid #c5e664;
}



#machtigingsform input {
  float:right;
  display:block;
}

#machtigingsform input.left {
  float:left;
  display:block;
  clear:left;
  margin-top: 2px;
  margin-right: 4px;
}

label {
	clear:left;
	font-size: 12px;
	float:left;
	height:20px;
}

textarea {
	width: 350px;
	height: 80px;
	border: 1px solid black;
	}

#onderkant_formulier p {
	font-size: 12px;
	line-height: 1.8em;
}

input.verstuur-form {  
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	height: 30px;
	width: 80px;
	color:#000000;
	border: 2px solid #FF9933;
	background-color: #ffffff;
	cursor:pointer;
	padding: 0px;
	margin-right: 30px;
	margin-bottom: 35px;
}