svg.klinkerdriehoek {
	height: 320px;
	width: 420px;
	margin-top: 20px;
}

svg.klinkerdriehoek text {
	font-family:arial;sans;
	font-size: 24px;
}

svg.klinkerdriehoek .grid {
	stroke: black;
	stroke-width: 5;
}

/* de cirkels */
svg.klinkerdriehoek .points .plain {
	cursor: pointer;
	fill: #219b4b;
}

svg.klinkerdriehoek .points .plain:hover{
	stroke-width: 6;
	stroke: #219b4b;
}

.soundobj#isInvisible{
	display: none !important;
}

/*********************************************

OUDE CODE, DEELS OVERLAP

*********************************************/

/*********************************************
svg.klinkerdriehoek {
    height: 500px;
    width: 800px;
}

svg.klinkerdriehoek .grid {
    stroke: black;
    stroke-width: 5;
}

svg.klinkerdriehoek .points .plain {
    stroke: white;
    stroke-width: 3;
	cursor: pointer;
}

svg.klinkerdriehoek .first_set {
    fill: #00554d;
}

svg.klinkerdriehoek .surfaces {
    fill-opacity: 0.5;
}

svg.klinkerdriehoek .grid.double {
    stroke-opacity: 0.4;
}

svg.klinkerdriehoek .labels {
    font-family: Arial;
    font-size: 14px;
    kerning: 1;
}

svg.klinkerdriehoek .labels.x-labels {
    text-anchor: middle;
}

svg.klinkerdriehoek .labels.y-labels {
    text-anchor: end;
}

svg.klinkerdriehoek rect.indicator {
    stroke-width: 1px;
    stroke: #bfcdcb;
    fill: white;
    display: none;
}

svg.klinkerdriehoek .triggerLines {
    stroke-width: 60;
    stroke: transparent;
}

#tooltip {
    position: absolute;
    background: black;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    font-family: Arial;
    font-size: 14px;
    font-weight: lighter;
    padding: 20px;
    display: none;
    z-index: 100 !important;
    box-shadow: 1px 1px 1px 0px #000;
}
#tooltip.right {
    box-shadow: -1px 1px 1px 0px #000;
}
#tooltip.right svg {
    left: auto;
    right: 0px;
}
#tooltip svg {
    position: absolute;
    display: inline;
    float: right;
    left: 0px;
    right: auto;
    top: -13px;
    width: 11px;
    height: 13px;
}
#tooltip #tooltip-triangle {
    background: black;
    fill: rgba(0, 0, 0, 0.8);
}
#tooltip .value .value-part {
    font-size: 32px;
    vertical-align: top;
    position: relative;
    top: -3px;
	
}

*********************************************/


/*************************** EINDE OUDE CODE ************************************/