@import url(/css/default.css);
@import url(/css/jquery.lightbox-0.5.css);

/*

Deze code is met veel plezier geschreven, getest en met trots opgeleverd door Arno Vije van Vije Internetproducties.

Informatie:

Opdrachtgever: Espire, Borne
Laatste update 16 juli 2009

Voor vragen kunt u contact opnemen per e-mail (team@vije.nl) of per  telefoon (074-2673400)

Meer informatie over Vije Internetproducties vindt u op http://www.vije.nl

*/




html, body {
	margin:0 auto;
	padding:0;
	width: 100%;
}

body {
	margin-bottom: 25px;	
}
body.home {	
	background: #fff url(/img/main_bg_2500.gif) no-repeat center top;
}
body.vervolg {	
	background: #fff url(/img/main_bg_vervolg_2500.gif) no-repeat center top;
}

#wrapper {
	width: 970px;
	margin:0 auto;
	
}
#header {
	position: relative;
	width: 970px;	height: 81px;
	overflow: hidden;
	background:  url(/img/header_bg.gif) no-repeat left top;
	z-index: 1;
}

/* logo */
#header .logo a{
	position: absolute;
	top: 22px; left: 28px;
	height: 45px; width: 249px;
	background: url(/img/logo.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -999em;
	cursor: pointer;
	z-index: 6;
}
#header .inner{
	margin-left: 322px;
	margin-top: 45px;	
	color: white;
}
#header .inner ul li{
	display: inline;
	margin-right: 2px;
	}
	#header .inner ul li a{
		color: white;
		font-size: 10px;
		text-transform: uppercase;
		background: url(/img/header_menu_pipe.gif) no-repeat right 2px;
		padding-right: 5px;	
	}
	#header .inner ul li.last a{	
		background: none;		
	}
	#header .inner ul li.active a{
		color: #f7941e;
	}
	#header .inner ul li a:hover{
		color: #f7941e;
	}

/* breadcrumb */
.breadcrumb {
	margin-bottom: 5px;
	}
	.breadcrumb a {
		font-weight: bold;
		}

/* main menu */
#sub_menu {
	width: 970px;
	height: 47px;
	overflow: hidden;
	background: white;	
}
#sub_menu .inner{	
	margin-left: 322px;	
	}
	#sub_menu .inner ul {	
		margin-top: -4px;
		display: inline-block;
		float: left;
		width: 190px;
		}
		#sub_menu .inner ul li{	
			margin-bottom: -2px;	
			}
			#sub_menu .inner ul li a{	
				color: #395640;
				font-size: 11px;
				text-transform: uppercase;
				font-weight: bold;
				background: url(/img/sub_menu_bullet.gif) no-repeat left 6px;
				padding-left: 9px;		
			}
			#sub_menu .inner ul li.active a{	
				color: #F7941E;
			}
			#sub_menu .inner ul li a:hover{	
				color: #F7941E;
			}


/* main content */
#main_content {		
	width: 970px;	
	background: white;		
}
.home #main_content {	
	position: relative;
	height: 450px;	
	overflow: hidden;	
	z-index: 1;		
}
.vervolg #main_content {	
	min-height: 450px;			
}
	* html .vervolg #main_content {		
		height: 450px;			
	}
	
.home #content_bg {
	position: absolute;
	top: 0px; left: 0px;
	width: 970px;	height: 158px;
	overflow: hidden;
	background:  #395640;	
	z-index: 5;
}

.home #content_contact {
	position: absolute;
	top: 0px; left: 0px;
	height: 158px;
	overflow: hidden;
	background:  none;
	z-index: 6;
	}
	.home #content_contact .inner {		
		margin: 24px 0 0 127px;
	}
	.home #content_contact .inner  a{		
		color: #F7941E;
	}
	.home #content_contact .inner p {
		color: #fff;	
		
	}
	



/* for jquery cycle */
#main_content #s1 {	
	width: 970px;
	overflow: hidden;	
	background:  #fff;
	z-index: 5;
}
.home #main_content #s1 {	
	height: 450px;	
}
.vervolg #main_content #s1 {	
	height: 139px;
}

/* main content - next css */
/****** ( Sjabloon "algemeen" )****************************************************/
#content {
	width: 945px;	
	}
	#content .inner h1{
		color: #f7941e;
		font-size: 22px;
	}	
	#content .inner h3{
		margin: 0 0 5px 0;
		color: #f7941e;
		font-size: 12px;
	}
	#content .inner p {	
		font-size: 12px;
	}
	
/****** ( Sjabloon "home" )****************************************************/
	
.home #content {
	position: absolute;
	top: 0px; left: 0px;
	height: 158px;
	overflow: hidden;
	background:  none;
	z-index: 6;
	}
	.home #content .inner {		
		margin: 16px 0 0 322px;
	}
	.home #content .inner  a{		
		color: #F7941E;
	}
	.home #content .inner p {
		color: #fff;	
	}		
	
/****** ( Sjabloon "Vervolg" )****************************************************/
	
