* {
margin:0;
padding:0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}

#home,#ditjes, #opleidingen , #diensten , #contact , #onzeschool , #fotoalbum , #kalender, #test, #test2, #testeg, #handel, #createst,#testest,#ibtest,#eerste,#est,#gastro,#creativiteit,#oudleerlingen{
	background-image: url(../images/page_bg_home.gif);
}

/* Header */

#header {
	height: 205px;
	width: 984px;
}

/* de header vormgeving */



#eerste #header {
	background-image: url(../images/geel.jpg);
	height: 205px;
}
#gastro #header {
	background-image: url(../images/oranje.jpg);
	height: 205px;
}
#creativiteit #header {
	background-image: url(../images/rood.jpg);
	height: 205px;
}
#est #header {
	background-image: url(../images/groen.jpg);
	height: 205px;
}

#handel #header {
	background-image: url(../images/blauw.jpg);
	height: 205px;
}

#ditjes #header, #home #header, #opleidingen #header, #diensten #header, #contact #header, #onzeschool #header, #fotoalbum #header,#kalender #header {
	background-image: url(../images/h_home.jpg);
	height: 205px;
}
/* links */

a:link, a:active, a:visited {
	text-decoration:none;
	color:#9D8E81;
}

a:hover {
	text-decoration:underline;
	color:#5E4D3E;
}

#kruimels {
	height: 12px;
	width: 890px;
	text-align: right;
	vertical-align: middle;
	padding: 10px;
}

#content {
	margin-left: 89px;
	width: 830px;
}

#linkerkolom {
	width: 237px;
	float: left;
	margin-right: 12px;
}

/* rechterkolom */

#ditjes #rechterkolom, #home #rechterkolom, #diensten #rechterkolom, #onzeschool #rechterkolom, #contact #rechterkolom, #fotoalbum #rechterkolom , #kalender #rechterkolom, #opleidingen #rechterkolom {
	width: 578px;
	background-image: url(../images/box_boven_home.gif);
	background-repeat: no-repeat;
	float: right;
}

#opleidingen #rechterkolom{
	width: 578px;
	float: right;
}

#creativiteit #rechterkolom,#createst #rechterkolom{
	width: 578px;
	background-image: url(../h_creativiteit/images/box_boven.gif);
	background-repeat: no-repeat;
	float: right;
}

#eerste #rechterkolom,#testeg #rechterkolom  {
	width: 578px;
	background-image: url(../h_eerstegraad/images/box_boven.gif);
	background-repeat: no-repeat;
	float: right;
}
#gastro #rechterkolom , #test2 #rechterkolom {
	width: 578px;
	background-image: url(../h_gastronomie/images/box_boven.gif);
	background-repeat: no-repeat;
	float: right;
}

#est #rechterkolom ,#testest #rechterkolom {
	width: 578px;
	background-image: url(../h_estverzorging/images/box_boven.gif);
	background-repeat: no-repeat;
	float: right;
}

#handel #rechterkolom, #ibtest #rechterkolom  {
	width: 578px;
	background-image: url(../h_handel/images/box_boven.gif);
	background-repeat: no-repeat;
	float: right;
}
#oudleerlingen #rechterkolom {
	width: 578px;
	background-image: url(../oudleerlingen/images/box_boven.gif);
	background-repeat: repeat-x;
	float: right;
}

#inhoud {
	width: 501px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/bg_box_home.gif);
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 2px;
	padding-left: 30px;
}

#creativiteit #inhoud,#createst #inhoud {
	background-image: url(../h_creativiteit/images/bg_box.gif);
	min-height:250px;	
}

#eerste #inhoud, #testeg #inhoud {
	background-image: url(../h_eerstegraad/images/bg_box.gif);
	min-height:150px;	
}

#gastro #inhoud,#test2 #inhoud   {
	min-height:350px;	
	background-image: url(../h_gastronomie/images/bg_box.gif);
}

#oudleerlingen #inhoud {
	min-height:350px;	
	background-image: url(../h_gastronomie/images/bg_box.gif);
}


#est #inhoud,#testest #inhoud   {
	min-height:370px;	
	background-image: url(../h_estverzorging/images/bg_box.gif);
}

#handel #inhoud, #test #inhoud,#ibtest #inhoud{
	min-height:350px;	
	background-image: url(../h_handel/images/bg_box.gif);
}

/* top van subnavigatie is anders op elke pag*/

#subnav {
	background-repeat: no-repeat;
	width: 237px;
	margin-bottom: 20px;
	overflow: hidden;
}
#kalender #subnav {
	background-image: url(../images/kalender.gif);
}
#creativiteit #subnav,#createst #subnav  {
	background-image: url(../images/subnav_creativiteit_top.gif);
}

#eerste #subnav,#testeg #subnav {
	background-image: url(../images/subnav_eerste_top.gif);
}

#gastro #subnav,#test2 #subnav  {
	background-image: url(../images/subnav_gastro_top.gif);
}

