/* bij aanpassen van dit bestand ook print.css aanpassen (als de aangepaste stijlen ook daarin voorkomen) */

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

body {
	background: #eceae4;
	font: 13px "Trebuchet MS", Trebuchet, Arial, Helvetica, Tahoma, clean, sans-serif;
	*font-size: small;
	*font: x-small;
	text-align: center;
	margin: 20px 0;
}

#main {
	background: #fff;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 20px 0;
	position: relative;
	width: 794px;
	border: 6px solid #f4f2ec;
	overflow: hidden;
}

/* HYPERLINKS */

a:link, a:visited {
	color: #0377a9;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active {
	color: #9e693d;
	text-decoration: underline;
	font-weight: bold;
}

/* ALGEMENE STIJLEN */

acronym
{
	font-style: normal;
	border-bottom: dotted 1px #0377a9;
	cursor: help;
}

.hide {
	position: absolute;
	top: -20000px;
	overflow: hidden;
	zoom: 1;
}

.clear {
	clear: both;
}

table, tr, th, td, fieldset {
	border: 0;
}

img {
	border: 0;
	display: inline;
}

select, input, textarea {
	font-size: 99%;
	font-family: inherit;
}

form label {
	cursor: pointer;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

pre, code {
	font: 115% monospace;
	*font-size:100%;
}

:focus {
	outline: 0;
}

/* HEADER */

#header {
	position: relative;
	background: #fff;
	height: 162px;
	margin: 0;
	padding: 0;
}

#headertop {
	position: relative;
	background: #008cd4 url(../gfx/header_bg.gif) no-repeat;
	height: 143px;
}	

#headertop h1 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 241px;
	height: 133px;
	z-index: 3;
	background: #fff url(../gfx/header_logo.gif) no-repeat;
	text-indent: -9000px;
	margin: 0;
	padding: 0;
}

#headertop h1 a {
	display: block;
	height: 133px;
	background: #fff url(../gfx/header_logo.gif) no-repeat;
}

#headertop h2#headerlogo_klein_links {
	display: block;
	position: absolute;
	top: 58px;
	left: 562px;
	width: 95px;
	height: 85px;
	z-index: 2;
	background: #fff url(../gfx/header_logo_klein_links.gif) no-repeat;
	text-indent: -9000px;
	margin: 0;
	padding: 0;
}

#headertop h2#headerlogo_klein_links a {
	display: block;
	height: 85px;
	background: #fff url(../gfx/header_logo_klein_links.gif) no-repeat;
}

#headertop h2#headerlogo_klein_rechts {
	display: block;
	position: absolute;
	top: 58px;
	left: 657px;
	width: 115px;
	height: 85px;
	z-index: 2;
	background: #fff url(../gfx/header_logo_klein_rechts.gif) no-repeat;
	text-indent: -9000px;
	margin: 0;
	padding: 0;
}

#headertop h2#headerlogo_klein_rechts a {
	display: block;
	height: 85px;
	background: #fff url(../gfx/header_logo_klein_rechts.gif) no-repeat;
}


/* MENU */

#headermenu {
	background: #a80a6c url(../gfx/menu_bg.gif) repeat-x;
	height: 19px;
	clear: both;
	margin: 0;
	padding: 0 0 0 68px;
}

#headermenu ul {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

#headermenu li {
	padding: 0 0 0 12px;
	float: left;
	height: 19px;
	display: inline;
}

#headermenu li a {
	display: block;
	float: left;
	font-size: 13px;
	height: 19px;
	line-height: 19px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 0 12px 1px 0;
}

body#rubriekhome #headermenu li#nav_home,
body#rubriekpraktijk #headermenu li#nav_praktijk,
body#rubriekorganisatie #headermenu li#nav_organisatie,
body#rubriekorganization #headermenu li#nav_organisatie,
body#rubriekactiviteiten #headermenu li#nav_activiteiten,
body#rubriekactivities #headermenu li#nav_activiteiten,
body#rubriekinschrijven #headermenu li#nav_inschrijven,
body#rubriekregistration #headermenu li#nav_inschrijven,
body#rubriekwebshop #headermenu li#nav_webshop,
body#rubriekcontact #headermenu li#nav_contact,
body#rubriekartikelen #headermenu li#nav_artikelen,
body#rubriekarticles #headermenu li#nav_artikelen,
body#rubrieklinks #headermenu li#nav_links {
	background: #6dbe1c url(../gfx/headermenu_nav_links.gif) no-repeat top left;
}