.vervolg #content {			
	padding: 16px 0 10px 25px;
	background: #fff url(/img/vervolg_main_content_bg.gif) no-repeat left top;	
	}
	.vervolg #content .inner p {
		color: #000;	
		margin-bottom: 1.8em;
	}		
	.vervolg #content .inner .leftColumn{
			width: 297px;
		}	
		.vervolg #content .inner .leftColumn .overzicht_simpel li.active2 a{
			color:#F7941E;
			font-weight: bold;
		}
		.vervolg #content .inner .leftColumn .overzicht_simpel li a:hover {
			color:#F7941E;
			
		}
		.vervolg #content .inner .leftColumn ul {	
			margin-top: 10px;
			}
			.vervolg #content .inner .leftColumn ul li{	
				margin-bottom: 23px;
			}	
			.vervolg  #photo_box_scroll {	
				width: 262px;	
				margin-bottom:20px;
				margin-top: 6px;
				position: relative;
				}
				#photo_box_scroll .zoom {
					background: url(/img/zoom.png) no-repeat;
					height: 28px;
					width: 28px;
					position: absolute;
					top: 218px;
					left: 218px;
					z-index: 10;
					-moz-opacity: 0.5;
					opacity: 0.5;
					}
				.vervolg #photo_box_scroll .navi{	
						margin-bottom: 10px;
					}
				* html .vervolg #photo_box_scroll .navi{	
						margin-bottom: 0px;
					}	
				* + html .vervolg #photo_box_scroll .navi{	
						margin-bottom: 0px;
					}		
					.vervolg #content #photo_box_scroll .navi li{	
						display: inline;
						margin: 0; padding: 0;
						}
						.vervolg #content #photo_box_scroll .navi li a{	
							color: #F7941E;
							text-transform: uppercase;
							font-weight: bold;
						}				
				.vervolg #content #photo_box_scroll #s2 {	/* for jquery cycle s2 */
					width: 250px;	height: 250px;
					overflow: hidden;						
				}	
				.vervolg #content #photo_box_scroll .pics_bg_right {	
					background:  url(/img/img_scroller_bg_right.gif) no-repeat left top;
					width: 12px;  height: 250px;
					overflow: hidden;
				}
				.vervolg #content #photo_box_scroll .pics_bg_bottom {	
					background:  url(/img/img_scroller_bg_bottom.gif) no-repeat left top;
					width: 262px;	height: 12px;
					line-height: 0px; font-size: 0px;
					overflow: hidden;					
				}	
				
		
	.vervolg #content .inner .rightColumn{
		width: 640px
	}	
	.vervolg #content .inner .withViewer{
		width: 370px;
		padding-right: 15px;
		}	
		.vervolg #content .inner .rightColumn.full{
			width: auto;
		}
		.vervolg #content .inner .rightColumn ul {	
			width: 380px;
			font-size: 12px;
			line-height: 19px;
			padding-left: 20px;
			list-style: disc;
			margin-bottom: 1em;
			}
			.vervolg #projecten_overview {	
				margin-top: 10px;	
				margin-bottom: 10px;	
				width: auto !important;
			}		
			.vervolg #projecten_overview,
			.vervolg #projecten_overview li {	
				list-style: none;	
				padding-left: 0px !important;		
				}
				.vervolg #projecten_overview .item {	
					float: left; display: inline;
					width: 295px;
					margin-bottom: 15px;
					margin-right: 15px;		
					background: #f7f7f7;	
					border: 1px solid #e7e7e7;
					
				}
				.vervolg #projecten_overview .image {	
					width: 122px;	height: 82px;
					padding: 10px;		
					}	
					.vervolg #projecten_overview .image .img{	
						width: 122px;	height: 82px;
						overflow: hidden;	
						background: #cdcdcd;
						}	
						.vervolg #projecten_overview .image a img{	
							border: 1px solid #ffffff;
						}	
						.vervolg #projecten_overview .image a:hover img{	
							border: 1px solid #6b6b6b;
						}	
				.vervolg #projecten_overview .box {	
					padding: 10px;	
					padding-left: 1px;	
					}
					.vervolg #projecten_overview h3 {	
						font-size: 13px;						
					}			
					.vervolg #projecten_overview .cta a {	
						text-decoration: underline;		
					}
					.vervolg #projecten_overview .cta a:hover {	
						text-decoration: none;		
					}
			.vervolg #content p.prBack {
				margin-bottom: 1em;
			}
				.vervolg #content p.prBack a {
					font-size: 10px;
				}

/* footer */
/****** ( Sjabloon "home" )****************************************************/
#footer {	
	width: 970px;
	height: 23px;
	overflow: hidden;
	background: #fff url(/img/footer_bg.gif) no-repeat left top;
	}
	#footer .inner{	
		margin-left: 322px;
		margin-top: 3px;
		color: #989d9e;
		font-size: 9px;
		}

/****** ( Sjabloon "Vervolg" )****************************************************/	
.footer-wrapper {
	width: 100%;
	height: 23px;
	overflow: hidden;
	background: #fff url(/img/footer_bg.gif) repeat-x left top;
	text-align: center;
	}
	.vervolg #footer {
		margin: 0 auto;
		text-align: left;
		}
	/*
	.vervolg #footer .inner{	
		width: 970px;
		margin: 0 auto;
		color: #989d9e;
		font-size: 9px;
		text-align: center;
	}
	*/