﻿body { 
	background-color: #727578;
	font-family: Verdana, Arial;
	font-size: 12px;
	letter-spacing: 0px;
	background-image: url('../images/bg.gif');	
	line-height: 16px;	
}

a { color: #2577AF; text-decoration: none; }
a:hover { color: #00548B; text-decoration: underline; }

h1 {
	font-size: 35px; color: #333;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 35px; font-family: Arial; letter-spacing: 0;
}
h2 {
	font-size: 25px; font-family: Arial; letter-spacing: 0;
}
h3 {
	font-size: 20px;
	color: #333;
	margin: 0;
	margin-bottom: 4px; font-family: Arial; letter-spacing: 0;
} 

fieldset {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #efefef;
}
.prodlistprev {
	float: left;
	width: 150px;
	padding: 4px;
	border: 1px solid #ccc;
	margin-right: 10px;
}
.prodlistprev:hover {
	border: 1px solid #666;
}

#container {
	width: 867px; /* 882 */
	background-color: #fff;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url('../images/bgbody.jpg');
	background-repeat: repeat-y;	
}
#container #header {
	height: 220px;
	display: block;
	position: relative;
	background-image: url('../images/header.jpg');
	background-repeat: no-repeat;
	overflow: hidden;
	white-space: nowrap;
}
#container #header .logo a {
	display: block;
	width: 450px;
	height: 130px;
	position: absolute;
	left: 10px;
	top: 10px;

}
#container #header #submenu {
	position: absolute;
	right: 10px;
	top: 10px;
}
#container #header #submenu a {
	margin-left: 20px; text-decoration: none; color: #000;
}
#container #header #submenu a:hover {
	color: #d06017;
}
#container #header #menu {
	position: absolute;
	left: 0px;
	top: 151px;
	overflow: hidden;
	white-space: nowrap;
	width: 900px;
}
#container #header #menu .menu_btn {
	background-color: #bac7ce;
	display: block; float: left;
	width: 123px; height: 35px; font-family: Arial; letter-spacing: 1px;
	margin-right: 1px;
}
#container #header #menu .menu_btn a {
	display: block;
	width: 122px; height: 22px;
	text-align: center;
	font-size: 15px;
	padding-top: 8px;
	font-weight: bold;
	color: #666563;
	text-decoration: none;
	background-image: url('../images/btnbg.jpg');
	background-repeat: no-repeat;	
	background-position: 0px 0px;
}
#container #header #menu .menu_btn a:hover {
	color: #d06017;
	background-position: 0px -35px;	
}
#container #header #menu .menu_btn_on a {
	background-color: #6597BA;
	background-image: none;
	color: #fff;
	background-image: url('../images/activemenu.jpg');		
}
#container #header #menu .menu_btn_on a:hover {
	background-position: 0px 0px; color: #fff;	
}

#container #header #submenu2 {

	position: absolute;
	left: 0px;
	top: 181px;
	width: 869px; height: 30px;
	background-image: url('../images/submenu.jpg');	
}
#container #header #submenu2 a {
	margin-top: 6px;
	margin-left: 30px;
	display: block;
	color: #fff;
	margin-right: 20px;
	text-decoration: none; float: left;
}
#container #header #submenu2 a:hover {
	color: #94A8C1;
}	

/* CONTENT */

#container #content {
	padding: 25px;
	padding-top: 0px;
}
#container #content .titlebar {
	display: block;
	background-color: #d9681f;
	height: 50px;
	width: 100%;
	border: 1px solid #ddd;
	border-bottom: 0px;
	background-image: url('../images/titlebar.gif');	
}
#container #content .titlebar span {
	padding: 10px; display: block; font-size: 30px; color: #fff; font-weight: bold; padding-top: 17px; padding-left: 23px; font-family: arial; letter-spacing: 0;
}
#container #content .titlebar h1 {
	padding: 10px; display: block; font-size: 30px; color: #fff; font-weight: bold; padding-top: 10px; padding-left: 23px; line-height: 1;
}
#container #content .subbar {
	display: block;
	background-color: #ebdbc4;
	height: 28px;
	width: 100%;
	border: 1px solid #ebdbc4;
	border-top: 2px solid #fff;
	background-image: url(../images/bg2.gif);
	background-repeat: repeat-y;
	background-position: 640px 0px;
	border-bottom: 0px;
	position: relative;
}
#container #content .subbar a, #container #content .subbar span {
	display: block; 
	float: left;

	font-size: 12px; text-align: left;
	padding-top: 5px; padding-left: 20px;
	/*background-image: url('../images/div.jpg');		
	background-repeat: no-repeat;	
	background-position: 0px 5px;*/
	color: #666; font-weight: bold; text-decoration: none;
}
#container #content .subbar a.nobg {
	background-image: none;
}
#container #content .subbar a:hover {
	color: #01538B;
}
#container #content .subbar .icon  {
	position: absolute;
	right: 178px;
	top: 0;
	width: 35px;
	height: 28px;
	background-image: url('../images/subbarbg.gif');		
}
#container #content .body {
	background-image: url(../images/bg2.gif);
	background-repeat: repeat-y;
	background-position: 640px 0px;
	width: 100%;
	border: 1px solid #ddd;
	border-top: 0;
}
#container #content .text {
	width: 555px;
	padding: 20px;
	padding-top: 0px;
	overflow: hidden;
	display: block;
	height: 100%;

}
#container #content .textpage {
	padding-top: 20px;
	background-color: #fff;
	width: 777px;
	min-height: 500px;
}
#container #content .textpage a {
	color: #ba4900;
	font-weight: bold;
}
#container #content .text  .crums {
	padding: 5px;
	border: 1px solid #efefef;
	margin-bottom: 15px;
}
#container #content .text .descr {
	margin-top: 20px;
}
#container #content .text .descr img {

	max-width: 560px;

	display: block;
}
#container #content .text .descr ul {
	margin-top: 20px;
	list-style-type: bullet; 
}
#container #content .text .descr ul li {
	background-image: url('../images/bull.gif');
	background-repeat: no-repeat;
	background-position: 175px 1px;
	padding-left: 185px;
}

