body {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 76%;
	font-family: Arial;
	text-align: center;
	color: #41462B;
}
 
#wrap {
	text-align: left;
	margin: 0 auto;
	width: 780px;
	overflow: hidden;
	position: relative;
	/*min-height: 533px;*/
	background: url(../images/home-01.jpg) no-repeat 0 110px;
	background-image: url(#);
}
 
* html #wrap {
	/*height: 533px;*/
}
 
#header {
	height: 110px;
}
 
#header h1 {
	margin: 0 0 0 0;
 
}
 
#header h1 a {
	display: block;
	height: 65px;
	width: 165px;
	background: url(../images/logo.png) no-repeat;
}
 
#header h2 {
	position: absolute;
	top: 0;
	left: 295px;
	width: 635px;
}
 
a img {
	border: none;
}
 
ul#nav {
	margin: 0;
	padding: 0;
	height: 12px;
	width: 483px;
	list-style: none;
	position: absolute;
	left: 297px;
	top: 85px;
	background: url(../images/nav.png) no-repeat;	
}
 
#header span,
ul#nav span {
	display: none;
}
 
ul#nav li {
	margin: 0;
	padding: 0;
	float: left;
}
 
ul#nav li a {
	height: 12px;
	display: block;
}
 
li#nav-home a { width: 45px }
li#nav-home a:hover, li.current#nav-home a { background: url(../images/nav.png) no-repeat 0 -12px }
li#nav-nieuws a { width: 65px }
li#nav-nieuws a:hover, li.current#nav-nieuws { background: url(../images/nav.png) no-repeat -45px -12px }
li#nav-refs a { width: 100px }
li#nav-refs a:hover, li.current#nav-refs { background: url(../images/nav.png) no-repeat -110px -12px }
li#nav-links a { width: 125px }
li#nav-links a:hover, li.current#nav-links { background: url(../images/nav.png) no-repeat -210px -12px }
li#nav-contact a { width: 68px }
li#nav-contact a:hover, li.current#nav-contact { background: url(../images/nav.png) no-repeat -335px -12px }
li#nav-belevingstudio a { width: 72px }
li#nav-belevingstudio a:hover, li.current#nav-belevingstudio { background: url(../images/nav.png) no-repeat -403px -12px }
 
#connex {
	width: 38px;
	height: 31px;
	position: absolute;
	top: 147px;
	left: 274px;
	background: url(../images/connex.png) no-repeat;
}
#c2a {
	width: 274px;
	height: 30px;
	position: absolute;
	top: 540px;
	left: 0px;
	background: url(../images/icse.jpg) no-repeat;
}
#c2a a img {
	border: none;
}
 
#contentleft {
	text-align: left;
	margin: 0 auto;
	width: 274px;
	height: 426px;
	position: absolute;
	top: 110px;
	left: 0px;
	background-color:#ACB586;
}
#button {
	text-align: left;
	margin: 0 auto;
	background-color:#ACB586;
	color: #6C7447;
	background: bottom;
	position: absolute;
	top: 330px;
}
#nieuws-archief {
	text-align: right;
	margin: 0 auto;
	color: #6C7447;
	position: absolute;
	top: 395px;
	left: 374px;
}
#nieuws-vara {
	margin: 0 auto;
	position: absolute;
	top: 352px;
	left: 0px;
}
 
