/*

	Style.CSS

	(C) INNONET Innovatief In Internet

	Gemaakt door:	Gavin Hewitt
					gavin@innonet.nl

*/

/* Global White Space Reset */
* 
{ 	
	padding: 0; 
	margin: 0;
}

html, body
{
	min-width: inherit; 
	margin: 0; 
	padding: 0; 
	height: 100%; 
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	background: #000000;
	color: #FFFFFF;
}


/* MAIN LAYOUT */
div#main-wrap 
{
/*	position: relative;
	top: 50px;
	left: 0px;*/
	width: 100%;
	xheight: 100%;
	margin: 0;
	padding: 0;
	xtext-align: center;	

}

div#header 
{
	xmargin: 0px auto;
	position: relative;
	color: #ffffff;
	display: block;
	text-align: center;
}

img#logo {
	margin: 20px 0 30px 0;
	padding: 0;
	}

div#navbar
{
	width: 775px;
	margin: 0 auto 0 auto;
	padding: 10px 5px 0px 190px;
	xbackground: #f59613;
	font-family: Arial, Helvetica, sans-serif;
}



div#navbar a.nav-item:link, 
div#navbar a.nav-item:active, 
div#navbar a.nav-item:visited 
{
	color: #000000;
	font-size: 85%;
	text-transform: uppercase; 
	text-decoration: none;
	margin-right: 10px;
	font-weight: bold;
	width: 76px;
	padding-right: 10px;
	display: block
}
div#navbar a.nav-item:hover 
{
	color: #ffffff; 
	xbackground: #eeeeee
}

div#center-content
{ 
	width: 730px;
	margin: 0 auto;
	padding: 0px;

	line-height: 160%;
	text-align: left;
	xbackground-color: #CCCCFF
}

img#frontpage-img {
	width: 304px;
	height: 304px;
	float: left;
	margin-right: 30px;
}
div#frontpage-text {
	width: 260px;
	float: left;
	border: 1px solid #990000;
	padding: 20px;
	height: 260px;
	overflow: hidden;
}

div#frontpage-footer {
	width: 50%;
	height: 15px;
	border: 1px solid #990000;
	padding: 5px;
	margin-left: 260px;
	float: left;
}

div#footer
{ 
	width: 100%;
	padding: 10px 0px;
	font-weight: bold;
	/*position: relative;
	/*bottom: 0px;
	left: 0px;*/
	margin: 30px 0px 0px 0px;
	text-align: center;
	/*z-index: 50;*/
}


div#copyright
{
	width: 94%;
	margin: 2px auto 0 auto;
	padding: 10px 0 0 0;
	text-align: right;
	font-size: 85%;
	xborder-top: 2px #eeeeee solid;
	color: #cccccc
}
div#copyright a.copy:link, 
div#copyright a.copy:active, 
div#copyright a.copy:visited 
{
	color: #999999;
	text-decoration: none;
}
div#copyright a.copy:hover 
{
	color: #333333; 
}

img 		{border: none; line-height: 0}
.bold 		{font-weight: bold}
.italic 	{font-style: italic; }
.clearer 	{clear: left; line-height: 0; height: 50px; margin-top: 0; padding: 0; font-size: 1px;}

br {
	clear: left;
}
p {
	padding: 0 0 8px 0;
	margin: 0;
}
div#assortment-menu, div#main-menu {
width: 700px;
/*position: absolute;
top: 0px;
right: 0px;*/
xbackground: #CCCCFF;
text-align: right;
}

div#assortment-menu ul, div#main-menu ul{
	list-style: none;
}

div#assortment-menu li, div#main-menu li{
	border-bottom: 1px solid #990000;
	padding: 30px 0px 2px 0px;
}

a.menu-item {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

a.menu-item:hover {
	text-decoration: underline;
}

.input_text {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
	padding: 4px;
	border: solid 1px red;
	background: #666;
	color: #FFFFFF
	}
.input_textarea {
	display: block;
	width: 320px;
	float: left;
	margin-bottom: 10px;
	padding: 4px;
	border: solid 1px red;
	background: #666
}
.input_button {
	padding: 3px 5px;
}

label {
	display: block;
	width: 150px;
	padding-right: 20px;
	float: left;
	margin-bottom: 10px;
	font-weight: bold;
}

a.link, 
a.link:active, 
a.link:visited 
{
	color: #ffffff;
	text-decoration: none;
	xdisplay: block;
	xmargin-bottom: 26px
}
a.link:hover 
{
	text-decoration: underline;
}

a.link-current, 
a.link-current:active, 
a.link-current:visited 
{
	color: #ffffff;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	xdisplay: block;
	margin-bottom: 26px;
	width: 300px
}
a.link-current:hover 
{
	text-decoration: underline;
}

div#brands-image-link{
	xdisplay: block;
	position: absolute;
	top: 220px;
	left: 290px;
	padding: 20px;
	background: #000000;
	margin: 0px;
}


div#brands-image-link a.image-link {
	display: block;
	width: 110px; 
	height: 110px; 
	xmargin-bottom: 30px
}



div#center-wrap {
	width: 730px;
	opacity: 0.75;
	filter: alpha(opacity=75);
	overflow: visible;
	background: #000000;
	display: block;
	position: relative;
	padding: 10px;
	
	min-height: 200px; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 200px; /* For IE */
}

div#center-wrap.frontpage { 
	line-height: 160%;
	text-align: left;
	height: 300px !important;
	padding: 20px;
}

div#center-wrap.main {
	margin: 0;
}

div#center-wrap.frontpage, div#center-wrap.assort {
	margin: 0 auto;
}


div.brands-holder-left {
	width: 730px;
	xbackground: #CCFFFF;
	margin: 0px;
	height: 385px;
	/*position: absolute;
	top: 180px;
	left: 0px;*/
	text-align: left;
	padding: 0px;
}

div.brands-holder-left ul{
	list-style: none;
}

div.brands-holder-left li{
	border-bottom: 1px solid #990000;
	padding: 10px 0px 2px 0px;
	line-height: 20px;
}

div.brands-holder-right {
	width: 400px;
	xbackground: #CCFFFF;
	margin: 0px;
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: right;
	padding: 0px;
}

div.brands-holder-right ul{
	list-style: none;
}

div.brands-holder-right li{
	border-bottom: 1px solid #990000;
	padding: 10px 0px 2px 0px;
	line-height: 20px;
}

div#brands-diamond {
	position: absolute;
	width: 330px;
	height: 200px;
	top: 9px;
	left: 200px;
	background: url(img/lameris-brands-bg.gif) no-repeat;
}

div#main-diamond {
	position: absolute;
	top: -40px;
	left: 0px;
	
	width: 280px;
	height: 325px;
	
	background: url(img/lameris-menu-bg.gif) no-repeat;
}

div#page-name {
	margin: 0px 0px 20px 0px;
	xwidth: 200px;
	height: 35px;
	text-align: center;
	font-size: 2em;
	line-height: 1.4em
	}

div#FormContactForm {
	position: relative;
	margin: 0px auto;
	width: 10px;
}