html
	{
	background: url(../beeld/bg_html_site.jpg) top center no-repeat;
	}
	
#container
	{
	position: relative;
	margin: 155px auto 0 auto;
	width: 835px;
	text-align: left;
	display: block;
	border: none;
	}
	
/*#######################################################*/
/*                     tekstlogo                         */
/*#######################################################*/		
a#home
	{
  	position: absolute;
	top: -90px;
	left: 240px;
	width: 350px;
	height: 50px;
	text-indent: -9000px;
	}
	
/*#######################################################*/
/*                     hoofdnavigatie                    */
/*#######################################################*/			
ul#hoofdnavigatie
	{
	margin: 0 0 0 25px;
	list-style-type: none;
	}

ul#hoofdnavigatie li
	{
	display: inline;
	width: 146px;
	height: 31px;
	float: left;
	background: #fc3;
	}

ul#hoofdnavigatie li a
	{
	display: block;
	height: 31px;
	text-indent: -9000px;
	background: url(../beeld/bg_hoofdnavigatie.gif);
	}

ul#hoofdnavigatie li a.home
	{
	background-position: 0 -31px;
	}
	
ul#hoofdnavigatie li a.home:hover,
ul#hoofdnavigatie li.actief a.home
	{
	background-position: 0 0;
	}

ul#hoofdnavigatie li a.webwinkel
	{
	background-position: 0 -93px;
	}
	
ul#hoofdnavigatie li a.webwinkel:hover,
ul#hoofdnavigatie li.actief a.webwinkel
	{
	background-position: 0 -62px;
	}
	
ul#hoofdnavigatie li a.groothandel
	{
	background-position: 0 -155px;
	}
	
ul#hoofdnavigatie li a.groothandel:hover,
ul#hoofdnavigatie li.actief a.groothandel
	{
	background-position: 0 -124px;
	}

ul#hoofdnavigatie li a.contact
	{
	background-position: 0 -217px;
	}
	
ul#hoofdnavigatie li a.contact:hover,
ul#hoofdnavigatie li.actief a.contact
	{
	background-position: 0 -186px;
	}

/*#######################################################*/
/*                     subnavigatie                      */
/*#######################################################*/			
ul#subnavigatie
	{
	float: left;
	width: 172px;
	list-style-type: none;
	}

ul#subnavigatie li a
	{
	display: block;
	height: 30px;
	text-indent: -9000px;
	background: url(../beeld/bg_subnavigatie.gif) 0 0 no-repeat;
	}

ul#subnavigatie li a.eganederland
	{
	background-position: 0 0;
	}
	
ul#subnavigatie li a.eganederland:hover,
ul#subnavigatie li.actief a.eganederland
	{
	background-position: 0 -30px;
	}
	
ul#subnavigatie li a.afslanken
	{
	background-position: 0 -60px;
	}
	
ul#subnavigatie li a.afslanken:hover,
ul#subnavigatie li.actief a.afslanken
	{
	background-position: 0 -90px;
	}

ul#subnavigatie li a.cursussen
	{
	background-position: 0 -117px;
	}
	
ul#subnavigatie li a.cursussen:hover,
ul#subnavigatie li.actief a.cursussen
	{
	background-position: 0 -147px;
	}

ul#subnavigatie li a.appeltje-eitje
	{
	background-position: 0 -180px;
	}
	
ul#subnavigatie li a.appeltje-eitje:hover,
ul#subnavigatie li.actief a.appeltje-eitje
	{
	background-position: 0 -210px;
	}
	
ul#subnavigatie li a.onzeproducten
	{
	background-position: 0 -240px;
	}
	
ul#subnavigatie li a.onzeproducten:hover,
ul#subnavigatie li.actief a.onzeproducten
	{
	background-position: 0 -270px;
	}

ul#subnavigatie li a.receptenboek
	{
	background-position: 0 -300px;
	}
	
ul#subnavigatie li a.receptenboek:hover,
ul#subnavigatie li.actief a.receptenboek
	{
	background-position: 0 -330px;
	}
	
ul#subnavigatie li a.menutips
	{
	background-position: 0 -360px;
	}
	
ul#subnavigatie li a.menutips:hover,
ul#subnavigatie li.actief a.menutips
	{
	background-position: 0 -390px;
	}
	
ul#subnavigatie li a.vacatures
	{
	background-position: 0 -420px;
	}
	
ul#subnavigatie li a.vacatures:hover,
ul#subnavigatie li.actief a.vacatures
	{
	background-position: 0 -450px;
	}
	
ul#subnavigatie li a.inloggen
	{
	background-position: 0 -600px;
	}
	
ul#subnavigatie li a.inloggen:hover,
ul#subnavigatie li.actief a.inloggen
	{
	background-position: 0 -630px;
	}
	
ul#subnavigatie li a.uitloggen
	{
	background-position: 0 -660px;
	}
	
ul#subnavigatie li a.uitloggen:hover,
ul#subnavigatie li.actief a.uitloggen
	{
	background-position: 0 -690px;
	}		
	
	