#foto-1 #wrap {	background: url(../images/home-01.jpg) no-repeat 0 110px }
#foto-2 #wrap {	background: url(../images/foto-2.jpg) no-repeat 0 110px }
#foto-3 #wrap {	background: url(../images/foto-3.jpg) no-repeat 0 110px }
#foto-4 #wrap {	background: url(../images/foto-14.jpg) no-repeat 0 110px }
#foto-5 #wrap {	background: url(../images/nieuws-1-1.jpg) no-repeat 0 110px }
#foto-6 #wrap {	background: url(../images/nieuws-2-1.jpg) no-repeat 0 110px }
#foto-7 #wrap {	background: url(../images/nieuws-3-1.jpg) no-repeat 0 110px }
#foto-8 #wrap {	background: url(../images/nieuws-4-1.jpg) no-repeat 0 110px }
#foto-9 #wrap {	background: url(../images/foto-ref.jpg) no-repeat 0 110px }
#foto-10 #wrap { background: url(../images/referenties-1-1.jpg) no-repeat 0 110px }
#foto-11 #wrap { background: url(../images/referenties-2-1.jpg) no-repeat 0 110px }
#foto-12 #wrap { background: url(../images/referenties-3-1.jpg) no-repeat 0 110px }
#foto-13 #wrap { background: url(../images/referenties-4-1.jpg) no-repeat 0 110px }
#foto-14 #wrap { background: url(../images/foto.jpg) no-repeat 0 110px }
#foto-15 #wrap { background: url(../images/foto-15.jpg) no-repeat 0 110px }
#foto-16 #wrap { background: url(../images/foto-16.jpg) no-repeat 0 110px }
#foto-17 #wrap { background: url(../images/foto-4.jpg) no-repeat 0 110px }
#foto-18 #wrap { background: url(../images/foto-5.jpg) no-repeat 0 110px }
#foto-19 #wrap { background: url(../images/foto-4.jpg) no-repeat 0 110px }
#foto-20 #wrap { background: url(../images/nieuws-1-2.jpg) no-repeat 0 110px }
#foto-21 #wrap { background: url(../images/nieuws-1-3.jpg) no-repeat 0 110px }
#foto-22 #wrap { background: url(../images/nieuws-1-4.jpg) no-repeat 0 110px }
#foto-23 #wrap { background: url(../images/nieuws-2-2.jpg) no-repeat 0 110px }
#foto-24 #wrap { background: url(../images/nieuws-2-3.jpg) no-repeat 0 110px }
#foto-25 #wrap { background: url(../images/nieuws-2-4.jpg) no-repeat 0 110px }
#foto-26 #wrap { background: url(../images/nieuws-3-2.jpg) no-repeat 0 110px }
#foto-27 #wrap { background: url(../images/nieuws-3-3.jpg) no-repeat 0 110px }
#foto-28 #wrap { background: url(../images/nieuws-3-4.jpg) no-repeat 0 110px }
#foto-29 #wrap { background: url(../images/nieuws-4-2.jpg) no-repeat 0 110px }
#foto-30 #wrap { background: url(../images/nieuws-4-3.jpg) no-repeat 0 110px }
#foto-31 #wrap { background: url(../images/nieuws-4-4.jpg) no-repeat 0 110px }
#foto-32 #wrap { background: url(../images/referenties-1-2.jpg) no-repeat 0 110px }
#foto-33 #wrap { background: url(../images/referenties-1-3.jpg) no-repeat 0 110px }
#foto-34 #wrap { background: url(../images/referenties-1-4.jpg) no-repeat 0 110px }
#foto-35 #wrap { background: url(../images/referenties-2-2.jpg) no-repeat 0 110px }
#foto-36 #wrap { background: url(../images/referenties-2-3.jpg) no-repeat 0 110px }
#foto-37 #wrap { background: url(../images/referenties-2-4.jpg) no-repeat 0 110px }
#foto-38 #wrap { background: url(../images/referenties-3-2.jpg) no-repeat 0 110px }
#foto-39 #wrap { background: url(../images/referenties-3-3.jpg) no-repeat 0 110px }
#foto-40 #wrap { background: url(../images/referenties-3-4.jpg) no-repeat 0 110px }
#foto-41 #wrap { background: url(../images/referenties-4-2.jpg) no-repeat 0 110px }
#foto-42 #wrap { background: url(../images/referenties-4-3.jpg) no-repeat 0 110px }
#foto-43 #wrap { background: url(../images/referenties-4-4.jpg) no-repeat 0 110px }
#foto-44 #wrap { background: url(../images/foto-magazine.jpg) no-repeat 0 110px }
#foto-45 #wrap { background: url(../images/1998.jpg) no-repeat 0 110px }
#foto-46 #wrap { background: url(../images/boom.jpg) no-repeat 0 110px }
#foto-47 #wrap { background: url(../images/pijl-groot.jpg) no-repeat 0 110px }
#foto-48 #wrap { background: url(../images/jack-pc.jpg) no-repeat 0 110px }
#foto-49 #wrap { background: url(../images/duurzaam-slurf.jpg) no-repeat 0 110px }
#foto-50 #wrap { background: url(../images/duurzaam-wandgoot.jpg) no-repeat 0 110px }
#foto-51 #wrap { background: url(../images/duurzaam-cablefloor.jpg) no-repeat 0 110px }
#foto-52 #wrap { background: url(../images/duurzaam-cablefloor-afval.jpg) no-repeat 0 110px }
#foto-53 #wrap { background: url(../images/design.jpg) no-repeat 0 110px }
#foto-54 #wrap { background: url(../images/nieuws_chipchain.jpg) no-repeat 0 110px }
#foto-55 #wrap { background: url(../images/nieuws_lichttoren.jpg) no-repeat 0 110px }
#foto-56 #wrap { background: url(../images/nieuws_vliegtuig.jpg) no-repeat 0 110px }
#foto-57 #wrap { background: url(../images/home-01.jpg) no-repeat 0 110px }
#foto-58 #wrap { background: url(../images/home-01.jpg) no-repeat 0 110px }
#foto-59 #wrap { background: url(../images/home-01.jpg) no-repeat 0 110px }
#foto-60 #wrap { background: url(../images/home-01.jpg) no-repeat 0 110px }
#foto-62 #wrap { background: url(../images/chipchain-duurzaam.png) no-repeat 0 110px }
#foto-61 #wrap { background: url(../images/woodpower.jpg) no-repeat 0 110px }
#foto-62 #wrap { background: url(../images/kabelgoot-computerwerkplekken.jpg) no-repeat 0 110px }
#foto-63 #wrap { background: url(../images/hangmat-2.jpg) no-repeat 0 110px }
#foto-70 #wrap { background: url(../images/kabelgoot-computerwerkplekken.jpg) no-repeat 0 110px }
#foto-71 #wrap { background: url(../images/hangmat-2.jpg) no-repeat 0 110px }
#foto-72 #wrap { background: url(../images/nieuws_nvdd_1.jpg) no-repeat 0 110px }
#foto-73 #wrap { background: url(../images/nieuws_icse_stokje_1.jpg) no-repeat 0 110px }
#foto-74 #wrap { background: url(../images/DDW_logo_1.jpg) no-repeat 0 110px }
#studio #wrap { background: url(../images/studio.jpg) no-repeat 0 110px }
#route-1 #wrap { background: url(../images/route-2.jpg) no-repeat 0 110px }
#leeg #wrap { background: url(../images/leeg.jpg) no-repeat 0 110px }
#home-01 #wrap { background: url(../images/chipchain-logo.jpg) no-repeat 0 110px }
#foto-75 #wrap { background: url(../images/judith_merkies.jpg) no-repeat 0 110px }
#foto-76 #wrap { background: url(../images/ei-van-columbus.jpg) no-repeat 0 110px }
#foto-77 #wrap { background: url(../images/vlinder.jpg) no-repeat 0 110px }
#foto-78 #wrap { background: url(../images/chipchain-logo.jpg) no-repeat 0 110px }
 