#est #subnav, #testest #subnav  {
	background-image: url(../images/subnav_est_top.gif);
}

#ditjes #subnav {
	background-image: url(../images/subnav_ditjes_top.gif);
}

#handel #subnav, #test #subnav,#ibtest #subnav  {
	background-image: url(../images/subnav_handel_top.gif);
}

#diensten #subnav {
	background-image: url(../images/subnav_diensten_top.gif);
}

#onzeschool #subnav {
	background-image: url(../images/subnav_onzeschool_top.gif);
}

#contact #subnav {
	background-image: url(../images/subnav_contact_top.gif);
}

#opleidingen #subnav {
	background-image: url(../images/subnav_opleidingen_top.gif);
}

#home #subnav {
	background-image: url(../images/subnav_home_top.gif);
}
#foto #subnav {
	background-image: url(../images/subnav_foto_top.gif);
}
#fotoalbum #subnav {
	background-image: url(../images/subnav_fotoalbum_top.gif);
}	


#subnav_inhoud {
	background-image: url(../images/subnav_home_bg.gif);
	margin-top: 45px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 26px;
	padding-left: 20px;
	overflow: hidden
}

#creativiteit #subnav_inhoud,#createst #subnav_inhoud {
	background-image: url(../images/subnav_creativiteit_bg.gif);
}

#eerste #subnav_inhoud, #testeg #subnav_inhoud {
	background-image: url(../images/subnav_eerste_bg.gif);
}

#gastro #subnav_inhoud, #oudleerlingen #subnav_inhoud, #test2 #subnav_inhoud {
	background-image: url(../images/subnav_gastro_bg.gif);
}

#est #subnav_inhoud,#testest #subnav_inhoud {
	background-image: url(../images/subnav_est_bg.gif);
}

#handel #subnav_inhoud, #test #subnav_inhoud ,#ibtest #subnav_inhoud{
	background-image: url(../images/subnav_handel_bg.gif);
}
#fotoalbum #subnav_inhoud {
	background-image: url(../images/subnav_home_bg.gif);
}
#subnav a, #subnav a:actieve,#subnav a:visited,{
	display:block;
	width:191px;
	height:15px;
	text-decoration:none;
	color:#9D8E81;
}
#subnav a:hover{
	text-decoration:none;
	color:#FFFFFF;
	background-color:#9D8E81;
}

#creativiteit #subnav a, #creativiteit #subnav a:actieve,#creativiteit #subnav a:visited,{
	color:#5E4D3E;
}

#eerste #subnav a, #eerste #subnav a:actieve,#eerste #subnav a:visited,{
	color:#5E4D3E;
}

#gastro #subnav a, #gastro #subnav a:actieve, #gastro #subnav a:visited, #oudleerlingen #subnav a, #oudleerlingen #subnav a:actieve, #oudleerlingen #subnav a:visited {
	color:#5E4D3E;
}

#est #subnav a, #est #subnav a:actieve,#eerste #subnav a:visited,{
	color:#5E4D3E;
}

#handel #subnav a, test #subnav a,  #est #subnav a:actieve,#eerste #subnav a:visited,{
	color:#5E4D3E;
}

#creativiteit #subnav a:hover,#createst #subnav a:hover{
	color:#FFFFFF;
	background-color:##5E4D3E;
}

#eerste #subnav a:hover{
	color:#FFFFFF;
	background-color:#5E4D3E;
}

#gastro #subnav a:hover,#oudleerlingen #subnav a:hover {
	color:#FFFFFF;
	background-color:#5E4D3E;
}

#est #subnav a:hover,#testest #subnav a:hover {
	color:#FFFFFF;
	background-color:#5E4D3E;
}

#subnav_footer {
	background-image: url(../images/subnav_home_botom.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 237px;
}

#creativiteit #subnav_footer,#createst #subnav_footer {
	background-image: url(../images/subnav_creativiteit_botom.gif);
}

#eerste #subnav_footer, #testeg #subnav_footer {
	background-image: url(../images/subnav_eerste_botom.gif);
}

#gastro #subnav_footer, #oudleerlingen #subnav_footer , #test2 #subnav_footer  {
	background-image: url(../images/subnav_gastro_botom.gif);
}

#est #subnav_footer,#testest #subnav_footer {
	background-image: url(../images/subnav_est_botom.gif);
}

#handel #subnav_footer , #test #subnav_footer , #ibtest #subnav_footer {
	background-image: url(../images/subnav_handel_botom.gif);
}

/* footer onder elke pagina */

#home #footer, #opleidingen #footer, #ditjes #footer, #diensten #footer, #onzeschool #footer, #contact #footer, #fotoalbum #footer,#kalender #footer {
	background-image: url(../images/f_home.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding: 0px;
	width: 561px;
	clear:both;
}

#footer {
	background-repeat: no-repeat;
	height: 25px;
	padding: 0px;
	width: 561px;
	clear: right;
}


#creativiteit #footer,#createst #footer {
	background-image: url(../images/f_creativiteit.gif);
}

