body {font-size:85%; font-family: verdana, arial, sans-serif; background-image:  url(../image-files/background.gif);
*font-size:85%; *font-family: verdana, arial, sans-serif; *background-image:  url(../image-files/background.gif);
_font-size:85%; _font-family: verdana, arial, sans-serif; _background-image:  url(../image-files/background.gif);}

#minMax {
min-width:700px; max-width:1020px; margin:0 auto; background:#ffffff; overflow:hidden;
*min-width:700px; *max-width:1020px; *margin:0 auto; *background:#ffffff;
_min-width:700px; _max-width:1020px; _margin:0 auto; _background:#ffffff;
}

#header {
background-image: url(../image-files/logo-3.jpg);
height:200px;
background-position: top left;
background-repeat: no-repeat;

*background-image: url(../image-files/logo-3.jpg);
*height:200px;
*background-position: top left;
*background-repeat: no-repeat;

_background-image: url(../image-files/logo-3.jpg);
_height:200px;
_background-position: top left;
_background-repeat: no-repeat;

}

#header1 {
height:55px;
width:100%;
background-position: center;
background-repeat:repeat-y;
background-image: url(../image-files/topnav.gif);	

*height:55px;
*width:100%;
*background-position: center;
*background-repeat:repeat-y;
*background-image: url(../image-files/topnav.gif);

_height:55px;
_width:100%;
_background-position: center;
_background-repeat:repeat-y;
_background-image: url(../image-files/topnav.gif);
}

#spacer {
background-color:#8d3950;
width:100%; 
height:3px;

* background-color:#8d3950;
* width:100%; 
* height:3px;

_background-color:#8d3950;
_width:100%; 
_height:3px;
}

#left-nav {
float:left; width:20%; 
display:inline; 
background-image: url(../image-files/left-nav.jpg);	
background-repeat:repeat-y;
background-position: top right;

*float:left; width:20%; 
*display:inline; 
*background-image: url(../image-files/left-nav.jpg);	
*background-repeat:repeat-y;
*background-position: top right;

_float:left; width:20%; 
_display:inline; 
_background-image: url(../image-files/left-nav.jpg);	
_background-repeat:repeat-y;
_background-position: top right;
}


#right-nav {
float:right; width:20%;
display:inline; 
background-image :url(../image-files/right-nav.jpg);
background-repeat:repeat-y;
background-position:top right;

*float:right; *width:20%;
*display:inline; 
*background-image :url(../image-files/right-nav.jpg);
*background-repeat:repeat-y;
*background-position:top right;

_float:right; _width:20%;
_display:inline; 
_background-image :url(../image-files/right-nav.jpg);
_background-repeat:repeat-y;
_background-position:top right;
}

#left-nav, #right-nav {
padding-bottom:32767px; margin-bottom:-32767px; 
*padding-bottom:32767px; *margin-bottom:-32767px;
_padding-bottom:32767px; _margin-bottom:-32767px;
}

#wrapper {
overflow:hidden;
*overflow:hidden;
_overflow:hidden;
}

#center {
width:60%; float:left; display:inline;  background:#ffffff;
*width:60%; *float:left; *display:inline;  *background:#ffffff;
_width:60%; _float:left; _display:inline;  _background:#ffffff;
}

#footer {
clear:both; background-image: url(../image-files/footer-nav1.jpg);	
*clear:both; background-image: url(../image-files/footer-nav1.jpg);
_clear:both; background-image: url(../image-files/footer-nav1.jpg);
}

