/* melis-lighting.nl - screen style
------------------------------------------------------------ */
* {
	padding: 0px;
	margin: 0px;
}

html, body {
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 100%;
	color: #000;
	background: #AAAA9A;
}

a {
	color: #666;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

/* site structure
------------------------------------------------------------ */
#center {
	float:left;
	height:50%;
	margin-bottom:-275px;
	width:1px;
}
#wrapper {
	padding: 0px;
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 880px;
	height: 550px;
	clear: left;
}
#header {
	padding: 0;
	margin: 0 0 10px 0;
	width: 865px;
	height: 98px;
	background: #FFF;
	border: 1px solid #000;
	border-left: 14px solid #000;
}
#container {
	padding: 0;
	margin: 0;
	width: 880px;
	height: 420px;
	overflow: hidden;
}
#footer {
	padding: 0px;
	margin: 0px;
	width: 880px;
	height: 20px;
}

/* header
------------------------------------------------------------ */

/* logo */

#header #logo {
	padding: 0;
	margin: 0;
	width: 171px;
	float: left;
}
#header #logo h1 {
	padding: 0;
	margin: 0;
	width: 171px;
	height: 98px;
	background: url(../_images/logo.gif) no-repeat 0 0;
	text-indent: -5000px;
}	
#header #logo h1 a {
	display: block;
	width: 171px;
	height: 98px;
	border: none;
}
#header #logo h1 a:hover {
	border: none;
}

/* search */

#header #search {
	padding: 0 10px 0 0;
	margin: 0;
	width: 684px;
	height: 49px;
	float: left;
}
#header #search form {
	padding: 0;
	margin: 0;
}
#header #search label {
	font-size: 70%;
	line-height: 49px;
}
#header #search input.query {
	padding: 2px;
	margin: 0 5px 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000;
	background-color: #FFF;
	border: 1px solid #000;
}
#header #search input.submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #FFF;
	line-height: 140%;
	font-weight: bold;
	background-color: #000;
	border: 1px solid #000;
}

/* navigation */

#header #navigation {
	padding: 19px 10px 0 0;
	margin: 0;
	width: 684px;
	height: 30px;
	float: left;
}
#header #navigation ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: right;
}
#header #navigation ul li {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #000;
	font-weight: bold;
	line-height: 30px;
	float: left;
}
#header #navigation ul li a {
	padding: 0 15px 0 15px;
	margin: 0 0 0 1px;
	color: #FFF;
	text-decoration: none;
	border: none;
	background-color: #000;
	display: block;
}
#header #navigation ul li a:hover {
	color: #000;
	text-decoration: none;
	border: none;
	background-color: #FFF;
}

/* container
------------------------------------------------------------ */

/* standard */

#container #content {
	padding: 20px;
	margin: 0;
	width: 825px;
	height: 378px;
	background: #FFF;
	border: 1px solid #000;
	border-left: 14px solid #000;
	overflow: auto;
}
#container #content.home {
	background: #FFF url(../_images/home-bg.gif) !important;
}
#container #content.company {
	background: #FFF url(../_images/company-bg.gif) !important;
}
#container #content.news {
	background: #FFF url(../_images/news-bg.gif) !important;
}
#container #content.projects {
	background: #FFF url(../_images/projects-bg.gif) !important;
}
#container #content.contact {
	background: #FFF url(../_images/contact-bg.gif) !important;
}

/* two columns */

body.two #container {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
body.two #container #sidebar {
	padding: 10px;
	margin: 0 10px 0 0;
	width: 151px;
	height: 398px;
	background: #FFF;
	border: 1px solid #000;
	border-left: 14px solid #000;
	float: left;
	overflow: auto;
}
body.two #container #content {
	padding: 20px;
	margin: 0;
	width: 642px;
	height: 378px;
	background: #FFF;
	border: 1px solid #000;
	float: left;
	overflow: auto;
}

/* content
------------------------------------------------------------ */

h2 {
	padding: 0;
	margin: 0 0 15px 0;
	font-size: 130%;
	font-weight: normal;
}
h3 {
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 90%;
	font-weight: bold;
}
h4 {
	padding: 0;
	margin: 15px 0 15px 0;
	font-size: 90%;
	font-weight: bold;
	color: #666;
}
p {
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 80%;
	line-height: 170%;
}
p.width {
	width: 480px;
}
p.date {
	padding: 0;
	margin: 0 0 10px 0;
	color: #999;
	font-size: 70%;
	line-height: 100%;
}
p.news {
	width: 580px;
}
a.back {
	background:#000000 none repeat scroll 0%;
	border:1px solid #000000;
	color:#FFFFFF;
	float:right;
	font-size:60%;
	font-weight:bold;
	line-height:240%;
	margin:0pt 0pt 0pt 10px;
	padding:0pt 15px;
	text-decoration:none;
}
a.back:hover {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #000000;
	color:#000000;
	float:right;
	font-size:60%;
	font-weight:bold;
	line-height:240%;
	padding:0pt 15px;
	text-decoration:none;
}

/* ul news */

ul#news {
	padding: 0 0 0 16px;
	margin: 0;
	list-style-type: square;
}
ul#news li {
	padding: 0;
	margin: 0;
	font-size: 80%;
	color: #000;
	line-height: 170%;
}
ul#news li a {
	color: #000;
	text-decoration: none;
	border: none;
}
ul#news li a:hover {
	color: #999;
	text-decoration: none;
	border: none;
}

/* ul projects */

