/*===========================
			MAIN
===========================*/

@font-face {
	font-family: HarmoniaSans;
	src: url('fonts/HarmoniaSansStd-Light2.eot');
	src: local('☺'), url('fonts/HarmoniaSansStd-Light.otf') format('opentype');
}

html, body{
	height:100%;
	margin:0;
	background-color:#111111;
}

html, body, input, select, textarea{
	font-family:HarmoniaSans, verdana, helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	letter-spacing:1px;
	color:#FFFFFF;
}

input, select, textarea{
	color:#000000;
}

a img {
	border: 0;
}

a{
	color:#f15d22;
	text-decoration:none;
	border:none;
}

/*===========================
		OUTER CONTAINERS
===========================*/

div#container{
	position:relative;
	width:1002px;
	height:590px;
	overflow:hidden;
	background-color:#000000;
}

div#container_left{
	position:absolute;
	width:101px;
	height:590px;
	background-image: url(graphics/bg_container_left.gif);
	background-repeat: no-repeat;
	left:0;
}

div#container_main{
	position:absolute;
	width:901px;
	height:590px;
	right:0;
}

div#logo{
	position:absolute;
	left:0;
	top:0;
	width:175px;
	height:118px;
	z-index:3;
}

/*===========================
	CONTAINERS START
===========================*/

div#container_main_start{
	position:relative;
	width:1002px;
	height:590px;
	background-color:#000000;
	background-image: url(/userfiles/ambiance/background_start.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

div#header_start{
	position:absolute;
	top:0;
	left:0;
	width:1002px;
	height:126px;
	z-index:2;
	background-image: url(graphics/bg_container_top_start.png);
	background-repeat: no-repeat;
	text-align:right;
}

div#main_start{
	position:absolute;
	top:117px;
	left:0;
	width:962px;
	height:458px;
	z-index:1;
	overflow:hidden;
	text-align:right;
	margin-top:10px;
	margin-bottom:5px;
	padding-left:20px;
	padding-right:20px;
}

div#copyright_start{
	position:absolute;
	left:24px;
	bottom:6px;
	z-index:3;
}

div#site_start{
	position:absolute;
	top:350px;
	left:440px;
	z-index:4;
}

/*===========================
		INNER CONTAINERS
===========================*/

div#header{
	position:absolute;
	top:0;
	left:0;
	width:901px;
	height:126px;
	z-index:2;
	background-image: url(graphics/bg_container_top.png);
	background-repeat: no-repeat;
	text-align:right;
	white-space: nowrap;
	overflow:hidden;
}

div#header h1{
	white-space: nowrap;
}

div#main{
	position:absolute;
	top:117px;
	left:0;
	width:901px;
	height:473px;
	z-index:1;
	background-repeat: no-repeat;
	overflow:hidden;
	text-align:left;
}

div#footer{
	position:absolute;
	width:901px;
	height:37px;
	left:0;
	bottom:0;
	overflow:hidden;
}

div#copyright{
	float:left;
	padding-left:24px;
	padding-top:20px;
}

div#footerLogo{
	float:right;
	width:228px;
	height:37px;
	padding-right:4px;
}

div#content_opacity{
	position:absolute;
	width:601px;
	height:436px;
	background-color:#000000;
	filter:alpha(opacity=35);
	-moz-opacity:.35;
	opacity:.35;
	right:0;
	z-index:2;
}

div#content{
	position:absolute;
	text-align:left;
	width:561px;
	height:396px;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	overflow:auto;
	right:0;
	z-index:3;
}

div#content_opacity_wide{
	position:absolute;
	width:901px;
	height:436px;
	background-color:#000000;
	filter:alpha(opacity=35);
	-moz-opacity:.35;
	opacity:.35;
	right:0;
	z-index:2;
}

div#content_wide{
	position:absolute;
	text-align:left;
	width:861px;
	height:396px;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	overflow:auto;
	right:0;
	z-index:3;
}

div#content p, div#news_detail_inner p{
	margin:0;
}

div#flashcontent_opacity{
	position:absolute;
	width:901px;
	height:436px;
	background-color:#000000;
	filter:alpha(opacity=35);
	-moz-opacity:.35;
	opacity:.35;
	right:0;
	z-index:2;
}