body#rubriekhome #headermenu li#nav_home a,
body#rubriekpraktijk #headermenu li#nav_praktijk a,
body#rubriekorganisatie #headermenu li#nav_organisatie a,
body#rubriekorganization #headermenu li#nav_organisatie a,
body#rubriekactiviteiten #headermenu li#nav_activiteiten a,
body#rubriekactivities #headermenu li#nav_activiteiten a,
body#rubriekinschrijven #headermenu li#nav_inschrijven a,
body#rubriekregistration #headermenu li#nav_inschrijven a,
body#rubriekwebshop #headermenu li#nav_webshop a,
body#rubriekcontact #headermenu li#nav_contact a,
body#rubriekartikelen #headermenu li#nav_artikelen a,
body#rubriekarticles #headermenu li#nav_artikelen a,
body#rubrieklinks #headermenu li#nav_links a {
	background: #6dbe1c url(../gfx/headermenu_nav_rechts.gif) no-repeat top right;
	color: #000;
}

#headermenu li a:hover {
	text-decoration: underline;
}

/* KRUIMELPAD EN ICONEN */

#pad {
	height: 40px;
	font-size: 92%;
	line-height: 40px;
	color: #000;
	margin: 0;
	padding: 0 0 0 80px;
	position: relative;
	background: #fff;
	clear: both;
}

body#rubriekhome #pad {
	visibility: hidden;
}

#pad a {
	color: #656565;
	text-decoration: none;
}

#pad a:hover {
	color: #9e693d;
	text-decoration: underline;
}

/* CONTENT */

/*
#content {
	position: relative;
	background: #fff;
	clear: both;
	margin: 0;
	padding: 0 20px 0 80px;
}
*/

/* SIDEBAR */

#sidebar {
	float: right;
	display: inline;
	width: 165px;
	background: #fff;
	margin: 0 20px 20px 0;
	padding: 0;
}

#sidebar .sidebarcontent {
	background: #e9f6fb url(../gfx/sidebarcontent_bottom.gif) no-repeat bottom left;
	color: #3a3a3a;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0 0 4px 0;
	width: 165px;
}

#sidebar .sidebarcontent h5 {
	background: #e9f6fb url(../gfx/sidebarcontent_top.gif) no-repeat top left;
	color: #3a3a3a;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 6px 14px;
}

#sidebar .sidebarcontent p {
	color: #252525;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	margin: 0;
	padding: 0 0 6px 14px;
}

#sidebar .sidebarcontent p.sidebarlink {
	font-size: 12px;
	clear: both;
	margin-top: 4px;
}

#sidebar a {
	color: #3a3a3a;
}

#sidebar a:hover {
	color: #0377a9;
}

/* nieuws- en agendakader */

#sidebar #nieuwskader,
#sidebar #agendakader {
	width: 155px;
	text-align: left;
	margin: 0;
	padding: 0;
}

#sidebar #nieuwskader p,
#sidebar #agendakader p {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	margin: 0;
	padding: 0 0 8px 14px;
}

#sidebar #nieuwskader p a:link, 
#sidebar #nieuwskader p a:visited,
#sidebar #agendakader p a:link, 
#sidebar #agendakader p a:visited {
	font-size: 13px;
	color: #0377a9;
	text-decoration: none;
	font-weight: bold;
}

#sidebar #nieuwskader p a:hover, 
#sidebar #nieuwskader p a:active,
#sidebar #agendakader p a:hover, 
#sidebar #agendakader p a:active {
	font-size: 13px;
	color: #0377a9;
	text-decoration: underline;
	font-weight: bold;
}

/* formulieren in sidebar */

#sidebar form {
	margin: 0;
	padding: 0;
	position: static;
}

#sidebar input {
	font: 13px "Trebuchet MS", Trebuchet, Arial, Helvetica, Tahoma, clean, sans-serif;
	font-size: 110%; 
	color: #000;
	margin: 0 0 4px 10px;
}

#sidebar input.formulier {
	padding: 2px 4px;
	width: 135px;
	height: 18px;
	border: 1px solid #cccccc;
}

#sidebar input.formulier:focus {
	border: 1px solid #1b97b4;
}

#sidebar input#search_submit {
	padding: 0;
	margin-right: 10px;
	width: 53px;
	height: 19px;
	border: 0;
	float: right;
	display: inline;
}

