@charset "utf-8";



/* CSS Document */







/******************* CSS Document *******************************/



/****************************************************************/



/****************************************************************



*** Title: EBEN HAEZER



*** Description: Website



*** Copyright: Weeningontwerp.nl 



*** Company: Weeningontwerp.nl 



*** Author: Bouke Weening 



*** Version: 1.0 



*****************************************************************/







body {



	background: #6dcde3 url(achtergrond.jpg) no-repeat fixed top center;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	line-height: 130%;











}







h1 {



	padding: 0;



	margin: 0 0 15px 0;



	



	font-size: 16px;



}







h2 {



	font-size: 14px;



	color: #ce1d5d;



}







#container {



	margin: auto;



	width: 860px;



	min-height: 742px;



}







/*********



MENU



*********/







#menu {



	float: left;



	padding: 0;



	margin: 0;



}







#menu ul {



	margin: 30px 0 30px 0;



	padding: 0;



}



#menu li {



	float: left;



	



	margin: 0;



	padding: 0;



	}







#menu ul li { 



	list-style: none;



	text-indent: -1500em;



	



	margin: 0;



	padding: 0;



}







#menu_home a{



	background:url(menu_home.gif) no-repeat;



	display: block;



	width: 126px;



	height: 53px;



	



	margin-right: 19px;



	}







#menu_home a:hover {



	background:url(menu_hover_home.gif);



	}







#menu_nieuws a{



	background:url(menu_nieuws.gif) no-repeat;



	display: block;



	width: 126px;



	height: 53px;



	



	margin-right: 19px;



	}







#menu_nieuws a:hover {



	background:url(menu_hover_nieuws.gif);



	}







#menu_groep a{



	background:url(menu_groep.gif) no-repeat;



	display: block;



	width: 126px;



	height: 53px;
	
	margin-right: 19px;



	}







#menu_groep a:hover {



	background:url(menu_hover_groep.gif);



	}







#menu_foto a{



	background:url(menu_foto.gif) no-repeat;



	display: block;



	width: 126px;



	height: 53px;

	}







#menu_foto a:hover {



	background:url(menu_hover_foto.gif);



	}







#menu_school a{



	background:url(menu_school.gif) no-repeat;



	display: block;



	width: 126px;



	height: 53px;



	



	margin-right: 19px;



	}







#menu_school a:hover {



	background:url(menu_hover_school.gif);



	}


#menu_info a{



	background:url(menu_info.gif) no-repeat;



	display: block;



	width: 126px;



	height: 53px;

margin-right: 19px;

	}







#menu_info a:hover {



	background:url(menu_hover_info.gif);



	}





/***********



CONTENT



***********/



#content_top {



	background: url(content_top.gif) no-repeat top;







	float: left;



	margin-top: 31px;



	margin-bottom: 20px;



	}





#content_school_top {



	background: url(content_top.gif) no-repeat top;







	float: right;



	margin-top: 31px;



	margin-bottom: 20px;



	}





#content {



	background:url(background_content.gif) no-repeat bottom;



	color: #1c403f;



	width: 476px;



	min-height: 480px;



	float: left;



	margin: 30px 0 100px 0;



	padding: 0 15px 15px 15px;



	}







#content img {



	max-width: 150px;



	float: right;



	margin: 15px;



}







#content_nieuws {



	background:url(background_content.gif) no-repeat bottom;



	color: #1c403f;



	width: 476px;



	min-height: 480px;



	float: left;



	margin: 30px 0 100px 0;



	padding: 0 15px 15px 15px;



	}







#content_nieuws a {



	color: #378840;



}







#content_nieuws a:hover {



	color: #1c403f;



}







#content_nieuws img {



	max-width: 300px;



	margin: 15px;



}







#content_school a {



	color: #1c403f;



}







#content_school a:hover {



	color: #378840;



}







#content_school {



	background:url(background_content.gif) no-repeat bottom;



	color: #1c403f;



	width: 476px;



	min-height: 480px;



	float: left;



	margin: 30px 0 100px 0;



	padding: 0 15px 15px 15px;



	}















#content_school h2 {



	margin: 0;



	padding: 0;



}







#agenda {



	color: #378840;



	font-weight: bold;



}







#title {



	text-indent: -1500em;



	background:url(titel_h1_gbs.gif) no-repeat;



	display: block;



	height: 100px;



	margin: 0 0 0 30px;



	}



	



#h1_home {



	background: url(titel_h1_home.gif) no-repeat right;



	display: block;



	text-indent: -3000em;



	height: 30px;



}







#h1_archief {



	background: url(titel_h2_archief.gif) no-repeat left;



	display: block;



	text-indent: -3000em;



	height: 30px;



}







#h1_nieuws {



	background: url(titel_h1_nieuws.gif) no-repeat right;



	display: block;



	text-indent: -3000em;



	height: 30px;



}







#h1_school {



	background: url(titel_h1_onderwijsteam.gif) no-repeat right;



	display: block;



	text-indent: -3000em;



	height: 30px;



}







#h2_school{



	background: url(titel_h2_school.gif) no-repeat right;



	display: block;



	text-indent: -3000em;



	height: 20px;



}







