body {
	color: #ffffe0; 
	font-size: 11pt; 
	margin: 30px;
	background: #000000 url(../graphix/versier/themagnesiumfotographer.jpg) no-repeat; 
	background-position: 5px 125px
}

img.bottom {
	position: absolute;
	left: 5px;
	top: 500px;
	z-index: 1
}

img.bottom-center {
	position: relative;
	left: 180px;
	margin-top: 100px;
	z-index: 1
}

img.top {
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 1
}

p.copyright {
	position: absolute;
	left: 5px;
	top: 700px;
	width: 90px;
	color: #ffffe0; 
	font-weight: normal; 
	font-size: 11pt; 
	font-family: arial; 
	text-decoration: none;
}

p.disclaimer {
	border-style: ridge;
	border-color: #ffffe0; 
	border-width: 1px;
	padding: 2px;
	position: relative;
	left: 180px;
	top: 50px;
	width: 400px;
	color: #ffffe0; 
	font-weight: normal; 
	font-size: 8pt; 
	font-family: arial; 
	text-decoration: none
	margin-bottom: 50px;
}

a:visited {
	color: #ff8c00; 
	text-decoration: none
}

a:link {
	color: #ff8c00; 
	letter-spacing: 1px; 
	text-decoration: none 
}

a:hover { 
	color: #ffffe0; 
	text-decoration: none
}

a:active { 
	color: #ffffe0; 
	text-decoration: none
}

/*----------------   inputvelden   ----------------*/

textarea {
	background: #ffffe0;
	color: #ff8c00;
}
input	 {
	background: #ffffe0;
	color: #ff8c00;
}



/*----------------   Opties   ----------------*/

#optie span {
	font-family: "Copperplate Gothic Light"; 
	color: red; 
	font-size: 8pt;
	text-decoration: none;
	font-weight: normal;
	padding: 2px;
	padding-left: 20px;
	height: 100%;
}

#optie a:hover { 
	background: #7A6E3E;
}

#optie p {
	position: absolute;
	top: 10px;
	left: 180px;
	width: 600px;
	text-decoration: none; 
}

/*----------------   Subopties   ----------------*/

#suboptie a {
	width: 120px;
	display: block;
	font-size: 8pt;
	text-decoration: none;
	font-weight: normal;
	padding: 2px;
	padding-left: 8px;
	border-bottom: 1px solid #7A6E3E;
	height: 100%;
}

#suboptie a:hover { 
	background: #7A6E3E;
}

#suboptie p {
	position: absolute;
	top: 125px;
	width: 90px;
	text-decoration: none; 
}

#suboptie span {
	font-family: "Copperplate Gothic Light"
}

/*----------------   Artikel   ----------------*/

#artikel p {
	position: relative;
	left: 180px;
	top: 50px;
	width: 400px;
	color: #ffffe0; 
	font-weight: normal; 
	font-size: 11pt; 
	font-family: arial; 
	text-decoration: none
}

#artikel p:first-line {
	font-family: "Copperplate Gothic Light"
}

#artikel h1 {
	color: #ffffe0; 
	font-weight: 600; 
	font-size: xx-large; 
	font-family: "Copperplate Gothic Light"; 
	text-decoration: none; 
	margin-bottom: 50px
}

#artikel h2 {
	position: relative;
	left: 180px;
	top: 50px;
	color: #ffffe0; 
	font-size: x-large; 
	font-family: "Copperplate Gothic Light"; 
	margin-bottom: 40px
}

#artikel h3 {
	color: #ffffe0; 
	font-weight: 600; 
	font-size: medium; 
	margin-bottom: 40px; 
	text-decoration: none
}

#artikel table.left {
	position: relative;
	left: 180px;
	top: 50px;
	color: #ffffe0; 
	font-weight: normal; 
	font-size: 11pt; 
	font-family: arial; 
	text-decoration: none;
	margin-bottom: 40px
}

#artikel table.right {
	position: relative;
	left: 400px;
	top: 50px;
	color: #ffffe0; 
	font-weight: normal; 
	font-size: 11pt; 
	font-family: arial; 
	text-decoration: none
}

#artikel table.center {
	position: relative;
	left: 300px;
	top: 50px;
	color: #ffffe0; 
	font-weight: normal; 
	font-size: 11pt; 
	font-family: arial; 
	text-decoration: none
}

#artikel td.caption {
	width: 300px; 
}

/*----------------   System   ----------------*/

#system p {
	position: relative;
	left: 180px;
	top: 50px;
	width: 600px;
	color: #ffffe0; 
	font-weight: normal; 
	font-size: 11pt; 
	font-family: arial; 
	text-decoration: none
}

#system p.uitleg {
	position: absolute;
	left: 750px;
	top: 60px;
	width: 150px;
	color: #ffffe0; 
	font-weight: normal; 
	font-size: 11pt; 
	font-family: arial; 
	text-decoration: none
}

#system form {
	position: relative;
	left: 180px;
	top: 50px;
	width: 600px;
	color: #ffffe0; 
	font-weight: normal; 
	font-size: 11pt; 
	font-family: arial; 
	text-decoration: none
}

#system span {
	color: red; 
	padding: 2px;
	padding-left: 20px;
	height: 100%;
}

#system h1 {
	position: relative;
	left: 180px;
	top: 50px;
	width: 400px;
	color: #ffffe0; 
	font-weight: 600; 
	font-size: xx-large; 
	font-family: "Copperplate Gothic Light"; 
	text-decoration: none; 
	margin-bottom: 50px
}

#system h2 {
	position: relative;
	left: 180px;
	top: 50px;
	width: 400px;
	color: #ffffe0; 
	font-size: x-large; 
	font-family: "Copperplate Gothic Light"; 
	margin-bottom: 40px
}

#system h3 {
	position: relative;
	left: 180px;
	top: 50px;
	width: 400px;
	color: red; 
	font-weight: 600; 
	font-size: medium; 
	margin-bottom: 40px; 
	text-decoration: none
}

/*----------------   Book   ----------------*/

#book p {
	position: relative;
	left: 180px;
	top: 50px;
	width: 400px;
	color: #ffffe0; 
	font-weight: normal; 
	font-size: 11pt; 
	font-family: arial; 
	text-decoration: none
}

#book p:first-line {
	font-family: "Copperplate Gothic Light"
}

#book span {
	color: red; 
	padding: 2px;
	padding-left: 20px;
	height: 100%;
}

#book h1 {
	color: #ffffe0; 
	font-weight: 600; 
	font-size: xx-large; 
	font-family: "Copperplate Gothic Light"; 
	text-decoration: none; 
	margin-bottom: 50px
}

#book h2 {
	position: relative;
	left: 180px;
	top: 50px;
	color: #ffffe0; 
	font-size: x-large; 
	font-family: "Copperplate Gothic Light"; 
	margin-bottom: 40px
}

#book table {
	position: relative;
	left: 50px;
	top: 50px;
	color: #ffffe0; 
	font-weight: normal; 
	font-size: 11pt; 
	font-family: arial; 
	text-decoration: none;
	margin-bottom: 40px
}

/*----------------   Film   ----------------*/

#film embed, #film object {
	position: relative;
	left: 180px;
	top: 50px;
	width: 400px;
	color: #ffffe0; 
	font-weight: normal; 
	font-size: 11pt; 
	font-family: arial; 
	text-decoration: none
}

div#filmtekst {
	position: relative;
	left: 180px;
	top: 70px;
	width: 400px;
	color: #ffffe0; 
	font-weight: normal; 
	font-size: 11pt; 
	font-family: arial; 
	text-decoration: none
}