/* Algemeen ***********************************************************/
body, div, h1, h2, h3, h4, h5, h6, p, a, ul, li, table, td, img, form	{
margin				: 0px;
padding				: 0px;
border				: 0px solid #FFF;
font-family			: Georgia, "Times New Roman", Times, serif;
font-size			: 100%;
}

/* Scrollbar ***********************************************************/
html {
	scrollbar-3d-light-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #FFFFFF;
	scrollbar-dark-shadow-color: #FFFFFF;
	scrollbar-face-color: #EAD3CC;
	scrollbar-highlight-color: #CC9900;
	scrollbar-shadow-color: #CC9900;
	scrollbar-track-color: #FFFFFF;
	xoverflow			: -moz-scrollbars-vertical;
}

body {
	background-color: #EAE0CC;
	text-align		: center;
}

/* Center verhaal ***********************************************************/
#container {
	position: relative;
	top: 8px;
	padding:20px 20px 20px 20px;
	width: 760px;
	margin: auto;
	background-image: url("../img/rand.gif");
}

/* 	Kop logo bedrijf **********************************************************
	image replacement: http://www.kryogenix.org/code/browser/lir/
	in gebruik bij #company
*/
#header {
	background-color: #FFF;
	width: 760px; height: 105px;
	clear: both;
}

#company {
    padding: 0px 0 0 0; /* height of img or area */
    overflow: hidden;
    background-image: url("../img/topLogo.gif");
    background-repeat: no-repeat;
	background-position: 50% 70%;
	height: 90px !important;
    xheight: 0px 
    xheight /**/:105px; /* height of img or area */
}

#marquee {
	height: 20px;
	width: 760px;
	overflow: hidden;
	background-color: #FFF;
	font-weight: bold;
}



/* Navigatie ***********************************************************/
#navigation {
	padding: 30px 0 0 0;
	color: #666666;
	xborder: 1px solid red;
	width: 150px;
	height: 370px;
	overflow: auto;
	float: left;
}

#navigation ul {
	list-style-type: none;
}

#navigation li {
	display: block;
	padding-bottom: 5px;
	
}

#navigation a {
	font-size: 80%;
	text-decoration: none;
	color: #666666;
}

#navigation a:hover {
	color: #993300;
}

#navigation a:active {
}

#navigation a:focus {
}

#navigation a.selected {
	font-weight: bold;
	color:#000;
}

#navigation .nav a {
	color: #993300;
}

/* Main en Content ***********************************************************/
#main {
	padding: 15px 0 0 0;
	xborder: 1px solid green;
	background-color: #FFF;
	width: 760px;
	clear: both;
	float: left;
}

#content_home {
	xborder: 1px solid red;
	width: 580px;
	float: right;
	overflow: visible;
	height: 320px;/* voor home */
	padding: 0;
	margin-right:10px;
	/*IE hack*/
	_margin				: 0px 0px;
}

#content {
	xborder: 1px solid red;
	width: 580px;
	float: right;
	overflow: auto;
	height: 370px;
	padding: 30px 0 0 0;
	margin-right:10px;
	/*IE hack*/
	_margin				: 0px 0px;
	text-align : left;
}


/* Footer ***********************************************************/

#footer {
	padding: 0 0 0 0 ;
	margin: 0 0 0 0 ;
	width: 760px;
	height: 38px;
	clear: both;
	background-color: #FFF;
	xborder: 1px solid red;
}

/* Items ***********************************************************/

.itemlist {
	width: 95%;
	_width: 95%;
	border-collapse: collapse;
	border: solid 2px #E8C250;
	margin-bottom: 15px;
}
.itemlist td{
	padding: 6px;
}

.itemlist img {
	padding: 0px;
	border: solid 2px #CCC ;
}
.item h2 {
	color: #4D0801;
	font-size: 90%;
	margin-bottom: 15px;	
}
.itemlist p {
	font-size: 70%;
}

.itemlist .price {
	color: #E30000;
	margin-bottom: 10px;
    font-weight: bold;
	font-size: 80%;
}

.itemlist a {
	color: #4D0801;
	font-size: 70%;
}

.itemlist .images {
	width: 100%;
}

.itemlist .kader {
	width: 100px;
	height: 100px;
	xdisplay: block;
	float: left;
	padding-bottom: 5px;
}

.kader img{
	margin:0;
	padding: 0;
	display: block;
	float: left;
	border: solid 2px #CCC;
}

.itemlist .text p {
	font-size: 90%;
}

/* Home ***********************************************************/
#toppers {
	font-size: 70%;
}

#toppers img {
	margin: 0px;
	border: solid 2px #CCC ;
	display: inline;
	margin: 1em auto;
}

#geldigheid {
	margin: 0;
	font-size: 80%;
	font-weight: bold;
	color: #480E02;
}


/* Popup Product *************************************************/

#popup_image {
	position: relative;
	top: 8px;
	padding:20px 20px 20px 20px;
	xwidth: 650px;
	margin: auto;
	background-image: url("../img/rand.gif");	
}

.next a {
	text-decoration: none;
	color: #4D0C02;
	font-size: 90%;
}

.next a:hover {
	text-decoration: underline;
	color: #FFF;
}
/* Algemeen ******************************************************/
hr {
	border-top: solid 2px #E8C250;
	width: 60%;
	clear: both;
}

.spacer  {
	border-top: solid 1px #4D0C02;
	margin-top: 10px;
}

a {
	text-decoration: none;
	color: #4D0C02;
	font-size: 90%;
}
a:hover {
	text-decoration: underline;
	color: #CCC;
}


/* cms */
#fullwidth {
	text-align: left;
	font-size: 100%;
	width: 80%;
}

.module_beheer_upload_add{
	text-align: left;
}

#pages {
margin-top	: 10px;
}

#pages a.selected {
font-weigt	: bold;
color		: #FFF;
background-color : #990000;
padding	: 0 3px 3px 3px;
}