body {
 margin: 0;
 background:#ffefcd;
 padding: 0;
 font-family: "trebuchet", "lucida grande", Verdana, Helvetica, Arial, sans-serif;
 font-size:  small;
}
* html body { font-size: x-small; /* for IE%/Win */ f\ont-size: small; /* for other IE versions */ }

/* start header */

#header 	{ background:#ffffff url(images/bgboven.gif) repeat-x left top; height:125px;}
#logo 		{ position:absolute; top:0; height:125px; left:0; margin:0; padding:0; }
#darwine	{ position:absolute; top:0; height:90px; left:190px; margin:0; padding:0; }
#nav		{ position:relative; top:100px; left:190px; height:25px; width:525px; margin:0; padding:0;}
#nav li ul, #nav li ul 	{margin: 0; padding: 0;}
#nav li 		{ /*float the main list items*/ margin: 0; float: left; display: block; padding: 0;}
#nav li a 		{width: 75px; padding: 0; margin-right: 5px;}

/*do the image replacement*/

#nav li span	{position: absolute; left: -9384px;}
#home a, #weblog a, #links a, #varia a	{display: block; position: relative; height: 25px; background: url(images/knoppen.gif) no-repeat;}

/*first, put the initial states in place*/

#home a		{background-position: 0 -50px;}
#weblog a	{background-position: -75px -50px;}
#links a	{background-position: -150px -50px;}
#varia a	{background-position: -225px -50px;}

/*hover states*/

#home a:hover, #home:hover a, #home.over a			{background-position: 0 -25px;}
#weblog a:hover, #weblog:hover a, #weblog.over a	{background-position: -75px -25px;}
#links a:hover, #links:hover a, #links.over a		{background-position: -150px -25px;}
#varia a:hover, #varia:hover a, #varia.over a		{background-position: -225px -25px;}

/* end header */

/* start layout */

#linkerkolom { position:fixed; top:150px; left:5px; width:183px;}
#middenkolom { position:absolute; top:150px; left:200px; right:200px; border:0; margin:0; padding:0; }
#rechterkolom { position:absolute; top:150px; right:5px; width:183px;}

.middentekst { color: #4e4124; background-color: #ffffff; }

h1 {
 font-weight:bold;
 font-size:90%;
 color:#947b4a;
 background-color:#ecf0fb;
 border-bottom-width:thin;
 border-bottom-style:solid;
 border-bottom-color:#dae2ed;
 padding:3px;
 margin:0;
}

.kop {
 font-family: "andale mono", "trebuchet", "lucida grande", Verdana, Helvetica, Arial, sans-serif;
 font-weight:bold;
 font-size:200%;
 color:#78a;
 padding:3px;
}

.rechterkop {
 padding:5px;
 font-weight:bold;
 font-size:90%;
 color:#977e48;
 background-color:#ecf0fb;
 border-width:thin;
 border-style:solid;
 border-color:#dae2ed;
}

.rechtertekst {
 padding:3px;
 color:#4e4124;
 border-width:thin;
 border-style:solid;
 border-color:#dae2ed;
 border-right-width:thin;
 border-right-style:solid;
 border-right-color:#dae2ed;
 border-left-width:thin;
 border-left-style:solid;
 border-left-color:#dae2ed;
 border-bottom-width:thin;
 border-bottom-style:solid;
 border-bottom-color:#dae2ed;
 background-color: #f7f8fd;
}

.kader { background:#ecf0fb; border:1px solid #977e48; padding:5px; color:#666;}
.kaderkop { margin:0; font-weight:bold; font-size:90%; color:#977e48; }

/* end layout */


.foto { 
 background-color:#fff;
 margin: 3px;
 padding: 3px;
 border-top: 1px solid #aaa;
 border-right: 2px solid #666;
 border-left: 1px solid #aaa;
 border-bottom: 2px solid #666;
 }

/*
.foto { background-color:#ffffff; padding:5px; margin:3px; border:1px solid #dae2ed;}
*/
.edit { border:0; background-color:#ffffff; margin:0; color:#4e4124; padding:3px;}
.data {font-weight:normal; color:#999999; font-size:80%; }

a			{color:#000099;text-decoration:none;}
a:visited	{color:#663399;text-decoration:none;}
a:active	{color:#000099;text-decoration:none;}
a:hover		{color:#000000;text-decoration:underline;}

a.tekst			{color:#000099;text-decoration:none;}
a.tekst:visited	{color:#663399;text-decoration:none;}
a.tekst:active	{color:#000099;text-decoration:none;}
a.tekst:hover	{color:#000000;text-decoration:underline;}

b.tekst {color: #999999;}

a.data			{color:#666699;text-decoration:none;}
a.data:visited	{color:#996699;text-decoration:none;}
a.data:active	{color:#666699;text-decoration:none;}
a.data:hover	{color:#000000;text-decoration:underline;}

/*
a[href $='.doc'] { padding-right:18px; background:transparent url(images/icon_word.gif) no-repeat center right; }
a[href $='.pdf'] { padding-right:18px; background:transparent url(images/icon_pdf.gif) no-repeat center right; }
a[href $='.ppt'] { padding-right:18px; background:transparent url(images/icon_ppt.gif) no-repeat center right; }
a[href $='.txt'] { padding-right:18px; background:transparent url(images/icon_txt.gif) no-repeat center right; }
a[href $='.xls'] { padding-right:18px; background:transparent url(images/icon_xls.gif) no-repeat center right; }

.foto {
 z-index:1;
 background:url(images/shadowAlpha.png) no-repeat bottom right !important;
 background:url(images/shadow.gif) no-repeat bottom right;
 margin:10px 0 0 10px !important;
 margin:10px 0 0 5px;
}

.foto img {
 display: block;
 z-index:2;
 position:relative;
 background-color:#fff;
 border:1px solid #a9a9a9;
 margin:-6px 6px 6px -6px;
 padding:2px;
}
*/