/* etcetera */
 
#content {
	min-height: 426px;
	width: 483px;
	background: #ACB586;
	margin: 0 0 0 297px;
	position: relative;
}
#contentfilm {
	min-height: 426px;
	width: 483px;
	background: #000;
	margin: 0 0 0 297px;
	position: relative;
}
#content4 {
	height: 426px;
	width: 483px;
	background: #ACB586;
	background-image: url(../images/conceptstudio_management.jpg);
	margin: 0 0 0 297px;
	position: relative;
}
#content5 {
	height: 426px;
	width: 483px;
	background: #ACB586;
	background-image: url(../images/product_wandgoot.jpg);
	margin: 0 0 0 297px;
	position: relative;
}
#content6 {
	height: 426px;
	width: 483px;
	background: #ACB586;
	background-image: url(../images/product_vloergoot.jpg);
	margin: 0 0 0 297px;
	position: relative;
}
#content7 {
	height: 426px;
	width: 483px;
	background: #ACB586;
	background-image: url(../images/product_energiezuil.jpg);
	margin: 0 0 0 297px;
	position: relative;
}
#content8 {
	height: 426px;
	width: 483px;
	background: #ACB586;
	background-image: url(../images/design_tube.jpg);
	margin: 0 0 0 297px;
	position: relative;
}
#content9 {
	height: 426px;
	width: 483px;
	background: #ACB586;
	background-image: url(../images/design_salla.jpg);
	margin: 0 0 0 297px;
	position: relative;
}
#content10 {
	height: 426px;
	width: 483px;
	background: #ACB586;
	background-image: url(../images/design_wirepod-02.jpg);
	margin: 0 0 0 297px;
	position: relative;
}
* html #content {
	height: 426px;
}
 
