/* Reset
------------------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a { outline: none; }

.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

body { background: #E0E9F5; color: #333; }

/* Page
------------------------------------------------------------------------- */
#page { 
    margin: 0 auto;
    width: 780px;
    background: #FFF;
}

/* Header
------------------------------------------------------------------------- */
#header h1 { 
    background: url(img/logo.png) no-repeat 50% 0;
    width: 780px;
    height: 160px;
}

#header h1 a {
    display: block;
    width: 780px;
    height: 160px;
    text-indent: -1000em;
}

/* Navigation
------------------------------------------------------------------------- */
.nav { 
    background: #5A89C8 url(img/nav_bg.png) repeat-x 0 0; 
    height: 2.25em;
}

.nav li {
    color: #FFF;
    float: left;
    height: 2.25em;
    line-height: 2.25;
    list-style: none;
    text-align: center;
}

.nav a {
    background: url(img/nav_seperator.jpg) no-repeat right center;
    color: #FFF;
    display: block;
    height: 2.25em;
    text-decoration: none;
    padding: 0 30px;
}

.nav a:hover {
    color: #0F53AC;
    text-decoration: none;
}

.nav a.aktiv {
    color: #0F53AC;
}

/* Subnavigation
------------------------------------------------------------------------- */

.subnav {
    background: #5A89C8 url(img/subnav_bg.png) repeat-x 0 0;
    height: 2.25em;
}

.subnav li {
    color: #FFF;
    float: left;
    height: 2.25em;
    line-height: 2.25;
    list-style: none;
    text-align: center;
}

.subnav a {
    background: url(img/nav_seperator.jpg) no-repeat right center;
    color: #FFF;
    display: block;
    height: 2.25em;
    text-decoration: none;
    padding: 0 30px;
}

.subnav a:hover {
    color: #000;
    text-decoration: none;
}

.subnav a.aktiv {
    color: #000;
}

/* Body
------------------------------------------------------------------------- */
#feature { 
    height: 170px;
    background: #C5D6EC url(img/feature_bg.png) repeat-y 0 0;
    clear: both;
}

#main {
    margin: 45px;
    float: left;
}

.sidebox {
    float: right;
    width: 190px;
}

#main .sidebox h2, #main .sidebox h3, #main .sidebox p {
    margin-right: auto;
}

#map {
    width: 408px;
    height: 230px;
    background: #D9E3F2;
    margin-bottom: 1.0em;
    border: 1px solid #D9E3F2;
}

/* Footer
------------------------------------------------------------------------- */
#footer {
    border-top: 2px solid #E0E9F5;
    text-align: center;
    color: #0F53AC;
    padding: 1.5em 0;
}

#footer p { margin-bottom: 0; }
#footer a,
#footer a:visited {
    text-decoration: none;
    color: #0F53AC;
}

#footer a:hover { text-decoration: underline; }

/* Standardschriften und -farben. */
body { 
    font-size: 75%;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.34;
    color: #333;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #0F53AC;
}

/* Überschriften
------------------------------------------------------------------------- */
#body h2 { font-size: 1.5em; margin-bottom: 1.0em; }
#body h3 { font-size: 1.2em; margin-bottom: 0.5em; }

#main h2, #main h3, #main p, #main ol, #main ul, #main table {
    margin-right: 230px;
}

/* Textelemente
------------------------------------------------------------------------- */
#body p { margin-bottom: 1.0em; }
#body p.feature { background: #D9E3F2; padding: 1.0em; }

#body ul, #body ol { margin-bottom: 1.0em; }
#body ul { list-style-type: circle; }
#body ol { list-style-type: decimal; }

#body a,
#body a:link,
#body a:visited { color: #0F53AC; text-decoration: underline; }
#body a:hover { color: #000; text-decoration: underline; }

#feature blockquote {
    color: #0F53AC;
    font-family: Times, Georgia, serif;
    font-size: 1.84em;
    width: 720px;
    margin: 0 auto;
    font-style: italic;
    text-align: center;
}

#feature blockquote.line_1 { padding-top: 70px; }
#feature blockquote.line_2 { padding-top: 50px; }

#body strong { font-weight: bold; }
#body em, dfn { font-style: italic; }
#body dfn { font-weight: bold; }

#main img { margin-bottom: 1.0em; border: 1px solid #ddd; }
#main img.rechts { float: right; }
#main img.noborder {  border: 0; }

#main hr {
    clear: both;
    margin: 1.0em 0;
    visibility: hidden;
}

/* Tabellen
-------------------------------------------------------------- */
table { 
    margin-bottom: 1.0em;
    width: 460px;
}

tr.odd td { background: #F0F6FF; }
td { 
    border: 1px solid #FFF;
    background: #D9E3F2;
    padding: 0.2em 0.4em;
    vertical-align: top;
}

td.preis {
    width: 80px;
    text-align: right;
    vertical-align: top;
}