/* DEFAULT TEMPLATE STYLES */
body, html {
	width: 100%;
	height: 100%;
	background-color: #eeeeee;
}


/* DEFAULT TABLE STYLES */
table, table td, table th {
	border-collapse: collapse;
	border: 0px solid #dddddd;
	vertical-align: top;
	text-align: left;
}


/* WRAPPERS */
#holder {
	position: relative;
	margin: 0px auto;
}
.tpl_wrapper {
	position: relative;
	margin: 0px auto;
	width: 960px;
}
#top {
	/*background-image: url("../image/web/wrapper/top_bg.gif");
	background-position: bottom;
	background-repeat: no-repeat;*/
	height: 70px;
	background-color: #1d5775;
}
#middle {
	/*background-image: url("../image/web/wrapper/middle_bg.gif");
	background-position: top;
	background-repeat: repeat-y;*/
	background-color: #ffffff;
}
#bottom {
	/*background-image: url("../image/web/wrapper/bottom_bg.gif");
	background-position: bottom;
	background-repeat: no-repeat;*/
	height: 40px;
	background-color: #eeeeee;
	display: none;
}


/* CONTAINERS */
#printelements {
	display: none;
}
#menu1 {
	height: 26px;
	background-color: #194a64;
}
#animation {
	height: 165px;
	width: 750px;
	margin: 0px 25px 5px 25px;
	background-image: url("../image/web/menu/menu2_back.gif");
	background-position: top;
	background-repeat: repeat-y;
}
#messages {
	width: 750px;
	padding: 0px 25px 0px 25px;
	background-image: url("../image/web/wrapper/messages_bg.gif");
	background-position: top;
	background-repeat: repeat-y;
	float: left !important;
}
#fpnews {
	width: 750px;
	margin: 0px 25px 5px 25px;
	background-image: url("../image/web/wrapper/fpnews_bg.gif");
	background-position: top;
	background-repeat: repeat-y;
	float: left !important;
}
#fpcontent {
	margin: 20px auto;
}
#content {
	margin: 20px auto;
	padding-bottom: 5px;
}
#menu2 {
	background-color: #3683ac;
}
#menu2fp {
	/*background-color: #3683ac;*/
}
#hr {
	height: 20px;
	width: 750px;
	margin: 0px 25px 0px 25px;
	float: left;
	display: none;
}
#footer {
	position: relative;
	height: 35px;
}
#footer div {
	position: absolute;
	z-index: 100;
	top: 0px;
	left: 0px;
}
#footer div.right {
	right: 0px;
	left: auto;
}
#footer a,
#footer a:hover {
	color: #999;
}
.whitetextblock {
	padding: 20px 0px 20px 25px;
	border-left: 5px solid #ffffff;
}
.whitetextblock, .whitetextblock * {
	color: #ffffff;
}


/* ELEMENTS */
.logo {
	margin: 15px 0px 0px 0px;
}
.message {
	width: 375px;
	float: left;
}
.item {
	margin: 20px 40px 20px 35px;
}
#menu2fp .item {
	margin: 20px 0px 20px 0px;
}
#menu2fp * {
	color: #999 !important;
}
#menu2fp a, #menu2fp a:hover {
	padding: 0px;
	background-image: none;
	background-color: #eee !important;
}
#menu2fp .formbut {
	color: #fff;
}
.search {
	position: absolute;
	z-index: 100;
	top: 30px;
	right: 0px;
}
.shoppage {
	margin: 20px 0px 0px 0px;
}
.shoppage .search {
	float: left;
	width: 175px;
	height: 34px;
	padding: 10px 0px 0px 35px;
}
.shoppage .sitenav {
	float: left;
	width: 748px;
	height: 44px;
	padding-left: 15px;
	line-height: 44px;
}
.shoppage .sitenav a {
	line-height: 44px;
}
.shoppage .cart {
	float: left;
	width: 142px;
	height: 44px;
	line-height: 44px;
	padding-left: 45px;
	margin-right: 5px;
	background-image: url("../image/web/cart.png");
	background-position: 8px 8px;
	background-repeat: no-repeat;
	color: #ffffff;
}
.shoppage .cart a {
	color: #ffffff;
	line-height: 44px;
	text-decoration: none;
}
.shoppage .loggedinline {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 763px;
	height: 44px;
	width: 117px;
	line-height: 44px;
	border-left: 5px solid #ffffff;
	padding: 0px 30px 0px 40px;
	background-image: url("../image/web/user.png");
	background-position: 8px 8px;
	background-repeat: no-repeat;
}
.shoppage .loggedinline a {
	color: #333;
	margin-left: 3px;
	line-height: 44px;
	position: absolute;
	z-index: 100;
}
.shoppage .loggedinline a img {
	display: none;
}
.header {
	border-top: 5px solid #ffffff;
}
.address, .times {
	border-top: 5px solid #ffffff;
	padding: 15px 20px;
}
.address * {
	color: #fff;
}
.times {
	margin-bottom: 20px;
}
.pageleft {
	width: 175px;
	height: 100%;
	float: left;
}
.pageright {
	width: 775px;
	float: left;
	margin-left: 10px;
}
.newsitem {
	float: left;
	width: 290px;
	height: 130px;
	margin: 30px 50px 0px 35px;
}
.newsitem img {
	float: right;
	margin-left: 30px;
}
.newsitem div {
	height: 110px;
}
.menu2item {
	padding: 20px 0px;
}
.hr {
	margin-left: 35px;
}
.nixel {
	width: 750px;
	height: 1px;
	clear: both;
	margin-left: 25px;
	line-height: 1px;
}
.labels {
	float: right;
	display: none;
}
.labels img {
	margin-left: 15px;
}


