html
{
	background: #ddd;
}

body
{
	margin: 2em auto;
	width: 60em;
	padding: 2em;
	background: #eee;
	font-family: 'Fira Sans', sans-serif;
	line-height: 1.2em;
	font-size: .9em;
}

h1 { font-size: 3em; line-height: 1.5em; }
h2 { font-size: 2em; line-height: 1.5em; }
h3 { font-size: 1.5em; line-height: 1.5em; }

h2 a
{
	font-size: .8em;
	text-decoration: none;
}

p, ul, nav
{
	margin-bottom: 1em;
}

fieldset
{
	background: #ddd;
	padding: .5em 1em .4em;
}

label + label
{
	margin-left: 1em;
}

span
{
    font-weight: normal;
}

.column
{
	width: 17.3em;
	display: inline-block;
	vertical-align: top;
	padding: 1em;
	background: #fff;
    border-radius: 1em 0 1em 2em;
    margin-bottom: 1em;
}	.column + .column
	{
		margin-left: 1em;
	}

footer
{
    background: #999;
    color: #fff;
    margin: 2em -2em 1em;
    padding: 1em 2em;
}

li
{
    line-height: 1.5em;
    margin-left: 1.2em;
    list-style: circle;
}

dt
{
	width: 2em;
	display: inline-block;
	vertical-align: top;
  font-weight: bold;
}

dd
{
	width: 14em;
	display: inline-block;
	margin-bottom: .5em;
	vertical-align: top;
}

#map
{
	width: 1000px;
	height: 1250px;
	margin-left: -75px;
	border: #eee solid 5px;
}

.k100
{
	font-weight: bold;
}

.bereik div
{
	padding: 1em 0;
	float: left;
	text-align: center;
    box-shadow: 0 0 20px #999;
}

.bereik
{
	clear: both;
	height: 6em;
	font-size: .8em;
}

.bereik strong
{
	display: block;
}

.innovators .k100, .bereik .innovators
{
    background: #cec;
}

.majority .k100, .bereik .majority
{
    background: #eec;
}

.laggards .k100, .bereik .laggards
{
    background: #ecc;
}

a.close
{
    float: right;
    text-decoration: none;
    padding: .5em;
    background: #aaa;
    font-size: 2em;
    border-radius: .15em 0 .25em .75em;
    color: #fff;
}

.total
{
	font-weight: bold;
	list-style: none;
}