@charset "UTF-8";			/* deze stylesheet gebruiken voor het startblad index.html en het blad met de links */
html, body {
	font: 100% “Helvetica Neue”, “Trade Gothic”, Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	background-color: #CEC6B9;
	margin: 0; /* nooit veranderen */
	padding: 0; /* nooit veranderen */
	text-align: center; /* bug in IE 5x browsers */
	color: #000;
}


				/* alleen voor de startpagina */
#omslagIndex {
	width: 90%;  /* mag niet minder dan 90% */
	height: 100%;
	background-image: url(beeld/grad4a.jpg);
	background-repeat: repeat-y;
	border: 1px solid #3B362D;
	margin: 1em auto;
	padding: 0;
	text-align: left; /* correctie van de IE 5x bug */
}
#nav1Logo {
	float: left;
	text-align: center;
	margin: 0.2em 0 0 3em;
	padding: 0;
	height: 105px;
}
#nav1Logo img {			/* schuift het logo wat op naar rechts */
	padding: 0 3em 0 0;
}
#nav2 {
	clear: left;
	margin: 0;
	padding: 0;
	text-align: center;
	font: 120% "Lucida Console", Monaco, monospace;
	font-weight: bold;
}
#nav2 ul {
	display: block;
}
#nav2 li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 2.5em;
	color: #CEC6B9;  /* Kleur van de achtergrond */
}
#nav2 li a {
	text-decoration: none;
	color: #4070B7;
}
#nav2 li a:hover, #nav2 li a:focus {
	color: #fff;
	text-decoration: underline;
}
#werkruimteIndex {
	clear: left;
	float: left;
	background-color: #000;
	padding: 0;
	margin: 0; /* hangt samen met de 100px van de navigatiekolom */
	text-align: left;
	min-height: 800px;
	width: 100%;
	color: #fff;
}
#werkruimteIndex a {
	text-decoration: none;
	color: #4070B7;
}
#werkruimteIndex a:hover, #werkruimteIndex a:focus {
	color: #000;
	text-decoration: underline;
}
#adresblok {
	float: left;
	width: 25%;
	display: block;
	color: #CEC6B9;
	margin: 0 0 5% 0;
	padding: 0;
	background-color: #000;
	text-align: center;
}
#adresblok p, #adresblok h1, #adresblok h2, #adresblok h3 {
	margin: 1em;
}
#textIndex {
	width: 65%;
	margin: 5em 0 0 30%;
	background-color: #000;
}
#textIndex p {
	font-size: 75%;
	margin: 0 3em 2em 3em;
	padding: 0;
}
#textIndex h1 {
	text-align: right;
	padding: 0;
	margin: 1em 20% 0 0;
	color: #CEC6B9;
}
#textIndex h2 {
	text-align: right;
	padding: 0;
	margin: 1em 20% 0 0;
}
#textIndex h3 {
	text-align: left;
	padding: 0;
	margin: 2% 0 0 5%;
}
#textIndex h4 {
	text-align: left;
	padding: 0;
	margin: 1% 0 0 5%;
}
#textIndex img {
	margin: 1em;
}

			/* Voor alle pagina’s */
.taupe {
color: #CEC6B9;  /* Kleur van de achtergrond */
}
.donkerbruin{
color: #44413a;
}
.citaat {
text-align: left;
margin: 0 30%;
width: 70%;
color: #CEC6B9;
}
.geheim {
visibility: hidden;	
}
.foto {
border: 1px #666 solid;
}
.boordWit {
border: 1px #fff solid;
}
.boordTaupe {
border: 1px #CEC6B9 solid;
}
.kleineTekst {
font-size: 75%;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.fltrgt { /* float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin: 0 1em 1em 0;
}
.fltlft { /* float an element left in your page */
float: left;
margin-right: 8px;
}
.clearrgt {
clear: right;
}
.clearlft {
clear: left;
}
.clearfloat { /* break element and should be the final element before the close of a container that should fully contain a float */
clear: both;
}
#webdesign {
font-size: 50%;
color: #CEC6B9;
clear: both;
float: right;
background-color: #000;
margin: 0;
padding: 0;
}