/* === Second draft of metalinc styles, April 3 2007 /FRDK === */

* { margin: 0; padding: 0; }

body {
	background: #402436;
	width: 800px;
	height: auto;
	font: normal 80%/150% "Trebuchet MS","Lucida Grande",sans-serif;
	color: #322;
	margin: 0 auto;
	padding: 0 12px;
	text-align: left;
}

a { text-decoration: underline; border: 0 none; outline: 0 none; color: #840; }
a:visited, a:hover, a:focus, a:active { text-decoration: none; color: #a99; }
a img { text-decoration: none; border: 0 none; outline: 0 none; }

fieldset { border: 0 none; }
p { margin: 6px 0; padding: 0; text-align: left; }
ul { list-style-type: none; margin: 0; padding: 0; }
li { margin: 0; padding: 0; }

/* === SPECIFIC STYLES IN PAGE ORDER (roughly) === */

#page {
	background: #fff;
	color: #434;
	padding: 12px;
	margin: 0 auto;
	height: auto !important;
	text-align: center;
	border-bottom: 4px solid #302430;
}

#sitehead {
	text-align: left;
	padding: 0;
	margin: 0 auto;
	height: auto;
}

#sitehead.normal { background: #fff url(../images/metalinc_00.jpg) no-repeat center top; }
#sitehead.nl { background: #fff url(../images/metalinc_01.jpg) no-repeat center top; }
#sitehead.en { background: #fff url(../images/metalinc_02.jpg) no-repeat center top; }
#sitehead.extra { background: #fff url(../images/metalinc_03.jpg) no-repeat center top; }

#sitehead h1 {
	padding: 0;
	height: 266px;
	font-size: 1px
	line-height: 266px;
	margin: 0;
}

#topbanner {
	display: block;
	height: 120px;
	font-size: 1px
	line-height: 120px;
}

#langs {
padding: 28px 20px 12px 0;
margin: 0 0 8px 0;
text-align: right;
font-size: 110%;
color: #7bb;
z-index: 99;
}

#langs a { color: #369ee9; }
#langs a:hover, #langs a:focus { color: #fff; }

#pagenav {
	list-style-type: none;
	margin: 0 1em 0 1em;
	padding: .2em 0 0 0;
	background: #fff;
	font-size: .85em;
	line-height: 1.825em;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #dcc;
}

#pagenav li {
	display: inline;
	margin: 0 -.3em;
	padding: .5em 0;
	text-align: center;
	line-height: 1.8em;
	border-top: 1px solid #dcc;
	border-left: 1px solid #dcc;
	border-bottom: 1px solid #dcc;
	background: #e2e0e0;
}

#pagenav li#last {
	display: inline;
	margin: 0 -.3em;
	padding: .5em 0;
	text-align: center;
	line-height: 1.8em;
	border-top: 1px solid #dcc;
	border-right: 1px solid #dcc;
	border-bottom: 1px solid #dcc;
	background: #e2e0e0;
}

#pagenav li a {
	color: #000;
	text-decoration: none;
	padding: .5em 1em;
	line-height: 1.8em;
	display: inline;
}

#pagenav li a:hover, #pagenav li a:focus {
	color: #211;
	background: #c2c0c0;
}

#pagenav li#selected {
	display: inline;
	margin: 0 -.3em;
	padding: .6em 0 .5em;
	text-align: center;
	border-top: 1px solid #fff;
	border-right: 1px solid #fdd;
	border-bottom: 1px solid #dcc;
	border-left: 1px solid #dcc;
	background: #fff;
}

#pagenav li#selected a {
	color: #652;
	text-decoration: none;
	padding: .5em 1em;
	line-height: 1.8em;
	display: inline;
}

#pagenav li#selected a:hover, #pagenav li#selected a:focus { color: #652; background: #fff; }

#main {
	width: 554px;
	height: auto;
	padding: 0 12px 12px 12px;
	margin: 0 12px 12px 12px;
	text-align: left;
	font-size: 105%;
	line-height: 160%;
}

#main p { text-align: justify; }
#main h2, #main h3, #main h4, #main h5 { margin: .6em 0 .1em 0; padding: 0; }
#main h3 { font-size: 155%; }
#main h4 { font-size: 90%; margin-bottom: .3em; }
#main img {
	width: 15%;
	height: auto;
	margin: 0 12px 6px 12px;
	padding: 6px;
	vertical-align: middle;
	border: 1px solid #dcd;
}

#contact-main {
	width: 587px;
	height: 200px;
	padding: 0 0 12px 0;
	margin: 0 auto 30px auto;
	text-align: left;
	font-size: 105%;
	line-height: 160%;
}

