body {
	background-color:#424647;
	color:#fff;
	font-family: Arial, Helvetica, Verdana,sans-serif; 
	font-size:12px;
	line-height:18px;
}

#wrapper {
	position:relative;
	width:962px;
	margin:0 auto;
	padding-top:20px;
	paddin-bottom:10px;
}

#logo {
	text-align:right;
	margin-bottom:15px;
}


#breadcrumb {
	position:absolute;
	top:85px;
	left:210px;
	color: #838686;
	font-size:10px;
}

#breadcrumb A {
	color: #838686;
	line-height: 30px;
	text-decoration:none;
}
#breadcrumb A:hover {
	color: #fff;
}


#menu {
	position:relative;
	background-color:#8e9091;
	width:181px;
	height:611px;
	float:left;
	margin-right:30px;
}


#menu A {
	color: #313332;
	line-height: 25px;
	padding-left:25px;
	margin-top:5px;
	display:block;
	text-decoration:none;
}

#menu A:hover, #menu A.active {
	font-weight:bold;
	color: #fff;
	background-color: #606465;
}

#menu A.sub, #menu A.subactive {
	color: #cecece;
	font-size:11px;
	line-height:20px;
	padding-left:40px;
	margin-top:0px;
	display:block;
	text-decoration:none;
	background: #606465 url(/assets/images/li.gif) no-repeat;;
	background-position: 25px 6px;
}
#menu A.sub:hover, #menu A.subactive {
	font-weight:normal;
	color: #8e9091;
}

#menu #submenu {
	position:absolute;
	top:375px;
	left:0px;
	width:181px;
}
#menu #submenu A {
	color: #565858;
	font-size: 11px;
	line-height: 29px;
	margin:0 18px;
	padding:0px;
	display:block;
	text-decoration:none;
	border-top: 1px #777a7b solid;
	background: url(/assets/images/submenu_bg.gif) no-repeat;
}
#menu #submenu A:hover, #menu #submenu A.active {
	font-weight:normal;
	background-position: 0 -29px;
	color: #313332;
}

#menu #socialmedia, #menu #socialmedia A, #menu #socialmedia A:hover  {
	position:absolute;
	bottom:20px;
	left:0px;
	padding:0px;
	margin:0px;
	background:none;
}

#menu #vhg, #menu #vhg A, #menu #vhg A:hover {
	position:absolute;
	bottom:0px;
	left:0px;
	padding:0px;
	margin:0px;
	background:none;
}

#body {
	position: relative;
	width:751px;
	height:611px;
	float:left;
}


#body A {
	color: #7fab0c;
	text-decoration:none;
}

#body A:hover {
	color: #c0c0c0;
}
#text {
	background-color:#5e6262;
	padding: 25px;
}
#text H1{
	letter-spacing:2px;
	font-size:15px;
	padding:0px;
	margin:0px;
	font-weight:normal;
}

#text H3{
	font-size:14px;
	padding:0px;
	margin:0px;
}

.illu1a {position:absolute;top:0px;left:0px;}
.illu1b {position:absolute;top:0px;left:188px;}
.illu1c {position:absolute;top:0px;left:376px;}
.illu1d {position:absolute;top:0px;left:564px;}

.illu2a {position:absolute;top:188px;left:0px;}
.illu2b {position:absolute;top:188px;left:188px;}
.illu2c {position:absolute;top:188px;left:376px;}
.illu2d {position:absolute;top:188px;left:564px;}

.illu3a {position:absolute;top:376px;left:0px;}
.illu3b {position:absolute;top:376px;left:188px;}
.illu3c {position:absolute;top:376px;left:376px;}
.illu3d {position:absolute;top:376px;left:564px;}

#body A.overlay {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	background: url(/assets/images/overlay.png) no-repeat;
	z-index:1001;
	width:187px;
	height:32px;
	padding-top:155px;
	line-height:32px;
	text-decoration: none;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}

#adres {
	position:absolute;
	font-size:11px;
	top:568px;
	left:0px;
	width:751px;
	height:33px;
	text-align:center;
	background-color:#55595a;
	margin-top:10px;
	line-height:33px;
	letter-spacing:2px;
	color:#aaacac;
}
#adres A {
	color:#aaacac;
	text-decoration:none;
}
#adres A:hover {
	color:#fff;
	text-decoration:none;
}

#voorwaarden {
	position:absolute;
	font-size:10px;
	top:615px;
	left:0px;
	width:751px;
	text-align:right;
	line-height:14px;
	color:#5d6061;
}
#voorwaarden A {
	color:#5d6061;
	text-decoration:none;
}
#voorwaarden A:hover {
	color:#a8a9ab;
	text-decoration:none;
}

input {
	BORDER: 0px solid;
	VERTICAL-ALIGN: baseline;
	BACKGROUND-COLOR: #c6c7c8;
	HEIGHT: 18px;
	WIDTH: 175px;
	COLOR: #000;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
}

.datum {
	float:left;
	width:100px;
	color: #9ca0a1;
	font-size:10px;
}

.nieuwscontent {
	float:left;
}
.titel {
	color: #96cb00;
}

.line {
	height: 1px;
	background-color: #4a4e4f;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	float:none;
}

.bollen {
	border: 1px #7a7d7d solid;
	padding: 5px;
	float:left;
	margin: 0px 10px 10px 0px;
	width: 320px;
	line-height:20px;
}

.bollen img {
	float:left;
	margin-right: 10px;
}

.bollen label {
	float:left;
	width:90px;
	color:#bfc1c1;
}


.bollen input {
	width:40px;
	border: none;
	background-color:#505454;
	height: 14px;
	line-height:14px;
	text-align: center;
	color:#fff;
}
.submit {
	width:250px;
	border: none;
	background-color:#98cb00;
	height: 16px;
	line-height:16px;
	text-align: center;
	color:#9c2c34;
	font-weight:bold;
}

.clear {
	clear:both;
	float:none;
}






.artikel {
	float:none;
	clear:both;
width:650px;
}
.artikel .omschrijving {
	float:left;
	width:290px;
}
.artikel .eenheid{
	float:left;
	width:50px;
	text-align:right;
	margin-right:10px;
}
.artikel .aantal{
	float:left;
	width:50px;
	text-align:right;
	margin-right:10px;
}
.artikel .prijspereenheid{
	float:left;
	width:90px;
	text-align:right;
	margin-right:10px;
}

.artikel .totaal{
	float:left;
	width:80px;
	text-align:right;
	margin-right:10px;

}



