/*
Kleuren
H	S	B
60	15	95% #f2f2ce (Pantone Pastel 9600U)
60	15	90% #e5e5c3
60	15	85% #d9d9b8
60	15	80% #ccccad
60	15	75% #bfbfa3
60	15	70% #b3b398
60	15	65% #a6a68d
60	15	60% #999982
60	15	55% #8c8c77
60	15	50% #80806c
60	15	45% #737362
60	15	40% #666657
60	15	35% #59594c
60	15	30% #4d4d41
*/
/* html opmaak */
* {
	padding: 0;
	margin: 0;
}
html, body {
	height: 100%; /* héél belangrijk */
	font: 11px/16px Verdana;
}
h1 {
	font: bold italic 15px/20px Verdana;
}
h2 {
	font: bold 15px/20px Verdana;
	margin: 21px 0 0 0;
}
h3 {
	font: bold 15px/20px Verdana;
}
h4 {
	font: bold italic 11px/16px Verdana;
}
h5 {
	font: bold 11px/16px Verdana;
	margin: 16px 0 0 0;
}
h6 {
	font: bold 11px/16px Verdana;
}
img {
	border: 0;
}
a {
	color: #80806c;
	text-decoration: none;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	outline: none;
}
a:active {
	text-decoration: underline;
	outline: none;
}
a:focus {
	text-decoration: none;
	outline: none !important;
}
ul li {
	list-style-image: url(afbeeldingen/list.png);
    margin: 0 0 0 16px;
}
ol li {
	padding: 0 0 0 4px;
	margin: 0 0 0 19px;
}
dl {
	padding: 0 0 16px 0;
}
dt {
	float: left;
	padding: 0 16px 0 0;
}
dd {
	font-style: italic;
}
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #8c8c77;
	margin: 6px 0 8px 0;
}
/* pagina opmaak - layer */
.naam {
	position: absolute;
	top: 16px;
	left: 199px;
	height: 76px; 
	width: 485px;
}
.naam[class] {
	background: url(afbeeldingen/naam.png) no-repeat;
}
/* pagina opmaak - houder */
#houder {
	min-width: 1000px;
	display: block;
	overflow: hidden;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor ie */
	background: url(afbeeldingen/achtergrond.jpg) no-repeat;
}
#houder:after {
	display: block;
	content: ''; 
	height: 47px;
	clear: both;
	visibility: hidden;
}
/* pagina opmaak - houder - hoofd */
#hoofd {
	height: 100px;
	background: url(afbeeldingen/hoofd.jpg) no-repeat top right;
	padding: 25px 25px 0 25px;
}
.citaat {
	float: right;
	width: 228px;
	padding: 5px 10px;
	border: 1px solid #80806c;
}
.citaat[class] {
	background: url(afbeeldingen/citaat.png);
}
.citaat h6 {
	text-align: right;
}
/* pagina opmaak - houder - inhoud */
#inhoudhouder {
	float: left;
	width: 100%;
}
#inhoud {
	padding: 49px 50px 32767px 50px;
	margin: 0 300px -32752px 150px;
}
/* pagina opmaak - houder - inhoud - tekst */
.list {
	float: left;
	height: 9px; 
	width: 9px;
	margin: 4px 0 0 0;

}
.list[class] {
	background: url(afbeeldingen/list.png);
}
.listmarge {
	margin: 0 0 0 16px;
}
.listmarge2 {
	margin: 0 0 0 16px;
	display: inline-table;
}
.witregelboven {
	margin: 16px 0 0 0;
}
.margerechts {
	margin: 0 16px 0 0;
}
.witregelonder {
	margin: 0 0 16px 0;
}
.margelinks {
	margin: 0 0 0 16px;
}


/* Plaatjes */
/* top right bottom left */
.creativecommons {
	height: 26px; 
	width: 78px;
	float: left;
	margin: 4px 6px 2px 0px;
}
.gebieden {
	height: 142px; 
	float: right;
	margin: 8px 8px 4px 0px;
}