ul#projects {
	padding: 0 0 0 16px;
	margin: 0;
	list-style-type: square;
}
ul#projects li {
	padding: 0;
	margin: 0;
	font-size: 80%;
	color: #000;
	line-height: 170%;
}
ul#projects li a {
	color: #000;
	text-decoration: none;
	border: none;
}
ul#projects li a:hover {
	color: #999;
	text-decoration: none;
	border: none;
}

/* ul images */

ul#images {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul#images li {
	padding: 0;
	margin: 0 15px 0 0;
	float: left;
}
ul#images img {
	padding: 0;
	margin: 0;
	border: none;
}
ul#images a {
	color: #000;
	text-decoration: none;
	border: none;
}
ul#images a:hover {
	color: #000;
	text-decoration: none;
	border: none;
}

/* products
------------------------------------------------------------ */

#products {
	padding: 0px;
	margin: 0px;
	font-size: 9px;
}
#products table {
	padding: 0px;
	margin: 0 0 8px 0;
}
#products table.table-container {
	width:100%;
}
#products table td.image {
	padding: 0 8px 0 0;
	margin: 0px;
	width: 200px;
	vertical-align: top;
}
#products table td.image table {
	padding: 8px 0 0 0;
	width: 200px;
	border-top: 1px solid #ccc;
	text-align: center;
}
#products table td.details {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

#products table td.details table {
	margin: 0px;
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #ccc;
	border-collapse: collapse;
	empty-cells:show;
}
#products table td.details table td {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: #ccc;
	-moz-border-radius: 0px;
	vertical-align: middle;
	text-align: center;
}
#products table td.details table td img {
	padding: 0px;
	margin: 0px;
	border: none;
}
#products table td.details table td.space {
	padding: 0px;
	width: 16px;
	border: none;
}
#products table td.details table td.head {
	height: 50px;
	font-size: 9px;
	text-transform: lowercase;
	text-align: center;
	vertical-align: middel;
	border: none;
}
#products table td.details table td.tcd {
	padding: 0 3px 0 0;
	height: 16px;
	width: 75px;
	text-transform: uppercase;
	text-align: right;
	vertical-align: middel;
	font-weight: bold;
}
#products table td.details table td.pdc {
	font-size: 9px;
	text-transform: lowercase;
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	border: none;
}
#products table td.details table td.text {
	padding: 3px 0 3px 0;
	width: 16px;
	text-align: center;
	vertical-align: bottom;
}
#products table td.details table td.code {
	width: 78px;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	background: #eee;
}
#products table td.details table td.code a {
	color: #999;
	text-decoration: none;
}
#products table td.details table td.code a:hover {
	color: #000;
	text-decoration: none;
}
#products img.groupimage {
	margin-bottom:5px;
}

ul.groupimages {
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:20px 0pt 0pt;
	padding:0px;
}
ul.groupimages li {
	border:medium none;
	margin:0pt 0pt 20px 20px;
	padding:0px;
	text-align:right;
}

/* sidebar
------------------------------------------------------------ */

#sidebar ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#sidebar ul li {
	padding: 0px;
	margin: 0px;
	font-size: 60%;
	color: #000;
	line-height: 200%;
	text-transform: capitalize;
}
#sidebar ul li a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#sidebar ul li a:hover,
#sidebar ul li a.active {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}
#sidebar ul li span.new {
	color:#FF0000;
	font-size:90%;
	margin:0px;
	padding:0px;
}
#sidebar ul li ul {
	padding: 0px;
	margin: 0px;
}
#sidebar ul li ul li {
	padding: 0 0 0 10px;
	margin: 0px;
	font-size: 100%;
	color: #999;
	line-height: 200%;
	text-transform: none;
}
#sidebar ul li ul li a {
	color: #999;
	font-weight: bold;
	text-decoration: none;
}
#sidebar ul li ul li a:hover,
#sidebar ul li ul li a.active {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#sidebar ul li ul li ul {
	padding: 0px;
	margin: 0px;
}
#sidebar ul li ul li ul li {
	padding: 0 0 0 10px;
	margin: 0px;
	font-size: 100%;
	color: #999;
	line-height: 200%;
	text-transform: none;
}
#sidebar ul li ul li ul li a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
#sidebar ul li ul li ul li a:hover,
#sidebar ul li ul li ul li a.active {
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}

#technical {
	margin:0pt 0pt 20px;
	overflow:hidden;
	padding:0px;
	width:470px;
}
#technical ul {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#technical ul li {
	float:left;
	margin:0pt 10px 0pt 0pt;
	padding:0px;
}
#technical ul li img {
	border:medium none;
	margin:0px;
	padding:0px;
}

#legenda {
	float:right;
	height:60px;
	margin:0px;
	padding:0px;
	width:148px;
}

#products table td.details table td.code a.red {
	color:#FF0000;
	text-decoration:none;
}
#products table td.details table td.code a.red:hover {
	color:#000000;
	text-decoration:none;
}
#products table td.details table td.code a.orange {
	color:#FF9001;
	text-decoration:none;
}
#products table td.details table td.code a.orange:hover {
	color:#000000;
	text-decoration:none;
}
#products table td.details table td.code a.green {
	color:#00FF00;
	text-decoration:none;
}

/* footer
------------------------------------------------------------ */
#footer p {
	padding: 0px;
	margin: 0px;
	font-size: 60%;
	color: #000;
	line-height: 20px;
	text-align:right;
}
#footer p a {
	color: #000;
	text-decoration: underline;
	border: none;
}
#footer p a:hover {
	color: #fff;
	text-decoration: underline;
	border: none;
}