h1 { 
font-family: Arial, Verdana, sans-serif; font-size: 135%;  color: #fff; text-align:center;
*font-family: Arial, Verdana, sans-serif; font-size: 135%;  *color: #fff; text-align:center;
_font-family: Arial, Verdana, sans-serif; font-size: 135%;  _color: #fff; text-align:center;
}
h1a { font-family: zapfinoHU, Arial, Verdana, sans-serif; font-size: 150%;  color: #fff; text-align:center;}
h2 { 
font-family: Arial, Verdana, sans-serif; font-size: 18px;  color: #000; 
*font-family: Arial, Verdana, sans-serif; *font-size: 18px;  *color: #000; 
_font-family: Arial, Verdana, sans-serif; _font-size: 18px;  _color: #000; 
}
h3 {
font-size:20px; margin:0; padding:10px 0; color:#fff;
*font-size:20px; margin:0; padding:10px 0; *color:#fff;
_font-size:20px; margin:0; padding:10px 0; _color:#fff;
}
h4 {
font-size:12px; font-weight: normal; margin-top: 5pt; margin-bottom: 5pt; margin-left: 40pt; margin-right: 10pt
*font-size:12px; *font-weight: normal; *margin-top: 5pt; *margin-bottom: 5pt; *margin-left: 40pt; *margin-right: 10pt
_font-size:12px; _font-weight: normal; _margin-top: 5pt; _margin-bottom: 5pt; _margin-left: 40pt; _margin-right: 10pt
}

.content {padding:20px; margin-right:25px; display-inline;}

p {
font-size:12px; line-height:1.5em; margin:0; padding:10px 0;
*font-size:12px; *line-height:1.5em; *margin:0; *padding:10px 0;
_font-size:12px; _line-height:1.5em; _margin:0; _padding:10px 0;
}

.hbg1{
background-color:#ffffff; 
color:#8e3a50;
width: auto;

*background-color:#ffffff; 
*color:#8e3a50;
*width: auto;

_background-color:#ffffff; 
_color:#8e3a50;
_width: auto;
}


.hbg2{
background-color:#8e3a50; 
color:#fff;
width: auto;


*background-color:#8e3a50; 
*color:#fff;
*width: auto;


_background-color:#8e3a50; 
_color:#fff;
_width: auto;
}

.hbg3{
background-color:#fff; 
color:#000;
width: auto;


*background-color:#fff; 
*color:#000;
*width: auto;


_background-color:#fff; 
_color:#000;
_width: auto;
}

.space1{margin-top: 45px; margin-bottom: 25px; 
*margin-top: 45px; margin-bottom: 25px; 
_margin-top: 45px; margin-bottom: 25px; 
}

.space2{margin-top: 100px; margin-bottom: 25px; 
*margin-top: 100px; margin-bottom: 25px; 
_margin-top: 100px; margin-bottom: 25px; 
}


.spacemedium{margin-top: 185px; margin-bottom: 95px; 
*margin-top: 185px; *margin-bottom: 45px; 
_margin-top: 185px; _margin-bottom: 45px; 
}

.spacelarge{margin-top: 275px; margin-bottom: 105px; 
*margin-top: 275px; *margin-bottom: 85px; 
_margin-top: 275px; _margin-bottom: 85px; 
}

.spacexlarge{margin-top: 1000px; margin-bottom: 1005px; 
*margin-top: 1000px; *margin-bottom: 655px; 
_margin-top: 1000px; _margin-bottom: 655px; 
}


#footer p,
#header p {
color:#2c5073; width:100%
*color:#2c5073; *width:100%
_color:#2c5073; _width:100%
}
#footer a {
color:#2c5073; width:100%
*color:#2c5073; *width:100%
_color:#2c5073; _width:100%
}
#footer a:hover {
text-decoration:underline; background-color:#ffffff; 
*text-decoration:underline; *background-color:#ffffff; 
_text-decoration:underline; _background-color:#ffffff; 
}

#spacerbg {
background-color:#949494;
font-size: 93%;  

*background-color:#fff;
*font-size: 93%;  

_background-color:#fff;
_font-size: 93%;  
}


#background-image {
text-align:left;
margin-top:20px;
padding: 0px;
float: left;
width: 60%;
background-color:transparent;
padding-right:10px;
padding-left:10px;
background-image:  url(../image-files/background-image.jpg);
background-position: top left;
background-repeat: no-repeat;
border-right: 1px solid #C5CEBF;

*text-align:left;
*margin-top:20px;
*padding: 0px;
*float: left;
*width: 60%;
*background-color:transparent;
*padding-right:10px;
*padding-left:10px;
*background-image:  url(../image-files/background-image.jpg);
*background-position: top left;
*background-repeat: no-repeat;
*border-right: 1px solid #C5CEBF;

_text-align:left;
_margin-top:20px;
_padding: 0px;
_float: left;
_width: 60%;
_background-color:transparent;
_padding-right:10px;
_padding-left:10px;
_background-image:  url(../image-files/background-image.jpg);
_background-position: top left;
_background-repeat: no-repeat;
_border-right: 1px solid #C5CEBF;
}

