* {margin:0; padding:0;} 


*:focus {
-moz-outline:none;
outline:none;
}
 
body {
	text-align: center;
	padding:0;
	margin:0;
}

#site {
	position:relative;
	width: 770px;
	height: 100%;
	margin: 10px auto;
	padding: 0px;
	background-color: #fff;
	color: #004d8b;
	text-align: left;
	border: 1px solid #004d8b;
	background-image:  url(pics/back_content.gif);
	background-position: top left;
	background-repeat: repeat-y;
}


 /* ========================= header ========================= */

#header {
	width: 770px;
	height: 125px;
	background-image:  url(pics/back_header.gif);
	background-position: top left;
	background-repeat: repeat-x;
	border-bottom: 1px solid #004d8b;
}

#header .tijdelijk {
	margin: 0px;
	width: 551px;
	height: 125px;
	float: left;
	border-right: 1px solid #004d8b;
}

#header .logo {
	width: 218px;
	height: 100%;
	float: right;
	text-indent: -9999px;
	overflow: none;
	background-image: url(pics/logo_penders-voetzorg.gif);
	background-position: middle center;
	background-repeat: no-repeat;
	background-color: #fff;
}

#header .logo a:link, #header .logo a:visited {
	width: 100%;
	height: 125px;
	text-decoration: none;
	display: block;
}

#header .foto_top {
	width: 235px;
	height: 100%;
	float: left;
	border-left: 1px solid #004d8b;
	border-right: 1px solid #004d8b;
	background-image:  url(image_vervolg.php);
	background-position: bottom center;
	background-repeat: no-repeat;
}

#header .login_top {
	width: 235px;
	height: 100%;
	float: left;
	border-left: 1px solid #004d8b;
	border-right: 1px solid #004d8b;
}

#header .login_top .kop {
	margin-top: 29px;
	padding-left: 10px;
	height: 19px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
	color: #dde0ea;
	border-bottom: 1px solid #dde0ea;
	background-color: #004d8b;
}

#header .login_top .login {
	margin: 0px;
	padding-top: 5px;
	padding-left: 10px;
	height: 70px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 19px;
	color: #dde0ea;
	background-color: #004d8b;
}

#header .login_top .login .naam_ww {
	float: left;
	display: block;
	height: 24px;
}

#header .login_top .login .float_right {
	padding-right: 10px;
	float: right;
	display: block;
	height: 24px;
}

#header .login_top .login .login_bt {
	padding-top: 1px;
	padding-right: 10px;
	float: right;
	display: block;
	height: 22px;
}

#header .login_top .login input {
	margin: 0px;
	padding: 0px 3px;
	width: 115px;
	height: 17px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 16px;
	color: #004d8b;
	border: 0px solid #004d8b;
}

 /* ------------------------- end ------------------------- */


 /* ========================= navigation ========================= */
 
  /* ------------------------- penders------------------------- */
#navigation_penders {
	width: 157px;
	height: 100%;
	float: left;
	margin-right: 1px;
}

#navigation_penders span {
	width: 157px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	overflow: none;
	background-image: url(pics/top_penders_blauw.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #004d8b;
}

#navigation_penders ul {
	width: 157px;
	list-style-type: none;
} 

#navigation_penders li {
	margin: 0px;
	padding: 0px;
} 

#navigation_penders li a:link, #navigation_penders li a:visited {
	width: 127px;
	padding: 0px 10px 0px 20px;
	display: block;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
	color: #004d8b;
} 

#navigation_penders li a:hover, #navigation_penders li.current a:link, #navigation_penders li.current a:visited, #navigation_penders li.current a:hover {
	color: #d8de3e;
	background-color: #004d8b;
}

/* ------------------------- voetzorg------------------------ */

#navigation_voetzorg {
	width: 157px;
	height: 100%;
	float: left;
}

#navigation_voetzorg span {
	width: 157px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	overflow: none;
	background-image: url(pics/top_voetzorg_groen.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #004d8b;
}

#navigation_voetzorg ul {
	width: 157px;
	list-style-type: none;
}

#navigation_voetzorg li {
	margin: 0px;
	padding: 0px;
} 

