/* CSS Document */
*	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	}
body	{
	margin: 20px;
	padding: 0px;
	background: #54B948;
	}

ul {
	margin-top: 0px;
	}	

a:link, a:visited, a:active	{
	color: #FFF;
	}
a:hover	{
	color: #000;
}
/**************************************************************************
Intro tekst opmaak
**************************************************************************/
.platte_tekst	{
	margin-left: 240px;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 400px;

	min-height: 250px;
	height: auto !important;
	height: 250px;
}
.platte_tekst h1 {
/* 160 procent van de grootte '10' die we eerder hadden vastgesteld  maakt nu 16*/
	font-size: 160%;
	line-height: 130%;
	font-weight: bold;
	}
.platte_tekst h2 {
	font-size: 160%;
	line-height: 130%;
	font-weight: bold;
	}
.platte_tekst h3 {
	display: inline;
	}
.platte_tekst a:link, .platte_tekst a:active, .platte_tekst a:visited {
	color: #000;
}
.platte_tekst a:hover {
	color: #54B948;
} 
#hometekst {
	margin-top: -20px;
	height: 200px;
	}
#hometekst ul {
	margin-top: 0px;
	margin-bottom: -20px;
	padding-bottom: 0px;
	}
/**************************************************************************
Foto'tje
**************************************************************************/	
#meisje {
	float:right;
	clear:none;
	margin: -280px 0px 0px 0px;
	}
/**************************************************************************
Adresgegevens opmaak
**************************************************************************/
#adresgegevens {
	margin: 0px;
	text-align: right;
}
#adresgegevens	p {
	text-align: center;
	margin: 0px;
	clear: both;
	padding: 5px;
	font-size: 90%;
	color: #54B948;
	background: #FFF;
	font-weight: bold;
	}
#adresgegevens	a {
	text-align: left;
	margin: 0px;
	clear: both;
	padding: 5px;
	font-size: 90%;
	color: #54B948;
	background: #FFF;
	font-weight: bold;
	}
/**************************************************************************
Layout opmaak
**************************************************************************/
#wrapper	{
	background: url(../beelden/bg_repeat.jpg) #FFF repeat-y;
	margin: 0 auto;
	width: 886px;
	border: 2px solid #FFF;
	}
#bubbels	{
	position:absolute;
	margin-left: -30px;
	margin-top: 50px;
	}
#banner	{
	background: url(../beelden/banner.jpg) no-repeat;
	width: 100%;
	height: 200px;
	}
/**************************************************************************
Navigatie/menu onderdelen
**************************************************************************/
#navbalk	{
	position: relative;
	width: 643px;
	top: 117px;
	margin-left: 245px;
	}
#navbalk span	{
	display:none;
	}
#home	{
	position:absolute;
	background: url(../beelden/knp_home.gif) no-repeat;
	width: 64px;
	height: 20px;
	top:9px;
	z-index: 20;
	}
#home_active {
	position:absolute;
	background: url(../beelden/knp_home_f2.gif) no-repeat;
	width: 64px;
	height: 20px;
	top:9px;
	z-index: 20;
	}
#home a {
	display: block;
	width: 64px;
	height: 20px;
	}
#fitness	{
	position:absolute;
	background: url(../beelden/knp_fitness.gif) no-repeat;
	width: 75px;
	height: 21px;
	left: 64px;
	top:7px;
	z-index: 20;
	}
#fitness_active {
	position:absolute;
	background: url(../beelden/knp_fitness_f2.gif) no-repeat;
	width: 75px;
	height: 21px;
	left: 64px;
	top:7px;
	z-index: 20;
}	
#fitness a {
	width: 75px;
	height: 21px;
	}
#bedrijfsfitness	{
	position:absolute;
	background: url(../beelden/knp_bedrijfsfitness.gif) no-repeat;
	width: 117px;
	height: 24px;
	left:139px;
	top:8px;
	z-index: 20;
	}
