/* =========================================================================================

//
//	StyleSheet Sternloopbaanmanagement.nl
//
//	Aangemaakt door Bas Bakker, Mangovision, 11-2009
//

========================================================================================= */

/* =========================================================================================
// 	Algemeen
========================================================================================= */

	html, body {
		margin: 0px;
		padding: 0px;
		}
		
	body {
		background: #EEEEEE url(../images/header.jpg) center top repeat-y;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #434343;
		}
				
	img {
		border: none;
		}
		
	a,
	a:link,
	a:active,
	a:visited {
		color: #e66200;
		text-decoration: none;
		}
		
	a:hover {
		color: #e66200;
		text-decoration: underline;
		}
		
	.transparent_class {
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		}
		
	p {
		line-height: 20px;
		font-size: 13px;
		}
		
	h1 {
		margin: 0px;
		padding: 0px 0px 10px 0px;
		font-size: 24px;
		font-weight: normal;
		line-height: normal;
		background: url(../images/bg_h1.jpg) left bottom no-repeat;
		color: #f68e41;
		}
		
	h2 {
		margin: 0px;
		padding: 0px 0px 10px 0px;
		font-size: 18px;
		font-weight: bold;
		line-height: normal;
		color: #f68e41;
		}
		
	li {
		font-size: 13px;
		line-height: 20px;
		}
		
	#site_wrapper {
		width: 980px;
		height: auto;
		margin-left: -490px;
		padding: 0px;
		position: absolute;
		top: 0px;
		left: 50%;
		}

/* =========================================================================================
// 	Header
========================================================================================= */

	#header {
		width: 980px;
		height: 170px;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;
		background: #EEEEEE url(../images/bg_header.jpg) center top repeat-y;
		}
		
/* =========================================================================================
// 	Main menu
========================================================================================= */
		
	#main_menu_wrapper {
		width: 980px;
		height: auto;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;
		background-color: #f68e41;
		}
	
	.main_menu{
		width: 100%;
		}
	
	.main_menu ul{
		padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
		margin: 0;
		text-align: center; //set value to "left", "center", or "right"*/
		}
	
	.main_menu ul li{
		display: inline;
		}
		
	.main_menu ul li a{
		color: white;
		padding: 8px 8px 10px 8px; /*top padding is 6px, bottom padding is 4px*/
		margin-right: 20px; /*spacing between each menu link*/
		text-decoration: none;
		}
	
	.main_menu ul li a:active,
	.main_menu ul li a:visited {
		color: white;
		}
	
	.main_menu ul li a:hover, .main_menu ul li a.selected{
		color: white;
		background-color: #e66200;  
		}
		
/* =========================================================================================
// 	Content
========================================================================================= */

	#content_wrapper {
		width: 940px;
		height: auto;
		min-height: 550px;
		margin: 15px 0 0 0;
		padding: 0px 20px;
		position: relative;
		float: left;
		}
		
	* html #content_wrapper {
		width: 980px;
		}
		
	#content_left {
		width: 260px;
		min-height: 409px;
		height: auto;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;
		background: url(../images/bg_left_col.jpg) top right no-repeat;
		}
		
	#content_right {
		width: 660px;
		height: auto;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: right;
		}
		
	#gmap {
		width: 600px;
		height: 300px;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;
		}
		
	table.form {
		font-size: 13px;
		}
		
/* =========================================================================================
// 	Submenu
========================================================================================= */
		
	.submenu{
		width: 270px; /*width of menu*/
		}
	
	.submenu ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
	
	.submenu ul li a{
		background: url(../images/bg_submenu_item_2.jpg) top left no-repeat;
		color: #FFFFFF;
		display: block;
		width: auto;
		padding: 5px 0 5px 0;
		padding-left: 20px;
		margin-top: 10px;
		text-decoration: none;
		font-size: 12px;
		}
	
	
	* html .submenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
		width: 240px;
		}
	
	.submenu ul li a:visited, .submenu ul li a:active{
		color: #FFFFFF;
		}
	
	.submenu ul li a:hover{
		color: #303030;
		background: url(../images/bg_submenu_item.jpg) top left no-repeat;
		text-decoration: none;
		}
	
	/* Holly Hack for IE \*/
	* html .submenu ul li { height: 1%; }
	* html .submenu ul li a { height: 1%; }
	/* End */
		
/* =========================================================================================
// 	Footer
========================================================================================= */

	#footer_wrapper {
		width: 940px;
		height: auto;
		margin: 15px 0 0 0;
		padding: 10px 20px;
		position: relative;
		float: left;
		background: url(../images/bg_footer.jpg) top center no-repeat;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
		}