/* -------------------------------- html -------------------------------- */
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:120%; margin:0; background:url(/gfx/docupedia_bg.gif) fixed; line-height:140%; }
a:link,
a:visited { color:#F14B94; text-decoration:none; }
a:hover { color:#000;text-decoration:underline}
a.dis { color:#ccc;}
a.dis:hover { color:#000;}
a .ext {float:left;margin-right:10px;width:30px;height:30px;background: url(/gfx/ext.gif);margin-bottom:12px;}
a:hover .ext{background: url(/gfx/ext_r.gif)}
.tm {display:block;clear:both;margin-bottom:6px;font-weight:bold;font-size:12px;line-height:14px;}
h1 { font-size:24px; line-height:28px;margin:0;padding:0;}
h2 { font-size:20px; line-height:24px;margin:0;padding:0}
h3 { font-size:18px; line-height:18px;margin:0;padding:0}
h4 { font-size:14px; line-height:16px;margin:0;padding:0}
h5 { font-size:12px; line-height:16px;margin:0;padding:0}
img { border:0px;}
hr { clear:both; border:0px; border-top:2px solid #687a8b; margin:16px 0; }
ol { margin:0px 25px;padding:0;}
ol li { margin:4px 0;padding:0;}
ul { margin:0px;padding:0px 10px;}
ul li { margin:4px 0;margin-left:0;padding-left:15px; list-style-type: none;}
h2 li { background:url(/gfx/bullet.gif) no-repeat left 8px;}
blockquote { margin:4px 5px; padding:0px; padding-left:20px; background:url(/gfx/bullet.gif) no-repeat;color:#141D11;}
.sl { display:block;}
.c3 .sl { line-height:16px;}
/* -------------------------------- lay -------------------------------- */
.cap { display:block;color:#8B9298;margin:4px 0 12px;font-size:11px;}
#pg { position:absolute; left:50%; margin-left:-480px; width:990px; background:#fff;padding:20px 0 0 15px;min-height:800px;}
#hom { float:left;width:315px;height:100px;background:url(/gfx/dutch_doc_logo.gif) no-repeat;}
#hom:hover { background:url(/gfx/dutch_doc_logo_01.gif)}
#cnt { display:block; clear:both;width:975px; overflow:hidden}
#pp { position:fixed;display:none;left:0;top:0;width:100%;height:100%;overflow:hidden;background:#fee;text-align:center;z-index:100}
#iw { position:absolute;border:1px solid;margin:auto;left:0;top:0;}
#ftr { margin:14px 0;}
.c1 { float:left; position:relative; display:inline; width:150px; overflow:hidden;}
.c2 { float:left; position:relative; display:inline; width:315px; overflow:hidden;}
.c3 { float:left; position:relative; display:inline; width:470px; overflow:hidden;font-size:12px;}
.c4 { float:left; position:relative; display:inline; width:645px; overflow:hidden;}
.tit { display:block;font-size:24px;line-height:24px;color:#ed1e79;margin-bottom:6px;}
.mr { margin-right:15px;}
.itm { display:block; clear:both; background: url(/gfx/bul.gif) no-repeat; width:140px; padding-left:8px;min-height:16px; margin:2px 0;}
.itm a {display:block;}
.cat { display:block; clear:both; background: url(/gfx/bull.gif) no-repeat; width:140px; padding-left:8px;height:16px; overflow:hidden}
.cat a {display:block;}
.grp { display:block; clear:both; width:150px; height:16px; font-weight:bold}
.num { position:absolute;right:0px;}
.hid { display:none;}
.lft { float:left}
.rgt { float:right}
.txt { float:left;width:470px;font-size:12px;margin-top:12px;margin-right:15px;}
.att { margin-top:12px;width:150px;float:left;}
.att .img { display:block;width:150px;margin-bottom:12px;}
.att .img.p { height:150px;}
.ftr { font-size:11px;background:#fer;margin-top:24px;}
.var { float:left;width:80px;}
.q_r { display:block;font-size:14px;font-weight:bold;padding-bottom:4px;}
.big { font-size:14px;}
#hdr { display:block; clear:both; width:980px; height:120px;}
#hdr a:hover{ text-decoration:none;}
#map { background:#eee;width:470px;height:320px;margin-top:12px;}
#items { display:block;margin-top:12px;background:#eef;}
.tab { display:block;height:24px;padding:2px 0;}
#log { margin-top:6px;}
.pink { color:#F14B94;}
.grey { color:#687a8b;}
a.grey, a:visited.grey {color:#687a8b;}
a.green, a:visited.green {color:#687a8b;font-weight:bold;}
a.sel, a:visited.sel { color:#000;}
a.sel:hover { text-decoration:underline}
.inp { border:1px solid #ccc; padding:4px;; margin-bottom:2px; width:140px; font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#687a8b;font-weight:bold }
.inp:focus { border:1px solid #333;color:#333 }
.sbm { margin:6px 0;}
.extern { padding-right:16px; background:url(/gfx/ext_g.gif) no-repeat right; margin-right:6px;}
.extern:hover { background:url(/gfx/ext_gr.gif) no-repeat right; }
#edit_wiki { background:#eef2f5;padding:10px;}
#edit_wiki .inp {width:300px;}
textarea { font-family:Arial, Helvetica, sans-serif; font-size: 12px;line-height:16px; border:1px solid #ccc; height: 320px; width: 480px; margin: 4px 0px; padding: 4px; }
textarea:focus { border:1px solid #333; }
.format_but { float:left; margin-right:1px; }
.format_but a:link { display:block; width:20px; height:20px; background-color: #D1D4DC; border: thin solid #8A93A8; text-align: center; }
.format_but a:hover { background-color: #8A93A8; }
.cb { display:block; clear: both; float:none; width:613px; }
.fh { height:44px; }
.form_item { padding-bottom:12px}
/* -------------------------------- blog -------------------------------- */
#rsp, #frm {margin:15px 0;border-top:2px solid #687a8b;}
#rsp .tit, #frm .tit {font-size:14px;}
.rsp {padding:6px 0;padding:6px 0;font-size:11px;}
.rsp .aut {display:block;margin:2px 0;border-top:1px dotted #f8a5c9}
label {width: 240px;display:block;margin:4px 0;text-align:left;padding-right:10px;line-height:14px;font-size:11px;}
form p {margin:6;padding:0;font-size:9pt;display:block;clear:both;line-height:14pt;}
.input {width:300px;font-family:Arial, Helvetica, sans-serif;background-color:#fff;font-size:10pt;padding:2px;border:1px dotted #999;}
.input:focus {border:1px solid #000;}
.error {border:1px solid #cc0000;}
.msg {position:absolute;width:400px;height:200px;top:100px;left:30%;padding:20px;background:#fff;}
.msg .txt {font-weight:bold;font-size:18pt;line-height:24pt;}