

/* BEGIN CSS ========= */

/*
21-10-08: Right. CSS from scratch. To be tested in IE and Chrome (hoping FF behaves more or less like Chrome).
No margins or padding for the divs, as that's what seems to upset IE...

*/

body {
margin: 0px 0px 0px 0px;	
font-family:verdana, arial, helvetica, sans-serif;
	font-size: 75%;
	color: #715a3c;
	background: #f7ecdd;
	}

/* COLOR CODING ======= */
	.klicht {color: #fdfaf5;}
	.ka {color: #fdf8f2;}
	.kb {color: #f7ecdd;}
	.kc {color: #f1dabc;}
	.kd {color: #e9c69a;}
	.ke {color: #e1b378;}
	.kf {color: #bf9866;}
	.kg {color: #a9865a;}
	.kh {color: #715a3c;}
	.ki {color: #382d1e;}
	.kj {color: #17120c;}

/* ALINEA CODING ===== */

p {
	font-size: 1em;
	line-height: 1.3em;
	margin: 0em 0em 0.5em 0em;
	}

li {
	line-height: 1.3em;
	margin-top: 0.5em;
	margin-left: -2em;
	 }

.spec {
	font-size: 1.5em;
	text-align: center;
	line-height: 1.5em;
	font-weight:600;
	color:#e1b378;	
	 }

h1 {
	margin: 1.5em 0em 0.5em 0em;
	padding:0px;
	font-size:1.2em;
	line-height:1.3em;
	font-weight:700;
	color:#a9865a;
	}

h2 {
	margin: 0.5em 0em 0.5em 0em;
	padding:0px;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: 600;
	color: #715a3c;	
	}
	
h3 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 20px;
	color: #382d1e;
	}

h4 {
	margin: 0.5em 0em 0.2em 0em;
	padding: 0em;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: 500;
	color: #382d1e;
	}
	
a {
	color:#09c;
	line-height: 1.8em;;
	text-decoration:underline;
	font-weight:500;
	}
		a:link {color:#382d1e; }
		a:visited {color:#715a3c; }
		a:hover {background-color:#f1dabc;}

.noline {
	border-style:none;
	text-decoration: none;
	 }

.quote {
	margin: 0em 2em 0em 2em;
	font-family: arial, sans-serif;
	 }

.linkintxt {
	line-height: 1em;
	text-decoration: underline;
	font-weight: 500;
	}

.imglinks {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
	}
	
.imgrechts {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1em;
	}

.txtmidden {
	text-align: center;
	}

.txtrechts {
	text-align: right;
	}

.tussen {
	font-family: arial, sans-serif;
	font-size: 95%;
	color: #a9865a;
	line-height: 1.3em;
	margin: 0.5em 0em 0.5em 0em;
	 }

.sidehead {
	font-size: 65%;
	color:#715a3c;
    text-transform:uppercase;
    letter-spacing:.2em;
}

#twitter_update_list {
	font-size: 85%;
}

/* Tabel codering ========================= */
th,td {
	font-size: 80%;
	}

.data {
	background-color: #f7ecdd;
	}

.rl {
	text-align: right;
	}

.totaal {
	text-align: right;
	border-top: 1px solid #382d1e;
	border-bottom: 1px ridge  #382d1e;
	}


/* DIV CODING ========================= */

#header {
	position: relative;
	height:150px;
	width: 80%;
	margin:0 auto;
	background-image: url(pix/tulpen-home.jpg);
	background-repeat: repeat-x;
}

#container  {
	position: relative;
	width: 80%;
	margin:0 auto;
	overflow: hidden;
    background-color: #fdfaf5;   
	background-image: url(pix/horgrad.gif);
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: 72% 0;
}


#content {
	position: relative;
	float: left;
	width: 65%;
	margin-left:10px;
}

#sidebar {
	position: relative;
	width: 30%;
	float: right;
	padding-left:10px;
/*	border-left: 1px solid #bf9866;  */
}

#footer {
	clear: both;
	width:80%;
	margin:0 auto;
	background-color: #f1dabc;
	text-align: left;
	border-top: 1px solid #333;
}


/* ========= HALFMOON MENU CODING ============ */
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.halfmoon {
	margin-bottom: 1em;
}

.halfmoon ul {
   padding: 3px 9px 2px 5px;
   margin-left: 0;
   margin-top: 1px;
   margin-bottom: 0;
   font: 10px Verdana;
   list-style-type: none;
   text-align: right; /*set to left, center, or right to align the menu as desired*/
   border-bottom: 1px solid #715a3c;
}

.halfmoon li {
	display: inline;
	margin: 0;
}

.halfmoon li a {
   text-decoration: none;
   padding: 3px 9px 2px 5px;
   margin: 0;
   margin-right: 1px; /*distance between each tab*/
   border-left: 1px solid #DDD;
   color: black;
   font-size: 10px;
   background: #fdfaf5 url(pix/tabright.gif) top right no-repeat;
}

.halfmoon li a:visited {
	color: black;
}

.halfmoon li a:hover {
	background-color: #e9c69a;
	color: navy;
}

/* end menu coding --------------------------------- */

/*- ============ LIBRARY THING CODING  ======= 
CSS DIV classes used
LTwrapper
LTheader
LTitem
LTprovided */


.ltwrapper {
	text-align: center;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #a9865a;
	margin: 1em 0em 1em 0em;
	padding: 1em 0em 1em 0em;
	}
.ltheader {
	font-weight: 700;
	font-size: 1.1em;
	padding: 0em 1.5em 0em 1.5em;
	}
.ltitem {
	text-align: left;
	font-size: 0.9em;
	margin-top: 1em;
	}
.ltitem img {
	clear: both;
	}
.ltprovided {
	clear: both;
	text-align: center;
	margin: 1em 0em 1em 0em;
	}
/* End of Library Thing Coding */

/* END CSS */