#eerste #footer, #testeg #footer {
	background-image: url(../images/f_eerste.gif);
}

#gastro #footer, #test2 #footer {
	background-image: url(../images/f_gastro.gif);
}
#oudleerlingen #footer {
	background-image: url(../images/f_gastro.gif);
}
#est #footer,#testest #footer {
	background-image: url(../images/f_est.gif);
}

#handel #footer,#test #footer ,#ibtest #footer {
	background-image: url(../images/f_handel.gif);
}

/*de hoofdnavigatie*/

#navigatie {
	height: 30px;
	width: 984px;
	position: relative;
	margin: 0;
	list-style-type: none;
	overflow: hidden;
}

#navigatie li a {
	position: absolute;
	top: 0;
	text-indent: -9000px;
	text-decoration: none;
	overflow: hidden;
	height :30px;
	/*background: transparent url(images/navigatie.gif) no-repeat;*/
	/*background-image: url(images/navigatie.gif);*/
	background-color: #5E4D3E;
}

#navigatie .ditjes a{
	left: 452px;
	width: 105px;
	background: transparent url(../images/navigatie.gif) no-repeat -452px 0;
}
#navigatie .ditjes a:hover{
	background: transparent url(../images/navigatie.gif) no-repeat -452px -180px;
}

#ditjes #navigatie .ditjes a{
	background: transparent url(../images/navigatie.gif) no-repeat -452px -180px;
}

#navigatie .home a{
	left: 82px;
	width: 62px;
	background: transparent url(../images/navigatie.gif) no-repeat -82px 0;
}
#navigatie .home a:hover{
	background: transparent url(../images/navigatie.gif) no-repeat -82px -30px;
}

#home #navigatie .home a{
	background: transparent url(../images/navigatie.gif) no-repeat -82px -30px;
}

#navigatie .opleidingen a{
	left: 144px;
	width: 109px;
	background: transparent url(../images/navigatie.gif) no-repeat -144px 0;
}
#navigatie .opleidingen a:hover{
	background: transparent url(../images/navigatie.gif) no-repeat -144px -60px;
}
#opleidingen #navigatie .opleidingen a, #creativiteit #navigatie .opleidingen a, #eerste #navigatie .opleidingen a, #est #navigatie .opleidingen a, #gastro #navigatie .opleidingen a, #handel #navigatie .opleidingen a,, #test #navigatie .opleidingen a , #test2 #navigatie .opleidingen a {
	background: transparent url(../images/navigatie.gif) no-repeat -144px -60px;
}

#navigatie .diensten a{
	left: 253px;
	width: 84px;
	background: transparent url(../images/navigatie.gif) no-repeat -253px 0;
}
#navigatie .diensten a:hover{
	background: transparent url(../images/navigatie.gif) no-repeat -253px -90px;
}
#diensten #navigatie .diensten a{
	background: transparent url(../images/navigatie.gif) no-repeat -253px -90px;
}

#navigatie .onzeschool a{
	left: 337px;
	width: 115px;
	background: transparent url(../images/navigatie.gif) no-repeat -337px 0;
}
#navigatie .onzeschool a:hover{
	background: transparent url(../images/navigatie.gif) no-repeat -337px -120px;
}
#onzeschool #navigatie .onzeschool a {
	background: transparent url(../images/navigatie.gif) no-repeat -337px -120px;
}

#navigatie .tussen a{
	left: 558px;
	width: 233px;
	background: transparent url(../images/navigatie.gif) no-repeat -557px 0;
}

#navigatie .tussenbruin{
	left: 558px;
	width: 233px;
	background: transparent url(../images/navigatie.gif) no-repeat -557px -30px;
	}

#navigatie .contact a{
	left: 814px;
	width: 88px;
	background: transparent url(../images/navigatie.gif) no-repeat -814px 0;
}
#navigatie .contact a:hover{
	background: transparent url(../images/navigatie.gif) no-repeat -814px -150px;
}
#contact #navigatie .contact a{
	background: transparent url(../images/navigatie.gif) no-repeat -814px -150px;
}
#subnav_opleiding {
	float: left;
	width: 150px;
}

/* vormgeving lestabellen */
.tabel_vakken {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	line-height: 20px;
}
.tabel_totaaluren {
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #D3C5D3;
	background-color: #E5E1DE;
	text-align: center;
	line-height: 20px;
}
.tabel_uren {
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #D3C5D3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	text-align: center;
	line-height: 20px;
}

h1 {
	font-size: 18px;
	color: #5E4D3E;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #5E4D3E;
	border: 1px solid #5E4D3E;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #5E4D3E;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	line-height: 35px;
	font-style: italic;
	text-align:right;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #5E4D3E;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #5E4D3E;
	border: 1px solid #5E4D3E;
}
#rechterkolom ul {
	margin: 16px;
}
#fotoalbum #subnav {

	background-image: url(../images/subnav_fotoalbum_top.gif);

}
#oudleerlingen #subnav {

	background-image: url(../images/oudleerlingen.gif);

}