body { text-align: center; }
#wrap  { width: 980px; margin: 0 auto 0 auto; padding: 0; }
#header { width: 980px; color: blue; font-family: Verdana, sans-serif; font-size: 30pt; font-weight: 500; text-align: left; margin: 36 0 8 0; padding: 0; }
#menu-1 { width: 980px; text-align: right; font: 8pt verdana, sans-serif; color: blue; padding: 0 0px 2px 0; }
#menu-1 a { text-decoration: none; }
#menu-1 a:hover { color: crimson; }
#menu-2 { width: 980px; text-align: right; margin: 4px 0 16px 0; }
.actions ul { font: 8pt verdana, sans-serif; color: blue; margin: 4px 0 0 0; padding: 0; display: inline; }
.actions ul li { margin: 0; 0; padding: 0 2px 0 2px; display: inline; list-style: none; }
.actions ul li+li { padding-left: 2px; border-left: 1px solid blue; }
#menu-2 a { text-decoration: none; }
#menu-2 a:hover { color: crimson; }
#navcontainer { width: 980px; background-color: blue; padding: 0; margin: 0; }
#navcontainer ul { margin: 0 0 0px 0; background-color: blue; color: white; float: right; width: 980px; font: bold 9pt verdana, sans-serif; }
#navcontainer ul li { display: inline; }
#navcontainer ul li a { padding: 0.35em 1em 0.35em 0; margin: 0; background-color: blue; color: white; font-weight: bold; text-decoration: none; float: right; border-right: 1px solid white; width: 12em; text-align: center; }
#navcontainer ul li a:hover { background-color: crimson; color: white; }
#hoofdvak { border-bottom-color: blue; border-bottom-style: solid; border-bottom-width: 4; width: 980px; margin: 0 0 8px 0; padding: 0 0 12px 0; }
#kolom_rechts { width: 680px; float: right; margin: 0; padding: 0 10px 0 0; text-align: left;}
#kolom_links { width: 260px; margin: 0; padding: 0; }
#kolom_links img { margin: 28px 0 0 16px; padding: 0;}
#footer { clear: both; width: 980 px; font: 8pt verdana, sans-serif; color: blue; text-align: left; margin: 0; padding: 0;}
.nv { font-size: small; font-family: arial, sans-serif; text-align: center; }

a:link { color: #0000cc; font-weight: 500; }
a:visited { color: #0000cc; font-weight: 500; }
a:active { color: #0000cc; font-weight: 500; }
a { color: #0000cc; font-weight: 500; }

p { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; font-size: 10pt; color: #000033; margin-right: 0.3cm; }

ol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; list-style-position: outside; text-align: left; color: #000033; margin-right: 0.3cm; }
ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; list-style-type: square; list-style-position: outside; text-align: left; color: #000033; margin-right: 0.3cm; }

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; color: blue; font-weight: bold; margin: 30pt 0 0 0; padding: 0 0 0 0; text-align: left; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: crimson; font-weight: bold; margin-bottom: -10pt;  text-align: left; }

hr { color: blue; }

.clear { clear: both;  }

/* basic html styling */
h3, #side h1 { font-weight: bold; font-size: 120%; }
h4 { font-weight: bold; font-size: 100%; }
p { margin-bottom: 15px; }
form { margin: 0px; border: 0px; padding: 0px; }
input[type="submit"] { border-style:solid; border-width:1px; border-color:#999; color:#999; background-color:#fcfdfe; margin: 6px 3px 0px 0px; height: 22px;}
input[type="text"], input[type="password"] { border-style:solid; border-width:1px; border-color:#999; color:#999; background-color:#fcfdfe; margin: 6px 3px 0px 0px; height:18px; }
input:hover, input:focus, textarea:hover, textarea:focus { background-color:#fff; color: #000}
textarea { border-style:solid; border-width:1px; border-color:#999; color:#999; background-color:#fcfdfe; margin: 6px 3px 0px 0px; }


/* BoltWire classes */
.large { font-size: 115%; }
.small { font-size: 80%; }
.highlight { background-color:yellow; padding: 0px 3px 0px 3px; }
.marks { font-size: 80%; color: red; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.small-caps { font-variant: small-caps; }
table.stripe { margin-left: 0px; }
table.stripe th, table.stripe td {padding: 5px;}
tr.striperow { background-color: #f7f7f7; padding: 7px; }
table.rss { padding: 0px; border-spacing: 0px; border-collapse: collapse; }
table.rss th { padding: 10px; border: 1px solid #999; background-color: #f7f7f7; padding-right: 25px; text-align: left; }
table.rss td { padding: 7px; border: 1px solid #999; background-color: #ffffff; padding-right: 25px; }
.hotlinks a, .hotlinks a:link, .hotlinks a:visited { color: black; border-bottom: 1px dotted #cecece;}
.hotlinks a:hover { background-color: #f7f7f7; text-decoration: none; border-bottom: 1px dotted #007700;}
.box { background-color: #f7f7f7; padding: 7px; border: 1px solid #999; margin-bottom: 3px; }
.box li { margin: 5px 5px 5px 5px;}
.box ul { margin: 0px 0px 0px 20px;}
.code { background-color: #f7f7f7; padding: 7px; border: 1px solid #999; margin-bottom: 3px; }
.code ul { margin: 0px 0px 0px 20px;}  
.message { background-color: #f7f7f7; padding: 7px; margin: 0px 0px 7px 0px; border: 1px solid crimson; color: crimson; font-family: verdana, sans-serif; font-weight: bold; font-size: small; }
.diff { color: green; font-size:75%; background-color: white; padding: 2px 5px 2px 5px; line-height: 2.5em;}
.preview { border: 2px dotted orange; padding:.5em; margin: 1em 0; }