@charset "UTF-8";

@font-face {
    font-family: 'industria';
    src: url('../fonts/industria-solid-webfont.eot?') format('embedded-opentype'),
		 url('../fonts/industria-solid-webfont.svg#industria_solidregular') format('svg'),
         url('../fonts/industria-solid-webfont.woff') format('woff'),
         url('../fonts/industria-solid-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* #### RESET #### */

img,
fieldset,
form
{
	border:	none;
}

/* #### ALGEMEEN #### */

.left	{ float:left; }
.right	{ float:right; }
.clear	{ clear:both; height:0; line-height:1px; overflow:hidden; display:block; }

/* #### WEBSITE #### */

html,
body
{
	background:	#000;
	font: 16px/24px Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	height:100%;
}

a {
	color:#fff;
}

#container_wrap
{
	width:1108px;
	margin: 0 auto;
	min-height:100%;
	height:auto;
	position:relative;
	background:url('../img/background.png') repeat-y -135px 60px;
	z-index:2;
}

* html #container_wrap {
	height:100%;
}

#container {
  margin: 0 auto;
	width:1008px;
	position:relative;
	z-index:3;
}

#header {
	height:201px;
}

#nav {
	padding:0 0 0 370px;
	height:49px;
}

#nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#nav li {
	padding:0 20px;
	float:left;
	font:30px/49px 'industria', Arial, Helvetica, sans-serif;
	position:relative;
}

#nav li a {
	color:#fff;
	text-decoration:none;
}

#nav li a:hover, #nav li.active a {
	color:#65acd6;
}

#nav ul ul {
	position:absolute;
	left:0;
	top:49px;
	background:url('../img/purple-dot.png');
	border-top:solid 2px #fff;
	width:220px;
	padding:15px 0;
	display:none;
  z-index: 999;
}

#nav ul ul li {
	padding:7px 20px;
	float:none;
	font:16px/24px Arial, Helvetica, sans-serif;
}

#nav ul li.active ul a {
	color:#fff;
}

#nav ul li.active ul a:hover {
	color:#65acd6;
}

#logo {
	padding:36px 0 0 50px;
	height:116px;
	overflow:hidden;
  background-color: #000;
}

#left {
	float:left;
	width:300px;
}

.block {
  margin:0 0 10px;
  border: 2px solid white;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.15);
}

.block h2, .block .footer {
  background-image: linear-gradient(to right, #13344d, #3489cc);
}

.block h2 {
  border-radius: 15px 15px 0 0;
}

.block .footer {
  border-radius: 0 0 15px 15px;
  height: 50px;
}

#right {
	width:603px;
	float:right;
	padding:27px 60px 27px 35px;
  margin:0 0 10px;
  border: 2px solid white;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.15);
}

#left h2 {
	margin:0 0 21px;
	padding:10px 15px 0;
	font:normal 30px/40px 'industria', Arial, Helvetica, sans-serif;
}

#left p {
	margin:0 0 21px;
	padding:0 15px;
}

#left p a.more {
	text-decoration:none;
}

#right h1 {
	color:#65acd6;
	font:normal 30px/40px 'industria', Arial, Helvetica, sans-serif;
	margin:0 0 24px;
}

#right p {
	margin:0 0 24px;
}

form .text, form .textarea {
	width:200px;
}

form .textarea {
	height:100px;
}