/* 	CSS Document door Edwin de Vries, Addnoise Advertising 
	Print stylesheet website Kraamzorg Het Groene Kruis.
*/

body, td
{ 
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #000000;
	background-color: fff;
	margin: 0;
	padding: 0;
}

a, a:link, a:active 
{
	color: 000;
	text-decoration: underline;
}

a:hover 
{
	color: 000;
	text-decoration: underline;
}

#logoprint
{
	text-align: right;
	margin-bottom: -30px;
}

img 
{
	border: 0;
}

.kop
{
	font-family: arial, geneva, sans-serif; 
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
	color: #000;
}

.kopgroen
{
	font-family: arial, geneva, sans-serif; 
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
	color: #000;
}

#kopblok
{
	width: 100%;
	height: 50px;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	border-bottom: 1px solid #000;
}

#koptekst
{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 60px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.subkop
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 2px;
	font-weight: normal;
	color: #CACACB;
	padding-bottom: 13px;
}

.intro
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 8px;
}

.fotoslinks
{
	width: 130px;
	float: left;
	margin: 0px 10px 10px 0;
	padding: 0;
}

.fotoslinks img
{
	margin: 6px 0 0 0;
	border: 0px solid #ffffff;
}

.tekstkolom1 a, .tekstkolom1 a:link, .tekstkolom1 a:visited
{
	color: #000;
	text-decoration: underline;
}

.tekstkolom2 a, .tekstkolom2 a:link, .tekstkolom2 a:visited
{
	color: #000;
	text-decoration: underline;
}

#kolom1
{
	margin-bottom: 20px;
}

.nieuwsoverzicht
{
	display: none;
}

.subkolomgeen
{
	display: none;
}

.nieuwstabel
{
	width: 100%;
}


.lijnlinks
{
	border: 0;
}

.lijngeen
{

}

.nwstabelkoloma
{

}

.nwstabelkolomb
{

}

.kopgroot
{
	font-family: arial, geneva, sans-serif; 
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	color: #000;
}

.oranjebalka
{
	width: 98%;
	padding: 10px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #000;
}

.oranjebalkb
{
	width: 98%;
	padding: 10px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #000;
}

.wittelijn
{
	width: 98%;
	font-size: 0px;
	line-height: 0px;
	height: 1px;
	margin: 0;
	padding: 0 9px 0 9px;
	background-color: #FFF;
}

#selact
{
	display: none;
}

/* Tabellen
------------------------------------------------------------------------------------------ */

