/* home.css */


	#wrap {
text-align		: left;
margin			: 0 auto;
width			: 976px;
min-height		: 590px;
position		: relative;
background		: white;
-moz-border-radius	: 5px; 
-webkit-border-radius	: 5px; 
	}


/* blokken */

	#col-blokken {
width			: 754px;
height			: 518px;
	}

	#blok-1 {
margin			: 20px auto auto 30px;
padding			: 0;
background		: white;
position		: absolute;
width			: 240px;
height			: 320px;
	}


	#blok-2 {
margin			: 0 auto auto 300px;
padding			: 20px 0;
background		: white;
position		: absolute;
width			: 430px;
height			: 270px;
	}


	#blok-3 {
margin			: 300px auto auto 300px;
padding			: 0;
background		: white;
position		: absolute;
width			: 430px;
height			: 140px;
	}

	#blok-4 {
margin			: 330px auto auto 30px;
padding			: 0;
background		: #004F45;  /* groen */
position		: absolute;
width			: 240px;
height			: 37px;
color			: white;
	}


/* banner  */

        .banner {
margin-top              : 0;
        }


	.banner p {
margin			: 0;
padding			: 5px 0;
font-size		: 93%;
	}
	
	.banner span {
padding			: 0 27px 0 0;
height			: 18px;
float			: right;
background		: url(/media/afbeeldingen/bullet-mo.png) no-repeat right top;
	}

	.banner span:hover {
background		: url(/media/afbeeldingen/bullet.png) no-repeat right top;
}

	.banner a {
padding			: 1px 0 0 0;
text-decoration		: none;
font-size		: 1.15em;
width			: 100%;
display			: block;
	}


/* quicklinks  */

	h2.quicklinks {
margin			: 0;
padding			: 10px 20px;
color			: white;
font-size		: 1em;
	}

	ul#quicklinks {
margin			: 0;
padding			: 10px 0;
width			: 100%;
float			: left;
background		: #407B74;  /* blauwgroen */
color			: white;
border-top		: 1px solid #FFEFC9;  /* lichtgeel */
font-size		: .9em;
list-style		: none;
	}

	ul#quicklinks li {
padding			: 7px 15px;
background		: url(/media/afbeeldingen/bullet-mo.png) no-repeat 16px 6px;
}

	ul#quicklinks li:hover {
background		: url(/media/afbeeldingen/bullet.png) no-repeat 16px 6px;
}


	ul#quicklinks a {
margin			: 0 5px 0 30px;
height			: 100%;
display			: block;
color			: white;
text-decoration		: none;
	}

	ul#quicklinks a:hover {
margin			: 0 30px;
color			: #FFEFC9;  /* lichtgeel */
	}


/* vacatureladder */


	#col-vacatureladder {
width			: 182px;
min-height		: 400px;
	}



	h2.vacatureladder {
margin			: 40px 0 0 0px;
padding			: 0 20px;
height			: 34px;
background		: url(/media/afbeeldingen/vacatureladder.png) no-repeat;
cursor			: pointer;
	}

	h2.vacatureladder:hover {
background		: url(/media/afbeeldingen/vacatureladder-mo.png) no-repeat;
cursor			: hand;
	}


	ul#vacatureladder {
margin			: 0;
padding			: 0;
width			: 100%;
float			: left;
background		: #FFEFC9;  /* lichtgeel */
color			: white;
font-size		: .9em;
list-style		: none;
	}


	ul#vacatureladder li {
padding			: 10px 15px;
background		: url(/media/afbeeldingen/bullet.png) no-repeat  16px 9px;
border-bottom		: 4px solid white;
}

	ul#vacatureladder li:hover {
background		: url(/media/afbeeldingen/bullet-mo.png) no-repeat  16px 9px;
}

	ul#vacatureladder a {
padding			: 0 30px;
width			: 70%;
height			: 100%;
display			: block;
color			: #407B74;  /* blauwgroen */
text-decoration		: none;
	}

	ul#vacatureladder a:hover {
color			: #B56D00;  /* oranje */
	}

	.actionbutton {
margin			: 20px 0;
width			: 100%;
height			: 30px;
background		: url(/media/afbeeldingen/open-sollicitatie.png) no-repeat;
border			: none;
cursor			: pointer;
	}

	.actionbutton:hover {
background		: url(/media/afbeeldingen/open-sollicitatie-mo.png) no-repeat;
cursor			: hand;
	}