div#flashcontent{
	position:absolute;
	width:901px;
	height:402px;
	z-index:3;
	padding-top:14px;
}

div#flashheader{
	position:absolute;
	width:856px;
	z-index:4;
	text-align:left;
	padding:10px 0 0 10px;
}

/*===========================
	INNER CONTAINERS NEWS
===========================*/

div#news_detail{
	position:absolute;
	width:400px;
	height:418px;
	background-image: url(graphics/paper.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	right:20px;
	top:15px;
}

div#news_detail_inner{
	margin-top:10px;
	padding-left:70px;
	padding-right:10px;
	padding-top:10px;
	width:300px;
	height:320px;
	text-align:left;
	color:#000000;
	overflow:auto;
}

/*===========================
	INNER CONTAINERS CONTACT
===========================*/

div.container_error{
	margin-top:12px;
	margin-right:2px;
	padding:4px;
	border:1px solid #f15d22;
	background-color:#393939;
}

/*===========================
			HITLIST
===========================*/

ul.projecten{
	list-style-type:none;
	padding:0;
	margin:0;
}

ul.projecten li{
	float:left;
	width:255px;
	height:152px;
	margin:5px;
	text-align:center;
	border:1px solid #f15d22;
	background-color:#393939;
	overflow:hidden;
}

ul.projecten li div.project_title{
	background-color:#f15d22;
	padding:4px;
	white-space:nowrap;
	overflow:hidden;
}

ul.projecten li div.project_title a{
	color:#FFFFFF;
	font-weight:bold;
}

ul.projecten li img{
	margin-top:4px;
}

.hitlist_container{
	border:1px solid #f15d22;
	background-color:#393939;
	margin-right:2px;
}

.hitlist_title{
	background-color:#f15d22;
	padding:4px;
}

.hitlist_title div, .hitlist_title a{
	color:#FFFFFF;
	font-weight:bold;
}

.hitlist_msg{
	padding:4px;
}

/*===========================
			TEKST
===========================*/

h1{
	font-size:21px;
	font-weight:bold;
	margin:0;
}

h2{
	font-size:17px;
	font-weight:bold;
	margin:0;
}

.small{
	font-size:10px;
}

.orange, .orange a, orange.a{
	color:#f15d22;
}

.white, .white a, white.a{
	color:#ffffff;
}

.whitestroke{
	text-shadow: 0 0 2px #fff; /* horizontal-offset vertical-offset 'blur' colour */
  -moz-text-shadow: 0 0 2px #fff;
  -webkit-text-shadow: 0 0 2px #fff;
}

.smallMedium{
	font-size:12px;
}

.normal{
	font-size:14px;
}

.normalBig{
	font-size:16px;
}

.medium{
	font-size:18px;
}

.mediumBig{
	font-size:22px;
	font-weight:bold;
}

.midBig{
	font-size:26px;
}

.midBig2{
	font-size:34px;
}

.big{
	font-size:76px;
	line-height:70px;
}

.strong{
	font-weight:bold;
}

.upper, .upper a{
	text-transform:uppercase;
}

.black{
	color:#000000;
}

/*===========================
		HITLIST&DETAIL
===========================*/



/*===========================
		FORM ITEMS
===========================*/

form{
	margin:0;
}

input.error, textarea.error, select.error{
	border:1px solid #f15d22;
}
label.error{
	color:#f15d22;
}

.inputfield{
	border:1px solid #393939;
}

.inputdiversen{
	width:200px;
}

.btn{
	background-color:#f15d22;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #393939;
}

/*===========================
			MENU
===========================*/

div#menu{
	position:absolute;
	top:152px;
	left:0;
	width:101px;
	overflow:hidden;
	z-index:10;
}

.button_menuParent{
	z-index:2;
}

.button_menuChild{
	height:20px;
	margin-bottom:10px;
}

.button_menuChild a{
	font-family: helvetica;
	font-size:10px;
	color:#ffffff;
	text-transform:uppercase;
	line-height:20px;
	outline:none;
}

div#menu_selected{
	position:absolute;
	top:0;
	left:0;
	display:none;
	z-index:1;
}

div#menu_selected_left{
	float:left;
}

div#menu_selected_center{
	float:left;
}

div#menu_selected_right{
	float:left;
}
/*===========================
			OTHERS
===========================*/

.clear{
	clear:both;
}