/* Hoverbutton style for links,
   (c) 2004, InterKerk */

a.hoverButton,
a.hoverButtonYellow {
/*    display: block; */
    width: 100px; height: 30px;
    text-align: center;
	padding: 6px;
	text-decoration: none;
    font-family: arial; font-size: 10px;
    font-weight: bold;
    border: none;
	color: rgb(0,0,0);
}
a:hover.hoverButton,
a:hover.hoverButtonYellow {
    border: 2px outset;
	padding: 4px;
}
a:active.hoverButton,
a:active.hoverButtonYellow {
    border: 2px inset;
	padding: 4px;
}

a.hoverButton,
a.hoverButtonPink {
/*    display: block; */
    width: 140px; height: 24px;
    text-align: center;
	padding: 6px;
	text-decoration: none;
    font-family: arial; font-size: 10pt;
    font-weight: regular;
    border: none;
	color: rgb(255,0,255);
	margin: 1px;
}
a:hover.hoverButton,
a:hover.hoverButtonPink {
    border: 2px outset;
	padding: 4px;
}
a:active.hoverButton,
a:active.hoverButtonPink {
    border: 2px inset;
	padding: 4px;
	target: main
}

a.hoverButton,
a.hoverButtonPinkBanner {
/*    display: block; */
    width: 200px; height: 24px;
    text-align: center;
	padding: 6px;
	text-decoration: none;
    font-family: arial;
    font-size: 10pt;
    font-weight: italic;
    border: none;
	color: rgb(255,0,255);
}
a:hover.hoverButton,
a:hover.hoverButtonPinkBanner {
    border: 2px outset;
	padding: 4px;
}
a:active.hoverButton,
a:active.hoverButtonPinkBanner {
    border: 2px inset;
	padding: 4px;
	target: main
}

a.hoverButton,
a.hoverButtonPinkZonDag {
/*    display: block; */
    width: 140px; height: 24px;
    text-align: center;
	padding: 6px;
	text-decoration: none;
    font-family: arial; font-size: 10pt;
    font-weight: regular;
    border: none;
	color: rgb(105,50,105);
	margin: 1px;
}
a:hover.hoverButton,
a:hover.hoverButtonPinkZonDag {
    border: 2px outset;
	padding: 4px;
}
a:active.hoverButton,
a:active.hoverButtonPinkZonDag {
    border: 2px inset;
	padding: 4px;
	target: main
}

a.hoverButton,
a.hoverButtonKerst {
/*    display: block; */
    width: 120px; height: 24px;
    text-align: center;
	padding: 6px;
	text-decoration: none;
    font-family: arial; font-size: 10pt;
    font-weight: bold;
    border: none;
	color: rgb(234,34,34);
}
a:hover.hoverButton,
a:hover.hoverButtonKerst {
    border: 2px outset;
	padding: 4px;
}
a:active.hoverButton,
a:active.hoverButtonKerst {
    border: 2px inset;
	padding: 4px;
	target: main
}

/* Here we define the individual colors */
a.hoverButton {
    background: rgb(240,240,240);
}
a:hover.hoverButton {
    background: rgb(255,224,240);
}
a.hoverButtonYellow {
    background: rgb(240,255,196);
}
a:hover.hoverButtonYellow {
    background: rgb(255,224,240);
}
a.hoverButtonPink {
    background: rgb(128,0,128);
}
a:hover.hoverButtonPink {
	color: rgb(128,0,128);
    background: rgb(192,192,192);
}
a.hoverButtonPinkBanner {
    background: rgb(128,0,128);
}
a:hover.hoverButtonPinkBanner {
    background: rgb(128,0,128);
}
a.hoverButtonPinkZonDag {
    background: rgb(200,102,255);
}
a:hover.hoverButtonPinkZonDag {
    background: rgb(192,192,192);
}
a.hoverButtonKerst {
    background: rgb(250,250,250);
}
a:hover.hoverButtonKerst {
    background: rgb(33,176,17);
}

body {
	font-family: arial;
}