/* FORM STYLES */
.formbut {
	position: relative;
	display: inline-block;
	color: #ffffff;
	height: 25px; 
	line-height: 20px;
	cursor: pointer;
	padding: 0px 10px 0px 10px;
	overflow: visible;
	font-size: 13px;
	border-width: 0px;
	/* --- GRADIENT --- */
	/* OPERA   */ background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3ClinearGradient%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%20id%3D%22gr%22%3E%3Cstop%20stop-color%3D%22%23444444%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23111111%22%2F%3E%3C%2FlinearGradient%3E%3Crect%20fill%3D%22url(%23gr)%22%20width%3D%22100%25%22%20height%3D%22100%25%22%2F%3E%3C%2Fsvg%3E");
	/* WEBKIT  */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #111111));
	/* MOZILLA */ background: -moz-linear-gradient(top, #444444, #111111 100%);
	/* BACKUP  */ background-color: #444444;
	/* IE      */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', endColorStr='#111111', GradientType=0);
}
.formline {
	position: relative;
	display: inline-block;
	border: 1px solid #dddddd;
	height: 19px;
	background-color: #ffffff;
	width: 290px;
	line-height: 19px;
	padding: 2px 5px 2px 5px;
}
select.formline {
	padding: 0px;
	height: 25px;
	width: 300px;
}
.formarea {
	position: relative;
	display: inline-block;
	border: 1px solid #dddddd;
	padding: 2px 5px 2px 5px;
	background-color: #ffffff;
	width: 290px;
	height: 100px;
}
.formline:focus, .formarea:focus,.formline.focus, .formarea.focus {
	border-color: #222222;
}
.formbut:hover, .formbut.hover {
	/* --- GRADIENT --- */
	/* OPERA   */ background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3ClinearGradient%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%20id%3D%22gr%22%3E%3Cstop%20stop-color%3D%22%23ff6600%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff1e00%22%2F%3E%3C%2FlinearGradient%3E%3Crect%20fill%3D%22url(%23gr)%22%20width%3D%22100%25%22%20height%3D%22100%25%22%2F%3E%3C%2Fsvg%3E");
	/* WEBKIT  */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff6600), color-stop(1, #ff1e00));
	/* MOZILLA */ background: -moz-linear-gradient(top, #ff6600, #ff1e00 100%);
	/* BACKUP  */ background-color: #ff6600;
	/* IE      */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff6600', endColorStr='#ff1e00', GradientType=0);
}
input[type=radio] {
	margin: 0px 4px 0px 4px;
}
.formtable {
}
.formtable td {
	border-bottom: 2px solid #fff;
}
td.formlabel {
	background-color: #eeeeee;
	border-right: 2px solid #fff;
	padding: 0px 5px;
	line-height: 23px;
	width: 100px;
}
td.formrequired {
	background-color: #cccccc;
}
.formnotify {
	padding: 5px 10px;
	border: 1px dotted #999;
	margin-top: 10px;
}
td.formextra {
	padding-top: 10px;
}
td.formextra .formbut {
	float: right;	
}


/* MENU STYLES */
.menu1, .menu1:hover, .menu1selected, .menu1selected:hover {
	color: #357ea5;
	display: block;
	float: left;
	line-height: 26px;
	margin-right: 20px;
	text-decoration: none;
}
.menu1:hover, .menu1selected, .menu1selected:hover {
	color: #ffffff;
}
.menu2, .menu2selected {
	color: #ffffff;
	display: block;
	float: left;
	width: 175px;
	margin-right: 5px;
	padding-left: 10px;
	background-image: url("../image/web/menu/menu2_dot.gif");
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}
.menu2:hover {
	color: #ffffff;
	background-color: #222222;
	background-image: none;
	text-decoration: none;
}
#menu2fp .menu2:hover {
	color: #999999;
	background-color: #222222;
	background-image: none;
	text-decoration: none;
}
.menu2selected, .menu2selected:hover {
	color: #ffffff;
	background-color: #222222;
	background-image: none;
	text-decoration: none;
}


/* ExtraZake FUNCTION STYLES */
.highlight {
	background-color: #FFFF00;
}
.formrequired {
	color: #FFFF00;
}
.photothumb {
	width: 77px;
	height: 77px;
	border: 1px solid #CCCCCC;
	background-color: #fff;
	text-align: center;
}

/* SHOPPAGINAS */
.shopcategory {
	float: left;
	margin: 0px 5px 5px 0px;
}
.shopcategory .picture {
	border: 1px solid #ddd;
	text-align: center;
	width: 185px;
	height: 90px;
}
.shopcategory .link {
	border: 1px solid #1d5775;
	background-color: #1d5775;
	border-color: #eee;
	background-color: #eee;
	text-align: center;
}
.shopcategory .link a, .shopcategory .link a:hover {
	line-height: 24px;
	text-decoration: none;
}
.shopsubcategory {
	float: left;
	background-image: url("../image/web/menu/morelink_bg.gif");
	background-position: 0px 6px;
	background-repeat: no-repeat;
	width: 205px;
	margin: 0px 20px 0px 0px;
	padding-left: 15px;
	border-bottom: 1px solid #ddd;
}
.shopsubcategory a {
	line-height: 22px;
	display: block;
	text-decoration: none;
}
.shoppagelogo {
	height: 50px;
}
.shoppagelogo img {
	margin-right: 10px;
}
.shoparticle {
	border-bottom: 1px solid #ddd;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 300px;
	float: left;
	height: 100px;
	padding-bottom: 5px;
}
.shopextended {

}


.verkoopinc, .verkoopinc * {
	color: #bbbbbb;
	font-weight: normal;
}
.verkoopexc, .verkoopexc * {
	color: #1d5775;
	font-weight: normal;
}
.inkoopexc, .inkoopexc * {
	color: #1d5775;
	font-weight: bold;
}


/* ACTIONS / AANBIEDINGEN */
.action { /* erft eigenschappen van class "shopcategory" */
	background-color: #ffffff;
	cursor: pointer;
}
.action .link {
	background-color: #ff5400;
	border-color: #ff5400;
}
.action .link a, .action .link a:hover {
	color: #ffffff;
	text-decoration: none;
}
.action .picture {
	text-align: left;
}
.action .picture img {
	margin: 3px;
	position: absolute;
}
.action .actionprices {
	background-color: #1d5775;
	width: 97px;
	position: absolute;
	margin: 0px 0px 0px 90px;
	padding: 2px 5px 2px 5px;
	min-width: 87px;
	max-width: 87px;
	z-index: 100;
}
.action .actionprices b {
	font-size: 12px;
}
.action .actionprices strong {
	font-size: 18px;
	margin: 4px 0px 4px 0px;
	display: block;
}
.action .actionprices * {
	color: #ffffff;
}
.actionproduct { /* erft eigenschappen van class "shopcategory" */
	background-color: #ffffff;
}
.actionproduct .link {
	background-color: #ff5400;
	border-color: #ff5400;
}
.actionproduct .link a, .actionproduct .link a:hover {
	color: #333333;
}
.actionproduct .picture {
	text-align: left;
}
.actionproduct .picture img {
	margin: 3px;
	position: absolute;
}
.actionproduct .actionprices {
	background-color: #1d5775;
	width: 97px;
	position: absolute;
	margin: 3px 3px 3px 60px;
	padding: 2px 5px 2px 5px;
	min-width: 87px;
	max-width: 87px;
}
.actionproduct .actionprices b {
	font-size: 12px;
}
.actionproduct .actionprices strong {
	font-size: 18px;
	margin: 4px 0px 4px 0px;
	display: block;
}
.actionproduct .actionprices * {
	color: #ffffff;
}


@media Print {
	html, body, .printable, #holder, #middle, #messages, #fpnews, #content, #fpcontent, #hr, #frontpage, #page {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-image: none;
		background-color: #ffffff;
	}
	html, body, input, textarea, select, form, a, p, span, div, td, font, h1, h2, h3, img {
		color: #000000;
		background-color: #ffffff;
	}
	.noprint {
		display: none;
	}
	#printelements {
		display: block;
	}
	#content {
		margin-left: 0px;
	}
	#fpcontent {
		margin-left: 20px;
	}
	.menu1, .menu1selected, .menu2, .menu2selected, .menu3, .menu3selected, .whitetextblock, .whitetextblock * {
		color: #000000;
	}
}