#navigation_voetzorg li a:link, #navigation_voetzorg li a:visited {
	width: 127px;
	padding: 0px 10px 0px 20px;
	display: block;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
	color: #004d8b;
} 

#navigation_voetzorg li a:hover, #navigation_voetzorg li.current a:link, #navigation_voetzorg li.current a:visited, #navigation_voetzorg li.current a:hover {
	background-color: #d8de3e;
}

 /* ------------------------- end ------------------------- */
 

 /* ========================= subnavigation ========================= */

#content #subnavigation{
	width: 218px;
	float: right;
}

#content #subnavigation ul {
	margin: 0px;
	width: 218px;
	list-style-type: none;
}

#content  #subnavigation li a:link, #content  #subnavigation li a:visited {
	width: 188px;
	padding: 0px 10px 0px 20px;
	display: block;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
	color: #455200;
	border-bottom: 0px;
} 

#content  #subnavigation li a:hover {
	color: #fff;
	background-color: #bcc21b;
}

#content  #subnavigation li.current a:link, #content  #subnavigation li.current a:visited, #content  #subnavigation li.current a:hover {
	color: #fff;
	background-color: #004d8b;
}


 /* ------------------------- end ------------------------- */

 /* ========================= subsub ========================= */ 

#content  #subnavigation #subsub {
	padding: 0px 0px 0px 34px;
	margin: 0px;
	color: #fff;
	background-image:  url(pics/back_subsub.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #004d8b;
}

#content  #subnavigation #subsub ol {
 margin: 0px;
 padding: 0px;
 list-style-type: disc;
}

#content  #subnavigation #subsub li a:link, #content  #subnavigation #subsub li a:visited {
	width: 174px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	display: block;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 23px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background-color: transparent;
	border-bottom: 0px;
} 

#content  #subnavigation #subsub li a:hover, #content  #subnavigation #subsub li.current a:link, #content #subnavigation #subsub li.current a:visited, #content #subnavigation #subsub li.current a:hover {
	text-decoration: underline;
	color: #fff;
}

 /* ------------------------- end ------------------------- */ 

 /* ========================= content ========================= */

#content {
	width: 770px;
	height: 100%;
	background-image:  url(pics/back_tekst.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#content .tekst {
	width: 521px;
	height: 100%;
	float: left;
	padding: 10px 15px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #004d8b;
}

#content td {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #004d8b;
}

#content h3 {
	margin-bottom: 5px;
	font: 16px Arial, Helvetica, sans-serif;
	line-height: 26px;
	font-weight: bold;
	text-decoration: none;
}

#content br {
	line-height: 12px;
}

#content p {
	margin-bottom: 12px;
	clear: left;
}

#content ul {
	margin: 12px 0px 12px 15px;
}

#content a:link, #content a:visited {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-decoration: none;
	color: #004d8b;
	border-bottom: 1px solid #004d8b;
}

#content a:hover {
	color: #b1bcd7;
}

.FormItem .button { width: 121px; line-height: 19px; font: 11px arial; color: #fff; font-weight: bold; background: #6694b9; border: none;}

 /* ------------------------- end ------------------------- */

 /* ========================= lijst ========================= */

#lijst ul {
	margin-left: 15px;
}

#lijst li {
	margin-bottom: 5px;
}

 /* ----------------- previous en next ----------------- */
#prev_next {
	width: 521px;
	margin-top: 10px;
	text-align: center;
}

#prev_next ul {
	width: 110px;
}

#prev_next li.prev {
	width: 55px;
	display: block;
	float: left;
	text-align: left;
}

#prev_next li.next {
	width: 55px;
	display: block;
	float: right;
	text-align: right;
}

#prev_next a:link, #prev_next a:visited {
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight: normal;
	text-decoration: none;
	color: #004d8b;
	border-bottom: 1px solid #004d8b;
}

#prev_next a:hover {
	color: #b1bcd7;
}

 /* ------------------------- end ------------------------- */
 
 /* ========================= Faqs ========================= */

#faqs {
 margin: 0px;
 padding: 0px;
}
	
#faq {
	margin-bottom: 10px;
	float: left;
	width: 515px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight: normal;
	color: #004d8b;
	border: 1px #004d8b solid;
	cursor: help;
}
	
