A website i made with a lot of css in it works fine with contribute 3. The
customer can edit the site with no problems. But now he wanted to buy
contribute 4 and he found out that he cannot use contribute 4 with the site.

How to proceed?

html {
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}

body {
height:100%;
max-height:100%;
overflow:hidden;
padding:0;
margin:0;
border:0;
text-align:center;
}

#head {
position:absolute;
margin:0;
top:0;
left:50%;
margin-left:-462px;
display:block;
width:924px;
height:165px;
font-size:12px;
z-index:5;
color:#fff;
right:auto;
text-align:left;
}

#foot {
position:absolute;
margin:0;
bottom:0;
left:50%;
margin-left:-462px;
display:block;
width:924px;
height:70px;
font-size:10px;
z-index:5;
text-align:left;
color:black;
right:auto;
}

* html #foot {
bottom:-1px;
height:70px;
}

#kolom1, #kolom2, #kolom3 {
position:absolute;
left:0;
top:165px;
bottom:70px;
z-index:4;
text-align:left;

}

#kolom1 {
width:205px;
overflow:auto;
left:50%;
margin-left:-462px;
background-color:#ff6600;
}

#kolom2 {
width:514px;
overflow:auto;
left:50%;
margin-left:-257px;
background-image:url(../ontwerp/toetsenbord1.jpg);
background-repeat:no-repeat;
}
#kolom3 {
width:205px;
overflow:auto;
left:50%;
margin-left:257px;
background-color:#004a1e;
}

* html #kolom1, * html #kolom2, * html #kolom3 {
height:100%;
top:4px;
bottom:0;
border-top:165px solid white;
border-bottom:70px solid white;
}

* html #kolom2 {
width:514px;
}

* html #kolom1 {
width:205px;
}
* html #kolom3 {
width:205px;
}
code { color:red;}

.inner {
display:block;
padding:0px 8px 5px 8px;
line-height:150%;
color:#000000;
}

.innerlinks {
display:block;
padding:0px 8px 5px 8px;
color:#FFFFFF;
}
.innerrechts {
display:block;
padding:0px 8px 5px 8px;
color:#FFFFFF;
background-color:#004a1e;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:150%
}


h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
background-image:url(../ontwerp/titelbalk.jpg);
margin-top:0px;
background-repeat:no-repeat;
height:38px;
padding-top:10px;
text-align:center;
color:#ffffff;
}
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
background-image:url(../ontwerp/linksboven.jpg);
margin-top:0px;
background-repeat:no-repeat;
height:38px;
padding-top:10px;
text-align:center;
color:#ffffff;
}
h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
background-image:url(../ontwerp/rechtsboven.jpg);
margin-top:0px;
background-repeat:no-repeat;
height:38px;
padding-top:10px;
text-align:center;
color:#ffffff;
}
.voet a:link {
color:#000;
text-decoration:underline;
}
.voet a:visited {
color:#000;
text-decoration:underline;
}
.voet a:hover {
color:#ff6600;
text-decoration:none;
}
.voet a:active {
color:#000;
text-decoration:underline;
}
a:link {
color: #000;
}
a:visited {
color: #000;
}
a:hover {
color: #ff6600;
}
a:active {
color: #000;
}

.innerlinks a:link {
color:#fff;
text-decoration:underline;
}
.innerlinks a:visited {
color:#fff;
text-decoration:underline;
}
.innerlinks a:hover {
color:#fff;
text-decoration:none;
}
.innerlinks a:active {
color:#fff;
text-decoration:underline;
}

table.navbar {
border-collapse: collapse;
}

table.navbar td a{
display: block;
width: 185px;
height:24px;
padding: 2px 0px 0px 0px;
text-decoration: none;
font-size:11px;
}
table.navbar td a:link, table.navbar td a:visited {
color:#ffffff;
text-decoration:none;
background-image:url(../ontwerp/oranjemenu2.jpg);
background-repeat:no-repeat;
}
table.navbar td a:hover, table.navbar td a:active {
color:#ffffff;
background-image:url(../ontwerp/groenmenu.jpg);
background-repeat:no-repeat;
}