#content a {
	color: #fff;
}
 
#contentleft a {
	color: #fff;
}
 
#footer p {
	margin: 1.5em 0 1em 297px;
	color: #666666;
}
 
a:hover {
	color: black;
}
 
a {
	color: #006699;
}
 
.text {
	padding: 22px;
}
.textleft {
	padding: 12px;
}
 
h2, h3, h4, h5, h6 {
	font-size: 1.5em;
	margin: 0 0 .5em 0;
	line-height: 140%;
	color: white;
}
 
p {
	margin: 0 0 1em 0;
	line-height: 140%;
}
 
h3  {
	font-size: 1.2em;
	color: white;
}
 
#content h3 a, h3 a:link, h3 a:active, h3 a:visted {
	color: white;
	text-decoration: none;
}
 
#content h3 a:hover  {
	color: #6C7447;
	text-decoration: underline;
}
ul#lijst-1 {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 483px;
	border-top: 1px solid white;
	background-image: url(../images/dienst-1.jpg);
	background-repeat: no-repeat;
}
 
ul.lijst-1-1 { background-position: 0 0 }
ul.lijst-1-2 { background-position: 0 -175px }
ul.lijst-1-3 { background-position: 0 -350px }
ul.lijst-1-4 { background-position: 0 -525px }
 
ul.lijst-1-1 li#lijst-1-1,
ul.lijst-1-2 li#lijst-1-2,
ul.lijst-1-3 li#lijst-1-3,
ul.lijst-1-4 li#lijst-1-4 { 
	background-color: #9BA573;
	font-weight: bold;
}
 
ul#lijst-1 li {
	margin: 0 0 0 283px;
	padding: 0;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	font-size: 1.2em;
}
 
ul#lijst-1 li a {
	height: 43px;
	line-height: 43px;
	display: block;
	width: 179px;
	padding: 0 10px;
	text-decoration: none;
	color: white;
}
 
ul#lijst-1 li a:hover {
	background: #9BA573;
	font-weight: bold;
}
 
ul#lijst-2 {
	position: absolute;
	height: 120px;
	margin: 0;
	padding: 0;
	list-style: none;
	bottom: 0;
	background: white;
	width: 633px;
	border-top: 1px solid white;
}
 
ul#lijst-2 li {
	float: left;
}
 
ul#lijst-2 li a {
    height: 83px;
}
 
ul#lijst-2 li img {
    display: block;
    border-right: 1px solid white;
}
 
/* Form styling */
 
textarea {
	width: 50%;
	height: 65px;
}
 
form p {
	margin: .5em 0;
	padding: 1px 0;
}
 
label {
	display: block;
	float: left;
	width: 120px;
	padding-top: .2em;
}
 
.button {
    border: solid 1px black;
    cursor: hand;
    font-weight: bold;
    color: white;
    background-color: #41462B;
    padding: 1px;
}
 
#content p.buttons {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 0.5em;
	text-align: right;
}
 
input.textfield, input.required, textarea
{
    border: #41462B 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #41462B;
    background-color: white;
}
 
span.error {
	color: #BD2232;
	background-color: white;
	margin-left: 5px;
	padding: 2px;
}
 
/* These are standard sIFR styles... do not modify */
 
.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;
}
 
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
 
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
 
.sIFR-hasFlash #header h2  {
	visibility: hidden;
	height: 38px;
}
 
/* lijst-1, lijst-2 */
 
ul#lijst-1 {
	position: relative;
	height: auto;
	bottom: auto;
}
 
/* commented backslash hack v2 \*/
 
#lijst-1, #lijst-2 {
	display: block;
}
 
.lijst-1 .text {
    max-height: 220px;
    overflow: auto;
}
 
* html .lijst-1 .text {
    height: 220px;
}
 
.lijst-2 .text {
	max-height: 275px;
	overflow: auto;
}
 
* html .lijst-2 .text {
	height: 275px;
}
 
ul#lijst-1 {
	position: absolute;
	height: 175px;
	bottom: 0;
}
 
.lijst-3 .text {
	max-height: 375px;
	overflow: auto;
}
 
* html .lijst-3 .text {
	height: 395px;
}
/* end hack */