/***************************************************************
	the header, which holds the menu and the big image
***************************************************************/
.header {	
	padding-top: 0px;	
	border: solid 1px #ee0000;;
}	

/***************************************************************
	logo image
***************************************************************/
.logo {	
	margin-top: 20px;
	margin-left: 50px;	
}

/***************************************************************
	mainmenu holder
***************************************************************/
.menuholder {
	/* position: absolute; */
	/* top:121px; */
	height: 47px;
	padding: 0px;	
	vertical-align: top;	
}

.menuholder img {
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	margin-right: 10px;
}

/***************************************************************
	actual content (pages on the left and right)
***************************************************************/
.content {
	width: 700px;
	position: absolute;
	top: 300px; 
	margin: 0px auto 0px auto;
}

/***************************************************************
	navigation / location
***************************************************************/
.pagelocation, .pagelocation a {
	color: #b4b4b4;
}

/***************************************************************
	the left pane
***************************************************************/
.leftpane {
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	width: 291px;	
	float: left;
	margin-right: 30px;
	background-color: #dfe4e8;
	border: 1px solid #d1d5d8;
}

/***************************************************************
	container inside leftpane2 (for shadows)	
***************************************************************/
.leftpane2 {
	margin-left: 100px; 
	margin-right: 20px; 
	padding: 10px 10px 10px 10px; 
	float: left; 
	clear: none; 
	border: 1px; 
	width: 0px;
}

/***************************************************************
	unused
***************************************************************/
.leftpaneContent {
	width: 295px;
	float: left; 
	clear: none; 
	margin-left: 1px; 
	margin-right: 0px; 
	margin-top: 2px;
	margin-bottom: -6px;
	padding: 0px 0px 0px 0px;

	background-image: url(../images/shadowAlpha.png);	
	background-position: bottom right;	
	background-repeat: repeat-y;
	border: solid 0px #ff0000;

	font-size: 10px;
	line-height: 14px;
}

/***************************************************************
	right pane
***************************************************************/
.rightpane {
	margin-left: 0px;
	padding: 0px; 
	/* border: solid 1px; */
	/* width: 700px; */
}

.rightpane_big {
	margin-left: 0px;
	padding: 0px; 
	float: left; 
	clear: none; 
	border: 1px; 
	/* width: 800px; */
}

/***************************************************************
	footer text
***************************************************************/
.footer {	
	clear: both;
	padding-top: 10px;
	font-style: normal;	
	line-height: normal;	
	font-weight: normal;	
	font-size: 9px;
	color: #777777;	
	text-align: left;	
}



/***************************************************************
	change the HR into something less boring (warning: IE issues!!)
***************************************************************/
hr {
	font-size: 0px;
	padding: 0px;
	height: 1px;
	border: none;
	font-size:1px;
	margin: 10px 0px 10px 0px;
	background-color: none;
	background-image: url(../images/px_line.gif);
	background-repeat: repeat-x;
}

/***************************************************************
	style for default titles
***************************************************************/
.title {
	font-weight: normal;
	color: #ee0000;
	font-size: 14px;
}

/***************************************************************
	unknown
***************************************************************/
.titel {	
	margin-top: 14px;	
	margin-left: 16px;
}
.titel_left {	
	margin-top: 14px;	
	margin-left: 20px;
}

/***************************************************************
	default stsyle for hrefs
***************************************************************/
a {	
	font-family: Verdana;	
	color: #ee0000;
}

a:link {
	text-decoration: none;
}
a:visited {	
	text-decoration: none;	
}
a:hover {	
	color: #6b0404;
	text-decoration: none;	
}

.contact {
	color: #ffffff;
}
.contact_sel {
	color: #6b0404;
}

.contact_sel:hover, .contact:hover{
	color: #6b0404;
}

/***************************************************************
	default style for images
***************************************************************/
img {	
	border: none 0px;
}



