@import url("wiewijzijn.css");
@import url("watwijdoen.css");
@import url("voorwiewijdatdoen.css");
@import url("form.css");
body {
color:#142e25;
}

ul li
{
	color: #646464;
	font-size: 13px;
	line-height: 18px;
	list-style-type: disc;
	margin-left: 18px;
}
div#page_container
{
	height: 100%;
	width: 980px;
	margin: 0 auto 0 auto;	
	overflow: hidden;
}

div#green_header
{
	height: 5px;
	width: 100%;
	background-color: #a0dd35;
}

div#header
{
	height: 102px;
	width: 100%;
	overflow: hidden;		
}

	div#header_logo
	{
		float: left;
		height: 70px;
		width: 180px;
		padding-top: 24px;
		padding-left: 18px;
		
	}
	
	div#header_onliner
	{
		float: left;
		height: 50px;
		width: 600px;
		margin-top: 50px;	
		margin-left: -20px;
	}
	
	div#header_media_home
	{
		background-image: url('../images/header_home.jpg');
		background-repeat: no-repeat;
		width: 960px;
		height: 276px;
		margin-top: 0px;
		#margin-top: -6px;
	}
	
	div#header_flash
	{
		width: 960px;
		height: 277px;	
		margin-top: 0px;
		#margin-top: -6px;
	}
	
	
	div#header_media_wiewijzijn
	{
		background-image: url('../images/header_wiewijzijn.jpg');
		background-repeat: no-repeat;
		width: 960px;
		height: 277px;	
		margin-top: 0px;
		#margin-top: -6px;
	}
	
	
	div#header_klanten
	{
		background-image: url('../images/header_wiewijzijn.jpg');
		background-repeat: no-repeat;
		width: 960px;
		height: 277px;	
		margin-top: 0px;
		#margin-top: -6px;
	}
	
	
	div#header_media_wiewijzijn_medewerkers
	{
		background-image: url('../images/header_wiewijzijn_medewerkers.jpg');
		background-repeat: no-repeat;
		width: 960px;
		height: 102px;	
		margin-top: 0px;
		#margin-top: -6px;
	}
	
	div#header_media_watwijdoen
	{
		background-image: url('../images/header_watwijdoen.jpg');
		background-repeat: no-repeat;
		width: 960px;
		height: 110px;	
		margin-top: 0px;
		#margin-top: -6px;
	}
	
	div#header_media_watwijdoen2
	{
		background-image: url('../images/header_watwijdoen2.jpg');
		background-repeat: no-repeat;
		width: 960px;
		height: 279px;	
		margin-top: 0px;
		#margin-top: -6px;
	}
	

div#menu
{
	width: 959px;
	height: 23px;
	line-height: 23px;
	overflow: hidden;
	border-right: 1px solid #e3e3e3;	
}

	div#menu_bottom
	{
		width: 960px;
		border-top: 1px solid #e3e3e3;	
		height: 0px;
		line-height: 0px;
		margin-top: -2px;
	}
	
	div#menu_left
	{
		width: 655px;
		float: left;
		height: 23px;
		display: block;
		overflow: hidden;
	}
	
	div#menu_right
	{
		float: right;
		height: auto;
		width: 300px;
		display: block;
		margin-top: -5px;
	}
	
	a.menu_sub_item
	{
		text-decoration: none;
		color: #4a7061;	
		font-size: 12px;
		text-align: top;
		padding-right: 15px;
		padding-left: 15px;
	}
	
	a:hover.menu_sub_item
	{
		color: #3f8e07;	
	}

div#footer_container
{
	width: 960px;
	height: 36px;
	border-bottom: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
}

	#footer_left
	{
		height: 36px;
		width: 186px;
		float: left;
		/* border-right: 1px solid #e3e3e3; */
	}
	
	#footer_right
	{
		height: 36px;
		width: 764px;
		float: left;
	}
	
	#footer_left_company
	{
		font-size: 13px;
		line-height: 36px;
		color: #393939;
		padding-left: 16px;
	}
	
	div#footer_spacer
	{
		width: 960px;
		height: 25px;
	}	
	
	

/* HOME */
div#content_container_home
{
	width: 960px;
	height: 420px;
}

