@charset "utf-8";

/* HTML AND BODY */

html {
	height: 100%;
 	overflow: -moz-scrollbars-vertical;
}

body {
	height: 100%;
	background: #000000 url(../img/BG-bg.jpg) top center no-repeat;
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #BDD5EC;
	margin: 0;
}

/* TAGS */

p {
	margin: 0 0 10px 0;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

#right a:hover {
	color: #CA0016;
}


/* STRUCTURE */

#wrapper {
	width: 800px;
	margin: 0 auto;
}

#wrapper img {
	display: block;
}

#wrapper .line1 {
	margin: 0 0 3px 0;
}

#wrapper .line2 {
	margin: 10px 0 10px 0;
}

#wrapper .line3 {
	margin: 3px 0 3px 0;
}

/* LEFT */

#left {
	width: 400px;
	margin: 175px 0 0 0;
	float: left;
}

#left .project-selected {
	width: 388px;
	height: 268px;
	border: 1px solid #FFFFFF;
}

#left .project-selected .info-more {
	display: none;
	background: #CA0016;
	color: #FFFFFF;
	padding: 5px;
}

#left .project-selected .info {
	margin: 0;
}

#left .button-info-close {
	display: none;
}

#left .project {
	width: 120px;
	height: 70px;
	border: 1px solid #FFFFFF;
	margin: 0 10px 10px 0;
	float: left;
}

/* RIGHT */

#right {
	width: 400px;
	_width: 390px;
	float: left;
}

#right .title {
	heigth: 30px;
	float: right;
}

#right .navigation {
	heigth: 30px;
	padding: 14px 0 0 0;
	float: left;
}

#right .navigation img {
	display: inline;
}

#sputnik {
	background: url(../img/BG-content.jpg) no-repeat 0 37px;
	width: 390px;
	margin: 142px 0 0 0;
}

#contact, #vacancy {
	background: url(../img/BG-content.jpg) no-repeat 0 37px;
	width: 390px;
	margin: 20px 0 0 0;
}

#video {
	background: url(../img/BG-content.jpg) no-repeat 0 37px;
	width: 390px;
	margin: 20px 0 0 0;
}

#sputnik .content, #vacancy .content, #contact .content {
	padding: 10px;
}

#video .content {
	padding: 10px 0 10px 10px;
}

#vacature-full, #sputnik-tv, #wegbeschrijving {
	display: none;
}

#right .page-title {
	color: #FFFFFF;
	font-size: 13px;
	font-style: italic;
}

#container-wegbeschrijving {
	margin: 10px 0 0 0;
}

#right .video {
	width: 116px;
	border: 1px solid #FFFFFF;
	margin: 0 8px 8px 0;
	float: left;
}

/* CLASSES */

.clear {
	clear: both;
	height: 0px;
}

.dummy {
	height: 15px;
}