#sidebar input.search_buttonverzenden {
	background: url(../gfx/search_submit.gif) no-repeat left top;
}

#sidebar input.search_buttonverzendenhover, 
#sidebar input.search_buttonverzenden:hover, 
#sidebar input.search_buttonversturen:focus {
	background: url(../gfx/search_submit.gif) no-repeat left bottom;
}

.english #sidebar input.search_buttonverzenden {
	background: url(../gfx/search_submit_english.gif) no-repeat left top;
}

.english #sidebar input.search_buttonverzendenhover, 
.english #sidebar input.search_buttonverzenden:hover, 
.english #sidebar input.search_buttonversturen:focus {
	background: url(../gfx/search_submit_english.gif) no-repeat left bottom;
}

#sidebar input#inschrijven_submit {
	padding: 0;
	margin-right: 10px;
	width: 73px;
	height: 19px;
	border: 0;
	float: right;
	display: inline;
}

#sidebar input.inschrijven_buttonverzenden {
	background: url(../gfx/inschrijven_submit.gif) no-repeat left top;
}

#sidebar input.inschrijven_buttonverzendenhover, 
#sidebar input.inschrijven_buttonverzenden:hover, 
#sidebar input.inschrijven_buttonversturen:focus {
	background: url(../gfx/inschrijven_submit.gif) no-repeat left bottom;
}

.english #sidebar input.inschrijven_buttonverzenden {
	background: url(../gfx/inschrijven_submit_english.gif) no-repeat left top;
}

.english #sidebar input.inschrijven_buttonverzendenhover, 
.english #sidebar input.inschrijven_buttonverzenden:hover, 
.english #sidebar input.inschrijven_buttonversturen:focus {
	background: url(../gfx/inschrijven_submit_english.gif) no-repeat left bottom;
}

/* middencontent */

#middencontent {
	float: left;
	display: inline;
	width: 510px;
	background-color: #fff;
	margin:  0 0 20px 80px;
	padding: 0;
}

#index #middencontent {
	float: none;
	display: block;
	position: relative;
	width: auto;
	background-color: #fff;
	padding:  10px 40px 0px 40px;
	margin: 0;
}

#middencontent h1 {
	color: #a80a6c;
	font: 197% Arial, Helvetica, Tahoma, clean, sans-serif;
	font-weight: normal;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#middencontent h1 a {
	font-weight: normal;
}

#middencontent h2 {
	color: #a80a6c;
	font: 136% Arial, Helvetica, Tahoma, clean, sans-serif;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
	padding: 0;
}

#middencontent h3 {
	color: #4d4d4d;
	font: 114% Arial, Helvetica, Tahoma, clean, sans-serif;
	font-weight: bold;
	margin: 1em 0.2em 0.4em 0.1em;
	padding: 0;
}

#middencontent h4 {
	color: #4d4d4d;
	font: 107% "Trebuchet MS", Trebuchet, Arial, Helvetica, Tahoma, clean, sans-serif;
	font-weight: bold;
	margin: 0.8em 0.2em 0.4em 0.1em;
	padding: 0;
}

#middencontent p {
	font-size: 100%;
	line-height: 1.5em;
	color: #4d4d4d;
	margin: 0 0 1em 0.1em;
	padding: 0;
}

#middencontent p.citaat, #middencontent span.citaat {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 1em 2em;
}

#middencontent div.inleiding {
	background: url(/gfx/inleiding_onder.gif) 0 100% no-repeat;
	clear: both;
	margin: 5px 0 5px 0;
	padding: 0;
	width: 446px;
}

#middencontent div.inleiding p {
	background: url(/gfx/inleiding_boven.gif) no-repeat;
	display: block;
	color: #3a3a3a;
	padding: 20px 25px 25px;
	margin: 0 0 2px 0;
	border: 0;
}

#middencontent div.inleiding p strong {
	font-size: 114%;
}

#middencontent table, #middencontent td {
	padding: 0.3em;
	border: 0;
	border-collapse: collapse;
	color: #4d4d4d;
}

#middencontent td.tabellijn {
	padding: 0;
	border: 0;
	border-collapse: collapse;
	background: #E9F6FB
}

#middencontent table {
	margin: 0 0 1em 0.1em;
	font-size: inherit;
	font-size: 100%;
}

#middencontent table#shekinah_activiteiten {
	background: url(../gfx/logo_shekinah.gif) no-repeat center center;
}

