/* Stylesheet www.deverwennerijheusden.nl // De Verwennerij */

/* Colours & Fonts **************************** */
/*						*/
/* Light-Brown:		#A9946A 		*/
/* Middle-Brown:	#8F7445			*/
/* Dark-Brown:		#2F2617			*/
/* Dark-Blue:		#447091			*/
/* Red:			#E71803			*/
/* TextFieldBackground:	#FCFCF5			*/
/* ContainerBackground: #F5F4D7			*/
/* LinkColour:		#F6F1EA			*/
/*						*/
/* Logo Font: 		Charlemagne Font Family */
/* Text Font:		Trebuchet MS		*/
/* Image Font:		Hurricane		*/
/*						*/
/* ******************************************** */

/* BASIC ELEMENTS */
html
{
	height: 100%;
}
body
{
	height: 100%;
	margin: 0px;
	background: url("../images/background.png") repeat;
	font: 75% 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
#header
{
	position: absolute;
	top: 0px;
	width: 785px; height: 277px;
	z-index: 100;
}
#container
{
	position: relative;
	left: 44px;
	width: 684px; min-height: 100%;
	background: url("../images/container.png") repeat-y;
}
#content
{
	position: relative;
	top: 0px; left: 37px;
	width: 610px;
}

/* LEFT COLUMN */
#leftcolumn
{
	float: right;
	width: 160px;
}
#menu
{	
	position: relative;
	top: 437px;
	height: 90px; width: 160px; 
	background: #8F7445;
	z-index: 100;
}
#menu a
{
	display: block;
	margin: 0px 5px;
	line-height: 30px;
	font-size: 80%;
	letter-spacing: 2px;
	text-decoration: none;
	color: #F6F1EA;
}
#menu a:hover
{
	color: #2F2617;	
}
#menu a.selected
{
	color: #2F2617
}


/* PRODUCTS */
div.products#sign
{
	position: absolute;
	top: 277px; left: 0px;
	height: 30px; width: 450px;
	background: #447091;
	z-index: 100;
}
div.products#extra
{
	position: absolute;
	top: 307px; left: 0px;
	height: 30px; width: 450px;
	background: #8F7445;
	z-index: 100;
}
div.products a
{
	margin: 0px 5px;
	line-height: 30px;
	font-size: 80%;
	letter-spacing: 2px;
	text-decoration: none;
	color: #F6F1EA;
}
div.products#sign a.selected
{
	color: #E71803;
}
div.products#sign a:hover
{
	color: #E71803;
	background: #447091;
}
div.products#extra a.selected
{
	color: #2F2617;	
}
div.products#extra a:hover
{
	color: #2F2617;
	background: #8F7445;
}
div.products#sign a img
{
	position: absolute;
	top: 0px; left: 450px;
	width: 0px; height: 0px;
	border: none;
	z-index: 100;
}
div.products#sign a:hover img
{
	width: 160px; height: 160px;
}
div.products#extra a img
{
	position: absolute;
	top: -30px; left: 450px;
	width: 0px; height: 0px;
	border: none;
	z-index: 100;
}
div.products#extra a:hover img
{
	width: 160px; height: 160px;
}

/* TEXT AREA */

#text
{
	position: relative;
	padding: 20px 0px;
	text-align: justify;
	color: #2F2617;
}
#text p
{
	margin: 0px 180px 20px 20px;
}
#text h1
{
	margin: 0px 20px;
	font-size: 100%;
	font-weight: bolder;
}
#text h2
{
	margin: 0px 20px;
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
}
#text table
{
	table-layout: fixed;
	margin: 0px 180px 20px 20px;
}
#text ul
{
	margin: 0px 180px 20px 0px;
}
#text img.left
{
	display: block;
	margin-left: 20px; margin-right: 20px;
	float: left;
}
#text #map
{
	margin: 0px 17px 20px 20px;
}
#text a:link
{
	color: #8F7445;
}
#text a:visited
{
	color: #8F7445;
}
#text a:hover
{
	color: #447091;
}
#headerspace
{
	width: 10px; height: 337px;	/* willekeurige width < 450px */
}

/* FOOTER */
#footer
{
	position: absolute;
	bottom: 0px; left: 37px;
	height: 20px; width: 610px;
	border-top: solid 1px #A9946A;
	background: #F5F4D7;
}

/* EXTRA */
#new
{
	position: absolute;
	top: 300px; left: 758px;
	width: 237px; height: 231px;
	
}
#xmas
{
	position: absolute;
	top: 224px; left: 691px;
	width: 496px; height: 387px;
	z-index: 200;	
}