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

//
//	StyleSheet Snoei / General Layout
//
//	Aangemaakt door Tim Kant, Remotion, 12-2008
//

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

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

	body {
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		cursor: default;
		color: #505050;
		line-height:20px;
		xbackground:url(../gfx/bg_menu2.jpg) no-repeat #222222 50% 0;
		background:url(../gfx/bg.jpg) repeat-x ;
		line-height: 18px;
		background-color:#f7f7f7;
		}

	img {
		border:0px;
		}

	img.footer {
		padding-right: 10px;
		}

	img.right {
		padding-left: 5px;
		}

	a:link,
	a:active,
	a:visited{
		color: #91ac1d;
		text-decoration: underline;
		}

	a:hover{
		color: #077801;
		text-decoration: none;
		}

	p {
		margin: 0px 0px 10px 0px;
		line-height: 16px;
		}

	p.footer_left{
		line-height: normal;
		margin: 0px 0px 0px 0px;
		}

	p.footer_right{
		line-height: normal;
		margin: 0px 0px 0px 0px;
		}

	.footer_left a{
		color:#000000;
		}

		.footer_right a{
		color:#000000;
		}

	.footer_top_content a:hover{
		color:#077801;
		}

/* =========================================================================================
// 	Opbouw | Menu, submenu & logo
========================================================================================= */

	xall_container{
		padding: 0px 0px 0px  0px;
		xwidth:985px;
		margin:auto;

	}

	#menu_holder {
		width: 100%;
		height: 60px;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;
		xbackground:url(../gfx/bg_menu2.jpg) no-repeat #4fa833 50% 0;
		xbackground-color: #4fa833;
		xbackground-position:0 50;
		xbackground-repeat:no-repeat;
		clear: both;
		}

	#menu_container {
		width: 985px;
		height: 60px;
		margin: 0px auto;
		padding: 0px;
		}

	#logo {
		width: 148px;
		height: 60px;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;
		}

	#main_menu_holder {
		width: 800px;
		height: 27px;
		margin: 33px 0px 0px 0px;
		_margin: 36px 0px 0px 0px;
		padding: 0px;
		position: relative;
		float: right;
		}

	#submenu_holder {
		width: 100%;
		height: 25px;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;
		background-color: #454545;
		}

	#submenu_container {
		width: 985px;
		height: 25px;
		margin: 0px auto;
		padding: 0px;
		}
    #sub_menu ul li a.active {
		color: #91ac1d;
	}

/* =========================================================================================
// 	Opbouw | Content
========================================================================================= */

	#content_holder {
		width: 985px;
		margin: 0px auto;
		padding: 0px;
		color:#505050;
      overflow:hidden;
	}

	#content_leftCol {
		width: 582px;
		height: auto;
		margin: 30px 0 15px;
		position: relative;
		background:#fff;
      float:left;
   }

   /* This div cuts off the flash sldeshow's label area, because it seems nobody, including the client, knows about it,
      and is using it as a still-image anyway. Instead, an nfield is used in place of the flash image's labeltext.
      - WJ 27 mei 2011, 11:34
   */
   .flash_clipper {
      position:relative;
      overflow:hidden;
      width:582px;
      height:413px;
   }

	#content_shoutOut {
		width: 582px;
		margin: 0px;
		padding: 0px;
		position: relative;
		display:block;
	}

	#content_shoutOut img{
		width:582px;
      display:block;
	}

	#shoutOut_content {
		width: 562px;
		height: 60px;
		padding: 10px;
		color:#505050;
		display::block;
		background-color:#fff;
      position:relative;
   }

	#shoutOut_content h2 {
		margin: 0px 0px 3px 0px;
		font-size: 18px;
		font-weight: normal;
		color: #91ac1d;
	}

	#content_offer {
		width: 562px;
		height: 60px;
		padding: 10px;
	}
	#content_offer img {
		float:right;
	}

	#content_rightCol {
		width: 393px;
		margin: 30px 0 30px 10px;
		position: relative;
		float: left;
		overflow:hidden;
		color:#666;
	}

	#welcome_text {
		margin-bottom: 10px;
		padding: 15px;
		overflow:hidden;
		background-color:#fff;
	}
	#welcome_text img {
		float:right;
	}
	#information_text {
		padding: 15px;
		position: relative;
		overflow: hidden;
		background-color:#fff;
    }

	#information_text_left {
		height: auto;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;
		}

	#information_text_right {
		height: auto;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: right;
		}

