* {padding:0; margin:0}
html, body, form {height:100%}
body {background:#fff url(uploads/images/body_bg.gif) repeat-x 0 0;font-family:verdana, Tahoma;font-size:.75em; line-height:1.9em; color:#333}
p,h1,h2,h3,h4,ul,ol {margin:8px 0}
ul, ol {list-style-position:inside; position:relative}
ul li ul li{padding-left:20px}
ol#disclaimer li, ol#disclaimer li ul li {padding-bottom:4px}

table {border-collapse:collapse}
img {border:0}
p {margin-bottom:15px}
h1,h5 {color:#90b241; font-size:1.2em; margin-bottom:5px; font-variant:small-caps; letter-spacing:2px}
h2 {color:#e8a307; font-size:1em; margin-bottom:5px; font-variant:small-caps; letter-spacing:2px}
h3 {color:#000; font-size:0.9em; margin-bottom:5px; font-variant:small-caps; letter-spacing:1px; font-weight:bold}

a:link, a:visited {color:#5a99cc; text-decoration:underline}
a:focus, a:hover, a:active {color:#ce303b}

/* header */
#header {position:relative; padding:5px 0 1px 0; width:900px; margin:0 auto; height:94px}
#header img {margin:12px 0 0 0}
#header h5 {position:absolute; top:60px; left:140px; font-size:1.2em; color:#dbdbdb; font-weight:normal; font-style:italic; font-variant:normal}
#header ul {white-space:nowrap; position:relative; float:right; margin:0}
#header ul li {display:inline}
#header ul a {position:relative; float:left; padding:7px 10px 0 10px; margin-top:7px; font-size:0.8em; color:#dbdbdb; text-decoration:none; border-left:solid 1px #bbb; border-bottom-width:0}
#header ul a.first {border-left:0}
#header ul a:hover {color:#ce303b; bottom:2px; border-bottom-width:0} 
#header ul.jg_language {float:none; position:absolute; top:63px; right:0}
#header ul.jg_language a {float:none; display:inline-block; border-left:none; margin:0; width:22px; height:24px; padding:0}
#header ul.jg_language a:hover {bottom:0} 
#header ul.jg_language a.jg_language_en{background:url(uploads/images/en.gif) no-repeat center right !important}
#header ul.jg_language a.jg_language_nl{background:url(uploads/images/nl.gif) no-repeat center right !important}    

/* menu */
#menu {margin:0 auto; width:900px}
#menu img {display:block}
#menu a:link, #menu a:visited {display:inline-block; width:219px; height:24px; padding:13px 0; margin-top:8px;
    text-decoration:none; color:white; font-weight:bold; text-transform:uppercase; text-align:center; font-size:13px}
#menu a.selected {text-decoration:underline}

a.green {margin-right:8px; background:#90b241}
a.green:focus, a.green:hover, a.green:active {background:#78ab00}
a.red {margin-right:8px; background:#b80f14}
a.red:focus, a.red:hover, a.red:active {background:#9a0005}
a.blue {margin-right:8px; background:#539bdd}
a.blue:focus, a.blue:hover, a.blue:active {background:#287fce}
a.yellow {background:#e8a307}
a.yellow:focus, a.yellow:hover, a.yellow:active {background:#d39405}

/* content */
#content {margin:20px auto 10px auto; width:900px}

/* footer */
#outer_footer {clear:both; position:relative; width:100%; color:#666; background:#fff; font-size:0.8em; margin-top:130px}
#outer_footer a:link, #outer_footer a:visited  {color:#666; border-bottom-width:0; text-decoration:none}
#outer_footer a:focus, #outer_footer a:hover, #outer_footer a:active {text-decoration:underline}
#footer {position:relative; width:900px; margin:0 auto; text-align:center; border-top:solid 1px #bbb}
div.social {position:absolute; top:-52px; right:0}
div.social img {padding-left:8px}

/* pager */
div.jg_data_pager {margin:10px 0; clear:both}
div.jg_data_pager table td {font-size:.8em; border:solid 1px #bbb; width:25px; height:25px; text-align:center}
div.jg_data_pager table td.jg_page_selected {font-size:.9em}

/* blog */
div.blog {border-bottom:solid 1px #bbb}
div.blog_right {border-left:solid 1px #bbb; padding-left:20px}
p.author {font-size:.8em}
a.more:link, a.more:visited{display:block; text-align:right; text-decoration:none}
a.more:focus, a.more:hover, a.more:active {color:#404040}
ul.jg_data_recent {list-style-type:none}

/* project */
div.project {border-bottom:solid 1px #bbb; margin-bottom:15px}
div.project h3 {margin-top:0; padding-top:0}
div.project img {float:left; margin-right:20px}
div.project div {clear:both; height:10px}
ul.list {list-style-type:none}





td.item a:link, td.item a:visited  {color:#000; text-decoration:underline}
td.item a:visited {color:#800080; text-decoration:underline}
td.item a:focus, td.item a:hover, td.item a:active {color:#ce303b; text-decoration:underline}
td.nick {border-bottom:dashed 1px #bbb; padding:5px; vertical-align:top; width:60px}
td.cat {border-bottom:dashed 1px #bbb; padding:5px; vertical-align:top; width:100px}

div#statement {color:#e9a206; position:absolute; right:0; font-size:11px; margin:50px 5px 0 0; text-align:right}
div#statement p {margin:0}

div.separator {clear:both; border-top:solid 1px #bbb; margin-bottom:10px}

div.rotator {text-align:center; font-weight:bold}

table.ref th {font-weight:normal; width:100px; text-align:left; vertical-align:top; padding:4px}
table.ref td {vertical-align:top; padding:4px}
table.ref p {margin:0; padding:0}

/*Gastenboek*/
.guestbook{background-color:#f5f5f5;padding:20px;border:solid 1px #aaa;color:#000; margin-top:10px}
.guestbook_row{padding-bottom:5px}
.guestbook_label1{color:#000;font-weight:bold;width:100px;display:block;float:left}
.guestbook_text, .guestbook_message{width:280px;padding:3px;border:solid 1px #6282a6;margin-right:10px;background-color:#fff}
.guestbook_message{margin:0 10px 0 100px;height:80px}
.captcha_row{margin-left:95px;font-size:14px}
.captcha_row img{border:solid 1px #6282a6;padding:0}
.captcha_row input{width:77px;border:solid 1px #7f9db9;padding:3px;margin-top:3px;background-color:#fff}
.guestbook_button{margin-left:100px;padding:0 10px}
.gb_item{width:586px;background:#fff;margin-bottom:10px}
.gb_header{height:25px;background:#000;padding:2px 15px 2px 15px;color:#fff}
.gb_body{padding:15px}
span.gb_nick{color:#fff;font-weight:bold}
span.gb_date{display:block;float:right;width:115px;color:#aaa;font-size:12px}
.pager table{margin:0 auto;font-size:12px}
.pager td{padding:0 1px}
.pager td.pageSelected{font-weight:bold}
.pager a{color:#5a5a5a}
.pager a:hover{text-decoration:none;color:#000}

table tr.t th {border-bottom:solid 1px #000}
table tr.u td {border-bottom:solid 1px #bbb}
table tr.e td {height:20px}

/*Fancylist*/
ul.fancylist{list-style:none none outside}
ul.fancylist li{background:url(uploads/images/check.gif) no-repeat 0 0; display:block; height:25px; padding-left:30px}
ul.fancylist a{text-decoration:none; color:#339cff; font-weight:bold}
ul.fancylist a:focus, ul.fancylist a:hover, ul.fancylist a:active{color:#ce303b}

/*Fancytable*/
table.fancytable {width:100%}
table.fancytable th{text-align:left; background:#687eaa; color:#fff}
table.fancytable th, table.fancytable td{padding:0 15px 5px 5px; vertical-align:top}
table.fancytable tr.alt td{background:#ebeef4}
table.fancytable ol{margin:0}

/*Release notes*/
ul.release_notes li{margin:0 0 5px 0}
ul.release_notes ul{margin:0 0 5px 0}
ul.release_notes ul li{list-style-type:disc; padding-left:30px; margin:0}