/***************************************************************
	4 versions of a hyperlink, all include an icon on the left
***************************************************************/
.hyperlink, .hyperlink:visited , .hyperlink:hover{
	color: #ee0000;
	text-decoration: underline;
	margin: 20px 0px 20px 0px;
}

/*  even uitgecomment, evt zijn er toch nog links met deze opmaak */
.hyperlink, .hyperlink:visited , .hyperlink:hover{
	background-image: url(../images/link.gif);
	background-repeat: no-repeat;
	background-position: 1px 2px;
	padding-left: 16px;
	color: #61768b;
	text-decoration: none;
	margin: 20px 0px 20px 0px;
}


.hyperlink_red, .hyperlink_red:visited , .hyperlink_red:hover{
	background-image: url(../images/link_red.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding-left: 16px;
	color: #ee0000;
	text-decoration: none;
	margin: 20px 0px 20px 0px;
}

.hyperlink_top, .hyperlink_top:visited , .hyperlink_top:hover{
	background-image: url(../images/link_topimg.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	padding-left: 16px;
	color: #61768b;
	text-decoration: none;
	margin: 10px 0px 10px 0px;
}

.hyperlink_back, .hyperlink_back:visited , .hyperlink_back:hover{
	background-image: url(images/hlink_back.gif);
	background-repeat: no-repeat;
	background-position: 1px 2px;
	padding-left: 16px;
	margin-left: 4px;
	color: #61768b;
}

/***************************************************************
	add a bit of spacing at the bottom of  LI's 
***************************************************************/
li {
	margin-bottom: 1px;
}

/***************************************************************
	product thumb
***************************************************************/
.product {
	padding: 0px 0px 0px 0px;
	float: left; 
	width: 205px;
	height: 219px;
	 /* border: solid 1px #eeeeee;  */
	margin: 0px;
	font-size:9px;

}

.product img {
	margin-right: 5px;
}
.product .classe {
	
}

.productfiche input {
	border: none;
}
/* box met vuurtype */
.productfiche {
	width: 30px; 
	float: left; 
	padding: 5px 10px 5px 10px;
	text-align: center;
}

.productfiche img {
	/* width: 30px;
	height: 30px; */
	margin: 0px 0px 5px 0px; 
}

.product:hover {
	background-image: url(../images/product_bg.png);
	cursor: pointer;
}


.pricedetail {
	padding: 0px 15px 0px 15px;
	display: none;
}

.price {
	width: 100px;
	float: left;
	color: #ee0000
}

.cart {
	width: 20px;
	float: right;
}

.product:hover > .pricedetail {
	display: block;
}

.product_detail {
	/* border: solid 1px #eeeeee; */
	padding: 0px 0px 10px 0px;
}

.product_img {
	margin-right: 30px;
	margin-left: 0px;
}

.adminmenuicon {
	float: left;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 30px;
}

.product_classes {
	margin-bottom: 10px;	
	margin-top: 20px;
}

.product_classes img {
	/* width: 43px;
	 height: 43px; */
	margin: 2px;
}

.product_description {
	margin-top: 10px;
}

.product_text {
	margin-top: 20px; 
	margin-bottom: 10px;
}



.spotlight {
	z-index:1000;
	width: 400px; 
	padding-top: 30px;
	height: 100px; 
	float:right; 
	margin-right: 10px;
	overflow: none;
	color: #ffffff;
	font-family: verdana;
	font-size: 12px;
}

.inftext {
	width: 200px;
}

.dotted {
    clear: all;
    margin: 7px 0px 7px 0px;
    padding: 0px;
    height: 1px; 
    font-size: 0px;
    color: #D9D8D7;
    border: none; 
    background-image: url('../images/dotted.gif');
    background-repeat: repeat-x; 
}

.noborder {
	border: none;
}

div#list input, input, select, textarea {
	padding: 0px;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #777777;
	
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;

	color: #777777;
}