/*  CSS
	www.shm.nl
	
	aanvullende layout en styles voor homepage
	
	(c) 2005 Mitch Design
*/

/* pagina layout elementen */

#nieuwsintro { /* deze omsluit de twee vakken */
	position: relative; float: left; margin: 0px; padding: 0px; width: 750px; }

.nieuws { /* bepaalt 1 cel in de tabel */
	width: 450px; margin: 0px; vertical-align: top; }

.intro { /* bepaalt 1 cel in de tabel */
	width: 300px; margin: 0px; vertical-align: top; background-color: #cbab8e; }
	
.directnaar { /* 1 cel van de tabel */
	background-color: #003366; vertical-align: top; margin: 0px; padding: 0px; }

.onderwerpen { /* 1 cel van de tabel */
	width: 550px; background-color: #6699cc; vertical-align: top; }

/* vormgeving van block elementen */

body {
	font: 12px/16px Arial,Helvetica,sans-serif;
	color: #000000;
}

.linkkolom {
	float: left; padding: 5px 20px 15px 5px; }

.contentwit {
	font: 12px/16px Arial,Helvetica,sans-serif;
	padding: 10px;
	color: #ffffff;
}

.contentzwart {
	font: 12px/16px Arial,Helvetica,sans-serif;
	padding: 10px;
	color: #000000;
}

.menuwit {
	width: 175px;
	float: left;
	font: 12px/16px Arial,Helvetica,sans-serif;
	color: #ffffff;
}

.menuzwart, .menulaag {
	width: 175px;
	float: left;
	font: 12px/16px Arial,Helvetica,sans-serif;
	color: #000000;
}

#footer { /* minder opvallende stijl voor voettekst */
	text-align: right;
	font: 10px/16px Arial,Helvetica,sans-serif;
	color: #666666;
}
#footer a {
	text-decoration: none;
	color: #444444;
}
#footer a:hover { text-decoration: underline; }

/* koppen */

h1 {
	font-size: 16px;
	margin: 0px 0px 10px 0px;
}

h1.nieuwsh1 {
	padding-left: 5px;
}

h2 {
	font-size: 14px;
	margin: 5px 0px 5px 0px;
}

.nieuwsvak .nieuwskop {
	text-align: left;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
}

/* uiterlijk van de links */

a { /* een standaard link is zwart en onderlijnd */
	text-decoration: underline;
	color: #000000;
}

a.nieuwsbericht {
	display: block;
	text-decoration: none;
	text-align: right;
	padding: 5px;
}

.contentzwart a.nieuwsbericht:hover {
	background-color: #ffffff;
}

a.nieuwsbericht .nieuwstekst {
	display: block;
	text-align: left;
}


.contentwit a { /* een link in witte tekst is wit */
	color: #ffffff; }

#globalnav a { /* in de navigatie is de link niet onderlijnd */
	text-decoration: none; }

.contentwit a.enkel {
	text-decoration: none;
	padding-left: 10px;
	background-image: url(../images/pijl-enkel-wit.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
}

* html .contentwit a.enkel { /* IE plaatst de achtergrond anders */
	background-position: left 2px; }

.contentwit a.dubbel {
	text-decoration: none;
	padding-right: 16px;
	background-image: url(../images/pijl-dubbel-wit.gif);
	background-repeat: no-repeat;
	background-position: right 1 px;
}

* html .contentwit a.dubbel {/* IE plaatst de achtergrond anders */
	background-position: right 4px; }

.contentzwart a.enkel {
	text-decoration: none;
	padding-left: 10px;
	background-image: url(../images/pijl-enkel-zwart.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
}

* html .contentzwart a.enkel {
	background-position: left 2px; }

.contentzwart a.dubbel {
	text-decoration: none;
	padding-right: 16px;
	background-image: url(../images/pijl-dubbel-zwart.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
}

* html .contentzwart a.dubbel {
	background-position: right 4px; }

/* link behaviour */

#globalnav a:hover , .contentwit a:hover , .contentzwart a:hover {
	text-decoration: underline; }

.spacer {
	clear: both;
	width: 125px;
	height: 1px;
}

/* menu afhandeling */

.menuwit a {
	display: block;
	width: 100%;
	padding: 0px 0px 0px 5px;
	border-bottom: 1px solid #cad8fb;
	text-decoration: none;
	color: #ffffff;
	margin: 0px;
}
.menuwit a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #cad8fb;
}

.menuzwart a {
	display: block;
	width: 100%;
	padding: 0px 0px 0px 5px;
	border-bottom: 1px solid #003366;
	text-decoration: none;
	color: #000000;
	margin: 0px;
}
.menuzwart a:hover, .menuzwart .vet a {
	color: #ffffff;
	text-decoration: none;
	background-color: #003366;
}

.menulaag {
	position: relative;
	top: -1px;
	left: 0px;
}

.menulaag a {
	display: block;
	width: 100%;
	padding: 0px 0px 0px 5px;
	border-bottom: 1px solid #6699cc;
	border-left: 1px solid #6699cc;
	background-color: #003366;
	text-decoration: none;
	color: #ffffff;
	margin: 0px;
}
.menulaag a.eerste {
	border-top: 1px solid #6699cc;
}
.menulaag a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #cad8fb;
}

.menulaag .leeg {
	display: block;
	width: 100%;
	padding: 0px 0px 1px 5px;
	margin: 0px;
}

.menuwit h2 {
	display: block;
	width: 100%;
	border-bottom: 1px solid #cad8fb;
	margin: 5px 0px 0px 0px;
	padding: 0px 5px 5px 0px;
}

.menuzwart h2 {
	display: block;
	width: 100%;
	border-bottom: 1px solid #003366;
	margin: 5px 0px 0px 0px;
	padding: 0px 5px 5px 0px;
}

.menulaag h2 {
	display: block;
	width: 100%;
	margin: 5px 0px 0px 0px;
	padding: 0px 5px 5px 0px;
}