a { 
font-family: Arial, Verdana, sans-serif, monotype-corsiva; 
font-size: 100%; color: #006c9e; 
font-weight: bold;
text-decoration: none;

*font-family: Arial, Verdana, sans-serif, monotype-corsiva; 
*font-size: 100%; *color: #006c9e; 
*font-weight: bold;
*text-decoration: none;

_font-family: Arial, Verdana, sans-serif, monotype-corsiva; 
_font-size: 100%; _color: #006c9e; 
_font-weight: bold;
_text-decoration: none;
}

a:hover { 
font-family: Arial, Verdana, sans-serif;
 font-size: 100%; 
 background-color: #ffffff;
 color: #0000ff;
 font-weight:bold;
 text-decoration:none;
 
*font-family: Arial, Verdana, sans-serif;
*font-size: 100%; 
*background-color: #ffffff;
*color: #0000ff;
*font-weight:bold;
*text-decoration:none;
 
_font-family: Arial, Verdana, sans-serif;
_font-size: 100%; 
_background-color: #ffffff;
_color: #0000ff;
_font-weight:bold;
_text-decoration:none;
}



.hbg4{
background-image:  url("../image-files/button_on2.gif");
color: #813a50;
font-weight: bold;
width: 120px;
border-top: 1px solid #8e3a50;	
border-right: 1px solid #8e3a50;   
border-left: 1px solid #8e3a50;	
border-bottom: 1px solid #8e3a50;

*background-image:  url("../image-files/button_on2.gif");
*color: #813a50;
*font-weight: bold;
*width: 120px;
*border-top: 1px solid #8e3a50;	
*border-right: 1px solid #8e3a50;
*border-left: 1px solid #8e3a50;	
*border-bottom: 1px solid #8e3a50;

_background-image:  url("../image-files/button_on2.gif");
_color: #813a50;
_font-weight: bold;
_width: 120px;
_border-top: 1px solid #8e3a50;	
_border-right: 1px solid #8e3a50;/*this gives a white border, change as required*/
_border-left: 1px solid #8e3a50;	/*this gives a white border, change as required*/
_border-bottom: 1px solid #8e3a50;
}

.rule {
border: 0;
color:inherit;
background-color: #8e3a50;
height: 1px;
width: 80%;

       
*border: 0;
*color:inherit;
*background-color: #8e3a50;
*height: 1px;
*width: 80%;
*text-align: center;      
       
_border: 0;
_color:inherit;
_background-color: #8e3a50;
_height: 1px;
_width: 80%;
_text-align: center;   
   
       }

hr{
border: 0;
color:inherit;
background-color: #999;
height: 1px;
width: 80%;
text-align: center;

*border: 0;
*color:inherit;
*background-color: #999;
*height: 1px;
*width: 80%;
*text-align: center;

_border: 0;
_color:inherit;
_background-color: #999;
_height: 1px;
_width: 80%;
_text-align: center;
}


#store{ 
<body onload="startmotor(0)">{
/*
Shock Wave Text script- By ejl@worldmailer.com
Submitted to and featured on Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

var size = 12;
var speed_between_messages=3500  //in miliseconds


var tekst = new Array()
{
tekst[0] = "Come on in";
tekst[1] = "We're Open";

}
var klaar = 0;
var s = 0;
var veran =0;
var tel = 0;
function bereken(i,Lengte)
{
return (size*Math.abs( Math.sin(i/(Lengte/3.14))) );
}

function motor(p)
{
var output = "";
for(w = 0;w < tekst[s].length - klaar+1; w++)
{
q = bereken(w/2 + p,16);
if (q > size - 0.5)
{klaar++;}
if (q < 5)
{tel++;
if (tel > 1)
{
tel = 0;
if (veran == 1)
{
veran = 0;
s++;
if ( s == tekst.length)
{s = 0;}
p = 0;
if (window.loop)
{clearInterval(loop)}
loop = motor();
}
}
}
output += "<font style='font-size: "+ q +"pt'>" +tekst[s].substring(w,w+1)+ "</font>";	
}
for(k=w;k<klaar+w;k++)
{ 
output += "<font style='font-size: " + size + "pt'>" +tekst[s].substring(k,k+1)+ "</font>";
}
idee.innerHTML = output;	
}

function startmotor(p){
if (!document.all)
return
var loop = motor(p); 
if (window.time)
{clearInterval(time)}
if (klaar == tekst[s].length)
{
klaar = 0;
veran = 1;
tel = 0;
var time = setTimeout("startmotor(" +(p+1) + ")", speed_between_messages);
}else
{	
var time =setTimeout("startmotor(" +(p+1) + ")", 50);
}

}



















