/* Achtergrond */

body {
	margin:0;
	padding:20px 0;
	height:100%;
	background: #beb56a;
	text-align:left;
	font-size:0.65em;
	line-height: 1.2em;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	color: #000000;
	}

img {
	border: 0;
	}

/* Links en titels */

a {
	color: #99842b;
	text-decoration: none;
	}

a:hover {
	color: #99842b;
	text-decoration: none;
	border-bottom:1px dotted #beb56a;
	}


h1 {
	font-size:130%;
	font-weight:700;
	color:#99842b;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	text-align:left;
	padding: 10px 0 0 15px;
	}

/* Structuur */

#container {
	margin: 0 auto;
	padding:0;
	width:500px;
	background:#8d2421 ;
	}

#container div#header {
	background: url("header.jpg") no-repeat top left;
	width:500px;
	height:350px;
	text-indent:-9999px;
	}

#container p {
	padding: 0 15px;
	color: #beb56a;
	}

/* Menu */

ul#menu {
	margin: 5px 0 0 70px;
    padding:0 ;
	}

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

#menu a {
	padding: 3px 8px;
	text-decoration: none;
	border-top:1px dotted #99842b;
	border-left:1px dotted #99842b;
	color: #beb56a;}

#menu a:hover {
	text-decoration: none;
	border:1px dotted #99842b;
	color: #beb56a;}

/* Formulier */

ol {
	margin-top: 0px;
	color: #beb56a;
 	}

input, textarea, select {
	border:1px dotted #99842b;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	color: #beb56a;
	background:#8d2421;
	padding: 4px;
	font-size:100%;}

option {
	border: 0px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	color: #beb56a;
	background:#8d2421;
	padding: 0;
	font-size: 100%;}

/* Footer */

#footer {
	width:500px;
	margin:0;
	padding: 0;
	background: url("footer.jpg") no-repeat bottom left;
}

#footer p {
	text-align:center;
	padding:0 0 15px 0;
	}

/* Codesort */

.codesort h2 {
color: #beb56a;
font-size: 100%;
font-weight:700;
text-align:center;
letter-spacing: 0px; }

.codesort h3 {
font-size: 100%;
color: #beb56a;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-weight:400;
letter-spacing: 0px;
text-align: left;
padding: 0 15px;}