#container #content .right {
	width: 137px; /* was 180 */
	padding: 20px;
	float: right;
	display: block;
	height: 100%;
	display: block;
	text-align: center;	
	position: relative;
}
/* prijs op de 1 product pagina */
.price {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 43px;
	text-align: center;
	color: #666; font-weight: bold;

	display: block;
	margin-top: 20px;
}
/* prijs op de 1 product pagina */
.price_productpag {
	font-size: 39px;
	text-align: center;
	color: #666; font-weight: bold;
	overflow: visible;
	height: 50px;
	display: block;
	margin-top: 20px;
}


#container #content .right .price .price_small {
	font-size: 25px;
}
#container #content .right .buynow {
	height: 34px;
	width: 108px;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 0px;	
}
#container #content .right .buynow a {
	display: block;
	height: 34px;
	width: 108px;
	background-image: url('../images/buy.jpg');		
	background-repeat: no-repeat;	
	background-position: 0px 0px;	
}
#container #content .right .buynow a:hover {
	background-position: 0px -34px;
}
#container #content .right .buynow2 {
	height: 34px;
	width: 108px;
	display: block;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 20px;	
}
#container #content .right .buynow2 a {
	display: block;
	height: 34px;
	width: 108px;
	background-image: url('../images/buy2.jpg');		
	background-repeat: no-repeat;	
	background-position: 0px 0px;	
}
#container #content .right .buynow2 a:hover {
	background-position: 0px -34px;
}
#container #content .right img {
	border: 2px solid #ba4800;
}

/* footer */

#container .footer {
	padding-top: 10px;
	text-align: center;
	padding-bottom: 10px;
}
#container .copyright {
	text-align: right;
	margin-right: 20px;
	font-size: 9px;
	color: #666;
	padding-bottom: 10px;	
}

/* product page */

.product_row {
	margin-top: 10px;
	padding: 0px; 
	margin-bottom: 10px;

	clear: both;
	height: 170px;
	width: 832px;
}
.row_high {
	height: 310px;
}
.product_row h2 {
	color: #666;
}

.product_row .product {
	width: 385px; float: left;
	border: 1px solid #DDDDDD;	
	height: 120px;
	padding: 20px;
}
.product_row .product a {
	color: #ba4900;
	font-weight: bold; letter-spacing: 0;
}
.product_row .product h2 a {
	color: #666;
}
.product_row .product h2 a:hover {
	color: #ccc;
	text-decoration: none;
}
.product_row .product_price {
	width: 330px; float: right;
	border: 1px solid #DDDDDD;	
	height: 120px;	
	padding: 20px;	
	position: relative;
	margin-right: 14px;
}
/*.product_row .product_price .price {
	float: right;
	font-size: 34pt;
	color: #666; font-weight: bold; letter-spacing: 0;
	padding-top: 10px;
	position: absolute;
	right: 20px;
	top: 20px;	
	height: 50px;
}*/
.product_row .price_high {
	height: 302px; text-align: center;
}
.product_row .price_high div span {
	color: #00548c; text-align: center;
	font-size: 16px; display: block; padding: 10px; font-weight: bold; margin-top: 30px; margin-bottom: 30px;
}
.product_row .price_high div {
	color: #666666; text-align: center;
	font-size: 11px; display: block; padding: 10px;
}

.product_box {
    height:120px;
}

.featured {
	font-size: 14px;
	font-weight:bold;
	display:block;
}
/* .featured span { 
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
} */

/* demo */

#container #content .right .demonow {
	height: 34px;
	width: 108px;
	display: block;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 0px;	
}
#container #content .right .demonow a {
	display: block;
	height: 34px;
	width: 108px;
	background-image: url('../images/demo.jpg');		
	background-repeat: no-repeat;	
	background-position: 0px 0px;	
}
#container #content .right .demonow a:hover {
	background-position: 0px -34px;
}
#container #content .right .demonow2 {
	height: 34px;
	width: 108px;
	display: block;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 20px;	
}
#container #content .right .demonow2 a {
	display: block;
	height: 34px;
	width: 108px;
	background-image: url('../images/demo2.jpg');		
	background-repeat: no-repeat;	
	background-position: 0px 0px;	
}
#container #content .right .demonow2 a:hover {
	background-position: 0px -34px;
}

/* /demo */


.filesize {
	color: #4866bd;
}
.requirements {
	width: 140px;
	margin: 0 auto;
	text-align: left;
	color: #666;
}
.requirements ul li {
	background-image: url('../images/bull.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 10px;
}