.img_header
{
	visibility: hidden;	
	padding: 0px;
	margin: 0px;
	height: 0px;
	width: 0px;
}
/* showcase */
div#fpsc
{
	position: absolute;
	margin-left: 220px;
}

	#navitems, #navitems li
	{
		list-style-type: none;
		display: inline;
		padding: 0;
		margin: 0;
		text-align: bottom;
	}
	#navitems li
	{
		width: 100%;
		height: auto;
		border-left: 1px solid #e3e3e3;
		background-repeat: repeat;
		padding: 0 20px;
	}
	#menu .current, .roll
	{
		margin: 0px;
		background-image: url('../images/menu_background.gif');
		background-repeat: repeat;
	}
	
	#menu .section, .roll
	{
		margin: 0px;
		background-image: url('../images/menu_background.gif');
		background-repeat: repeat;
	}

	#navitems li a 
	{
		text-decoration: none;
		margin: 0px;
		padding: 0px;
	}

#navmenu
{
	height: 30px;
	width: auto;
	float: right;
}


	#navmenu ul, 
	#navmenu ul li
		{list-style-type: none;
		display: inline;
		padding: 0;
		margin: 0;}

#navmenu_footer
{
	float: left; 
	padding: 0; 
	margin: 0;
	font-size: 13px;
	height: 36px;
	line-height: 36px;
	width:100%;
}

	#navmenu_footer ul li a
	{
		margin: 0;
		font-size: 13px;
		color: #9F9F9F;	
		text-decoration: none;
	}
	
		#navmenu_footer ul li a:hover
	{
	text-decoration:underline;
	}
	
	#navmenu_footer ul, 
	#navmenu_footer ul li
	{
		list-style-type: none;
		display: inline;
		padding:0 20px 0 14px;
	}	
	
	#navmenu_footer ul
	{
	float:left;
	}	
	#navmenu_footer div
	{
	float:right;
	color:#9F9F9F;
	}	
	
#menu_sep
{
	color: #e3e3e3;
}	
	
	
div#green_block_bottom
{
	background-image:url('../images/logo_footer.gif');
	background-position:top;
	background-repeat:no-repeat;
	padding-top:26px;
	width: 960px;
	height: 130px;
}

.block
{
	padding-top: 20px;
	
}

	#block1
	{
		width: 470px;
		height: 405px;
		float: left;
		padding-left: 10px;
	}
	
		#block1_text
		{
			width: 415px;
			height: auto;		
		}
		
		#block1_sub_left
		{
			heigth: 100%;
			width: 220px;
			float: left;
			padding-top: 5px;
		}
		
		#block1_sub_right
		{
			padding-top: 5px;
			heigth: 100%;
			width: 240px;
			float: left;
		}
		
		ul.block1_menu
		{
			padding-top: 8px;
		}
	
	#block2
	{
		width: 320px;
		height: 405px;
		float: left;
	}
	#block2_2
	{
		width: 310px;
		height: 405px;
		float: left;
	}
	#block3
	{
		width: 145px;
		height: 405px;
		padding-left: 10px;
		float: left;
	}
	
	.block_header
	{
		padding-top: 5px;
		height: 25px;
		width: auto;
	}
	
	.block_header ul li
	{
		color: #5EB81E;
		font-size: 13px;
		line-height: 18px;
		margin-left: 18px;
	}
	
	.block_subheader
	{
		font-size: 15px;
		line-height: 20px;
		font-weight: bold;
		color: #142e25;
		margin-top: 10px;
	}

.b_logo
{
	padding-top: 16px;
}

.bottom_logo
{
	width: 159px;	
	float: left;
	text-align:center;
	border-right:1px solid #e3e3e3;
}

.bottom_logo_2
{
	width: 160px;
	float: left;
	text-align:center;

}
.bottom_logo_3
{
	width: 159px;
	float: right;
	text-align:center;
	border-left:1px solid #e3e3e3;
}

.bottom_logo img , .bottom_logo_2 img , .bottom_logo_3 img
{
	width: 140px;
	height: 109px;		
}

.bottom_logo_text
{
	width: 150px;	
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}

.bottom_text
{
	padding-top: 5px;	
}

div#block2_sub_container
{
	border: 1px solid #aec7ba;
	height: 199px;
	width: 298px;	
	margin-top: 15px;
}

div#block2_sub_header
{
	height: 32px;
	width: 100%;
	background-color: #ebfadd;
	border-bottom: 1px solid #aec7ba;
	line-height: 32px;
}
span#campagne_header
{
	color: #142e25;
	font-weight: bold;
	font-size: 15px;
	padding-left: 10px;
}
span#campagne_name
{
	color: #3f8e07;
	font-size: 15px;
	font-weight: bold;	
}

span.campagne_header
{
	color: #142e25;
	font-weight: bold;
	font-size: 15px;
	padding-left: 10px;
}
span.campagne_name
{
	color: #3f8e07;
	font-size: 15px;
	font-weight: bold;	
}

