/* Kleuren */
:root
{
    --bordkleurdonker: #1D4D75;
	--bordkleurmiddeldonker: #6396C5;
	--bordkleurmiddellicht: #8BB2D3;
	--bordkleurlicht: #CADBEB;
	--bordkleurwit: #FFFFFF;

    --bordkleurdonkerrgba: rgba(29, 77, 117, 0.75);
}

/* Bord */
.bord
{
	background-color: var(--bordkleurmiddeldonker);
}

/* Zeeslagtabel en zo */
.zeeslagtabel
{
	border-collapse: collapse;
	margin: 0 auto;
}

.zeeslagcel
{
    color: var(--bordkleurdonker);
	border: 0.1vmin solid var(--bordkleurdonker);
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.zeeslagbord
{
    background-color: var(--bordkleurwit) !important;
	cursor: pointer;
}

.zeeslagkolom, .zeeslagrij
{
    background-color: var(--bordkleurlicht);
	border: 0.1vmin solid var(--bordkleurdonker);
	color: var(--bordkleurdonker);
}

.zeeslagdummy
{
    background-color: var(--bordkleurmiddeldonker);
	border: 0px solid #000;
}

.zeeslagborderbottomdik
{
	border-bottom: 0.25vmin solid var(--bordkleurdonker);
}

.zeeslagbordertopdik
{
	border-top: 0.25vmin solid var(--bordkleurdonker);
}

.zeeslagborderlinksdik
{
	border-left: 0.25vmin solid var(--bordkleurdonker);
}

.zeeslagborderrechtsdik
{
	border-right: 0.25vmin solid var(--bordkleurdonker);
}

.zeeslagborderbottomdik
{
	border-bottom: 0.25vmin solid var(--bordkleurdonker);
}

.zeeslaghighlight
{
    background-color: var(--bordkleurdonkerrgba);
	color: var(--bordkleurlicht);
}

.bg0
{
	background: url(../images/0.png) no-repeat center;
	background-size: contain;
}

.bg1
{
	background: url(../images/1.png) no-repeat center;
	background-size: contain;
}

.bg2
{
	background: url(../images/2.png) no-repeat center;
	background-size: contain;
}

.bg3
{
	background: url(../images/3.png) no-repeat center;
	background-size: contain;
}

.bg4
{
	background: url(../images/4.png) no-repeat center;
	background-size: contain;
}

.bg5
{
	background: url(../images/5.png) no-repeat center;
	background-size: contain;
}

.bg6
{
	background: url(../images/6.png) no-repeat center;
	background-size: contain;
}

.bg7
{
	background: url(../images/7.png) no-repeat center;
	background-size: contain;
}

.bg8
{
	background: url(../images/8.png) no-repeat center;
	background-size: contain;
}

.bg11
{
	background: url(../images/11.png) no-repeat center;
	background-size: contain;
}

.bg12
{
	background: url(../images/12.png) no-repeat center;
	background-size: contain;
}

.bg13
{
	background: url(../images/13.png) no-repeat center;
	background-size: contain;
}

.bg14
{
	background: url(../images/14.png) no-repeat center;
	background-size: contain;
}

.bg15
{
	background: url(../images/15.png) no-repeat center;
	background-size: contain;
}

.bg16
{
	background: url(../images/16.png) no-repeat center;
	background-size: contain;
}

.bg17
{
	background: url(../images/17.png) no-repeat center;
	background-size: contain;
}

.bg18
{
	background: url(../images/18.png) no-repeat center;
	background-size: contain;
}

.bg21
{
	background: url(../images/21.png) no-repeat center;
	background-size: contain;
}

.bg22
{
	background: url(../images/22.png) no-repeat center;
	background-size: contain;
}

.bg23
{
	background: url(../images/23.png) no-repeat center;
	background-size: contain;
}

.bg24
{
	background: url(../images/24.png) no-repeat center;
	background-size: contain;
}

.bg25
{
	background: url(../images/25.png) no-repeat center;
	background-size: contain;
}

.bg26
{
	background: url(../images/26.png) no-repeat center;
	background-size: contain;
}

.bg27
{
	background: url(../images/27.png) no-repeat center;
	background-size: contain;
}

.bg28
{
	background: url(../images/28.png) no-repeat center;
	background-size: contain;
}

.bg31
{
	background: url(../images/31.png) no-repeat center;
	background-size: contain;
}

.bg32
{
	background: url(../images/32.png) no-repeat center;
	background-size: contain;
}

.bg33
{
	background: url(../images/33.png) no-repeat center;
	background-size: contain;
}

.bg34
{
	background: url(../images/34.png) no-repeat center;
	background-size: contain;
}

.bg35
{
	background: url(../images/35.png) no-repeat center;
	background-size: contain;
}

.bg36
{
	background: url(../images/36.png) no-repeat center;
	background-size: contain;
}

.bg41
{
	background: url(../images/41.png) no-repeat center;
	background-size: contain;
}

.bg42
{
	background: url(../images/42.png) no-repeat center;
	background-size: contain;
}

.bg43
{
	background: url(../images/43.png) no-repeat center;
	background-size: contain;
}

.bg44
{
	background: url(../images/44.png) no-repeat center;
	background-size: contain;
}

.bg45
{
	background: url(../images/45.png) no-repeat center;
	background-size: contain;
}

.bg46
{
	background: url(../images/46.png) no-repeat center;
	background-size: contain;
}

.bg47
{
	background: url(../images/47.png) no-repeat center;
	background-size: contain;
}