/* LIFE-BV CSS */

/*----------------------------------------------------------------
RESET STYLES
----------------------------------------------------------------*/
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight: bold; }
i, em { font-style: italic; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/*----------------------------------------------------------------
STANDAARD KLASSEN
----------------------------------------------------------------*/
html, body, table, select, input, textarea, a { font: 14px Calibri, Verdana, Arial, Tahoma; color: #1D1D1B; letter-spacing: 0px; }
body { background-color: #FFF; }
p { margin: 5px 0; padding: 5px 0; }
img { vertical-align: middle; }
table { width: 100%; border-spacing: 0; border-collapse: collapse; }
td { padding: 2px 0; vertical-align: top; }
select { width: 120px; padding: 5px 10px; margin: 0 0 5px 0; border: 0; background-color: #FFF; color: #330099; }
input[type="text"], input[type="password"], textarea, select.big { padding: 10px 12px; border: solid 1px #DDD; font-size: 15px; color: #330099; }
textarea { height: 200px; }
input[readonly], input[disabled] { background-color: #F9F9F9; color: #6A6A6A; }
h1 { margin: 0 0 5px; padding: 0 0 5px; font-size: 32px; font-weight: bold; line-height: 28px; }
h2 { margin: 5px 0; padding: 5px 0; font-size: 21px; font-weight: bold; line-height: 20px; }
a { outline: none; cursor: pointer; color: #1D1D1B; text-decoration: none; }
a:hover { text-decoration: underline; }

/*----------------------------------------------------------------
LAYOUT
----------------------------------------------------------------*/
.cropper { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; }

/* Header */
#header { position: relative; height: 95px; border-bottom: solid 15px #1C3F95; }
#header > a { display: block; position: absolute; top: 5px; left: 10px; }
#header > div { position: absolute; top: 25px; right: 20px; }
#header > div > span { display: block; float: left; padding: 10px 10px 0 0; color: #D7222A; }
#header > div > a { display: block; float: left; height: 31px; padding: 8px 15px 0; border-radius: 5px; background: url("images/sprite.png") repeat-x 0 -23px; font-size: 18px; font-weight: bold; color: #FFF; }

/* Menu */
#menu { padding: 12px; }
#menu > ul { }
#menu > ul > li { }
#menu > ul > li > a { display: block; height: 20px; padding: 3px 15px 0; margin: 0 0 1px; border-radius: 5px; background: url("images/sprite.png") repeat-x 0 0; color: #FFF; }
#menu > ul > li > ul { margin: 10px 0; padding: 0 0 0 32px; }
#menu > ul > li > ul > li { list-style-type: circle; margin: 0 0 5px; }
#menu > ul > li > ul > li > a { color: #1C3F95; }
#menu > a { display: block; width: 164px; margin: 30px auto; }

/* Footer */
#footer { position: relative; }
#footer > strong { display: block; margin: 10px 5px 15px 20px; color: #1C3F95; }
#footer > ul { position: absolute; top: 25px; left: 0; display: block; overflow: hidden; width: 100%; height: 30px; }
#footer > ul li { display: block; position: absolute; top: -999em; left: 0; padding: 0 40px 0 20px; font-size: 20px; font-weight: bold; color: #E61A23; white-space: nowrap; }

/* Content */
#content { position: relative; width: 700px; padding: 10px 20px 20px; font-size: 20px; color: #334968; }
#content a { }
#content a:hover { border-bottom: dashed 1px #334968; text-decoration: none; }
#pager { position: absolute; top: -15px; right: 10px; width: 100px; padding: 10px 20px 20px; margin: 20px 0; }
#pager .previous { float: left; }
#pager .next { float: right; }

/* Utility */
.clearer { clear: both; visibility: hidden; height: 0; }
.red { color: #E51B24; }
.bulleted { list-style-type: circle; padding: 0 0 0 30px; }
.bulleted li { }