html, body {
	height: 100%;
}

a:link, a:visited, a:active {
	text-decoration: none; 
	color: #FFF;
} 

a:hover {
	text-decoration: underline; 
	color: #FFF
}

img.left {
	margin: 0px; 
	margin-right: 10px;
}

img.right {
	margin: 0px; 
	margin-left: 10px;
}

body, td, input, select, textarea {
	color: #000; 
	font-family:arial, helvetica, sans-serif; 
	font-size: 12px;
}
table.pcshop {
	margin-top: -5px;
	margin-left: 20px;
}
.pcshop th {
	text-align: left;
	width: 50px;
}
.pcshop td {
	color: #fff;	
}

.pagina {
	margin: 0px 0px 0px 0px;
	background: #00396B url(images/bg-pagina.jpg) top left repeat-x;
}

.home {
	width: 778px;
	background: #F7F7F9 url(images/bg-home-onder.gif) bottom left no-repeat;
	padding: 0px 0px 20px 0px;
	margin: 0px auto 0px auto;
}

.remoteSupport {
	width: 763px;
	padding: 0px 15px 0px 0px;
	margin: 0px auto 10px auto;
	text-align: right;
	font-size: 11px;
}

.home .bovenbalk {
	width: 778px;
	height: 82px;
	background:url(images/bg-home-boven.gif) top left no-repeat;
	overflow: hidden;
}

.home .menu {
	width: 768px;
	height: 324px;
	overflow: hidden;
	margin: 0px 0px 0px 10px;
}

.home .menu a:link, .home .menu a:visited, .home .menu a:active, .home .menu a:hover {
	display: block;
	width: 188px;
	width/**/:/**/ 168px;
	height: 324px;
	height/**/:/**/ 199px;
	text-decoration: none; 
	color: white;
	padding: 125px 10px 0px 10px;
	margin: 0px 2px 2px 0px;	
	overflow: hidden;
	font-size: 11px;
	line-height: 18px;
	float: left;
} 

.automatisering span, .kantoorinrichting span {
	display: none;
}

a.automatisering {
	background: url(images/btn-automatisering.jpg) top left no-repeat;
}

a.automatisering:hover {
	background: url(images/btn-automatisering.jpg) top right no-repeat;
}

a.kantoorinrichting {
	background: url(images/btn-kantoorinrichting.jpg) top left no-repeat;
}

a.kantoorinrichting:hover {
	background: url(images/btn-kantoorinrichting.jpg) top right no-repeat;
}

a.shop {
	background: url(images/btn-shop.jpg) top left no-repeat;
}

a.shop:hover {
	background: url(images/btn-shop.jpg) top right no-repeat;
}

a.groep {
	background: url(images/btn-havl-groep.jpg) top left no-repeat;
}

a.groep:hover {
	background: url(images/btn-havl-groep.jpg) top right no-repeat;
}

.home .shopnieuws {
	width: 758px;
	margin: 0px;
	padding: 30px 0px 0px 0px;
	background: url(images/bg-home-shop-nieuws.gif) top left no-repeat;
	overflow: hidden;
}
.home .shopnieuwsOnder {
	margin: 2px 0px 0px 10px;
	width: 758px;
	padding: 0px 0px 25px 0px;
	background:url(images/bg-home-shop-nieuws-onder.gif) bottom left no-repeat;
	overflow: hidden;
}

.pcshop, .nieuws {
	width: 360px;
	float: left;
	padding: 0px 10px 0px 9px;
	color: white;
	font-size: 11px;
	line-height: 18px;
}

.nieuws ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.nieuws li {
	padding: 0px 0px 0px 15px;
	background:url(images/ico-bullit.gif) top left no-repeat;
}

.nieuws a:link, .nieuws a:visited, .nieuws a:active {
	text-decoration: none; 
	color: #FFF;
} 

.nieuws a:hover {
	text-decoration: underline; 
	color: #FFF
}


/* NIEUW DOOR KOEN */