#middencontent table#shekinah_activiteiten a {
	font-size: 107%;
}

#middencontent table.webshop_tabel td {
	font-size: 107%;
	padding-bottom: 10px;
}

#middencontent th {
	padding: 0.4em;
	border-collapse: collapse;
	font-size: 100%;
	font-weight: bold;
	background: #0377a9;
	color: #fff;
	vertical-align: middle;
}

#middencontent tr.lichtblauw, #middencontent tr.lichtblauw td, #middencontent td.lichtblauw {
	background: #e9f6fb;
}

#middencontent tr.donkerblauw, #middencontent tr.donkerblauw td, #middencontent td.donkerblauw {
	background: #0377a9;
	color: #ffffff;
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Tahoma, clean, sans-serif;
	font-size: 114%;
	font-weight: bold;
	padding-top: 0.2em;
}
	
#middencontent td p {
	color: #000;
	margin: 0;
	padding-left: 0.1em;
}

#middencontent ul {
	margin: 0.5em 2em 0.5em;
	padding: 0; 
}

#middencontent ul li {
	margin: 0 0 0.5em 0;
	font-size: 100%;
	color: #4d4d4d;
}

#middencontent ul li li {
	font-size: 100%;
	list-style-type: circle;
}

#middencontent #toc {
	margin: 1em 0 1em 0;
}

#middencontent #toc ul {
	margin: 0 0 0.3em 1em;
}

#middencontent #toc ul li {
	list-style-type: disc;
	margin: 0;
	padding: 0;
}

#middencontent ol {
	margin: 0 1.3em 1em 2.5em;
	padding: 0;
} 

#middencontent ol li {
	margin: 0 0 0.5em 0;
	font-size: 100%;
	color: #4d4d4d;
}

#middencontent img {
	border: 0;
	padding: 0;
	margin: 0 0.4em 0.4em 0.4em;
	display: inline;
	background: transparent;
}

#middencontent img.metrand {
	border: 2px solid #a80a6c;
}

/* formulieren middenstuk */

#middencontent form {
	margin: 0;
	padding: 0;
	position: static;
}

#middencontent input, #middencontent textarea, #middencontent select, #middencontent option {
	font: 100% "Trebuchet MS", Trebuchet, Arial, Helvetica, Tahoma, clean, sans-serif;
	color: #000;
	vertical-align: middle;
	margin: 2px 0 2px 0;
}

#middencontent select {
	border: 1px solid #cccccc;	
}

#middencontent input.formulier {
	margin: 4px 0 4px 0;
	padding: 2px 4px;
	width: 300px;
	height: 18px;
	border: 1px solid #cccccc;
}

#middencontent input.formulier:focus {
	border: 1px solid #1b97b4;
}

input.formulierklein {
	width: 40%;
	margin: 4px 0 4px 10px;
	padding: 2px 4px;
	height: 18px;
	border: 1px solid #cccccc;
}

#middencontent textarea.formulier {
	margin: 4px 0 4px 0;
	padding: 2px 4px;
	width: 300px;
	border: 1px solid #cccccc;
}

#middencontent textarea.formulier:focus {
	border: 1px solid #1b97b4;
}

#middencontent input#versturen_submit {
	margin-top: 5px;
	padding: 0;
	width: 73px;
	height: 19px;
	border: 0;
}

#middencontent input.versturen_buttonverzenden {
	background: url(../gfx/versturen_submit.gif) no-repeat left top;
}

#middencontent input.versturen_buttonverzendenhover, 
#middencontent input.versturen_buttonverzenden:hover, 
#middencontent input.versturen_buttonversturen:focus {
	background: url(../gfx/versturen_submit.gif) no-repeat left bottom;
}

.english #middencontent input.versturen_buttonverzenden {
	background: url(../gfx/versturen_submit_english.gif) no-repeat left top;
}

.english #middencontent input.versturen_buttonverzendenhover, 
.english #middencontent input.versturen_buttonverzenden:hover, 
.english #middencontent input.versturen_buttonversturen:focus {
	background: url(../gfx/versturen_submit_english.gif) no-repeat left bottom;
}


#middencontent label:hover {
	text-decoration: underline;
}

#middencontent .rechts_uitgelijnd {
	text-align: right;
}

/* uitklapbalken */

