#wrapper .left .background {
	background-image:			url(/images/site/bg-index-left.jpg);
	background-repeat:			no-repeat;
	background-position: 		right top;
}

#wrapper .right .background {
	background-image:			url(/images/site/bg-index-right.jpg);
	background-repeat:			no-repeat;
	background-position:		left top;
}

#wrapper .left .index {
	position: 					absolute;
	top: 						-22px;
	right: 						0px;
}

#wrapper .body .left .index .logo {
	margin-right:				-22px;
}

#wrapper .right .index {
	position: 					absolute;
	top: 						-22px;
}

#wrapper .right .index .menu {
	position: 					absolute;
	left:		 				10px;
	top:						-22px;
	height: 					576px;
	width: 						159px;
}

#wrapper .left .index .menu {
	position:					absolute;
	right: 						10px;
	top: 						-22px;
	height:						560px;
	width:						159px;
}

#mainmenu {
	position:					absolute;
	right: 						0px;
	top: 						27px;
	height:						560px;
	width:						159px;
}

#portofoliomenu {
	position: 					absolute;
	left: 						0px;
	top: 						54px;
	height: 					576px;
	width: 						159px;
}

#wrapper .right .index .menu h1 {
	margin-bottom: 				10px;
}

#wrapper .left .index .menu h1 {
	margin-top: 				232px;
}
#wrapper .right .index .menu h1 {
	margin-top: 				276px;
}

#wrapper .button {
	padding: 					2px;
}

#wrapper .menu {
	-ms-filter:					"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: 					alpha(opacity=40);
	opacity: 					.4
}

#wrapper .top .nieuws {
	width: 						530px;
}

#wrapper .top .nieuws li {
	float:						left;
        position:                                       relative;
        z-index:                                        999999;
	border-left:				1px dotted #92756c;
	margin-left:				-1px;
}

#wrapper .top .recent-werk {
	position:					absolute;
	width:						255px;
	left:						531px;
	top:						0px;
	border-left:				1px dotted #92756c;
	z-index:					999;
}

#wrapper .top .recent-werk ul {
	margin-top:					27px;
}

#wrapper .top .recent-werk .popup {
	position:					absolute;
	top:						0px;
	background-color:			#4a352f;
	width:						255px;
	height:						22px;
	z-index:					999;
}

#wrapper .top .recent-werk .popup .content {
	margin-top:					22px;
	padding:					0px;
	left:						10px;
	top:						10px;
	width:						235px;
	overflow:					hidden;
	height: 					0px;
}

#wrapper .top .recent-werk .popup .screenshot {
	border:						1px solid #664a42;
}

#wrapper .top .recent-werk .popup-button {
	position: 					absolute;
	right:						0px;
	bottom:						0px;
	padding:					3px;
	margin-right:				34px;
}

#wrapper .top .recent-werk .popup .content p {
	margin: 0;
	padding: 0;
}

#wrapper .popup-button a {
	color:						#8d807c;
}

#wrapper .popup-button a:hover {
	color:						#26bdd7;
}

#wrapper .popup-arrow {
	position:					absolute;
	right:						5px;
	bottom:						-7px;
	width:						29px;
	height:						19px;
	background-image:			url(/images/site/button-bekijk-project.png);
	background-position: 		right top;
}

#wrapper .popup-arrow.over {
	background-position: 		left top;
}

#wrapper .top li {
	width:						245px;
	padding-left:				10px;
	padding-right:				10px;
}

#wrapper .top .title {
	padding-left:				10px;
}

#wrapper .top .twitter-title {
	position:					absolute;
	left:						275px;
	top:						4px;
}

#wrapper .top .twitter-icon {
	position:					absolute;
	left:						495px;
	top:						4px;
}

#wrapper .bottom {
	position:					absolute;
	top:						490px;
	left:						10px;
}

#wrapper .message {
	text-align:					justify;
	width:						495px;
}

#wrapper .nieuwsbrief {
	left: 						521px;
	top: 						0px;
	position: 					absolute;
	width: 						245px;
	border-left:				1px dotted #92756c;
	height:						100%;
}

#wrapper .nieuwsbrief div {
	position:					absolute;
	bottom:						10px;
	left:						10px;
}

#wrapper .nieuwsbrief input {
	bottom:						10px;
	width:						166px;
	background-color:			#4a352f;
	color:						#928682;
	padding: 					2px;
}

#wrapper .nieuwsbrief button {
	background-color:			#4a352f;
	border:						0;
	color:						#FFF;
}

#wrapper .nieuwsbrief li {
	padding-top: 				5px;
}

#wrapper .nieuwsbrief label {
	padding-left:				5px;
	position:					absolute;
}

#wrapper .slideshow {
	position:					absolute;
	left:						255px;
	top:						148px;
	width:						698px;
	height:						287px;
}

#wrapper .slideshow .overlay {
	position:					absolute;
	width:						698px;
	height:						287px;
	background-image: 			url(/images/site/slideshow-overlay.png);
	z-index:					9;
}

#wrapper .slideshow .slides {
	top: 						7px;
	left:						7px;
	position: 					absolute;	
}

#wrapper .slideshow .slide {
	position:					absolute;
	width:						684px;
	height:						273px;
}

