/* Hoverbutton style for links,
   (c) 2004-2005, InterKerk */

a.hoverButton,
a.hoverButtonYellow {
    display: block;
    width: 100px; height: 30px;
    text-align: center;
	padding: 6px;
	text-decoration: none;
    font-family: verdana; font-size: 10px;
    font-weight: bold;
    border: none;
	color: rgb(0,0,0);
}
a:hover.hoverButton,
a:hover.hoverButtonYellow {
    border: 4px outset;
	padding: 2px;
}
a:active.hoverButton,
a:active.hoverButtonYellow {
    border: 4px inset;
	padding: 2px;
}

a.hoverButton,
a.hoverButtonPink {
    display: block;
    width: 140px; height: 24px;
    text-align: center;
	padding: 6px;
	text-decoration: none;
    font-family: dialog; font-size: 14px;
    font-weight: regular;
    border: none;
	color: rgb(255,0,255);
}
a:hover.hoverButton,
a:hover.hoverButtonPink {
    border: 4px outset;
	padding: 2px;
}
a:active.hoverButton,
a:active.hoverButtonPink {
    border: 4px inset;
	padding: 2px;
	target: main
}

a.hoverButton,
a.hoverButtonPinkBanner {
/*    display: block; */
    width: 200px; height: 24px;
    text-align: center;
	padding: 6px;
	text-decoration: none;
    font-family: verdana;
    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: dialog; font-size: 14px;
    font-weight: regular;
    border: none;
	color: rgb(105,50,105);
}
a:hover.hoverButton,
a:hover.hoverButtonPinkZonDag {
    border: 4px outset;
	padding: 2px;
}
a:active.hoverButton,
a:active.hoverButtonPinkZonDag {
    border: 4px inset;
	padding: 2px;
	target: main
}

a.hoverButton,
a.hoverButtonKerst {
    display: block;
    width: 120px; height: 24px;
    text-align: center;
	padding: 6px;
	text-decoration: none;
    font-family: dialog; font-size: 14px;
    font-weight: bold;
    border: none;
	color: rgb(234,34,34);
}
a:hover.hoverButton,
a:hover.hoverButtonKerst {
    border: 4px outset;
	padding: 2px;
}
a:active.hoverButton,
a:active.hoverButtonKerst {
    border: 4px inset;
	padding: 2px;
	target: main
}

a.hoverButton,
a.hoverButtonV1 {
    display: block;
    width: 400px; height: 24px;
    text-align: center;
	padding: 6px;
	text-decoration: none;
    font-family: dialog; font-size: 14px;
    font-weight: regular;
    border: none;
	color: rgb(153,0,153);
}
a:hover.hoverButton,
a:hover.hoverButtonV1 {
    border: 4px inset;
	padding: 2px;
}
a:active.hoverButton,
a:active.hoverButtonV1 {
    border: 4px outset;
	padding: 2px;
	target: main
}

a.hoverButton,
a.hoverButtonV2 {
/*    display: block; */
    width: 155px; height: 24px;
    text-align: center;
	padding: 3px;
	text-decoration: none;
    font-family: dialog; font-size: 12px;
    font-weight: regular;
    border: none;
	color: rgb(153,0,153);
}
a:hover.hoverButton,
a:hover.hoverButtonV2 {
    border: 4px inset;
	padding: 0px;
}
a:active.hoverButton,
a:active.hoverButtonV2 {
    border: 4px outset;
	padding: 2px;
	target: main
}

a.hoverButton,
a.hoverButtonV3 {
    display: block;
    width: 80px; height: 20px;
    text-align: center;
	padding: 2px;
	text-decoration: none;
    font-family: dialog; font-size: 12px;
    font-weight: regular;
    border: none;
	color: rgb(255,153,51);
}
a:hover.hoverButton,
a:hover.hoverButtonV3 {
    border: 2px inset;
	padding: 0px;
}
a:active.hoverButton,
a:active.hoverButtonV3 {
    border: 2px outset;
	padding: 0px;
	target: main
}

a.hoverButton,
a.hoverButtonV4 {
    display: block;
    width: 400px; height: 24px;
    text-align: center;
	padding: 6px;
	text-decoration: none;
    font-family: dialog; font-size: 14px;
    font-weight: bold;
    border: none;
	color: rgb(153,0,153);
}
a:hover.hoverButton,
a:hover.hoverButtonV4 {
    border: 4px inset;
	padding: 2px;
}
a:active.hoverButton,
a:active.hoverButtonV4 {
    border: 4px outset;
	padding: 2px;
	target: main
}