.boxmain {
	position: relative;
	width: 175px;
	height: auto;
	padding: 0 .6em;
	margin: 0 0em 1em 0em;
	border-left: 1px solid #ded;
	font-size: 90%;
}

#wide-main {
	width: 587px;
	height: auto;
	padding: 0 0 12px 0;
	margin: 0 auto 30px auto;
	text-align: left;
	font-size: 105%;
	line-height: 160%;
}

.boxmain {
	position: relative;
	width: 175px;
	height: auto;
	padding: 0 .6em;
	margin: 0 0em 1em 0em;
	border-left: 1px solid #ded;
	font-size: 90%;
}

#wide-main h2, #wide-main h3, #wide-main h4, #wide-main h5 {
	margin: .6em 0 .1em 0;
	padding: 0;
}

#wide-main h2 { font-size: 180%; }
#wide-main h3 { font-size: 130%; }
#wide-main h4 { font-size: 90%; margin-top: 0; margin-bottom: .8em; }
#wide-main p { text-align: left; }

#wide-main img {
	margin: 0 12px 6px 0;
	padding: 6px;
	vertical-align: middle;
	border: 1px solid #dcd;
}

#last-third {
	padding: 24px 70px 24px 74px;
	margin: 0 auto;
	text-align: left;
	font-size: 95%;
	background: #e8eae8;
	color: #222;
}

.sixty {
	position: relative;
	width: 324px;
	height: auto;
	margin: 0 18px;
	padding-left: .3em;
}

.box {
	position: relative;
	width: 200px;
	height: auto;
	padding: 0 .6em;
	margin: 0 1em 1em 3em;
	border-left: 1px solid #ded;
	font-size: 93%;
}

.box h3 { margin-bottom: .1em; }

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

.box li {
	margin: .3em 0;
	padding: .2em 0;
	border-bottom: 1px solid #d8dad8;
}

.box li:hover { border-bottom: 1px solid #cbc; cursor: pointer; }
.box li a { text-decoration: none; }
.box li a:hover, .box li a:focus { color: #000; }

.box p {
	margin: .2em 0 .4em 0;
	padding-bottom: .2em;
	line-height: 145%;
	text-align: justify;
}

#globalForm input {
	display: block;
	margin: .7em 0 .2em 0;
	padding: .3em;
	outline: 0 none;
	border: 1px solid #cdc;
	background: #f1f7f1;
}

#globalForm input:hover {
	border-color: #888;
	background-color: #fff;
	cursor: pointer;
}

#globalForm input:focus {
	border-color: #999;
	background-color: #fff;
	cursor: text;
}

input#send {
	padding: .4em .8em;
	margin: 1em 0;
	font-size: 1em;
	text-align: center;
	background: #cd7;
	cursor: pointer;
}

input#reset {
	padding: .4em .7em;
	margin: 1em 0;
	font-size: 1em;
	text-align: center;
	background: #d40;
	color: #fff;
	cursor: pointer;
}

input#reset:hover, input#reset:focus { color: #a00; cursor: pointer; }

fieldset#botstop { display: none; }
fieldset#fields { line-height: 100%; }
fieldset#fields input { width: 90%; }

fieldset#buttons {
	margin-top: .7em;
	padding-top: .1em;
	border-top: 1px solid #d1d0d0;
	line-height: 133%;
}

fieldset#buttons input {
	display: inline;
	margin-right: 1em;
}

#note {
	font-size: .9em;
	color: #454;
	line-height: 133%;
}

#foot {
	clear: both;
	font-size: .8em;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
	padding: 6px 12px 12px 12px;
	text-align: left;
	background-color: #483042;
	color: #756565;
}

#foot a { color: #999; text-decoration: underline; }
#foot a:visited { color: #877; text-decoration: none; }
#foot a:hover, #foot a:focus { color: #fee; text-decoration: none; }
#foot a img { text-decoration: none; border: 0 none; outline: 0 none; }

.hidden { display: none; }
.left { float: left; }
.leftleft { float: left; text-align: left; }
.leftright { float: left; text-align: right; }
.right { float: right; }
.rightright { float: right; text-align: right; }
.rightleft { float: right; text-align: left; }
.centered { text-align: center; }
.small { font-size: 85%; }
.date { text-transform: uppercase; font-weight: bold; font-size: .8em; color: #c77c20; margin: 0 0 .7em 0; }

/* --- STAPLE STYLES -- */
.clearer { height: 1%; font-size: 1px; clear: both; margin: 0; padding: 0; }
.mir { letter-spacing: -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing: normal; text-indent: -999em; overflow: hidden; }
/* End of hack */
/* --- END STAPLES -- */

/* === Notice: Stylesheet for metalinc.be, created by Fred Kylander (www.dzynlab.com), 2007:03/04. Design copyright turned over to site owner on release. === */