#faq .vraag {
	padding: 8px;
	color: #004d8b;
	background-color: #dde0ea;
}

#faq .antwoord {
	border-top: 1px #004d8b solid;
	padding: 8px;
	display:none
}

 /* ------------------------- end ------------------------- */
 
 /* ========================= fotobalk ========================= */
 
#fotobalk {
	margin: 0px;
	padding: 0px;
	width: 521px;
	line-height: 1px;
}

#fotobalk .foto1 {
	width: 174px;
	float: left;
	text-align: left;
}

#fotobalk .foto2 {
	width: 173px;
	display: block;
	float: left;
	text-align: center;
}

#fotobalk .foto3 {
	width: 174px;
	float: left;
	text-align: right;
}

#fotobalk a:link, #fotobalk a:visited, #fotobalk a:hover {
	border-bottom: 0px;
}

#fotobalk img {
	margin-bottom:5px;
	padding: 0px;
	border: 1px solid #004d8b;
}

 /* ------------------------- end ------------------------- */
 
  /* ========================= fotos_omschrijving ========================= */
 
#fotobalk2 {
	margin: 0px;
	padding: 0px;
	width: 521px;
	line-height: 1px;
}

#fotobalk2 #omschrijving_width {
	margin: 0px;
	padding: 0px;
	width: 165px;
	display:block;
	height: 0px;
	line-height: 1px;
}

#fotobalk2 .omschrijving {
	margin: 0px;
	padding: 0px;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-weight: normal;
}

#fotobalk2 .foto1 {
	width: 174px;
	float: left;
	text-align: center;
}

#fotobalk2 .foto2 {
	width: 173px;
	display: block;
	float: left;
	text-align: center;
}

#fotobalk2 .foto3 {
	width: 174px;
	float: left;
	text-align: center;
}

#fotobalk2 a:link, #fotobalk2 a:visited, #fotobalk2 a:hover {
	border-bottom: 0px;
}

#fotobalk2 img {
	margin-top:12px;
	padding: 0px;
	border: 1px solid #004d8b;
}

 /* ------------------------- end ------------------------- */
 
 
  /* ========================= routebeschrijving ========================= */

body.popup {
	background-image:  url(pics/back_tekst.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#routebeschrijving {
	padding: 10px 10px;
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight: normal;
	color: #004d8b;
}

#routebeschrijving h3 {
	margin-bottom: 5px;
	font: 16px Arial, Helvetica, sans-serif;
	line-height: 26px;
	font-weight: bold;
	text-decoration: none;
}

#routebeschrijving br {
	line-height: 12px;
}

#routebeschrijving p {
	margin-bottom: 12px;
	clear: left;
}

#routebeschrijving a:link, #routebeschrijving a:visited {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight: normal;
	text-decoration: none;
	color: #004d8b;
	border-bottom: 1px solid #004d8b;
}

#routebeschrijving a:hover {
	color: #b1bcd7;
}

 /* ------------------------- end ------------------------- */

 /* ========================= presentaties ========================= */
  
#content #presentaties {
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

#content #presentaties li {
	margin: 0px;
	padding-bottom: 12px;
}

#content #presentaties .datum {
	color: #a6a6a6;
}

#content #presentaties .kop {
	font-weight: bold;
}

#content .tekst .file {
	border: none;
	float: left;
	padding-top: 3px;
	margin: 0px 0px 10px 0px;
}

#content .tekst .file img {
	padding-right: 3px;
}

 /* ------------------------- end ------------------------- */

 /* ========================= footer ========================= */

#footer {
	widht: 770px;
	height: 20px;
	background-color: #004d8b;
}

#footer .ivengi a:link, #footer .ivengi a:visited {
	padding-left: 15px;
	font: 10px Arial, Helvetica, sans-serif;
	text-align: right;
	line-height: 20px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
}

 /* ------------------------- end ------------------------- */
 
br.clear {
	clear: both;
	height: 0px; 
	font: 0px sans-serif;
	line-height: 0px;
}

 /* ------------------------- end ------------------------- */








 /* ========================= home ========================= */
 /* ========================= home ========================= */

 /* ========================= site_home ========================= */