.shopnieuwsOnder2 {
	margin: 2px 0px 0px 10px;
	width: 758px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.pcshopbloklinks {
	width: 376px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.pcshopbloklinks2 {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.nieuwsblokrechts {
	width: 378px;
	margin: 0px;
	padding: 0px;
	float: right;
}

.pcshopblok {
	width/**/:/**/357px; /* 376px */
	_height: 1px;
	min-height: 1px;
	padding: 30px 10px 0px 9px;
	margin:0px;
	color: white;
	font-size: 11px;
	line-height: 18px;
	background: url(images/bg-shop.gif) top left no-repeat;
}

.pcshopblokonder {
	width: 376px;
	height: 15px;
	padding: 0px;
	margin: 0px 0px 2px 0px;
	background: url(images/bg-shop-onder.gif) top left no-repeat;
}

.pcshopblok2 {
	width/**/:/**/549px; /* 568px */
	_height: 1px;
	min-height: 1px;
	padding: 30px 10px 0px 9px;
	margin:0px;
	color: white;
	font-size: 11px;
	line-height: 18px;
	background: url(images/bg-shop2.gif) top left no-repeat;
}

.pcshopblokonder2 {
	width: 568px;
	height: 15px;
	padding: 0px;
	margin: 0px 0px 2px 0px;
	background: url(images/bg-shop-onder2.gif) top left no-repeat;
}

.contactblok {
	width/**/:/**/357px; /* 378px */
	_height: 1px;
	min-height: 1px;
	float: right;
	padding: 30px 10px 0px 9px;
	color: white;
	font-size: 11px;
	line-height: 18px;
	background: url(images/bg-contact.gif) top left no-repeat;
	overflow-x: hidden;
}

.contactblokonder {
	clear: both;
	width: 376px;
	height: 15px;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	background: url(images/bg-contact-onder.gif) top left no-repeat;
}

.nieuwsblok {
	width/**/:/**/359px; /* 378px */
	height: 90px;
	min-height: 1px;
	float: right;
	padding: 30px 10px 0px 9px;
	color: white;
	font-size: 11px;
	line-height: 18px;
	background: url(images/bg-nieuws.gif) top left no-repeat;
	overflow-x: hidden;
}

.nieuwsblokonder {
	clear: both;
	width: 378px;
	height: 15px;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	background: url(images/bg-nieuws-onder.gif) top left no-repeat;
}

.vacaturesblok {
	width/**/:/**/359px; /* 378px */
	_height: 1px;
	min-height: 1px;
	float: right;
	padding: 30px 10px 0px 9px;
	color: white;
	font-size: 11px;
	line-height: 18px;
	background: url(images/bg-vacatures.gif) top left no-repeat;
	overflow-x: hidden;
}

.vacaturesblokonder {
	clear: both;
	width: 378px;
	height: 15px;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	background: url(images/bg-vacatures-onder.gif) top left no-repeat;
}

.nieuwsblok ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.nieuwsblok li {
	padding: 0px 0px 0px 15px;
	background:url(images/ico-bullit.gif) top left no-repeat;
}

.nieuwsblok a:link, .nieuwsblok a:visited, .nieuwsblok a:active {
	text-decoration: none; 
	color: #FFF;
} 

.nieuwsblok a:hover {
	text-decoration: underline; 
	color: #FFF
}

.vacaturesblok ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.vacaturesblok li {
	padding: 0px 0px 0px 15px;
	background:url(images/ico-bullit.gif) top left no-repeat;
}

.vacaturesblok a:link, .vacaturesblok a:visited, .vacaturesblok a:active {
	text-decoration: none; 
	color: #FFF;
} 

.vacaturesblok a:hover {
	text-decoration: underline; 
	color: #FFF
}

/* Styles voor de print variant */


@media print
{

    .NoPrint { 
    	display: none;
    }
    




}

/* CSS Hacks */
{
	width/**/:/**/640px;	
}