#bedrijfsfitness_active {
	position:absolute;
	background: url(../beelden/knp_bedrijfsfitness_f2.gif) no-repeat;
	width: 117px;
	height: 24px;
	left:139px;
	top:8px;
	z-index: 20;
}
#bedrijfsfitness a {
	width: 117px;
	height: 24px;
}
#fysiotherapie	{
	position:absolute;
	background: url(../beelden/knp_fysiotherapie.gif) no-repeat;
	width: 113px;
	height: 25px;
	left:256px;
	top:13px;
	z-index: 20;
	}
#fysiotherapie_active	{
	position:absolute;
	background: url(../beelden/knp_fysiotherapie_f2.gif) no-repeat;
	width: 113px;
	height: 25px;
	left:256px;
	top:13px;
	z-index: 20;
	}
#fysiotherapie a {
	width: 82px;
	height: 25px;
	}
#nieuws	{
	position:absolute;
	background: url(../beelden/knp_nieuws.gif) no-repeat;
	width: 84px;
	height: 20px;
	left:369px;
	top:22px;
	z-index: 21;
	}
#nieuws_active	{
	position:absolute;
	background: url(../beelden/knp_nieuws_f2.gif) no-repeat;
	width: 84px;
	height: 20px;
	left:369px;
	top:22px;
	z-index: 21;
	}
#nieuws a {
	width: 84px;
	height: 20px;
	}
#beweeg	{
	position:absolute;
	background: url(../beelden/knp_beweeg.gif) no-repeat;
	width: 134px;
	height: 27px;
	left:453px;
	top:33px;
	z-index: 20;
	}
#beweeg_active	{
	position:absolute;
	background: url(../beelden/knp_beweeg_f2.gif) no-repeat;
	width: 134px;
	height: 27px;
	left:453px;
	top:33px;
	z-index: 20;
	}
#beweeg a {
	width: 134px;
	height: 27px;
	}
#fitness a, #bedrijfsfitness a, #fysiotherapie a,  #nieuws	a, #beweeg a {
	display: block;
	}
/**************************************************************************
Dropdown menutjes
**************************************************************************/	
.dropdownmenu	{
	position: absolute;
	z-index: 200;
}
.dropdownmenu a:link, .dropdownmenu a:visited , .dropdownmenu a:active {
	border: 1px solid black;
	display: block;
	background: #000;
	padding: 5px 20px 5px 10px;
	color: #54B948;
	text-decoration: none;
	z-index: 200;
}

.dropdownmenu a:hover	{
	color: #000;
	background: #54B948; /*geel #FC0; */
}

#fitness_sub a, #bedrijfsfitness_sub a, #fysiotherapie_sub a, #nieuws_sub a {
	height: 20px;
}

#beweeg_sub a {
	height: 30px;
}

#fitness_sub  {
	top: 20px;
	width: 100px;
	display:none;
	z-index: 200;
}

#bedrijfsfitness_sub {
	top: 24px;
	width: 150px;
	display:none;
	z-index: 200;
}

#fysiotherapie_sub {
	top: 23px;
	width: 100px;
	display:none;
	z-index: 200;
}

#nieuws_sub {
	top: 19px;
	width: 100px;
	display:none;
	z-index: 250;
}

#beweeg_sub {
	top: 25px;
	display:none;
	z-index: 200;
}

/**************************************************************************
Vacatures
**************************************************************************/	
.vacature	{
	width: 400px;
	margin-bottom: 20px;
	}
.functie	{
	font-weight: bold;
	display: block;
	font-size: 20px;
	padding: 12px 12px 0px 0px;
	}
.meer	{
	border: 1px dotted black;
	padding: 3px;
	}
/**************************************************************************
De tweede navigatie onderin.
**************************************************************************/	
#navigatie2	{
	font-weight:bold;
	position:relative;
	width: 886px;
	margin: 5px auto;
	text-align: center;
	}
#navigatie2 ul li {
	display: inline;
	padding: 0px 30px;
	}	
#navigatie2 ul li a:link, #navigatie2 ul li a:visited, #navigatie2 ul li a:active	{
	text-decoration: none;
	font-size: 120%;
	}
#navigatie2 ul li a:hover	{
	color: #000;
	}