.tabel {table-layout: auto; width: 100%; margin-bottom: 0px; background-color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; font-weight: normal; color: #004960;}
.tabel th, .tabel td {padding: 4px; vertical-align: middle; text-align: center; background-color: none}
.tabel .midden {text-align: center;}
.tabel .tabeltitel {text-align: center; background-color: #008DA9; color: #FFFFFF; font-weight: bold; border: 2px solid #FFFFFF;}
.tabel .bloklinks {text-align: left; background-color: #E4E5A6}
.tabel .blokcenter {text-align: center; background-color: #E4E5A6}
.tabel .bloknl {text-align: center; background-color: #BEC000}

.tabelb {table-layout: auto; width: 100%; margin-bottom: 15px; background-color: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; font-weight: normal; color: #004960; padding-top: 1px;}
.tabelb th, .tabelb td {padding: 4px; vertical-align: middle; text-align: center; background-color: none; border-right: 1px solid #000000; border-bottom: 1px solid #000000}
.tabelb .midden {text-align: center;}
.tabelb .tabeltitel {text-align: center; background-color: #008DA9; color: #FFFFFF; font-weight: bold; border-top: 1px solid #000000; padding: 2px;}
.tabelb .bloklinks {text-align: left; background-color: #E4E5A6}
.tabelb .blokcenter {text-align: center; background-color: #E4E5A6}
.tabelb .bloknl {text-align: center; background-color: #BEC000}
.tabelb .lijna {border-left: 1px solid #000000}

.tabelc {table-layout: auto; width: 405px; margin: 0 0 0 0; background-color: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; font-weight: normal; color: #004960; padding-top: 1px;}
.tabelc th, .tabelc td {padding: 4px; vertical-align: middle; text-align: left; background-color: none; border-right: 1px solid #000000; border-bottom: 1px solid #000000}
.tabelc .midden {text-align: center;}
.tabelc .tabeltitel {text-align: center; background-color: #008DA9; color: #FFFFFF; font-weight: bold; border-top: 1px solid #000000; padding: 2px; height: 30px;}
.tabelc .bloklinks {text-align: left; background-color: #E4E5A6}
.tabelc .blokcenter {text-align: center; background-color: #E4E5A6}
.tabelc .bloknl {text-align: center; background-color: #BEC000}
.tabelc .lijna {border-left: 1px solid #000000;}

.blokkolom1 {  width: 400px; }
.bloklinksa {  margin-bottom: 20px; }
.bloklinksb { margin-bottom: 20px; }

.clearbloklinks { clear:both; height: 20px; font-size: 1px; line-height: 1px; }


/* Navigatie classes
------------------------------------------------------------------------------------------ */

.leesmeer
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 17px;
font-weight: bold;
color: #fff;
text-align: right;
padding: 10px 10px 16px 0;
text-decoration: none;
}

.leesmeer a, .leesmeer a:link
{
color: #fff;
padding: 3px 10px 16px 0;
text-decoration: none;
background-image: url(../images/pijlrechts.gif);
background-repeat: no-repeat;
background-position: right 3px;
}

.leesmeer a:hover
{
color: #D40127;
text-decoration: none;
background-image: url(../images/pijlrechts_over.gif);
background-repeat: no-repeat;
background-position: right 3px;
}

.terug
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 17px;
font-weight: bold;
color: #fff;
text-align: left;
padding: 16px 6px 8px 0px;
text-decoration: none;
}

.terug a, .terug a:link
{
color: #fff;
padding: 16px 6px 8px 9px;
text-decoration: none;
background-image: url(../images/pijllinks.gif);
background-repeat: no-repeat;
background-position: 0px 16px;
}

.terug a:hover
{
color: #D40127;
text-decoration: none;
background-image: url(../images/pijllinks_over.gif);
background-repeat: no-repeat;
background-position: 0px 16px;
}

/* Paginaverdeling (3 kolommen - 800 pixels breed)
------------------------------------------------------------------------------------------ */

#hoofdtabel
{
	width: 780px;
	min-width: 520px;
	min-height: 584px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	border: 1px solid #000000;
	text-align: left;
	background: url(../images/04aardappelmarkt.jpg) no-repeat top right;
}

	/* Fix voor IE */
	* html #hoofdtabel 
	{
		height: 584px;
	}

#randboven
{
	width: 100%;
	height: 19px;
	background-color: white;
	margin: 0;
	padding: 0;
}

#boven
{
	display: none;
}

#boven #menu
{
	display: none;
}

#illustratie
{
float: right;
width: 369px;
height: 120px;
margin: 0;
padding: 0;
background-color: none;
font-size: 11px;
line-height: 16px;
}

#vlaggen
{
float: right;
text-align: right;
width: 280px;
height: 19px;
margin: 0;
padding: 0 13px 0 0;
background-color: #A4BE04;
font-size: 11px;
line-height: 14px;
}

#golf1
{
float: right;
text-align: left;
width: 76px;
height: 19px;
margin: 0;
padding: 0;
background-color: none;
font-size: 11px;
line-height: 14px;
}

#midden
{
float: left;
width: 520px;
margin: 0 0px 0 0;
padding: 0;
min-height: 434px;
background-color: white;
}

	/* Fix voor IE */
	* html #midden 
	{
		height: 434px;
	}

#balkrechts
{
float: right;
width: 260px;
min-height: 404px;
margin: 0;
padding: 0;
background-color: none;
font-size: 11px;
line-height: 16px;
}

	/* Fix voor IE */
	* html #balkrechts
	{
		height: 404px;
	}

#rechtsboven
{
	height: 74px;
	background-color: none;
}

#rechtsmidden
{
	height: 276px;
	background-color: none;
	margin: 6px 10px 0 16px;
	padding: 0;
}

#rechtsonder
{
	height: 95px;
	background-color: none;
}

#onder
{
	display: none;
}

#achtergrond
{
	background: url(../images/hzpc_randrechts.gif) repeat-y right;
}

#menubalk
{
position: absolute; 
top: 90px;
left: 80px;
width: 678px;
height: 35px;
background: url(../images/bgMenu.gif) repeat-x left;
}

.tussenruimte
{
margin: 0;
padding: 0;
height: 20px;
}

.clearer
{
clear: right;
height: 0;
font-size: 0;
line-height: 0;
}

#teksten
{
	min-height: 411px;
	margin: 0;
	padding: 16px 30px 10px 30px;
}

	/* Fix voor IE */
	* html #teksten 
	{
		height: 411px;
		padding: 16px 27px 10px 30px;
	}

.balkonder
{
width: 100%;
margin: 0;
padding: 0;
height: 14px;
font-size: 0px;
line-height: 0px;
background-color: #989497;
}

/* Positioneren elementen
------------------------------------------------------------------------------------------ */

.bgrand
{
float: left;
width: 465px;
height: 7px;
margin: 0;
padding: 12px 0 0 0;
background: url(../images/bgRand.gif) repeat-x;
font-size: 0px;
line-height: 0px;
}

.inhoud
{
padding: 0px 12px 12px 12px;
}

.logo
{
position: absolute; 
top: 0px;
left: 25px;
}

.titelboven
{
position: absolute; 
top: 0px;
left: 504px;
}

.fotolinks
{
float: left;
margin: 3px 8px 8px 0;
}

.fotorechts
{
float: right;
margin: 3px 0 8px 8px;
}

/* Knoppen menubalk
------------------------------------------------------------------------------------------ */	

.btn1, a.btn1
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	padding: 11px 0 0 0;
	margin: 0;
	color: #fff;
	width: 116px;
	height: 24px;
	background: url(../images/btnLeeg.gif) no-repeat 0 0;
	float: left;
}

a.btn1:hover
{
	width: 116px;
	height: 24px;
	color: #fff;
	text-decoration: none;
	background: url(../images/btnLeegMo.gif) no-repeat 0 0;
	float: left;
}

.btn1x, a.btn1x, a.btn1x:hover
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	padding: 11px 0 0 0;
	margin: 0;
	color: #fff;
	width: 116px;
	height: 24px;
	background: url(../images/btnLeegMo.gif) no-repeat 0 0;
	float: left;
}

.btn2, a.btn2
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	padding: 11px 0 0 0;
	margin: 0;
	color: #fff;
	width: 116px;
	height: 24px;
	background: url(../images/btnLeeg.gif) no-repeat 0 0;
	float: left;
}

a.btn2:hover
{
	width: 116px;
	height: 24px;
	color: #fff;
	text-decoration: none;
	background: url(../images/btnLeegMo.gif) no-repeat 0 0;
	float: left;
}

.btn2x, a.btn2x, a.btn2x:hover
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	padding: 11px 0 0 0;
	margin: 0;
	color: #fff;
	width: 116px;
	height: 24px;
	text-decoration: none;
	background: url(../images/btnLeegMo.gif) no-repeat 0 0;
	float: left;
}

.btn3, a.btn3
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	padding: 11px 0 0 0;
	margin: 0;
	color: #fff;
	width: 116px;
	height: 24px;
	background: url(../images/btnLeeg.gif) no-repeat 0 0;
	float: left;
}

a.btn3:hover
{
	width: 116px;
	height: 24px;
	color: #fff;
	text-decoration: none;
	background: url(../images/btnLeegMo.gif) no-repeat 0 0;
	float: left;
}

.btn3x, a.btn3x, a.btn3x:hover
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	padding: 11px 0 0 0;
	margin: 0;
	color: #fff;
	width: 116px;
	height: 24px;
	text-decoration: none;
	background: url(../images/btnLeegMo.gif) no-repeat 0 0;
	float: left;
}


.btn4, a.btn4
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	padding: 11px 0 0 0;
	margin: 0;
	color: #fff;
	width: 118px;
	height: 24px;
	background: url(../images/btnLeegc.gif) no-repeat 0 0;
	float: left;
}

a.btn4:hover
{
	width: 118px;
	height: 24px;
	color: #fff;
	text-decoration: none;
	background: url(../images/btnLeegcMo.gif) no-repeat 0 0;
	float: left;
}

.btn4x, a.btn4x, a.btn4x:hover
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	padding: 11px 0 0 0;
	margin: 0;
	color: #fff;
	width: 118px;
	height: 24px;
	background: url(../images/btnLeegcMo.gif) no-repeat 0 0;
	float: left;
}

.btn5, a.btn5
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	padding: 11px 0 0 0;
	margin: 0;
	color: #fff;
	width: 91px;
	height: 24px;
	background: url(../images/btnLeegh.gif) no-repeat 0 0;
	float: left;
}

a.btn5:hover
{
	width: 91px;
	height: 24px;
	color: #fff;
	text-decoration: none;
	background: url(../images/btnLeeghMo.gif) no-repeat 0 0;
	float: left;
}

.btn5x, a.btn5x, a.btn5x:hover
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	padding: 11px 0 0 0;
	margin: 0;
	color: #fff;
	width: 91px;
	height: 24px;
	text-decoration: none;
	background: url(../images/btnLeegh.gif) no-repeat 0 0;
	float: left;
}

.btn6, a.btn6
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	padding: 11px 0 0 0;
	margin: 0;
	color: #fff;
	width: 92px;
	height: 24px;
	background: url(../images/btnLeegx.gif) no-repeat 0 0;
	float: left;
}

a.btn6:hover
{
	width: 92px;
	height: 24px;
	color: #fff;
	text-decoration: none;
	background: url(../images/btnLeegxMo.gif) no-repeat 0 0;
	float: left;
}

.btn6x, a.btn6x, a.btn6x:hover
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	padding: 11px 0 0 0;
	margin: 0;
	color: #fff;
	width: 92px;
	height: 24px;
	background: url(../images/btnLeegxMo.gif) no-repeat 0 0;
	float: left;
}

.btnSpacer
{
	width: 0px;
	height: 24px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}

/* Kop met achtergrond
------------------------------------------------------------------------------------------ */

.randlinks
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 17px;
font-weight: bold;
color: #fff;
text-align: left;
padding: 0px 6px 0px 24px;
text-decoration: none;
background-image: url(../images/titelLinks.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
float: left;
}

.randrechts
{
display: block;
height: 9px;
width: 19px;
float: left;
padding: 16px 6px 0px 20px;
background: url(../images/titelRechts.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}

.randlinks a, .randlinks a:link
{
color: #fff;
text-decoration: none;
}

.randlinks a:hover
{
color: #D40127;
text-decoration: none;
}

/* Flash Intro
------------------------------------------------------------------------------------------ */

#flashintro
{
width: 777px;
height: 429px;
margin: 0 auto;
border: 1px solid #5F0023;
}

#introlinkjes { 
	width: 777px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	text-align: center;	
	color: #D0424C;
	}
	
#introlinkjes a:link, #introlinkjes a:visited
{
		text-decoration: none;
        color: #D0424C; 
}

#introlinkjes a:hover
{
	text-decoration: none;
	color: #000000;
}
