/* reset stylesheet */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* eind reset */

/* opmaak meldingen */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd;  max-width: 500px; margin: auto;}

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.container {
width: 90%;
margin: auto;
line-height: 135%;
}
h1, h2, h3, h4 {
font-family: Georgia, "Times New Roman", Times, "met schreef";
font-size: 1.6em;
padding-left: 0px;
font-style: italic;
color: #333;
margin-top: 15px;
margin-bottom: 10px;
letter-spacing: 0.5px;
}
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
a {
color: blue;
text-decoration: underline;
}
a:hover { text-decoration: none; }


.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
a.button {
background: transparent url('../img/bg_button_a.gif') no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px; 
text-decoration: none;
}
a.button span {
background: transparent url('../img/bg_button_span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
a.button:active {
background-position: bottom right;
color: #000;
outline: none; 
}
a.button:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; 
}
a.add span {
background: transparent url('../img/bg_button_span-add.gif') no-repeat;
padding-left: 50px;
}
a.add:active span {
background: transparent url('../img/bg_button_span-add.gif') no-repeat;
padding-left: 50px;
background-position: bottom left;
}

p { padding: 8px; }
.links, .rechts {
float: left; 
width: 45%; 
}
.rechts { float: right; }
.center { margin: auto; }
.clear { clear: both; }
td { vertical-align: top; }