#middencontent h3.parent {
	color: #fff;
	background: #0377a9 url(../gfx/uitklapbalk_pijltje_dicht.gif) no-repeat 9px center;
	font: 107% Arial, Helvetica, Tahoma, clean, sans-serif;
	line-height: 1.8em;
	margin: 0 0 1px 0.1em;
	padding: 0 0 0 24px;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	zoom: 1;
}

#middencontent h3.open {
	color: #fff;
	background: #0377a9 url(../gfx/uitklapbalk_pijltje_open.gif) no-repeat 7px center;
	font: 107% Arial, Helvetica, Tahoma, clean, sans-serif;
	line-height: 1.8em;
	margin: 0 0 1px 0.1em;
	padding: 0 0 0 24px;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	zoom: 1;
}

#middencontent h3.parent:hover, #middencontent h3.open:hover {
	text-decoration: underline;
}

#middencontent div.uitklapbalk {
	color: #4d4d4d;
	background: #e9f6fb;
	margin: 0 0 0 0.1em;
	padding: 8px 24px 0 24px;
	overflow: hidden;
	zoom: 1;
}

#middencontent div.uitklapbalk img.metrand {
	border: 2px solid #0377a9;
}

#middencontent div.uitklapbalk p.citaat {
	padding: 0 34px;
	margin: 0 0 1em 0.1em;
}

#middencontent a.button {
	padding: 3px 5px;
	border: 1px solid #fff;
	background: #a80a6c;
	color: #fff;
}

#middencontent a.button:hover {
	background: #0377A9;
	color: #fff;
	text-decoration: none;
}

/* FOOTER */

#footer {
	clear: both;
	margin: 0;
	padding: 0 4px;
	position: relative;
	height: 30px;
}

#footer ul {
	background-color: #e9f6fb;
	list-style-type: none;
	position: relative;
	height: 30px;
	margin: 0 20px;
	padding: 0 6px;
}

#footer li {
	font: 12px Arial, Helvetica, Tahoma, clean, sans-serif;
	color: #252525;
	float:left;
	display: inline;
	margin: 0;
	padding: 0 12px;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
}

#footer li.footerrechts {
	float:right;
	text-align: right;
}

#footer li a {
	display: block;
	float: left;
	font-weight: bold;
	color: #3a3a3a;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
}

#footer li a:hover {
	color: #0377a9;
	text-decoration: underline;
}

/* fixes footer clearing issue */
/* Hides from IE/Mac \*/
* html #footer, 
* html #footer p,
* html #footer ul { height: 1%; }
/* end hide */

/* opmaak van previewboodschap in printversie */

#preview-message {
	display:none;
}

/* taalkeuze */

#header #taalkeuze {
	position: absolute;
	width: 40px;
	height: 11px;
	bottom: 3px;
	right: 20px;
	z-index: 9999;
}

#header #taalkeuze a#taalkeuze_nl,
#header #taalkeuze a#taalkeuze_uk {
	display: block;
	width: 14px;
	height: 11px;
	text-indent: -9999px;
}

#header #taalkeuze a#taalkeuze_nl {
	float: left;
	background: url(../gfx/vlag_nl_14x11.png) no-repeat;
}

#header #taalkeuze a#taalkeuze_uk {
	float: right;
	background: url(../gfx/vlag_uk_14x11.png) no-repeat;
}

#middencontent #taalkeuze {
	position: relative;
	height: 48px;
	_height: 33px; /* IE6 */
}

#middencontent #taalkeuze a#taalkeuze_nl,
#middencontent #taalkeuze a#taalkeuze_uk {
	display: block;
	position: absolute;
	width: 48px;
	height: 48px;
	_width: 46px; /* IE6 */
	_height: 33px; /* IE6 */
	text-indent: -9999px;
}

#middencontent #taalkeuze a#taalkeuze_nl {
	left: 283px;
	background: url(../gfx/vlag_nl_48x48.png) no-repeat;
	_background: url(../gfx/vlag_nl_46x33.png) no-repeat; /* IE6 */
}

#middencontent #taalkeuze a#taalkeuze_uk {
	right: 283px;
	background: url(../gfx/vlag_uk_48x48.png) no-repeat;
	_background: url(../gfx/vlag_uk_46x33.png) no-repeat; /* IE6 */
}

/* credits */

#gjk {
	clear: both;
	position: relative;
	height: 30px;
}

#gjk p {
	text-align: center;
	line-height: 30px;
	margin: 0;
	padding: 0;
	color: #c9bead;
}

#gjk p a {
	color: #c9bead;
	font-weight: normal;
}

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