body {
	background:#666; 
	margin:0;
	font:10pt Arial, Helvetica, sans-serif;
}

html { 
	min-height:100%;
	margin-bottom:1px; 
}

#container {
	width:967px; 
	margin:0px auto;
	background:url(../images/content-bg.png) repeat-y;
	padding:0 18px;
}

a {
  -moz-outline: none 0;
  outline: none 0;
}

/* HEADER***********************************/

#header {
	float:left;
	width:967px;
	background:url(../images/header-bg.jpg) no-repeat;
	height:397px;
}


#header img {
	float:left;
	padding:15px 0 0 38px;
}

#header span {
	float:left;
	width:680px;
	padding:53px 0 0 20px;
	font-size:22px;
	line-height:22px;
	letter-spacing:-1px;
	color:#666;
}


/* BODY************************************/

#main {
	background:url(../images/main-bg.jpg) repeat-x #97be0d;
	float:left;
	width:947px;
	padding:0 0 0 20px;
}

/* NAVBAR**********************************/

#main .navi {
	float:left;
	width:225px;
	background:url(../images/navi-bg.png) repeat-y;
}

#main .navi .bottom {
	float:left;
	width:225px;
	background:url(../images/navi-bottom.png) no-repeat left bottom;
	padding:0 0 18px 0;
}

#main .navi .date {
	float:left;
	width:185px;
	background:url(../images/navi-date-bg.png) no-repeat;
	padding:25px 20px 0 20px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:20px;
	margin-bottom:10px;
}

#main .navi .date span {
	color:#eb6a0a;
	display:block;
}

#main .navi .links {
	margin:0;
	padding:0 0 0 8px;
   	list-style:none;
	float:left;
	width:217px;
}

#main .navi .links li.headlink {
	padding:0;
	margin:0;
	position:relative;
	height:35px;
	float:left;
}

#main .navi .links li a {
	text-decoration:none;
	color:#000;
	background:url(../images/navi-button.png) no-repeat;
	float:left;
	width:208px;
	padding:8px 0 0 10px;
	height:26px;
}

#main .navi .links li a:hover {
	color:#eb6a0a;
	background-position:0 -35px;
}

#main .navi .links li.headlink ul {
	position:absolute;
	left:209px;
   	top:0;
   	display:none;
   	list-style:none;
	background:#a6a6a6;
	width:195px;
	padding:0;
	margin:0;
}

#main .navi .links li.headlink ul li a {
	padding:5px 10px 0 10px;
	color:#fff;
	height:20px;
	background:none;
	width:175px;
	float:left;
}

#main .navi .links li.headlink ul li a:hover {
	background:#999;
	color:#fff;
}

#main .navi .links li.headlink:hover ul {
   	display:block;
}

#main .mainbody {
	background:url(../images/mainbody-top.jpg) no-repeat top right;
	float:right;
	width:675px;
	padding-right:25px;
}

#main .mainbody .separator {
	float:left;
	width:674px;
}

#main .mainbody h1 {
	margin:0 0 20px 0;
	padding:0;
	color:#eb6a0a;
	font-size:35px;
	letter-spacing:-1px;
	line-height:35px;
}

#main .mainbody h2 {
	margin:0 0 15px 0;
	padding:0;
	color:#d15a01;
	font-size:17px;
	letter-spacing:-1px;
}

#main .mainbody p {
	margin:0 0 15px 0;
}

#main .mainbody p a {
	text-decoration:none;
	color:#d15a01;
}

#main .mainbody p a:hover {
	text-decoration:underline;
}

#main .mainbody ul {
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
}

#main .mainbody li {
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	background:url(../images/bullet.gif) no-repeat;
	background-position:0 6px;
}

#main .mainbody .text-bold {
	font-weight:bold;
}

#main .mainbody .text-big-bold {
	font-size:17px;
	line-height:19px;
	letter-spacing:-1px;
	font-weight:bold;
}

#main .mainbody .orange-box {
	float:right;
	width:240px;
	background:url(../images/boxorange-bg.png) repeat-y;
	margin:0 0 15px 15px;
}

#main .mainbody .orange-box .bottom {
	float:left;
	width:240px;
	background:url(../images/boxorange-bottom.png) no-repeat left bottom;
	padding-bottom:10px;
}

#main .mainbody .orange-box .title {
	background:url(../images/boxorange-top.png) no-repeat;
	height:42px;
	padding:7px 0 0 10px;
	color:#fff;
	font-size:17px;
	letter-spacing:-1px;
	font-weight:bold;
	display:block;
}

#main .mainbody .orange-box ul {
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
}

#main .mainbody .orange-box ul li {
	margin:0 0 8px 0;
	padding:0 0 0 18px;
	background:url(../images/boxorange-bullet.png) no-repeat;
	background-position:0 4px;
}


#main .mainbody .btn-download {
	display:block;
	width:255px;
	height:20px;
	padding:6px 0 0 10px;
	background:url(../images/btn-download.gif) no-repeat;
	text-decoration:none;
	color: #FFFFFF;
	font-weight:bold;
	font-size:12px;
}

#main .mainbody .btn-download:hover {
	color:#ccc;
}

#main .mainbody .separator {
	float:left;
	width:674px;
}

#main .mainbody .separator2 {
	float:left;
	width:674px;
	border-top:solid 1px #ccc;
	padding-top:15px;
}

/* FOOTER************************************/

#footer {
	clear:both;
	background:url(../images/footer-bg.jpg) no-repeat;
	height:35px;
	padding:145px 20px 0 0;
	text-align:right;
	font-size:10px;
	color:#fff;
}
.field    {
	background:url(file:///C|/1Sketch/1trabajos-exteriores/1g/lucille/sebas%20van%20den%20ende/Exponexion/web/website/images/navi-input.png) no-repeat;
	width:218px;
	height:21px;
	padding:7px 0 0 7px;
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
	border:none;
	margin-bottom:15px;
}

#language {
	position: absolute;
	height: 21px;
	width: 132px;
	left: 848px;
	top: 4px;
}
a.language:link {
	text-decoration:none;
	color:#000000;
}
a.language:visited {
	text-decoration:none;
	color: #000000;
}
a.language:hover {
	text-decoration:none;
	color: #eb6a0a;
}
a.language:active {
	text-decoration:none;
	color: #eb6a0a;
}




a.filez:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a.filez:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a.filez:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
a.filez:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}