/* CSS Document voor de Holwerda Groep */
/* Ontwerp en realisatie Timothy van Sas / Plan Plan Internet BV */

/* ++++++++++++++++++++++++++++ Globals ++++++++++++++++++++++++++++ */

body {
	background: #f4f3ee url("../../images/bg-main.gif") repeat-x;
	margin: 0;
	padding: 0;
	color: #000;
	text-align: center}

.wrapHolwerda {
	width: 770px;
	\width: 790px;
	w\idth: 770px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0;
	font: normal 11px verdana,arial,helvetica,sans-serif}

img { 
	border: 0}

/* ++++++++++++++++++++++++++++ Topgebeuren ++++++++++++++++++++++++++++ */

.wrapTop {
	height: 151px;
	background: #fff url('../../images/bg-grid.gif') bottom repeat-x}	

.holdLogoTop {
	border-top: 5px solid #e0e0e0;
	width: 434px;
	height: 125px;
	float: left}

.logoHolwerda {
	background: #fff;
	width: 196px;
	height: 108px;
	margin-left: 30px;
	text-align: center;
	font-weight: bold;
	color: #0198d8}

.logoTop {
	margin: 5px 0 3px 0}

.holdNavigTop {
	border-top: 5px solid #000;
	width: 336px;
	height: 125px;
	float: left}

/* ++++++++++++++++++++++++++++ Navigatie bovenkant ++++++++++++++++++++++++++++ */

#navcontainer {
	margin: 0;
	padding: 0;
	height: 36px}

#navcontainer ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none}

#navcontainer ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0}

#navcontainer ul li a {
	background: #fff url('../../images/bullet-navTop-rood.gif') no-repeat;
	background-position: 8px 10px;
	width: 103px;
	height: 14px;
	border-left: 1px solid #e0e0e0;
	padding: 20px 0 0 8px;
	margin: 0;
	color: #000;
	text-decoration: none;
	display: block;
	font: normal 10px tahoma,verdana,arial,helvetica,sans-serif;
	text-transform: uppercase}

#navcontainer ul li a:hover{
	color: #fff;
	background: #000 url('../../images/bullet-navTop-wit.gif') no-repeat;
	background-position: 8px 10px;
	border-left: 1px solid #000}

/* ++++++++++++++++++++++++++++ Pulldown menu (ga snel naar ++++++++++++++++++++++++++++ */
.snelnaar {
	background: #bf2222;
	height: 28px;
	color: #fff;
	padding: 12px 0 5px 17px;
	margin: 22px 110px 0 0}

.snelnaar a {
	text-decoration: none;
	color: #fff}

.snelnaar a:hover { text-decoration: underline}

.punt { margin-left: 20px}

#pulldown {
	position: absolute;
	background: #18699c url('../../images/punt-pulldown.gif') fixed no-repeat;
	background-position: 20px 0px;
	width: 216px;
	height: 237px;
	margin: 108px 0 0 434px;
	overflow: auto;
	padding: 30px 0 15px 10px;
	color: #fff;
	display: none}

#sluit {
	position: absolute;
	margin: 390px 0 0 434px;
	height: 23px;
	width: 221px;
	background: #0a2c44;
	display: none;
	text-align: right;
	padding: 12px 5px 0 0}

#sluit a {
	text-decoration: underline;
	color: #fff}

h2 {
	font: bold 11px verdana,arial,sans-serif;
	margin: 0 0 6px 0}

.holdSneln {
	background: url('../../images/stippel-pulld.gif') top repeat-x;
	padding-top: 15px;
	margin: 5px 0 0 0}

.pulldLinks {
	padding: 0;
	margin: 0}
.pulldLinks li {
	list-style: none;
	margin: 0;
	padding: 0 5px 5px 0}

.pulldLinks li a { 
	text-decoration: none;
	color: #fff}

.pulldLinks li a:hover { text-decoration: underline}

.pulldLinks li.sub a {
	color: #a2c2d6}

.pulldLinks li.sub a:hover {
	color: #fff;
	text-decoration: underline}

/* ++++++++++++++++++++++++++++ Content ++++++++++++++++++++++++++++ */
.rondingen {
	display: block}

.wrapMidden {
	background: #fff url('../../images/bg-content.gif') repeat-y;
	height: 384px}

.wrapMCS {
	width: 241px;
	float: left;
	padding-left: 16px;
	height: 384px;
	background: url('../../images/fotoMcs-begin.jpg') left bottom no-repeat}

.wrapNNRD {
	width: 241px;
	float: left;
	padding-left: 16px;
	height: 384px;
	background: url('../../images/fotoNnrd-begin.jpg') left bottom no-repeat}

.wrapHCC {
	width: 240px;
	float: left;
	padding-left: 16px;
	height: 384px;
	background: url('../../images/fotoHcc-begin.jpg') left bottom no-repeat}

h1 {
	color: #186a9e;
	font: bold 11px tahoma,verdana,arial,helvetica,sans-serif;
	margin: 0;
	background: url('../../images/bullet-rood.gif') no-repeat;
	padding: 0 0 0 13px;
	background-position: 0 3px}

.logos {
	display: block;
	margin: 0 0 6px 13px}

.punten {
	list-style-type: none;
	padding-left: 13px;
	margin: 20px 0 0 0}

.punten li {
	background: url('../../images/bullet-blauw.gif') no-repeat;
	margin: 0 0 6px 0;
	background-position: 0 6px;
	padding-left: 13px}

.meerInfo {
	list-style-type: none;
	padding-left: 13px;
	margin: 0}

.meerInfo li {
	background: #0198d8;
	margin: 96px 29px 6px 0;
	background-position: 0 6px;
	padding: 10px 0 12px 27px}

.meerInfo li a {
	text-decoration: underline;
	color: #fff;
	font-weight: bold;
	display: block}

#contactinfo {
	background: #0198d8;
	position: absolute;
	width: 770px;
	margin-top: 259px}
	
#contactinfo a {
	text-decoration: underline;
	color: #fff}

.adres1, .adres2 {
	float: left;
	width: 228px;
	border-right: 1px solid #f4f3ee;
	color: #fff;
	padding: 20px 0 20px 28px;
	border-bottom: 1px solid #176799;
	border-top: 1px solid #176799}

.adres3 {
	float: left;
	width: 228px;
	color: #fff;
	padding: 20px 0 20px 28px;
	border-bottom: 1px solid #176799;
	border-top: 1px solid #176799}

#wrapSubMCS, #wrapSubNNRD {
	position: absolute;
	width: 199px;
	height: 221px;
	margin-top: 86px;
	display: none}

.subMCS, .subNNRD {
	background: #f4f3ee;
	width: 169px;
	height: 206px;
	padding: 15px 0 0 15px;
	line-height: 150%}

.subMCS a, .subNNRD a {
	color: #bf2222;
	text-decoration: underline}

.sluitSubs { float: right}

/* ++++++++++++++++++++++++++++ Footer ++++++++++++++++++++++++++++ */
.wrapFoot {
	background: #176799 url('../../images/bg-FootL.gif') no-repeat;
	height: 40px;
	margin: 3px 0 3px 0;}

.wrapFoot a {
	text-decoration: none;
	color: #a2c2d6}

.wrapFoot a:hover {
	text-decoration: underline;
	color: #fff}

.txtFoot {
	color: #fff;
	float: right;
	background: url('../../images/bg-FootR.gif') right no-repeat;
	height: 28px;
	padding: 12px 20px 0 0;
	color: #a2c2d6}