@font-face {
	font-family: 'regular';
	src: url('/fonts/regular.eot');
	src: local('☺'), url('/fonts/regular.woff') format('woff'), url('/fonts/regular.ttf') format('truetype'), url('/fonts/regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bold';
	src: url('/fonts/bold.eot');
	src: local('☺'), url('/fonts/bold.woff') format('woff'), url('/fonts/bold.ttf') format('truetype'), url('/fonts/bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
  font-family: 'regular', Arial, Geneva, Tahoma, sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin: 0px;
  padding: 0px;
  height: 100%;
  background-color: #dcedde;
  border-top: 40px solid #2ea53e;
  text-align: center;
}

  body a:active, body a:visited, body a:link {
    color: black;
    text-decoration: none; }
  body a:hover {
    color: #2ea53e; }

#header {
  background-color: #fafafa;
  padding: 16px 0px;
  text-align: center;
  color: black;
}

.logo {
  width: 100%;
  margin: auto auto;
  max-width: 343px;
  padding: 0 30px;
  box-sizing: border-box;
}

.logo img {
  width: 100%;
  padding: 20px 0px;
}

.diensten {
  font-family: 'bold', Arial, Geneva, Tahoma, sans-serif;
  font-size: 18px;
  color: #2ea53e;
  padding: 10px 30px;
}

.under_construction {
  font-family: 'regular', Arial, Geneva, Tahoma, sans-serif;
  font-size: 17px;
  padding: 0px 30px;
}

.contact {
  max-width: 250px;
  margin: auto auto;
  padding: 30px;
  text-align: left;
  line-height: 21px;
}

.bold {
  font-family: 'bold', Arial, Geneva, Tahoma, sans-serif;
  padding: 0px;
  margin: 0px;
}

a:hover {
  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out; }