:root {
	--page-transition-duration: 1000ms;
	--ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
	--ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
	--ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
	--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
	--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
	--ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	--ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
	--ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
	--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
	--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
	--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
	--ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	--ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
	--ease-in-out-quint: cubic-bezier(0.86, 0, 0.14, 1);
	--ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
	--ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
	--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
	--ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
	--ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
	--ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
	--ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
	--ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	--ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

body							{background:url('i/bg.gif');margin:0px;color: #EFEFEF; font:14px Arial, sans-serif; line-height:18px;}

a								{outline:none; font-weight:bold;}
a img							{border:none;}
a:link							{text-decoration: underline; color: #B2CFF9; outline:none;}
a:visited						{text-decoration: underline; color: #B2CFF9; outline:none;}
a:active						{text-decoration: underline; color: #B2CFF9; outline:none;}
a:hover							{text-decoration: none; color: #73B0F9;}

#bigdiv							{position:relative; width:100%; height:auto; margin:auto; top:50px; overflow:hidden;}
#menu							{position:relative; width:870px; height:75px; background:url('i/logo.png') no-repeat 47px 0px; margin:auto; z-index:800;}
#menulist						{position:relative; width:568px; height:75px; margin-left:300px; background:url('i/menub.png') repeat-x 0px 73px;}
#indicator						{position:absolute; width:105px; height:2px; background:#448ABE; top:73px; left:0px; transition: left 500ms ease-in-out, width 500ms ease-in-out;}

#container						{position:relative; width:900px; height:400px; margin:auto; margin-top:20px;}
#content						{position:relative; overflow:hidden; width:900px; height:400px; background:url('i/bbg.jpg');}
#container, #content,
#br, #bl						{transition: height var(--page-transition-duration) var(--ease-in-out-quint);}

#holder							{position:absolute; width:900px; height:2400px; top:0px; background:url('i/catborder.gif') repeat-y 130px 0px; transition: transform var(--page-transition-duration) var(--ease-in-out-quint);}
.box, .boxx						{position:relative; margin-left:136px; margin-bottom:2px; width:628px;}
.boxx							{max-height:32px; overflow:hidden; background:url('i/lightbg.png'); transition: max-height var(--page-transition-duration) var(--ease-in-out-quint);}
.boxx.open						{max-height:1200px;}
.capi							{display:block; float:left; font-size:66px; font-weight:bold; line-height:54px; margin-right:2px;}
.quote							{font-weight:bold; font-family:'Times New Roman', Times, serif; font-size:24px; font-style:italic; line-height:26px;}
.subtext						{float:left; font-size:12px; padding-bottom:10px;}
.bullets						{font-size:12px;}

div.boxxx						{width:628px; height:26px; margin-bottom:2px; cursor:pointer; padding:6px 0px 0px 24px;}
div.boxxx span					{text-decoration:underline; letter-spacing:1pt; padding-left:15px; background:url('i/open.png') no-repeat 0px 5px;}
div.boxxx:hover					{background:url('i/darkbg.png');}
div.boxxx:hover span			{text-decoration:none; background-image:url('i/closed.png');}
div.boxx.open div.boxxx span	{background-image:url('i/closed.png');}

#borders						{position:absolute; left:0px; top:0px; width:900px; height:1px;}
#lang							{position:absolute; top:3px; left:-32px; width:50px; height:15px; text-align:right; z-index:998; display:none;}

#buttons						{position: relative; width:568px; list-style:none; padding:0px; margin:0px;}
#buttons span					{display:none;}
#buttons li						{float:left;}
#buttons li a					{float:left; display: block;height: 75px;overflow:hidden; background-repeat:no-repeat; background-position:center 40px; margin-right:2px; opacity: 0.75; transition:opacity 200ms;}
#buttons li a:hover,
#buttons li a.active 			{opacity: 1.0;}

div.exbut						{position:absolute; background:none; display:block; padding-top:6px; width:628px; height:26px; cursor:pointer; left:0px; top:0px;}
div.exbut:hover					{background:url('i/darkbg.png'); text-decoration:none;}
div.exbut span					{font-size:16px; font-weight:bold; text-decoration:underline; letter-spacing:1pt; padding-left:34px; background:url('i/plus.gif') no-repeat 12px 4px;}
div.exbut:hover span			{text-decoration:none;}
div.boxx.open div.exbut span	{background:url('i/minus.gif') no-repeat 12px 4px;}

a.frzi							{position:absolute; display:block; width:40px; height:14px; background:url('i/frzi.jpg'); z-index:850; right:0px;}

#home							{width: 97px; background-image:url('i/m/home.gif');}
#diensten						{width: 127px; background-image:url('i/m/diensten.gif');}
#overzpa						{width: 128px; background-image:url('i/m/overzpa.gif');}
#contact						{width: 112px; background-image:url('i/m/contact.gif');}
#links							{width: 94px; background-image:url('i/m/links.gif');}

span.b1							{color:#73B0F9;}
span.b2							{color:#B2CFF9;}
span.b3							{color:#2291FF;}
span.o1							{color:#FF8206;}
span.g1							{color:#45AA3F;}