body#menu1 a#menu1,
body#menu2 a#menu2,
body#menu3 a#menu3,
body#menu4 a#menu4,
body#menu5 a#menu5,
body#menu6 a#menu6,
body#menu7 a#menu7,
body#menu21 a#menu21,
body#menu22 a#menu22,
body#menu23 a#menu23,
body#menu31 a#menu31,
body#menu32 a#menu32,
body#menu41 a#menu41,
body#menu42 a#menu42,
body#menu43 a#menu43,
body#menu51 a#menu51,
body#menu52 a#menu52,
body#menu53 a#menu53,
body#menu71 a#menu71,
body#menu72 a#menu72 {
color:#ffffff;
background-image:url(../ontwerp/groenmenu.jpg);
background-repeat:no-repeat;
}

.witvet {
color:#FFFFFF;
font-weight:bold;
}
.oranje {
color:#ff6600;
}



html page

<!-- IE into quirks mode -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="Content-Type" content="text/html; cht=utf-8" />

<!-- TemplateBeginEditable name="doctitle" -->
<title>All-in-1 One | Praktische computertrainingen &amp; Office Management
oplossingen</title>
<!-- TemplateEndEditable -->
<style type="text/css"></style>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<link href="../css/ontwerp.css" rel="stylesheet" type="text/css" /><!--
TemplateParam name="menu identificatie" type="text" value="" -->
</head>

<body id="(_doent['menu identificatie'])" >

<div id="kolom1">

<!-- TemplateBeginEditable name="linkskop" -->
<h2>links</h2>

<!-- TemplateEndEditable -->
<div class="innerlinks">
<!-- TemplateBeginEditable name="links" -->links<!-- TemplateEndEditable
--></div>
</div>


<div id="kolom2">
<!-- TemplateBeginEditable name="kop" --><h1>kop</h1><!--
TemplateEndEditable -->
<div class="inner">
<!-- TemplateBeginEditable name="content" -->


<!-- TemplateEndEditable --></div>
</div>
<div id="kolom3">
<!-- TemplateBeginEditable name="koprechts" --><h3>kop</h3><!--
TemplateEndEditable -->
<div class="innerlinks"><!-- TemplateBeginEditable name="rechts" -->rechts<!--
TemplateEndEditable --></div></div>
<div id="head">
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center"><a href="http://www.all-in-1.nl"><img
src="../ontwerp/logo.jpg" alt="" width="320" height="71" hspace="5" vspace="8"
border="0" /></a></div></td>
</tr>
<tr>
<td height="38" background="../ontwerp/bovenbalk.jpg"><div
align="center" class="witvet">Praktische computertrainingen &amp; Office
Management oplossingen </div></td>
</tr>
<tr>
<tr>
<td height="4" ></td>
</tr>
<tr>
<td height="30" valign="middle"><table border="0" align="center"
cellpadding="0" cellspacing="0" class="navbar">
<tr>
<td ><div align="center"><a href="../index.htm" id="menu1"
>Welkom</a></div></td>
<td><div align="center"><a
href="../praktischecomputertrainingen.htm"
id="menu2">Computertrainingen</a></div></td>
<td><div align="center"><a
href="../office-en-projectmanagement.htm" id="menu3">Office- /
Projectmanagement</a></div></td>
<td><div align="center"><a href="../referenties.htm"
id="menu4">Referenties</a></div></td>
<td><div align="center"><a href="../contact.htm"
id="menu5">Contact</a></div></td>
</tr>
</table></td>
</tr>
</table>

</div>
</div>
<div id="foot"><img src="../ontwerp/onderbalkvergroot.jpg" alt="" width="924"
height="50" />
<table width="924" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="239">&copy;2006 All-in-1 One</td>
<td width="426"><div align="center"></div></td>
<td width="259"><div align="right">created by <a
href="http://www.letsgoactive.nl" target="_blank">Lets<em>go</em>active</a>
&amp; <a href="http://www.websmile.nl" target="_blank">WebSmile</a> </div></td>
</tr>
</table>
</div>
<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=1950151;
var sc_invisible=1;
var sc_partition=17;
var sc_security="f5430795";
</script>

<script type="text/javascript" language="javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><a
href="http://www.statcounter.com/" target="_blank"><img
src="http://c18.statcounter.com/counter.php?sc_project=1950151&amp;java=0&amp;se
curity=f5430795&amp;invisible=1" alt="page hit counter" border="0"></a>
</noscript>
<!-- End of StatCounter Code -->
</body>
</html>