/*****************************************************************************
 *
 *  Copyright            : Copyright (C) Morgen32
 *  Email                : info @ morgen32.nl
 *	
 *  
 *  Disclaimer:
 *	Niets uit dit script mag zonder toestemming van de maker van deze
 *	scripting gekopieerd, of doorverkocht worden aan derden. De maker van deze
 *	scripting blijft ten alle tijden copyright op dit product houden. De 
 *	scripting is ter beschikking gesteld door Morgen32.
 *	Dit programma is GEEN vrije software, en mag niet worden doorverkocht en/
 * 	of gewijzigd worden tenzij de eigenaar toestemming hiervoor heeft verleend
 *
 *****************************************************************************/

/*
Colors:
Bruin: 		#a05c07
*/


*											{ font-family: Arial, Helvetica, sans-serif; }
html, body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, address, small, em, strong, code, img, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
html, body									{ width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
body										{ background: #a05c07;  }

h1											{ font-size: 24px; color: #a05c07; margin: 0px 0px 7px 0px; }
h2											{ font-size: 16px; color: #a05c07; margin: 0px 0px 7px 0px; }
h3											{ font-size: 16px; font-weight: bold; text-transform: uppercase; background: #000000; color: #ffffff; padding: 10px 20px; margin: 6px 0px; }
p											{ line-height: 1.6em; margin: 0px 0px 1.6em 0px; }
a											{ color: #a05c07; }
img[align=right]							{ float: right; margin: 0px 0px 0px 10px; }
input										{ width: 275px; }
textarea									{ width: 405px; height: 180px; }
b, strong									{ font-weight: bold; }

/********************************************
					ID
********************************************/ 

#container									{ width: 792px; margin: 0px auto 0px auto; min-height: 100%; height: auto !important; height: 100%; }
#sidebar									{ width: 150px; padding: 35px 0px 0px 0px; position: absolute; left: 50%; margin: 0px 0px 0px -436px; }
#logo										{ padding: 0px 0px 45px 0px; border-bottom: 4px solid #ffffff; }
#logo img									{ width: 153px; height: 261px; }
#menu 										{ font-size: 16px; }
#menu ul									{ margin: 0px; padding: 0px; list-style: none; }
#menu ul li									{ border-bottom: 4px solid #ffffff; text-align:center; padding: 7px 0px; }
#menu ul li.cart a							{ color: #ffffff; }
#menu ul li a								{ color: #000000; text-decoration: none; text-transform:uppercase; font-weight: bold; }
#menu ul li a:hover							{ color: #ffffff; }

#agenda										{ margin: 45px 0px 25px 0px; }
#agenda ul 									{ background: #ffffff; margin: 0px; padding: 0px; list-style: none; }
#agenda ul li								{ padding: 10px 10px; }
#agenda ul li a								{ font-weight: bold; }
#agenda ul li em							{ padding: 5px 0px 0px 0px; font-size: 95%; }

#fontsettings								{ position: absolute; left: 50%; margin: 35px 0px 0px 396px; z-index: 3; opacity:0;filter:alpha(opacity=0) }

#content									{ background: #ffffff; width: 602px; margin: 0px 0px 0px 190px; position: relative; z-index: 2; }
#content_text								{ padding: 25px; text-align: justify; }
#content_text strong img					{ margin: -25px 0px 0px -25px; width: 602px; }
#content h3									{ margin: 5px -25px; border-top: 6px solid #a05c07; border-bottom: 6px solid #a05c07; }

#footer										{ font-size: 11px; margin: 10px auto 15px auto; text-align: right; }
#footer ul									{ margin: 0px; padding: 0px; list-style: none; }
#footer ul li								{ display: inline; margin: 0px 10px 0px 0px; }
#footer ul li a								{ color: #000000; }

#top_category								{}
#top_category ul							{ margin: 0px; padding: 0px; list-style: none; height: 50px; margin: -1.6em 0px 0px 0px; }
#top_category ul li							{ float: left; }
#top_category ul li a						{ display: block; background: #f4f4ed; color: #a05c07; height: 25px; padding: 5px 0px 0px 0px; margin: 0px 12px; font-size: 16px; font-weight: bold; text-decoration: none; width: 110px; text-align: center; }
#top_category ul li a:hover					{ background: #000000; color: #ffffff; }
#top_category ul li a.active				{ background: #000000; color: #ffffff; }

#list_category								{ height: 115px; overflow: hidden; margin: 0px 0px 30px 0px; }
#list_category ul							{ margin: 0px; padding: 0px; list-style: none; }
#list_category ul li						{ float: left; width: 125px; margin: 0px 17px 0px 0px; }
#list_category ul li.r3						{ margin: 0px; }
#list_category ul li img					{ width: 125px; }
#list_category ul li div					{ height: 79px; }
#list_category ul li div p					{ text-align: center; font-size: 15px; }
#list_category ul li span					{ display: block; background: #000000; text-align: center; height: 30px; margin: 5px 0px 0px 0px; }
#list_category ul li span a					{ display: block; color: #ffffff; font-size: 15px; text-decoration: none; padding: 5px 0px 0px 0px; }
#list_category ul li span a:hover			{ text-decoration: underline; }

#list_assortment ul							{ margin: 0px; padding: 0px; list-style: none; }
#list_assortment ul li						{ float: left; height: 105px; margin-bottom: 25px; }
#list_assortment ul li img					{ width: 167px; }


#list_assortment ul li.col1					{ margin-right: 25px; }
#list_assortment ul li.col2					{ margin-right: 25px; }
#list_assortment ul li.col1 .detail			{ margin: -30px 0px 0px -50px; }
#list_assortment ul li.col2 .detail			{ margin: -30px 0px 0px -50px; }
#list_assortment ul li.col3 .detail			{ margin: -30px 0px 0px -50px; }

#list_assortment ul li .detail				{ width: 220px; padding: 15px 25px 15px 25px; background: #ffffff; position: absolute; border: 1px solid #a05c07; z-index: 10; display: none; }
#list_assortment ul li table .image			{ width: 150px; }
#list_assortment ul li table .image img		{ width: 120px; }
#list_assortment ul li table .price			{ color: #a05c07; vertical-align: middle; font-size: 19px; width: 100px; }
#list_assortment ul li table .desc			{ padding: 10px 0px; }
#list_assortment ul li table .desc span		{ color: #a05c07; }
#list_assortment ul li table .specs	span	{ color: #a05c07; }
#list_assortment ul li table .order a		{ display: block; height: 28px; background: #000000; color: #ffffff; text-align: center; font-weight: bold; font-size: 110%; padding: 7px 0px 0px 0px; margin: 0px 0px 5px 0px; }

#list_images								{ margin: 1.6em 0px 0px 0px; }
#list_images ul								{ margin: 0px; padding: 0px; list-style: none; }
#list_images ul li							{ float: left; margin: 0px 25px 25px 0px; z-index: 1; }
#list_images ul li img						{ width: 167px; }
#list_images ul li.col1						{ }
#list_images ul li.col2						{ }
#list_images ul li.col3						{ margin: 0px 0px 25px 0px; }
#list_images ul li div						{ position: absolute; z-index: 10; display: none; }
#list_images ul li.col1 div					{ margin: -10px 0px 0px -35px; }
#list_images ul li.col2 div					{ margin: -10px 0px 0px -170px; }
#list_images ul li.col3 div					{ margin: -10px 0px 0px -300px; }
#list_images ul li div img					{ width: 500px; border: 1px solid #a05c07; padding: 2px; background: #ffffff; cursor: pointer; }

#list_news ul								{ margin: 0px; padding: 0px; list-style: none; }
#list_news ul li							{ margin: 2em 0px 0px 0px; }
#list_news ul li .left						{ float: left; font-weight: bold; }
#list_news ul li .right						{ float: right; color: #999999; }
#list_news ul li .summary					{ clear: both; line-height: 1.6em; margin: 5px 0px 0px 0px; }

#order										{ margin: 0px 0px 10px 0px; position: relative; }
#order input								{ width: 200px; display: block; border: none; background: #000000; height: 25px; color: #ffffff; font-size: 18px; margin: 0px 0px 1.6em 0px; cursor: pointer; }
#order select								{ width: 200px; display: block; margin: 0px 0px 3px 0px; }
#order img									{ position: absolute; top: -6px; left: 210px; height: 40px; }

/********************************************
					CLASS
********************************************/ 

.specs span									{ color: #a05c07; }
.btn_order a								{ display: block; float: left; height: 25px; padding: 5px 10px 0px 10px; text-align: center; background: #000000; color: #ffffff; text-decoration: none; font-size: 18px; margin: 0px 0px 1.6em 0px; }
.btn_order a:hover							{ text-decoration: underline; }

.del a										{ color: #900; font-weight: bold; text-decoration: none; }
.checkbox									{ width: 15px; float: left; }

.agenda										{ clear: both; margin: 1.6em 0px; }
.agenda	.date								{ float: left; width: 110px;  }
.agenda	.name								{ float: left; width: 280px;  }
.agenda	.location							{ float: left; width: 100px;  }


.clear										{ clear: both; }
.message									{ font-weight: bold; color: #a05c07; margin: 1em 0px; }
.warning									{ font-weight: bold; color: #990000; margin: 1em 0px; }