html * { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #012560; padding: 0; margin: 0; letter-spacing:0.04em; line-height:19px;}
body { background-color: #ebeff2; }
h1 { text-align: center; font-size: 14px; margin-bottom: 40px; color: #314960; }
h2 { margin-bottom: 20px; color: #314960; }
h3, h4, h5 { color: #314960; }
li { margin: 0 0 0 12px; padding: 0; list-style: square; }
p, li { color: #000; }
a { color: #660000; }
a:hover, a:visited { color: #314960; }
a img { border: none; }
.clr { clear: both; }

.index { background-image: url('../gfx/1px-achtergr.gif'); background-repeat: repeat-x; }

#center { height: 100%; width: 900px; margin: 0 auto; }
#flashbg { background-color: #ebeff2; width: 900px; }
#flashbg #flash { z-index: 1; }
#content { padding: 5px; position: absolute; margin: 175px 0 0 175px; width: 550px; height: 400px; overflow: auto; z-index: 100; }

/* admin */
.admin #center #content form { padding: 5px; border: solid 6px #579157; }
.error { text-align: center; padding: 10px; color: red; font-weight: bold; }
.admin td { padding: 2px; background-color: #fff; }

/* form styleing */
#content.edit { background-color: #fff; height: auto; width: 552px; }
#editForm #text { width: 550px; height: 400px; }
#editForm textarea, #editForm input { width: 395px; margin: 5px 0; }
#editForm input { height: 19px; }
form label { margin: 5px 20px 5px 0px; width: 120px; display: block; float: left; }
#editForm input.button { margin: 5px 10px 5px 0px; border: 1px solid #ccc; cursor: pointer; width: auto; height: auto; }

/* edit menu */
#edit_menu, #pages { float: right; position: absolute; width: 900px; z-index: 100; }
#pages { margin: 30px 0 0 0; height: 300px; overflow: auto;  }
#pages table { width: 150px; background-color: #ebeff2; }
#pages td { font-size: 10px; background-color: #fff; padding: 1px; vertical-align: top; }
#edit_menu li { list-style: none; float: right; margin: 5px 10px;}

/* fader */
#fade { background: #222 none repeat scroll 0 0; display:none; left:0;  filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; opacity:0.8; position:absolute; top:0; z-index: 200; }

/* popup */
#popup { display: none; margin: 0 0 0 220px; top: 40px; width: 450px; height: 600px; background-color: #fff; border: solid 6px #579157; z-index: 300; position:absolute; }
#popup iframe { border:medium none; height:100%; width:100%; overflow-x: hidden; overflow-y: auto; }
.popup { background-color: #fff; background-image: url('../gfx/popup.jpg'); background-repeat: no-repeat; }
.popup #center { margin-top: 135px; width: 310px; }
.popup #content { width: 310px; margin: 0; position: inherit; }
.popup #content.edit { width: 340px; }
.popup #edit_menu { width: 380px; }
.popup #editForm { margin-top: 30px; background-color: #fff; }
.popup #editForm #text { width: 310px; height: 400px; }
.popup #editForm textarea { width: 308px; margin: 5px 0; }
.popup #editForm input { width: 300px; margin: 5px 0; }
.popup #editForm input.button { margin: 5px 10px 5px 0px; width: auto; }
#popup #close { cursor: pointer; margin: -21px 0 0 390px; position: inherit; background-image: url('../gfx/sluiten.jpg'); width: 53px; height: 13px; }
#popup #portret { position: absolute; left: -1px; top: -38px; width: 451px; height: 173px; display: none; }
#popup #portret .img { height: 173px; display: none; }
#popup #portret .a { background: transparent no-repeat scroll left center url('../gfx/portretA.png'); }
#popup #portret .k { margin-left: 321px; background: transparent no-repeat scroll left center url('../gfx/portretK.png'); }