.thuispagina {
	height: 200px; 
	float: right;
	margin: 8px 8px 4px 0px;
}
.gijs {
	height: 152px; 
	width: 102px;
	float: left;
	margin: 0px 4px 4px 0px;
}
.kenikjou {
	height: 213px; 
	width: 262px;
	float: left;
	margin: 4px 10px 4px 0px;
}
.radiowest {
	height: 103px; 
	width: 127px;
	float: left;
	margin: 4px 10px 4px 0px;
}
.gijs2 {
/*	height: 120px; */
	width: 109px;
	float: left;
	margin: 4px 10px 4px 0px;
}
.boek {
	height: 135px; 
	width: 90px;
	float: left;
	margin: 4px 10px 0px 0px;
}


/* pagina opmaak - houder - inhoud - tabel */
/* pagina opmaak - houder - inhoud - formulier */
.form {
	margin: 0 0 16px 0;
}
form {
	width: 410px;
	margin: 0 0 1px 0;
}
fieldset {
	border: 1px solid #f2f2ce;
	margin: 10px 0;
}
legend {
	padding: 0 5px;
	margin: 0 0 0 10px;
}
label {
	width: 103px;
	text-align: right;
}
input {
	font: 11px/16px Verdana;
	border: 1px solid;
}
fieldset label, fieldset input {
	display: block;
	float: left;
}
fieldset br {
	clear: left;
}
.label1 {
	margin: 15px 0 5px 0;
}
#naam {
	width: 273px;
	padding: 0px 5px 2px 5px;
	margin: 15px 10px 5px 10px;
}
.label2 {
	margin: 5px 0 10px 0;
}
#email {
	width: 273px;
	padding: 0px 5px 2px 5px;
	margin: 5px 10px 10px 10px;
}
.label3, .label4, .label5, .label6 {
	margin: 15px 0 10px 0;
}
#informatie, #afspraak, #offerte, #nieuwsbrief{
	outline: none;
	border: 0;
	margin: 16px 3px 0 10px;
}
#feedback1{
	width: 276px;
	height: 10px;
	font: 11px/16px Verdana;
	padding: 5px;
	border: 1px solid;
	margin: 10px 10px 9px 0px;
}#feedback{
	width: 276px;
	height: 140px;
	font: 11px/16px Verdana;
	padding: 5px;
	border: 1px solid;
	margin: 10px 10px 9px 0px;
}
textarea {
	width: 376px;
	height: 240px;
	font: 11px/16px Verdana;
	padding: 5px;
	border: 1px solid;
	margin: 10px 10px 9px 10px;
}
button {
	cursor: pointer;
	width: 120px;
	height: auto;
	font: bold 11px/16px Verdana;
	background: #fff;
	padding: 2px 5px 3px 5px;
	border: 1px solid #f2f2ce;
	margin: 4px 10px 0 0;
}
button:hover {
	background: #f2f2ce;
}
/* pagina opmaak - houder - menu */
menu {
	float: left;
	width: 100px;
	padding: 38px 25px 32767px 25px;
	margin: 0 0 -32752px -100%;
}
menu a {
	display: block;
	width: 98px;
	height: auto;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 0;
	border: 1px solid #80806c;
}
menu a[class] {
	background: url(afbeeldingen/link.png);
}
menu a:link {
	text-decoration: none;
}
menu a:visited {
	text-decoration: none;
}
menu a:hover {
	text-decoration: none;
}
menu a:hover[class] {
	background: url(afbeeldingen/hover.png);
}
menu a:active {
	text-decoration: none;
}
menu a:focus {
	text-decoration: none;
}
menu a:focus[class] {
	background: url(afbeeldingen/hover.png);
}
menu h6 {
	width: 98px;
	height: auto;
	color: #80806c;
	text-align: center;
	padding: 2px 0;
	border: 1px solid #80806c;
}
menu h6[class] {
	background: url(afbeeldingen/active.png);
}
.menu8px {
	margin: 8px 0 0 0;
}
.menu20px {
	margin: 20px 0 0 0;
}
/* pagina opmaak - houder - rechts */
#rechts {
	float: right;
	width: 250px;
	background: url(afbeeldingen/rechts.jpg) no-repeat;
	padding: 0 25px 32767px 25px;
	margin: 0 0 -32752px -100%;
}
.nieuws, .info, .colofon {
	padding: 10px;
	border: 1px solid #80806c;
	margin: 0 0 32px 0;
}
.nieuws[class] {
	background: url(afbeeldingen/nieuws.png);
}
.info[class] {
	background: url(afbeeldingen/info.png);
}
.colofon[class] {
	background: url(afbeeldingen/colofon.png);
}
.nieuws h3 {
	color: #f2f2ce;
	text-align: center;
	background: #80806c;
	padding: 3px;
	border: 1px solid #4d4d41;
	margin: 0 0 10px 0;
}
/* pagina opmaak - houder - address */
address {
	position: relative;
	bottom: 0;
	width: 100%;
	font: 9px/12px Verdana;
	text-align: center;
	background: #d9d9b8;
	padding: 5px 0;
	border-top: 1px solid #80806c;
	margin: -47px 0 0 0;
}
address img {
	position: relative;
	vertical-align: bottom;
	bottom: 0px;
}
/* hak voor opera 8 */
/* aanpassing kolommen */
@media all and (min-width: 0px) 
{
/* Wanneer kolommen kleur krijgen, commentaartags weghalen
#inhoud {
	padding: 49px 50px 0 50px;
	margin: 0 300px 0 150px;
	}
#inhoud:after {
	content: '';
	display: block;
	height: 10px;
	background: inherit;
	padding: 32767px 0 0 0;
	margin: 0 0 -32752px 0;
	}
menu {
	padding: 38px 25px 0 25px;
	margin: 0 0 0 -100%;
	}
menu:after {
	content: '';
	display: block;
	width: 100px;
	height: 10px;
	background: inherit;
	padding: 32767px 50px 0 0;
	margin: 0 0 -32752px -25px;
	}
#rechts {
	padding: 0 25px 0 25px;
	margin: 0 0 0 -100%;
	}
#rechts:after {
	content: '';
	display: block;
	width: 250px;
	height: 10px;
	background: url(afbeeldingen/rechts_opera.jpg) no-repeat;
	padding: 32767px 50px 0 0;
	margin: 0 0 -32752px -25px;
	}
#extrawitruimte {
	margin: 0 0 380px 0;
	}
*/
/* Formulier */
.form {
	margin: 0 0 14px 0;
	}
form {
	margin: 0 0 -1px 0;
	}
fieldset {
	margin: 8px 0;
	}
legend {
	padding: 1px 5px 0 5px;
	}
#naam, #email {
	width: 285px;
	}
