* {
	font-family:arial;
	font-size:12px;
	line-height:17px;
}

html {
	overflow-y:scroll;
	padding:0 0 30px 0;
}

body {
	margin:0;
	padding:0;
	background:url('/images/background.jpg');
	text-align:center;
}

.wrapper {
	width:960px;
	margin:auto;
	text-align:left;
}

.header {
	position:relative;
	width:960px;
	height:240px;
	background:url('/images/header.png');
}

.header .hitbox {
	position:absolute;
	top:10px;
	left:23px;
	width:156px;
	height:219px;
	background:transparent;
}

.header h1 {
	position:absolute;
	top:179px;
	left:205px;
	font-size:32px;
	color:#2a418d;
}

.header h1 a {
	font-size:32px;
	color:#2a418d;
	text-decoration:none;
}

.header h1 a:hover {
	
}

.header .tel, .header .email {
	position:absolute;
	font-weight:bold;
	color:#455fb3;
}

.header .tel {
	top:190px;
	left:775px;
}

.header .tel a {
	text-decoration: none;
	color: #455fb3;
}

.header .email {
	top:215px;
	left:775px;
}

.content_wrapper {
	position:relative;
	width:958px;
	background:#e1e1e1;
	border-right:1px solid #252525;
	border-left:1px solid #252525;
	overflow:auto;
}

.nav {
	float:left;
	width:190px;
	margin:0;
	padding:30px 0 100px 0;
	list-style:none;
}

.nav a.top {
	display:block;
	width:134px;
	height:27px;
	margin:0 0 10px 15px;
	padding:0;
	background-image:url('/images/menu.png');
	background-repeat:no-repeat;
	text-indent:-1000px;
	font-size:25px; 
}

a.catalogus {background-position:0 0;}
a.introductie {background-position:0 -26px;}
a.referenties {background-position:0 -50px;}
a.contact {background-position:0 -75px;}
a.voorwaarden {background-position:0 -99px;}
a.links{background-position:0 -125px;}

a.catalogus:hover, a.catalogus.active {background-position:-134px 0;}
a.introductie:hover, a.introductie.active {background-position:-134px -26px;}
a.referenties:hover, a.referenties.active {background-position:-134px -50px;}
a.contact:hover, a.contact.active {background-position:-134px -75px;}
a.voorwaarden:hover, a.voorwaarden.active {background-position:-134px -99px;}
a.links:hover, a.links.active {background-position:-134px -125px;}

.nav ul.main {
	width:190px;
	margin:0;
	padding:0 0 15px 15px;
	list-style:none;
}

.switch {
	cursor:pointer;
}

.nav ul.main li {
	display:block;
	width:auto;
	height:auto;
	margin:0 0 5px 10px;
	background:none;
	font-weight:bold;
	color:#4c4c4c;
}

.nav ul.sub {
	display:none;
	margin:0;
	padding:0 0 5px 18px;
	list-style:none;
}

.nav ul.sub li {
	display:block;
	margin:3px 0 0 0;
	padding:0;
	font-weight:normal;
}

.nav ul.sub li a {
	text-indent:0;
	font-size:12px;
	color:steelblue;
	text-decoration:none;
}

.nav ul.sub li a.selected {
	color:red;
}

.nav ul.sub li a:hover {
	font-weight:bold;
}

.nav ul.sub li a {

}

.content {
	float:left;
	width:716px;
	padding:10px 0 20px 17px;
}

.ref {
	width:697px;
	margin:5px 0 10px 0;
	padding:6px;
	background:#bccae8;
	border:1px solid #9eacc9;
	overflow:auto;
}

.ref img {
	float:left;
	width:125px;
	height:125px;
	margin:0 10px 0 0;
	border:1px solid #2a418d;
}

.ref h3 {
	margin:0 0 5px 0;
	font-size:12px;
	color:#2a418d;
}

.ref p {
	margin:0;
	color:#444;
}

.ref a {
	color:#3366ff;
}

div.pagenation {
	width:100%;
	clear:both;
	font-weight:bold;
}

div.pagenation a {
	text-decoration:none;
	padding:0 2px;
	font-weight:normal;
}

div.pagenation a.active {
	color:red;
}

div.pagenation a:hover {
	font-weight:bold;
}

div.article {
	position:relative;
	float:left;
	width:339px;
	height:127px;
	margin:5px 5px 0 0;
	padding:6px;
	background:#bccae7;
	border:1px solid #9eacc9;
}

div.article img {
	float:left;
	margin:0 6px 0 0;
	border:1px solid #2a428c;
}

div.article div.text {
	width:180px;
	float:left;
}

div.article div.text .title {
	margin:0;
	font-weight:bold;
	color:#2a408c;
}

div.article div.text .actie {
	color:red;
}

div.article div.text .description {
	display:block;
	height:90px;
	margin:0;
}

div.article div.text a {
	color:#3366ff;
}

.price {
	font-weight:bold;
	color:#2a408c;
}

.stock {
	font-weight:bold;
	color:#2a408c;
}

div.article div.text .stock{
	position:absolute;
	top:99px;
	left:140px;
}

div.article div.text .price {
	position:absolute;
	top:118px;
	left:140px;
}

.bord {
	position:absolute;
	bottom:11px;
	left:15px;
}


.footer {
	width:958px;
	height:25px;
	background:url('/images/footer.png');
	border-right:1px solid #252525;
	border-bottom:1px solid #252525;
	border-left:1px solid #252525;
}

.more {
	width:750px; 
	padding:10px;
	text-align:justify;
}

.more h2 {
	margin:5px 0 5px 0;
	font-size:14px;
	color:#2a428c;
}

.more img {
	display:block;
	float:left;
	min-width:350px;
	margin:0 10px 10px 0;
	border:1px solid #2a428c; 
}