/* =========================================================================================
// 	Opbouw | Content (full page)
========================================================================================= */

	#content_full_page {
		width: 100%;
		height: auto;
		margin-top: 30px;
		padding: 0px;
		position: relative;
		float: left;
		background-color: #505050;
		}

	#content_holder_fullpage {
		width: 985px;
		height: auto;
		margin: 0 auto;
		padding: 0px;
		background-color: #505050;
		}

	#content_fp_top {
		width: 100%;
		height: 17px;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;
		}

	#content_fp_bottom {
		width: 100%;
		height: 16px;
		margin-top: 20px;
		padding: 0px;
		position: relative;
		float: left;
		}

/* =========================================================================================
// 	Opbouw | Content (wide page)
========================================================================================= */

	#content_wide {
		width: 100%;
		height: auto;
		margin-top: 30px;
		padding: 0px;
		position:  relative;
		float: left;
		}

	#content_wide_holder {
		width: 985px;
		height: auto;
		margin: 0px auto;
		padding: 0px;
	}


	#widecol_top {
		width: 985px;
		height: 30px;
		margin: 0px;
		position: relative;
		float: right;
		background-color:#fff;
		}

	#widecol_bottom {
		width: 985px;
		height: 30px;
		position: relative;
		margin-bottom:30px;
		float: right;
		background-color:#fff;
		}

	#widecol_content {
		width: 925px;
		height: auto;
		margin: 0px;
		padding: 0px 30px;
		position: relative;
		float: left;
		background-color:#fff;

	}

/* =========================================================================================
// 	Opbouw | 2 columns
========================================================================================= */

	#content_2col {
		width: 100%;
		height: auto;
		margin-top: 30px;
		padding: 0px;
		position:  relative;
		margin-bottom:30px;
		float: left;}

	#content_2col_holder {
		width: 985px;
		height: auto;
		margin: 0px auto;
		padding: 0px;
		}

	#twocol_left {
		width: 370px;
		height: auto;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;}

	#twocol_left_top {
		width: 370px;
		height: 30px;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: right;
		background-color:#fff;
		}

	#twocol_left_bottom {
		width: 370px;
		height: 30px;
		margin-bottom: 10px;
		padding: 0px;
		position: relative;
		float: right;
		background-color:#fff;
		}

	#twocol_left_content {
		width: 310px;
		height: auto;
		margin: 0px;
		padding: 0px 30px;
		position: relative;
		float: left;
		background-color:#fff;
   }

	#twocol_right {
		width: 608px;
		height: auto;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: right;
		background-color:#fff;
   }

	#twocol_right_top {
		width: 608px;
		height: 34px;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: right;
		background-color:#fff;
		}

	#twocol_right_bottom {
		width: 608px;
		height: 30px;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: right;
		background-color:#fff;
		}

	#twocol_right_content {
		width: 548px;
		height: auto;
		margin: 0px;
		padding: 0px 30px;
		position: relative;
		float: left;}

/* =========================================================================================
// 	Opbouw | Footer
========================================================================================= */

	#footer_container {
		width: 985px;
		height: 149px;
		margin: 0px auto;
		padding: 0px;
		clear:both;
	}

	#footer_top {
		width: 985px;
		height: 113px;
		margin: 0px;
		padding: 0px;
		position: relative;
		background-color:#a1b939;
		color:#000;
		}
		
	#footer_top h2{
		font-size:18px;
		color:#000;
		display:block;
		padding-bottom:5px;
		}

	#footer_top_content {
		width: 965px;
		padding: 0px 0px 0px 20px;
		float:left;
		}

	#footer_top_content_image {
		width: 160px;
		height: auto;
		margin: 0px;
		padding: 0px;
		float: left;
		}

	#footer_content_adress {
		width: 120px;
		height: auto;
		margin-top: 20px;
		padding: 0px;
		float: left;
		}

	.footer_content_item {
		width: 221px;
		float:left;
		display:block;
		margin-top: 20px;
		margin-right:20px;
		padding: 0px;
		}

		.footer_content_item a {
			color:#000;
		}

	#footer_bottom {
		width: 985px;
		height: 30px;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;
		}

	#footer_bottom_left {
		width: 400px;
		height: auto;
		margin: 15px 0px 0px 00px;
		padding: 0px;
		position: relative;
		float: left;
		color: #91ac1d;
		}

	#footer_bottom_right {
		width: 400px;
		height: auto;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		position: relative;
		float: right;
		color: #91ac1d;
		text-align: right;
		}

	#footer_bottom_left a:link,
	#footer_bottom_left a:active,
	#footer_bottom_left a:visited {
		color: #cad61e;
		text-decoration: none;
		}

	#footer_bottom_left a:hover {
		color: #cad61e;
		text-decoration: underline;
		}

	#footer_bottom_right a:link,
	#footer_bottom_right a:active,
	#footer_bottom_right a:visited {
		color: #cad61e;
		text-decoration: none;
		}

	#footer_bottom_right a:hover {
		color: #cad61e;
		text-decoration: underline;
		}