div.orange_presentation_block
{
	background-color: #fdf2e5;
	padding: 15px 40px 15px 10px;
	margin-top: 20px;
}

	div.orange_presentation_block h3
	{
		font-size: 15px;
		color: #142e25;
		font-weight: bold;
	}
	
	div.orange_presentation_block p
	{
		font-size: 13px;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
		color: #646464;		
	}
	
	div.orange_presentation_block div a
	{	
		margin-top: 30px;
		height: 24px;
		line-height: 24px;
		background-color: #ee7d03;
		color: #fff;
		font-size: 13px;
		padding: 4px 5px 4px  5px;
	}
	
	
div.subnav
{
	padding-top: 15px;
}

.subnav ul li
{
	list-style-type: none;
	margin-left: 0px;
}

.subnav ul li a
{
	font-size: 13px;
	line-height: 30px;
	color: #3f8e07;
	font-weight: bold;
	text-decoration: none;	
}

.subnav ul li a:hover
{
	color: #a0dd35;
}

.subnav_active
{
	color: #142e25 !important;	
}


.subnavitem a.current
{
		color: #142e25 !important;	
}

.strong
{
	font-size: 13px;
	line-height: 20px;
	color: #646464;
	font-weight: bold;
}

.footer_spacer
{
	margin-top: 25px;
}

div.gray_border
{
	height: 425px;
	width: 1px;
	background-color: #e3e3e3;		
	float: left;	
	margin-top: 15px;
}

#border_block2_home
{
	margin-right: 10px;
}

#block2_text_container
{
	width: 280px;
	height: auto;
	
}
		
div.gray_border_small
{
	height: 390px;
	width: 1px;
	background-color: #e3e3e3;		
	float: left;	
	margin-top: 15px;
}

div.grey_hor_border
{
	border-top: 1px solid #e3e3e3;
	margin: 10px 0 10px 0;
	/* background: #e3e3e3; */
	height: 1px;
	width: 620px;
	line-height: 0px;
}

div#sitemap_container
{
	height: 100%;
	width: 100%;
}

a.link_footer
{
	color: #393939 !important;
	text-decoration: underline;
}

#case_container
{
	width: 100%;
	height: 100%;
	padding-top: 18px;
}

#jobs_block3
{
	padding-top: 10px;
		
}

#jobs_block3 p
{
	padding-right: 10px;		
}

.job_block
{
	padding-top: 20px;
}

.job_block h3
{
	color: #60bc1f;
	font-weight: bold;
	font-size: 14px;
	font-family: "trebuchet MS", verdana;
}

.job_block p
{
	color: #646464;
	font-size: 13px;
	line-height: 20px;
	padding-right: 20px;	
	font-family: "trebuchet MS", verdana;	
}

.border_job
{
	margin-top: 20px;
	heigth: 5px;
	width: 440px;
	border-top: 1px solid #e3e3e3;
}

#block2_job_text p
{
	color: #646464;
	font-size: 13px;
	line-height: 20px;		
}

#map
{
	margin-top: 60px;
	width: 304px;
	height: 215px;
}

input.error
{
	border: 1px solid red;
}

/* routebeschrijving */
#postcode_cijfers {
	width: 37px;
	float: left;
	padding: 3px;
	margin: 5px 5px 0 0;
	border: 1px solid #ccc;	
}

#postcode_letters {
	width: 20px;
	float: left;
	padding: 3px;
	margin: 5px 5px 0 0;
	border: 1px solid #ccc;	
}

#route_button {
	height: 24px;
	display: block;
	float: left;
	padding: 0 5px;
	margin: -5px 0 0;
	clear: right;
}

a#route_button:visited {
	color: #fff;
}

.leesmeer_container ul li a
{
	line-height: 22px;
	font-size: 13px;
	color: #5eb81e;	
}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: absolute;
    top: 10px;
    left: 50%;
    
    margin-left: -420px;
    width: 725px;
    height: 785px;
    color: #333;
    padding: 12px;
}

#jqmTitle {
	margin: 3px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

#jqmTitle a:hover {
	font-size: 12px;
}

#Form_Form_action_NewsletterFormAction {
	cursor: pointer !important;
}

#Form_Form_action_UnsubscribeFormAction {
	cursor: pointer !important;
}

.leesmeer_container ul li
{

	color: #646464;
	font-size: 13px;
	line-height: 18px;
	list-style-type: none;
	margin-left: 0px;
	
}
.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     /* top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); */
}
.jqmClose{ clear:right; float:right; padding:0 5px; cursor:pointer; margin: 0 3px; }
#jqmContent{ width:99%; height:99%; display: block; clear:both; border: 0; }