/**
 * Default HTML tags
 * -----------------
 */
*{
	margin:0;
	padding: 0;
} 

body{
	font-family: Arial;
	font-size: 12px;
	background-color: #FFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #000;
	
		background: #FFF url('../images/background.jpg');
}

ul{
	margin: 5px 0 5px 50px;
}

ul li{
	list-style: square;
}

p{
	margin: 10px 0;
	text-align: justify;
}

a{
	color: #003399;
	text-decoration: none;	
}

a:hover{
	color: #555;
	text-decoration: none;
}

img{
	border: none;
	text-decoration: none;
}

.clearboth{
	clear: both;
}

.hidden { visibility: hidden; }
.visible { visibility: visible; }


/**
 * Layout
 * -----------------
 */

#container {
	width: 990px;

	margin: 0 auto;
}


/**
* INTRO
* ------
*/
.menuIntro {
	width: 20px;
	float: left;
	margin-left: 10px;
	height: 600px;
		background: url('../images/menuintro.png') repeat-x;
	padding-top: 50px;
	
}

.menuIntro:hover {
	background: url('../images/menuintro_hover.png') repeat-x;
}
	

#logoIntro {
	margin-top: 60px;
	margin-left: 40px;
	float: left;
	margin-bottom:-3px;
}
	
#intromenu {
	float: right;
	margin-right: 125px;
}

/**
* Header + navigatie
* -----
*/

#header {
	background-color: #d2e071;
	width: 975px;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 7px;

}

#header ul {
	
	padding: 3px 0 0 0;
	margin: 0;
	margin-top: 10px;
	list-style: none;
}

#header li {
	float: left;
	list-style-type:none;
}

#header ul ul {
	margin-top: 10px;
	position: absolute;
	width: 150px;
	background-color: #d2e071;
	padding: 2px;
	z-index: 1000;
	left: -1000px;
}

#header li:hover ul, #header li.ie_does_hover ul {
	left: auto;

	background-position: 0 0;
}

#header ul li a {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 15px;
	color:  #620c0d;
	background-color: #d2e071;
	font-weight: bold;
}

#header ul ul li a{

color: #640203;
text-align:left;
display: block;
padding: 4px 18px 10px;
text-transform:lowercase;
font-weight:normal;
}



#header ul li{
padding: 0px;
margin: 0px;

}


#header ul li a:hover{
text-decoration: underline;

}


/* IE only hack \*/
* html ul li, * html ul ul li{
border-bottom: 3px solid #FFF;
}

* html ul ul li{
border-top: 0;
}
/**
* CONTENT
* ------
*/



#content {
	margin-top: 50px;
	background: url('../images/contentBack.png') repeat-y;
	float: left;
	margin-left: 20px;
	width: 550px;
	padding-left: 164px;
	position: relative; 
	min-height:500px;
 	height:auto !important;
	height:500px;

}
#contentText {
	color: #7b9caa;
	padding:20px;
	padding-right: 40px;
	width: 490px; 	
}
#rightmenu {
	margin-top: 29px;
	float: left;
	
	margin-left:20px;
	width: 210px;
}

#rightmenuText {
	margin-top: -3px;
	width: 189px;
	color: #640203;
	padding: 5px;
	background-color: #FFF;
}

#rightmenu h1{
	font-style:italic;
	font-size: 16px;
}


#rightmenu h2{
	
}
#logoContent {
	float: left;
	top: 20px;
	width: 164px;
	left: 0;
	height: 500px;
	position: absolute;
}

#contentText h1 {
	margin: 5px 0;
	font-size: 16px;
	border-bottom: 1px solid #7b9caa;
	text-decoration: underline;
	text-decoration: none;
}

#contentText h2 {
	margin: 5px 0;
	font-size: 14px;	
	font-weight: bold;
}


/**
 * Contact structure
 * -----------------
 */
#contactleft{
	float: left;
	width: 200px;
	margin-top: 10px;
}
#onderhoudleft, #onderhoudright{
	float: left;
	width: 400px;
	margin-top: 10px;
}

#map{
	overflow: hidden;
	float: right;	
	width:250px;
	height:250px;
	border: 1px solid #003399;
	margin: 15px 0px 20px 0;
}

/**
* Assortiment / Categorie
* -----------
*/

#slideshowimg {
margin-left: 10px;
}

#tblAssortiment td{
	vertical-align: top;
}

.itemTitle {
	padding-left: 10px;
}

.productItem {

}

.productItem img {
	margin: 3px;
}
.productInfo { background-color: #640203; width: 96px; display: block; padding: 0; text-align: center; margin-top: -3px; padding: 5px;}
.productItem a { color: #FFF;	width: 106px;
	border: 1px solid #640203;
	margin: 5px;
	float: left;  }
.productItem a:hover { 

	background-color: #d2e071;
	}

.spotlightItem img {
	margin: 3px;
}
.spotlightInfo { background-color: #640203; width: 146px; display: block; padding: 0; text-align: center; margin-top: -3px; padding: 5px;}
.spotlightItem a { color: #FFF;	width: 156px;
	border: 1px solid #640203;
	margin: 5px;
	float: left;  }
.spotlightItem a:hover { 

	background-color: #d2e071;
	}
.fotoProduct {
	
	margin: 10px;
}

#itemForm {
	margin: 5px;
	padding: 5px;
	background-color: #640203; 
	width: 220px;
	margin: 0 auto;
}

#itemPrices {
	font-weight: bold;	
}
.incl {
	width: 100%;
	font-size: 15px;
	display: block;
}

.excl {
	color: #9db4be;
}

#cartTotal {
	font-weight: bold;
	font-size: 13px;
	text-align: right;
}
.aantal {
	text-align: right; 
}
#cartOverview {
	width: 190px;	
}

.categoryItem {

}

.categoryItem img {
	margin: 3px;
}
.categoryInfo { background-color: #640203; width: 96px; display: block; padding: 0; text-align: center; margin-top: -3px;}
.categoryItem a { color: #FFF;	width: 106px;
	border: 1px solid #640203;
	margin: 5px;
	background-color: #640203;
	height: 150px;
	float: left;  }

/**
* SHOP
* ----
*/

#overviewTable {
	width: 490px;
	text-align: center;
}
#overviewTable td {
	padding: 5px;
}
#overviewTable .small {
	width: 60px;
}
#overviewTable .big {
	width: 200px;
}
#updateTable {
	float: right;
	margin-right: 5px;
}

#updatecart {
	width: 100px;
}
.right{
	text-align: right;
}

#chooseLogin {
	width: 240px;
	margin: 0 auto;
}

#chooseLogin a {
	margin: 4px;
	padding: 4px;
	color: #FFF;
	border: 1px solid #640203;
	background-color: #640203;
}
#selected a{
	border: 1px solid #ae696a;
	background-color: #ae696a;
}
/**
* FOOTER
* ------
*/



#footer {
	margin: 0 auto;
	margin-top: 20px;
	width: 400px;
	text-align: center;
}



/**
* FOTOALBUM
*
*/

/**
 * Image galery
 * ------------
 */
#slideshow{
	width: 415px;
}

#slideshow a{
	text-decoration: none;
}

.container #thumbs ul{
	width: 450px;
	margin: 0;
	padding: 0;
}

.container #thumbs ul li{
	padding: 0 3px 0 0;
	margin: 0;
	list-style: none;
	display: inline;
}

#thumbs .thumb{
	text-align: center;
	padding: 0;
	margin: 0;
}
 
#gallery .controls{
	display: none;
}
 
.top{
	margin: 0 0 10px 0;
}

.top a{
	padding: 5px;
}