#wrapper .slideshow .navigator .description {
	position: 					absolute;
	left: 						80px;
	width:						285px;
	top:						5px;
	padding-left:				10px;
	padding-right:				10px;
	border-right:				1px dotted #FFF;
}

#wrapper .slideshow .navigator {
	position: 					absolute;
	width:						665px;
	height:						65px;
	background-color:			#5f433a;
	left:						17px;
	top:						189px;
	-ms-filter:					"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: 					alpha(opacity=85);
	opacity: 					.85;
	z-index:					998;
}

#wrapper .slideshow .button-left {
	position: 					absolute;
	width: 						43px;
	height: 					43px;
	z-index: 					999;
	left: 						45px;
	top: 						201px;
}

#wrapper .slideshow .button-right {
	position: 					absolute;
	width: 						43px;
	height: 					43px;
	z-index: 					999;
	top: 						201px;
	left: 						475px;
}

#wrapper .slideshow .counter {
	position: 					absolute;
	z-index: 					999;
	left: 						435px;
	top: 						216px;
}

#wrapper .content-left .column-left {
	width: 						228px;
	border-right: 				#92756c dotted 1px;
	padding-right:				26px;
}

#wrapper .content-left .column-right {
	width: 						416px;
	padding-left:				26px;
}

#wrapper .column-left {
	float: 						left;
}

#wrapper .column-right {
	float: 						right;
	position:					relative;
	padding-top:				228px;
}

#wrapper .no-padding-top {
	padding-top:				0px;
}

#contactform label {
	position: 					absolute;
	display:					block;
	padding:					4px;
}

#contactform li {
	position:					relative;
	width:						220px;	
}

#contactform label.error {
	position: 					absolute;
	top: 						0px;
	right: 						0px;
	background-color: 			#26bcd6;
	height: 					16px;
	margin-bottom: 				5px;
	padding: 					4px;
	padding-left: 				8px;
	padding-top: 				4px;
	color: 						#FFF;
	font-size: 					9px;
	background-image: 			url(/images/site/arrow.gif);
	background-repeat: 			no-repeat;
	background-position: 		left top;
}

#contactform input {
	background-color: 			#e3dddb;
	color: 						#5f433a;
	width: 						212px;
	height: 					14px;
	margin-bottom: 				5px;
	padding: 					4px;
	padding-top: 				6px;
}

#contactform textarea {
	width: 						212px;
	height: 					78px;
	border: 					0;
	background-color: 			#e3dddb;
	color: 						#5f433a;	
	padding: 					4px;
	padding-top: 				6px;
}

#contactform button {
	width: 						106px;
	height: 					24px;
	border: 					0;
	margin-top: 				5px;
	background-color: 			#e3dddb;
}

#contactform #showresult {
	background-color: 			#26bcd6;
	color: 						#FFF;
	margin-left: 				5px;
}

#kaart {
	border: 					7px solid #e3dddb;
}

span.sIFR-alternate {
	display: 					none;
}

.column-right .insetimage{
	position: 					absolute;
	right: 						-23px;
	top: 						-26px;
}

#close-fold {
	position: 					absolute;
	right: 						6px;
	top: 						6px;
	z-index:					99;
}

#close-fold2 {
	position: 					absolute;
	right: 						6px;
	top: 						6px;
	z-index:					99;
}

.content-left .hidden {
	display: none;
}

#nieuwsbrief2 input {
	bottom:						10px;
	width:						201px;
	border:						1px solid #4a352f;
	color:						#4a352f;
	padding: 					2px;
}

.newsletter-submit .mail {
	position:					absolute;
	right:						-140px;
	top:						105px;
}

#nieuwsbrief2 button {
	background-color:			#4a352f;
	border:						0;
	color:						#FFF;
	margin-left:				100px;
	width:						207px;
	font-size:					15px;
	font-weight:				bold;
}

#nieuwsbrief2 li {
	padding-top: 				5px;
}

#nieuwsbrief2 label {
	display:					block;
	width:						100px;
	float:						left;
	font-weight:				bold;
}

#nieuwsbrief-close {
	position:					absolute;
	left:						490px;
	top:						37px;
	width:						34px;
	height:						34px;
	z-index:					2000;
	background-image:			url(/images/site/popup-close.png);
}

#vakantie-close {
	position:					absolute;
	left:						683px;
	top:						-17px;
	width:						34px;
	height:						34px;
	z-index:					2000;
	background-image:			url(/images/site/popup-close.png);
}

#twitter-close {
	position:					absolute;
	left:						676px;
	top:						-6px;
	width:						34px;
	height:						34px;
	z-index:					2000;
	background-image:			url(/images/site/popup-close.png);
}

#nieuwsbrief-close-image {
	width:						34px;
	height:						34px;
	position:					absolute;
	z-index:					2000;
}

.newsletter-submit h1 {
	margin:						0;
	padding:					0;
	color:						#2bbed8;
	font-weight:				bold;
	font-size:					23px;
	margin-bottom:				1em;
}

#nieuwsbrief button:hover {
	background-color: #2bbed8;
}

#nieuwsbrief2 button:hover {
	background-color: #2bbed8;
}