@charset "UTF-8";

/* 
============================================================
    CSS RESET
------------------------------------------------------------
Source:  http://meyerweb.com/eric/tools/css/reset/
Title:   Eric Meyer's Reset CSS v2.0
Author:  Eric Meyer
Remarks: I excluded ul, ol, li
============================================================ 
*/
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, 
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; }


/* 
============================================================
    Box-Modell
------------------------------------------------------------
Source: http://www.paulirish.com/2012/box-sizing-border-box-ftw/
Author: Paul Irish
============================================================ 
*/
html                            { box-sizing: border-box; }
*, *:before, *:after            { box-sizing: inherit; }







html, body                      { width: 100%; height: 100%; }
body                            { background: none repeat scroll 0% 0% #FFF; color: #444; font: normal 100%/1.4 serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: "times new roman", times, serif; }
.content                        { width: 100%; font-size: 12pt; }

#logo                           { width: 100%; padding: 1cm 0 1cm 0; color: #000; text-align: center; font-size: 14pt; font-weight: bold; }
#logo div                       { display: inline; }

#navigation                     { display: none; }
#nav-toggle                     { display: none; }

#page-heading                   { width: 100%; }
#page-heading .page-title       { color: #000; font-size: 24pt; font-weight: bold; }

/* Breadcrumbs */
.breadcrumbs                    { display: block; color: #666; margin: 0 0 1cm 0; }
.breadcrumbs ol                 { display: inline; margin: 0; padding: 0; font-size: 10pt }
.breadcrumbs ol:before          { content: '('; }
.breadcrumbs ol:after           { content: ')'; }
.breadcrumbs li                 { display: inline; color: #666; }
.breadcrumbs li:before          { content: '>'; margin: 0 0.3125rem; }
.breadcrumbs li.homebase:before { content: ''; margin: 0; }
.breadcrumbs li a               { color: #666; text-decoration: none; }
.breadcrumbs li a:hover         { text-decoration: underline; }


h1, h2, h3, h4, h5, h6         { color: #222; font: normal 100%/1.4 serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
h1                             { position: relative; margin: 24pt 0 20pt 0; text-align: center; font-size: 24pt; font-weight: 700; }
h2                             { position: relative; margin: 20pt 0 18pt 0; text-align: center; font-size: 20pt; font-weight: 700; }
h2 span                        { display: inline-block; background: none repeat scroll 0% 0% #FFFFFF; padding: 0 10px; position: relative; z-index: 30; }
h2:after                       { content: ''; display: block; position: absolute; left: 0; right: 0; top: 55%; height: 1px; background: #767676; z-index: 2; }
h3                             { position: relative; margin: 18pt 0 16pt 0; text-align: left; font-size: 18pt; font-weight: 700; }
h4                             { position: relative; margin: 16pt 0 14pt 0; text-align: left; font-size: 16pt; font-weight: 700; }
h5                             { position: relative; margin: 14pt 0 12pt 0; text-align: left; font-size: 14pt; font-weight: 400; }

p                              { font-size: 14pt; margin: auto auto 1.5em; }
a                              { color: blue; text-decoration: underline; font-size: inherit; }

b                              { font-weight: 700; }

img.alignleft, img.alignright, img.aligncenter
                               { margin-top: 0.5rem; margin-bottom: 0.5rem; }
img.alignleft                  { float: left; margin-right: 1rem; }
img.alignright                 { float: right; margin-left: 1rem; }
img.aligncenter                { display: block; margin-left: auto; margin-right: auto; }

code, pre                      { border-radius: 0.25rem; background-color: #EEEEEE; }
code                           { padding: 0.25rem 0.5rem; position: relative; top: -2px; white-space: nowrap; font-size:75%; font-family: Menlo, Inconsolata, Consolas, Courier, monospace; color: #333333; }
pre                            { padding: 0.5rem 1rem; max-width: 100%; overflow: auto; white-space: pre; margin: 0 0 1rem; }
pre code                       { padding: 0; white-space: pre; }
kbd                            { background-color: #EEEEEE; border-radius: 0.25rem; padding: 0.25rem 0.5rem; border: 1px solid #CCC; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); white-space: nowrap; }