* {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma;
	outline: none;
}

html,
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 11px;
	scrollbar-arrow-color: #ccde63;
	scrollbar-face-color: #595959;
	scrollbar-highlight-color: #595959;
	scrollbar-track-color: #fffffe;
}

td {
	vertical-align: top;
}

.Hidden {
	display: none;
}

/* Background */
div.Background {
	position: absolute;
	width: 100%;
	height: 50%;
	top: 50%;
	z-index: -1;
}

div.Background img {
	width: 100%;
	height: 100%;
}

div.PageWrapper {
	position: absolute;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 100;
}

/* Input */
input,
textarea {
	border: 1px solid #000000;
	margin: 1px 0 2px 0px;
	resize: none;
	padding: 1px;
	height: 14px;
	width: 250px;
	font-size: 11px;
}

textarea {
	height: 80px;
	overflow: auto;
}

input.Button {
	float: right;
	padding: 2px 10px 3px 10px;
	width: 80px;
	height: auto;
	margin-top: 2px;
	cursor: pointer;
}

/* Label */
label {
	float: left;
	width: 100px;
	line-height: 20px;
	font-weight: bold;
}

/* Links */
a:link,
a:visited {
	color: #bcd306;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

a img {
	border: none;
}

/* Main */
div.Container {
	width: 800px;
	height: 100%;
	position: relative;
	margin: 0 auto;
	top: 0px;
}

/* Header */
div.Header {
	height: 167px;
	padding-top: 15px;
}

div.HeaderWrapper {
	width: 240px;
	height: 140px;
	float: right;
	background: url(../../images/compressed.png) right top no-repeat;
}

div.Header h1 {
	display: block;
	width: 350px;
}

div.Header h1 a.logo {
	text-indent: 9999px;
	overflow: hidden;
	width: 350px;
	height: 93px;
	background: url(../../images/compressed.png) left top no-repeat;
	display: block;
}

div.Header h2 {
	margin-top: 3px;
	margin-left: 82px;
	font-size: 13pt;
	font-weight: bold;
	font-style: italic;
	color: #595959;
}

/* HeaderBanner */
div.HeaderBanner {
	width: 328px;
	height: 71px;
	padding: 10px;
	float: right;
	border: 1px solid #666;
	background: url(../../images/folder_bkgd.png);
	text-align: center;
}

div.HeaderBanner h1 {
	width: auto;
}

div.HeaderBanner h1 a {
	color: #fff;
	display: block;
}

div.HeaderBanner div {
	font-size: 9px;
	color: #fff;
	text-align: right;
	margin-top: 9px;
}

/* Navigation */
div.Navigation {
	position: absolute;
	top: 142px;
	width: 800px;
}

table.Navigation {
	margin: 0px auto;
}

table.Navigation td {
	background: url(../../images/compressed.png) no-repeat;
	background-position: -350px -140px;
	width: 126px;
	height: 25px;
	text-align: center;
}

table.Navigation td a:link,
table.Navigation td a:visited {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	width: 100%;
	height: 100%;
	line-height: 24px;
}

table.Navigation td:hover {
	background-position: -350px -165px;
}

table.Navigation td:hover a {
	color: #595959;
	line-height: 26px;
}

/* Content */
#Content {
	position: absolute;
	top: 167px;
	bottom: 65px;
	width: 796px;
	height: auto;
	overflow: hidden;
	overflow-y: auto;
	border: 2px solid #595959;
	background: #ffffff;
}

div.Content {
	width: 498px;
	margin-top: 15px;
	padding-bottom: 15px;
	margin-left: 149px;
	line-height: 14px;
}

div.Content h1 {
	font-size: 14px;
}

div.Content p,
div.Content ul,
div.Content h1 {
	margin-bottom: 14px;
}

div.Content ul {
	list-style-position: inside;
	margin-left: 14px;
}

td.ContentHead {
	font-weight: bold;
}

div.Wrapper {
	clear: both;
	height: 8px;
	line-height: 8px;
}