#h1_management {



	background: url(titel_h1_management.gif) no-repeat right;



	display: block;



	text-indent: -3000em;



	height: 30px;



}







#h2_management {



	background: url(titel_h2_management.gif) no-repeat right;



	display: block;



	text-indent: -3000em;



	height: 20px;



}







#h1_agenda {
	background: url(titel_h1_agenda.gif) no-repeat;
	display: block;
	text-indent: -3000em;
	height: 30px;
}

.school {
	color: #1c403f;
	width: 476px;
	float: left;
	margin: 30px 15px 15px 0;
	padding: 0 15px 15px 0;
 	}

.school1 {
	color: #1c403f;
	width: 476px;
	float: left;
	margin: 30px 15px 15px 0;
	padding: 0 15px 15px 0;
 	}

.school2 {
	color: #1c403f;
	width: 476px;
	float: left;
	margin: 20px 15px 15px 0;
	padding: 0 15px 15px 0;
	}

.school3 {
	color: #1c403f;
	width: 476px;
	float: left;
	margin: 30px 15px 15px 0;
	padding: 0 15px 15px 0;
 	}

.school3 img {
	float: left;
	max-width: 470px;
	margin: 0 5px 5px 5px;
}

.school img {
	max-width: 150px;
	float: left;
	margin: 15px;
}

.school1 img {
	float: left;
	max-height: 65px;
	margin: 0 5px 5px 5px;
}

.school2 img {
	float: left;
	max-height: 100px;
	margin: 0 5px 5px 5px;
}



	



table {



	line-height: 100%;



	float: left;



}







content a {



	text-decoration: none;



}







a {



	color: #ce1d5d;



	text-decoration: none;



}







a:hover {



	color: #1c403f;



}



	



/***********



NEWS



***********/	



	



#news {



	background:url(background_news.gif) no-repeat bottom;



	color: #ce1d5d;



	float: left;



	width: 287px;



	min-height: 330px;



	text-align: center;



	padding: 0 15px 15px 15px;



	}



	



#news_top {



	background: url(news_top.gif) no-repeat top;



	height: 31px;



	margin-top: 200px;



	margin-left: 30px;



	padding-top: 31px;



	float: left;



	}



	



#h1_news {
	background: url(titel_h1_news.gif) no-repeat center;
	display: block;
	text-indent: -3000em;
	height: 30px;
	margin-bottom: 40px;
}

#h1_contact {
	background: url(titel_h1_contact.gif) no-repeat right;
	display: block;
	text-indent: -3000em;
	height: 30px;
	margin: 20px 0 40px 0;
}

#h1_groep {
	background: url(titel_h1_groep.gif) no-repeat right;
	display: block;
	text-indent: -3000em;
	height: 30px;
	margin-bottom: 40px;
}






#h1_foto {



	background: url(titel_h1_foto.gif) no-repeat right;



	display: block;



	text-indent: -3000em;



	height: 30px;



	margin-bottom: 40px;



}







/***********



DOWNLOADS



***********/	







#downloads h2{



	color: #1c403f;



	}







#downloads_top {



	background: url(news_top.gif) no-repeat top;



	margin: 30px 30px 0 0;



	padding-top: 31px;



	float: left;



	}







#downloads {



	background:url(background_news.gif) no-repeat bottom;



	color: #1c403f;



	width: 287px;



	min-height: 130px;



	text-align: center;



	padding: 0 15px 15px 15px;



	}



#downloads_top2 {



	background: url(news_top.gif) no-repeat top;



	margin: 30px 0 0 0;



	padding-top: 31px;



	float: left;



	}







#downloads2 {



	background:url(background_news.gif) no-repeat bottom;



	color: #1c403f;



	width: 287px;



	min-height: 230px;



	text-align: center;



	padding: 0 15px 15px 15px;



	}





#h1_downloads {



	background: url(titel_h1_downloads.gif) no-repeat left;



	display: block;



	text-indent: -3000em;



	height: 30px;



	margin-bottom: 40px;



}



#h1_informatie {



	background: url(titel_h1_informatie.gif) no-repeat center;



	display: block;



	text-indent: -3000em;



	height: 30px;



	margin-bottom: 40px;



}







#content_foto{



	background:url(background_content.gif) no-repeat bottom;



	color: #1c403f;



	width: 476px;



	min-height: 480px;



	float: left;



	margin: 30px 0 100px 0;



	padding: 0 15px 15px 15px;



	}







#content_foto a img {



	text-align: center;



	max-width: 140px;



	max-height: 140px;



	margin: 5px;



	padding: 2px;



}







#content_foto a {



	color: #378840;



}







#content_foto a:hover {



	color: #1c403f;



}







#content_foto_volgende {



	float: right;



}











#content_foto_vorige {



	float: left;



}







#schoolaanmelding {



	color:#000000;



	float: right;



	Width: 35%;



	background: #abdfec;



	border: #ce1d5d;



	border-style: solid;



	border-width: 2px;



	padding: 3px;



	margin: 5px;







}







/***********



WEENINGONTWERP



***********/	







#weeningontwerp {




	font-size: 10px;

	width: 100%;

	font-weight: bold;



	text-align: right;











}