/* This file resets browser defaults to known states */

* {
	padding:				0;
	margin:					0;
}

pre, blockquote, form, label, ul, ol, fieldset, address {
	margin:					1em 35px;
}

h1, h2, h3, h4, h5, h6 {
	margin:					0.5em 0;
	padding:				0;
	height:					auto;
}

p {
	padding:				0 0 1em 0;
}

dd, blockquote {
	margin-left:				1em;
}

ol li {
	list-style-type:			decimal;
}

li {
	list-style:				outside;
}

dd {
	padding: 				0 0 0.5em 0;
}

fieldset {
	padding:				1em;
}

h1, h2, h3, h4, h5, h6, pre, code { 
	font-size:				1em; 
}

a img, 
a:link img,
a:visited img { 
	border:					none;
}

address { 
	font-style:				normal;
}

/* This file includes all layout rules. This includes boxes, positioning and dimensions */

#main {
	position:				relative;
	overflow:				auto;
	width:					72em;
}

#header {
	display:				block;
	width:					560px;
	margin:					0em 0 0 15em;
}

#logo h1 a {
	height:					116px;
	width:					560px;
}

#lang {
	margin:					0 0 0.7em;
	width:					38em; /* content width */
	text-align:				right;
}

#mainmenu, #secmenu {
	width:					13em;
	float:					left;
	margin:					1.5em 0 0 0;
	padding:				0 0.5em 1em;
}

#mainmenu {
	margin-left:				0.5em;
}

#mainmenu h3, 
#secmenu h3 {
	margin:					0;
	padding:				0.3em 0 0 0.25em;
}

#secmenu p {
	padding:				0.3em 0 0.3em 0.4em;
}

#mainmenu ul,
#secmenu ul {
	margin:					0;
}

#mainmenu li li {
	list-style:				none;
	padding:				0;
	margin:					0 0 0 1em;
}

#mainmenu li,
#secmenu li {
	list-style:				none;
	margin:					0.5em 0 0 0;
}

#mainmenu a,
#secmenu a {
	display:				block;
	margin:					0 0 0.2em;
	padding:				0.2em 0.5em;
}

* html #mainmenu a, 
* html #secmenu a {
	height: 0;
}

#pathway {
	margin:					0 0 1em 0;
}

#content {
	width:					36em;
	min-height:				35em;
	height:					auto;
	float:					left;
	padding:				0.5em 1em;
}

/* #content * {
	text-align:				justify;
}*/

* html #content {
	height:					20em; /* In IE, height works like min-height */
}

#related {
	margin:					1em 0 0 0;
	padding:				0.5em;
}

#footer {
	margin:					1em 15em;
}

#footer li {
	list-style:				none;
	display:				inline;
}

/* This file includes all skin rules. This includes color, background, interface, miscellanous */

html {
}

body {
	background:				url("../images/achtergrond.jpg") top left no-repeat fixed #9591A4;
	color:					#2E2E65;
}

h1, h2, h3, h4, h5, h6, .componentheading, .contentheading {
	color:					#1d1d54;
}

a {
	color:					#A63707;
	text-decoration:			none;
}

/*
a:visited {
	color:					#B74818;
	text-decoration:			none;
}
*/

a:hover {
	color:					#D94709;
	text-decoration:			underline;
}

a:active {
	color:					#D94709;
}

#logo h1 {
	margin:					0;
}

#logo h1 a {
	text-indent:				-5000px;
	display:				block;
	background:				url("../images/header.jpg") top left no-repeat;
}

#logo h1 a:hover {
	text-decoration:			none;
	border:					none;
}

#lang a {
	color:					#ddd;
}

#lang a:hover {
	color:					#fff;
}

#content {
	background:				#fefefe;
	border:					1px solid #807d90;
}

#content a {
	padding:				0.1em;
}

#content a:hover {
	color:					#861707;
	background:				#ECB;
}

#pathway {
	background:				#dde;
}

#related {
	background:				#dde;
}

#related h3 {
	color:					#4E4E85;
}

#mainmenu, #secmenu {
	background:				#E0CDB1;
	color:      			#861707;
	border: 				1px solid #807d90;
}

#mainmenu {
	border-right:			3px solid #d0bca0;
}

#secmenu {
	border-left:			3px solid #d0bca0;
}

a#active_menu,
#mainmenu a:hover,
#secmenu a:hover {
	background:				#962727;
	color:					#E0CDB1;
}

li li a#active_menu,
#mainmenu li li a:hover,
#secmenu li li a:hover {
	background:				#660507;
}

#description {
	border-bottom:			2px solid #d9aa7a;
}

/* This file includes all typography rules. This includes fonts, text, links */

body {
	font-family:			"Arial", "Arial Unicode MS", "Vera Sans", "Lucida Grande", sans-serif;
	font-size: 				76%;
	line-height:			1.6em;
}

h1, .componentheading {
	font-size: 				218%;
}

h2, .contentheading {
	font-size: 				164%;
}

h3 {
	font-size: 				145%;
}

#pathway {
	font-size:				0.9em;
}

#mainmenu h3, 
#secmenu h3,
#description .contentheading {
	font-size:				1.2em;
	font-weight:			bold;
}

#lang,
#mainmenu, 
#secmenu,
#pathway,
#footer,
#related {
	font-family:				"Verdana", "Arial Rounded MT Bold", "Arial Rounded", arial, sans-serif;
	font-variant:				Small-caps;
}

#description {
	font-family:				"Arial", "Arial Unicode MS", "Vera Sans", "Lucida Grande", Helvetica, sans-serif;
	font-variant:				normal;
	line-height:				1.2em;
	font-style:				italic;
}