a.hoverButton,
a.hoverButtonP1 {
    display: block;
    width: 260px; height: 24px;
    text-align: center;
	padding: 6px;
	text-decoration: none;
    font-family: dialog; font-size: 14px;
    font-weight: regular;
    border: none;
	color: rgb(153,0,153);
}
a:hover.hoverButton,
a:hover.hoverButtonP1 {
    border: 4px inset;
	padding: 2px;
}
a:active.hoverButton,
a:active.hoverButtonP1 {
    border: 4px outset;
	padding: 2px;
	target: main
}

a.hoverButton,
a.hoverButtonP2 {
    display: block;
    width: 80px; height: 24px;
    text-align: center;
	padding: 6px;
	text-decoration: none;
    font-family: dialog; font-size: 14px;
    font-weight: regular;
    border: none;
	color: rgb(153,0,153);
}
a:hover.hoverButton,
a:hover.hoverButtonP2 {
    border: 4px inset;
	padding: 2px;
}
a:active.hoverButton,
a:active.hoverButtonP2 {
    border: 4px outset;
	padding: 2px;
	target: main
}

a.hoverButton,
a.hoverButtonP3 {
    display: block;
    width: 80px; height: 20px;
    text-align: center;
	padding: 2px;
	text-decoration: none;
    font-family: dialog; font-size: 12px;
    font-weight: regular;
    border: none;
	color: rgb(0,0,0);
}
a:hover.hoverButton,
a:hover.hoverButtonP3 {
    border: 2px inset;
	padding: 0px;
}
a:active.hoverButton,
a:active.hoverButtonP3 {
    border: 2px inset;
	padding: 0px;
	target: main
}

a.hoverButton,
a.hoverButtonP4 {
    display: block;
    width: 400px; height: 24px;
    text-align: center;
	padding: 6px;
	text-decoration: none;
    font-family: dialog; font-size: 12px;
    font-weight: regular;
    border: none;
	color: rgb(153,0,153);
}
a:hover.hoverButton,
a:hover.hoverButtonP4 {
    border: 4px inset;
	padding: 2px;
}
a:active.hoverButton,
a:active.hoverButtonP4 {
    border: 4px outset;
	padding: 2px;
	target: main
}

a.hoverButton,
a.hoverButtonP5 {
    display: block;
    width: 80px; height: 20px;
    text-align: center;
	padding: 2px;
	text-decoration: none;
    font-family: dialog; font-size: 12px;
    font-weight: regular;
    border: none;
	color: rgb(0,0,0);
}
a:hover.hoverButton,
a:hover.hoverButtonP5 {
    border: 2px inset;
	padding: 0px;
}
a:active.hoverButton,
a:active.hoverButtonP5 {
    border: 2px outset;
	padding: 0px;
	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 {
    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);
}
a.hoverButtonV1 {
    background: rgb(250,203,250);
}
a:hover.hoverButtonV1 {
    background: rgb(192,192,192);
}
a.hoverButtonV2 {
    background: rgb(250,203,250);
}
a:hover.hoverButtonV2 {
    background: rgb(250,203,250);
}
a.hoverButtonV3 {
    background: rgb(0,0,255);
}
a:hover.hoverButtonV3 {
    background: rgb(0,150,255);
}
a.hoverButtonV4 {
    background: rgb(192,192,192);
}
a:hover.hoverButtonV4 {
    background: rgb(250,203,250);
}
a.hoverButtonP1 {
    background: rgb(192,192,192);
}
a:hover.hoverButtonP1 {
    background: rgb(255,255,102);
}
a.hoverButtonP2 {
    background: rgb(192,192,192);
}
a:hover.hoverButtonP2 {
    background: rgb(255,255,102);
}
a.hoverButtonP3 {
    background: rgb(192,192,192);
}
a:hover.hoverButtonP3 {
    background: rgb(255,255,102);
}
a.hoverButtonP4 {
    background: rgb(192,192,192);
}
a:hover.hoverButtonP4 {
    background: rgb(255,255,102);
}
a.hoverButtonP5 {
    background: rgb(255,255,0);
}
a:hover.hoverButtonP5 {
    background: rgb(192,192,192);
}

