@CHARSET "ISO-8859-1";

/*******( Style reset )***********/

	body,td,th,a,h1,h2,h3,h4,p,ul,li,hr,form,input,hr {
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		text-decoration:none;
		}

/*******( Helpers )***************/

	br.spacer {
		clear: both;
		}
	.float-left {
		float: left;
		}

/*******( Typography )************/

	body {
		font-family: arial;
		font-size: 11px;
		line-height: 16px; 
		color: #5f5f61;
		}
		h1 {
			line-height: 1em;
			font-size: 14px;
			margin-bottom: 0px;
			}
		a {
			text-decoration: none;
			color: #940709;
			}

/*******( Structure )*************/

	html {
		height: 100%;
		}
	body {
		text-align: center;
		height: 100%;
		background-color: #f7f7f8;
		}
		#wrapper {
			margin: 0 auto;
			width: 963px;
			background: #fff;
			height: 100%;
			min-height: 600px;
			text-align: left;
			position: relative;
			}
			#container {
				position: relative;
				}
				#right {
					float: left;
					width: 693px;
					position: relative;
					}

		a#tab_home {
			position: absolute;
			right: 0px;
			top: 0px;
			display: block;
			width: 57px;
			height: 26px;
			background: url(../img/tab_home.png) no-repeat left;
			}

/*******( Left )******************/

	#left {
		width: 240px;
		float: left;
		position: relative;
		}
		a#logo {
			display: block;
			width: 129px;
			height: 69px;
			background: url(../img/logo.gif) no-repeat;
			text-indent: -3000px;
			margin-left: 60px;
			margin-top: 40px;
			}
		#blokken {
			position: absolute;
			width: 141px;
			height: 485px;
			top: 210px;
			left: 0px;
			background: transparent url(../img/wrapper_bg.gif) no-repeat bottom left
			}
		#blokkenanim {
			position: absolute;
			width: 143px;
			height: 500px;
			top: 200px;
			left: 0px;
			background: none;
			}

/*******( Menu )******************/

	#menu {
		padding-top: 93px;
		width: 693px;
		height: 120px;
		}
		.item_container {
			width: 145px;
			float: left;
			}
			
			/* Hoofdmenu */
			
			a.mainitem {
				display: block;
				float: left;
				height: 10px;
				width: 145px;
				text-indent: -3000px;
				margin-bottom: 10px;
				}
			a.menuitem_projecten {
				background: url(../img/menu_projecten.gif) no-repeat;
				}
			a.menuitem_meubelen {
				background: url(../img/menu_meubelen.gif) no-repeat;
				}
			a.menuitem_algemeen {
				background: url(../img/menu_algemeen.gif) no-repeat;
				}
			a.menuitem_contact {
				background: url(../img/menu_contact.gif) no-repeat;
				}
			
				/* Submenu */
				
				a.subitem {
					display: block;
					text-decoration: none;
					color: #636466;
					}
					a.subitem:hover, a.subitem.active {
						font-weight:  bold;
						}

/*******( Middle )****************/

	#middle {
		width: 490px;
		float: left;
		}
	#middle_wide {
		width: 693px;
		float: left;
		}
		.content {
			}
			#projectcontent {
				height: 100px;
				overflow-y: auto;
				overflow-x: hidden;
				}
		#fotografie_wide {
			width: 693px;
			height: 345px;
			overflow: hidden;
			margin-top: 16px;
			margin-bottom: 30px;
			}
		#projectfotografie {
			width: 490px;
			height: 345px; 
			overflow: hidden;
			position: relative;
			margin-top: 16px;
			}
			#projectfotografiescroll {
				}
				#projectfotografiescroll img {
					float: left;
					}
			#projectfotografie_control {
				line-height: 12px;
				font-size: 11px;
				position: relative;
				height: 30px;
				}
				a#projectfotografie_prev, a#projectfotografie_next {
					display: block;
					width: 6px;
					height: 12px;
					position: absolute;
					left: 0;
					top: 6px;
					}
					a#projectfotografie_prev {
						background: url(../img/imgnav_left.gif) no-repeat;
						margin-right: 5px;
						left: 0;
						}
					a#projectfotografie_next {
						background: url(../img/imgnav_right.gif) no-repeat;
						margin-left: 5px;
						left: 30px;
						}
				#projectfotografie_nr {
					display: block;
					width: 20px;
					text-align: center;
					position: absolute;
					left: 10px;
					top: 6px;
					}

/*******( Projecten )*****************/

	#projecten {
		margin-left: 30px;
		width: 173px;
		float: left;
		}
		#projecten .text {
			margin-bottom: 16px;
			height: 100px;
			}
		#projecten img {
			float: left;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
			}
			#projecten .last img {
				border-right: 0;
				}


/*******( sIFR )******************/

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		}
	
	.sIFR-replaced {
		visibility: visible !important;
		}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}
	
	.sIFR-hasFlash h1, .sIFR-hasFlash h2, .sIFR-hasFlash h3, .sIFR-hasFlash h4 {
		visibility: hidden;
		letter-spacing: -1px;
		}
		
/*******( Projecten )*****************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #636466; }