#informatie, #afspraak, #offerte {
	margin: 14px 0 0 8px;
	}
textarea {
	width: 388px;
	height: 252px;
	}
button {
	width: 118px;
	padding: 2px 5px 2px 5px;
	margin: 6px 10px 0 0;
	}
/* Hak voor opera 9 */
/* Aanpassing kolommen zorgt voor een hoogteverschil met opera 9. Door gebruik te maken van CSS3, resetten we dit in opera 9. */
/* Wanneer kolommen kleur krijgen, commentaartags weghalen
div[id^="houder"] #inhoudhouder #inhoud:after {
	height: 0;
	}
div[id^="houder"] menu:after {
	height: 0;
	}
div[id^="houder"] #rechts:after {
	height: 0;
	}
*/
/* Formulier */
div[id^="houder"] .form {
	margin: 0 0 15px 0;
	}
div[id^="houder"] form {
	margin: 0 0 1px 0;
	}
div[id^="houder"] fieldset {
	margin: 9px 0;
	}
div[id^="houder"] legend {
	padding: 0 5px;
}
div[id^="houder"] #naam, #email {
	width: 273px;
	}
div[id^="houder"] #informatie, #afspraak, #offerte {
	margin: 14px 1px 0 8px;
	}
div[id^="houder"] textarea {
	width: 376px;
	height: 240px;
	margin: 10px 10px 11px 10px;
	}
div[id^="houder"] button {
	width: 120px;
	padding: 2px 5px 2px 5px;
	margin: 5px 10px 0 0;
	}
}