#site_home {
position:relative;
	width: 770px;
	height: 100%;
	margin: 10px auto 0px auto;
	padding: 0px;
	background-color: #fff;
	color: #004d8b;
	text-align: left;
	border: 1px solid #004d8b;
}
 /* ------------------------- end ------------------------- */
 

 /* ========================= content home ========================= */

#content_home {
	width: 770px;
	height: 230px;
	max-height: 230px;
	background-image:  url(pics/back_content_home.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

/* ------------------------- nieuws------------------------ */

#content_home .nieuws_home {
	width: 315px;
	height: 218px;
	float: left;
}

#content_home .nieuws_home span {
	margin-top: 12px;
	padding-left: 20px;
	width: 295px;
	display: block;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 26px;
	font-weight: bold;
	color: #455200;
	background-color: #ebed7e;
}

#content_home .nieuws_home ul {
		margin-top: 10px;
		padding-left: 35px;
		list-style-type: disc;
		color: #004d8b;
}

#content_home .nieuws_home li {
		margin-bottom: 10px;
}

#content_home .nieuws_home li a:link, #content_home .nieuws_home li a:visited {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	display: block;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #004d8b;
}

#content_home .nieuws_home li a:hover {
	text-decoration: underline;	
}

#content_home .nieuws_home span.meer {
	width: 280px;
	margin-top: 0px;
	padding-left: 35px;
	background-color: transparent;
}

#content_home .nieuws_home span.meer a:link, #content_home .nieuws_home span.meer a:visited {
	width: 280px;
	display: block;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-weight: normal;
	text-decoration: none;
	color: #455200;
}

#content_home .nieuws_home span.meer a:hover {
	text-decoration: underline;	
}

/* ------------------------- acties------------------------ */

#content_home .acties_home {
	width: 236px;
	height: 218px;
	float: left;
}

#content_home .acties_home span {
	margin-top: 12px;
	padding-left: 20px;
	width: 216px;
	display: block;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 26px;
	font-weight: bold;
	color: #455200;
	background-color: #ebed7e;
}

#content_home .acties_home ul {
	margin-top: 10px;
	padding-left: 35px;
	list-style-type: disc;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-weight: bold;
	color: #004d8b;
}

#content_home .acties_home li {
	margin-bottom: 10px;
}

#content_home .acties_home li a:link, #content_home .acties_home li a:visited {
	width: 186px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	display: block;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #004d8b;
}

#content_home .acties_home li a:hover {
	text-decoration: underline;	
}

#content_home .acties_home span.meer {
	width: 201px;
	margin-top: 0px;
	padding-left: 35px;
	background-color: transparent;
}

#content_home .acties_home span.meer a:link, #content_home .acties_home span.meer a:visited {
	width: 201px;
	display: block;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-weight: normal;
	text-decoration: none;
	color: #455200;
}

#content_home .acties_home span.meer a:hover {
	text-decoration: underline;	
}

/* ------------------------- foto------------------------ */

#content_home .foto_home {
	width: 218px;
	height: 218px;
	float: right;
	background-image:  url(image_home.php);
	background-position: top left;
	background-repeat: no-repeat;
}

 /* ------------------------- end ------------------------- */
 
 
#kortingsbon {

font-weight: bold;

display: inline-block;
margin: 20px 0px;
width: 300px;
}



#kortingsbon a:link, #kortingsbon a:visited {padding: 10px 0px 0px 20px; width: 300px; height: 30px; border: 2px solid; background-color: #d8dd3e;
font-weight: bold; text-decoration: none; display: inline-block;}

#kortingsbon a:hover {text-decoration: none; color: #000;}

 /* ========================= footer home ========================= */

#footer_home {
	position:relative;
	width: 770px;
	height: 20px;
	margin: 0px auto;
	padding: 0px;
}

#footer_home .disclaimer, #footer_home .disclaimer a:link, #footer_home .disclaimer a:visited, #footer_home .disclaimer a:hover {
	padding-left: 10px;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	color: #004d8b;
}

#footer_home .ivengi, #footer_home .ivengi a:link, #footer_home .ivengi a:visited, #footer_home .ivengi a:hover {
	padding: 0px 5px;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: right;
	font-weight: normal;
	text-decoration: none;
	color: #004d8b;
}

 /* ------------------------- end ------------------------- */