/*#######################################################*/
/*                     content                           */
/*#######################################################*/
#wrapper
	{
	margin: 22px 0 0 25px;
	padding: 0 0 25px 0;
	background: url(../beeld/bg_wrapper_site.gif) bottom right no-repeat;
	}
	
#kol1
	{
	float: left;
	min-height: 400px;
	width: 412px;
	color: #333;
	}
	
#kol2
	{
	float: right;
	width: 200px;
	}	

#kol1 h1				/* hoofdkop */
	{
	color: #039;
	font-family: Arial, sans-serif;
	font-size: 22px;
	padding: 0 0 10px 0;
	}

#kol1 h2				/* kopjes berichten */
	{
	color: #039;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	padding: 2px 0 3px 0;
	}
	
a
	{
	color: #F60;
	}
	
a:hover
	{
	color: #039;
	}	
	
a.meer
	{
	color: #F60;
	font-weight: bold;
	}
	
a.meer:hover
	{
	color: #039;
	}	


.hr_content
	{
	display: block;
	width: 412px;
	height: 35px;
	background: url(../beeld/bg_hr_content.gif) 0 16px repeat-x;
	}

.hr_content hr
	{
	display: none;
	}
	
	
#randomizer
	{
	padding: 17px 0 0 0;
	}
	
/*#######################################################*/
/*                     footer                            */
/*#######################################################*/
#footer1
	{
	margin: 0 0 0 25px;
	border-top: 20px solid #fff;
	color: #6A6A6A;
	background: url(../beeld/bg_footer.gif) 405px 0 repeat-y;
	}
	
#footer2
	{
	margin: 0 0 0 25px;
	}	
	
#fkol1
	{
	float: left;
	width: 390px;
	min-height: 100px;
	}
	
#fkol2
	{
	float: right;
	width: 390px;
	}	

#fkol1 h3,
#fkol2 h3				/* kopjes footerberichten */
	{
	color: #039;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	padding: 0 0 3px 0;
	}
	
#fkol1 a,
#fkol2 a
	{
	color: #F60;
	}
	
#fkol1 a:hover,
#fkol2 a:hover
	{
	color: #039;
	}	

#footertekst
	{
	text-align: center;
	font-size: 10px;
	height: 30px;
	line-height: 30px;
	color: #F60;
	}

#footertekst a
	{
	color: #F60;
	}
	
#footertekst a:hover
	{
	color: #039;
	}
	
/*#######################################################*/
/*                     inlogformulier homepage           */
/*#######################################################*/	
#inlogform_cursusleidsters
	{
	position: relative;
	height: 29px;
	margin: 20px 0 0 0;
	padding: 0 0 0 240px;
	background: #F60 url(../beeld/bg_inloggen_footer.gif) 0 0 no-repeat;
	}
	
#inlogform_cursusleidsters input
	{
	color: #F60;
	width: 150px;
	height: 20px;
	line-height: 20px;
	background: #FFDAC2;
	margin: 4px 20px 0 0;
	padding: 0 0 0 3px;
	outline: none;
	}

#usermsg,
#passwdmsg
	{
	display: block;
	position: absolute;
	top: 6px;
	height: 16px;
	width: 16px;
	}
	
#usermsg
	{
	left: 375px;
	}
	
#passwdmsg
	{	
	left: 552px;
	}
	
#inlogform_cursusleidsters input#verzend
	{
	position: absolute;
	top: -3px;
	right: 185px;
	height: 34px;
	width: 33px;
	margin: 0;
	padding: 0;
	background: url(../beeld/bg_verzend.gif) 0 0 no-repeat;
	z-index: 10000;
	}
	
#inlogform_cursusleidsters input#verzend:hover
	{
	background-position: 0 -34px;
	}	


span#account_aanvragen
	{
	position: absolute;
	right: 5px;
	text-align: right;
	height: 29px;
	line-height: 29px;
	font-size: 10px;
	width: 200px;
	}
	
span#account_aanvragen a
	{
	float: right;
	color: #FFDAC2;
	}

span#account_aanvragen a:hover
	{
	color: #fff;
	}
	
#foutmelding
	{
	margin: 50px 25px;
	}
	
#foutmelding a
	{
	color: #F60;
	}
	
#foutmelding a:hover
	{
	color: #039;
	}	
	
/*#######################################################*/
/*                     uitlogformulier homepage          */
/*#######################################################*/	
#uitlogform_cursusleidsters
	{
	position: relative;
	height: 29px;
	margin: 20px 0 0 0;
	padding: 0 0 0 240px;
	background: #F60 url(../beeld/bg_uitloggen_footer.gif) 0 0 no-repeat;
	}

a#uitloggen
	{
	position: absolute;
	top: -3px;
	left: 20px;
	height: 34px;
	width: 110px;
	margin: 0;
	padding: 0;
	background: url(../beeld/bg_loguit.gif) 0 0 no-repeat;
	}
	
a#uitloggen:hover
	{
	background-position: 0 -34px;
	}
	
#login_msg
	{
	position: absolute;
	right: 15px;
	text-align: right;
	height: 29px;
	line-height: 29px;
	font-size: 10px;
	color: #fff;
	}

#login_msg a
	{
	color: #FFDAC2;
	}

#login_msg a:hover
	{
	color: #fff;
	}