/* =========================================================================================
// 	Opbouw | Contact overlay
========================================================================================= */

	#contact_overlay {
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #000000;
		z-index: 99999;
		filter:alpha(opacity=50);
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		}

	#contact_overlay_content {
		width: 500px;
		height: 300px;
		margin-top: -150px;
		margin-left: -250px;
		padding:  0px;
		position: absolute;
		top: 50%;
		left: 50%;
		background-color: #000000;
		border: #372400 5px solid;
		background-color: white;
		z-index: 999999;
		}

/* =========================================================================================
// 	Menu | Main menu
========================================================================================= */

	#main_menu {
		text-align: center;
		float: left;
		}

	#main_menu ul {
		font-family: Verdana;
		font-size: 14px;
		font-weight: normal;
		margin: 0;
		padding: 0;
		list-style:none;
		}

	#main_menu li {
		width: 106px;
		display: inline;
		margin-right: 20px;
		float: left;
		}

	#main_menu li a{
		width: 106px;
		display: inline;
		text-align: center;
		padding: 7px 0px;
		margin-right: 4px;
		float: left;
		color:#91ac1d;
		text-decoration: none;
		}

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

	#main_menu a:hover {
		background: url(../gfx/bg_menu.png) no-repeat center top;
		color: #fff;
		text-decoration: none;
		}

	#main_menu li.selected a:link,
	#main_menu li.selected a:active,
	#main_menu li.selected a:visited {
		background: url(../gfx/bg_menu.png) no-repeat center top;
		color: #fff;
		text-decoration: none;
		}

/* =========================================================================================
// 	Menu | Sub menu
========================================================================================= */

	#sub_menu {
		text-align: center;
		float: left;
		}

	#sub_menu ul {
		font-family: Verdana;
		font-size: 11px;
		font-weight: normal;
		margin: 0;
		padding: 0;
		list-style:none;
		}

	#sub_menu li {
		width: auto;
		display: inline;
		margin-right: 10px;
		float: left;
		}

	#sub_menu li a{
		display: inline;
		text-align: left;
		padding: 6px 0px;
		margin-right: 30px;
		float: left;
		color:#fff;
		text-decoration: none;
		}

	#sub_menu a:link,
	#sub_menu a:active,
	#sub_menu a:visited {
		color: #ffffff;
		text-decoration: none;
		}

	#sub_menu a:hover {
		color: #dade00;
		text-decoration: none;
		}

/* =========================================================================================
// 	Form
========================================================================================= */

	input.route {
		width: 135px;
		height: 23px;
		background: url(../gfx/bg_button.jpg) no-repeat;
		font-size: 11px;
		color: #FFFFFF;
		font-weight: bold;
		border: none;
		}

/* =========================================================================================
// 	Menu | Headings
========================================================================================= */

	h1 {
		margin: 0px 0px 15px 0px;
		padding: 0px;
		font-weight: normal;
		font-size: 24px;
		color: #91ac1d;
		}

	h2 {
		margin: 0px 0px 4px 0px;
		font-size: 18px;
		font-weight: normal;
		color: #91ac1d;
		}

	h2.bold {
		margin: 0px 0px 4px 0px;
		font-size: 18px;
		font-weight: normal;
		color: #91ac1d;
		}

	h2.dark_green {
		margin: 0px 0px 4px 0px;
		font-size: 18px;
		font-weight: normal;
		color: #91ac1d;
		}