/* Artikelen */
div.Article {
	position: relative;
	width: 348px;
	height: 186px;
	padding: 5px;
	padding-bottom: 0px;
	margin: 10px 0px 5px 21px;
	float: left;
	/*	background: url(../../images/compressed.png) left -93px no-repeat;*/
	background: url(../../images/article2.png) left top no-repeat;
}

div.Article h3 {
	font-size: 15px;

	text-align: center;
}

div.ArticleImage {
	width: 150px;
	height: 134px;
	float: left;
	padding-left: 2px;
}

div.ArticleImage div {
	margin: 0 auto;
}

div.ArticleImage img {
	max-height: 130px;
}

div.ArticleDescription {
	float: right;
	width: 189px;
	max-height: 107px;
	overflow: hidden;
	font-weight: bold;
	font-size: 10px;
	padding: 3px;
}

div.ArticleWrapper {
	width: 183px;
	height: 50px;
	float: right;
	margin: 4px 9px 0 0;
}

div.ArticlePrice,
div.ArticleOrderArticle {
	position: absolute;
	top: 140px;
	right: 112px;
	width: 85px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	background: url(../../images/articlebutton.png) left top no-repeat;
}

div.ArticleOrderArticle {
	right: 15px;
	padding-top: 7px;
	font-size: 14px;
	line-height: 18px;
	cursor: pointer;
}

/* Footer */
div.Footer {
	position: absolute;
	bottom: 0px;
	width: 800px;
	height: 65px;
}

div.Footer div {
	width: 350px;
	float: left;
	text-align: left;
	padding: 6px 3px 0 3px;
}

div.Footer a {
	color: #000000;
	font-weight: normal;
}

div.Footer div.FooterRight {
	text-align: right;
	float: right;
}

/*Dialog*/
#Overlay {
	position: absolute;
	z-index: 900;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.2;
	display: none;
	-ms-filter: "alpha(opacity=20)";
	filter: alpha(opacity=20);
	cursor: pointer;
}

#Dialog {
	position: absolute;
	z-index: 910;
	top: 50%;
	left: 50%;
	border: 1px solid #666;
	background-color: #fff;
	overflow: hidden;
	display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#C2D941)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#C2D941);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#C2D941));
	background-image: -moz-linear-gradient(top, #fff, #C2D941);
}

#CloseDialog {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 15px;
	width: 15px;
	background: url(../../images/close2.png) no-repeat right top;
	cursor: pointer;
}

/* Image Dialog */
#DialogImageContainer {
	position: relative;
	width: 100%;
	background: url(../../images/loader.gif) center no-repeat;
	border: 1px solid #666;
	overflow: hidden;
}

#DialogImageContainer img {
	position: relative;
}

#DialogImageNavigationLeft,
#DialogImageNavigationRight {
	display: block;
	position: absolute;
	top: 0px;
	width: 49%;
	height: 100%;
	z-index: 1000;
	cursor: pointer;
}

#DialogImageNavigationLeft img,
#DialogImageNavigationRight img {
	width: 100%;
	height: 100%;
}

#DialogImageNavigationLeft {
	display: none;
	left: 0px;
}

#DialogImageNavigationRight {
	right: 0px;
}

#DialogImageNavigationLeft:hover {
	background: url(../../images/prev.png) left center no-repeat;
}

#DialogImageNavigationRight:hover {
	background: url(../../images/next.png) right center no-repeat;
}

#DialogImageDetail,
#DialogImageClose {
	width: 49%;
	height: 17px;
	line-height: 10px;
	font-size: 11px;
	font-family: arial;
	margin-top: 10px;
	color: #333;
}

#DialogImageClose {
	float: right;
	text-align: right;
}

#DialogImageDetail {
	float: left;
}

#CloseDialogImage {
	float: right;
	width: 17px;
	height: 17px;
	background: url(../../images/close.png) right top no-repeat;
	cursor: pointer;
}

#DialogThumbsContainer {
	width: 100%;
	height: 100px;
	clear: both;
	overflow: hidden;
}

#DialogThumbsContainer img {
	border: 1px solid #666;
	width: auto;
	height: 100px;
	margin-left: 10px;
	cursor: pointer;
}

#DialogThumbsContainer img:first-child {
	margin-left: 0;
}