@import url(/common/popup.css);
@import url(/css/kontakt.css);
@import url(/css/impressum.css);
@import url(/css/elements.css);


html, body { margin: 0; padding: 0; }

html, body, td, input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
img { border-width: 0px }
a { color: #000000; }
a:link, a:visited, a:active { color:#ff8c00; text-decoration:none; }
a:hover { color:black; text-decoration:none; }

h1 { font-size: 20px; color: #ff8c00; font-weight:normal; margin-top: 0; margin-bottom: 20px;
    background-image: url(/files/content/auge.jpg);
    background-repeat: no-repeat; line-height: 102px;
    margin: 0; height: 102px;
    padding-top: 10px; padding-bottom: 10px;
}
h2 { font-size: 14px; margin-top: 0; margin-bottom: 0px;}
h3 { font-size: 12px; margin-top: 0; margin-bottom: 0px;}
p { font-size: 12px; color: #434343; margin-top: 0; margin-bottom: 15px; }

img.plus { margin-left: -10px; }





body { text-align: center; background-color: #e0e8f0; }
div.page {
    padding: 0; margin: 0;
    margin-left: auto; margin-right: auto; text-align: left;
    width: 796px;
    position: relative;
}

div#site-head { position: absolute; width: 149px; top: 0; left: 0; }
div#site-head a { height: 97px; display: block; }

div#main-menu { height: 97px; margin-left: 149px; background-color: #004080; color: white; font-size: 13px; font-variant: small-caps; }
div#main-menu ul { margin: 0; padding: 0; list-style-type: none; padding-top: 40px; padding-bottom: 10px; }
div#main-menu ul li {
    display: inline;
    margin: 0; padding: 0;
    padding-left: 5px; padding-right: 3px;
    background-image: url(/files/menu-content-back.gif);
    background-repeat: no-repeat; background-position: 0px center;
}
div#main-menu ul li.first { padding-left: 15px; background-image: none; }
div#main-menu ul li.last { padding-right: 0; }
div#main-menu ul li a { color: #ff8c00; text-decoration: none; }
div#main-menu ul li a:hover,
div#main-menu ul li.active a { color: white; text-decoration: none; }

div#sub-menu { position: absolute; right: 0; width: 250px; top: 110px; }
div#sub-menu ul { color: #004080; margin: 0; padding: 0; padding-left: 20px; }
div#sub-menu ul li { }
div#sub-menu ul li a { color: #004080; text-decoration: none; font-size: 13px; font-variant: small-caps; }
div#sub-menu ul li a:hover,
div#sub-menu ul li.active,
div#sub-menu ul li.active a { color: #ff8c00; }

div#content-bottom { position: relative !important; clear: both; background-color: #004080; padding: 10px; }
div#content-bottom p { margin: 0; text-align: right; font-size: 16px; color: #ff8c00; }
div#content-bottom p.menu { font-size: 10px; color: white;  }
div#content-bottom p.menu a { color: #ff8c00; text-decoration: none; }
div#content-bottom p.menu a:hover { color: white; }

div#content {
    background-color: white;
    border-left: 149px solid #004080;
    height: 585px;
    padding-bottom: 15px;
}
div#content div.element { padding-left: 15px; padding-right: 15px; }

/* hack fr nicht-ie */
div#content[id] { height: auto; min-height: 585px; }

div.home div#main-menu { padding: 0; margin: 0; background-color: #004080; text-align: center; color: white; }
div.home div#main-menu a { color: white; text-decoration: none; }
div.home div#main-menu p.aktuelleinfo { padding-bottom: 10px; margin: 0;color: white; font-size: 15px; font-variant: small-caps; }
div.home div#main-menu a:hover { color: #ff8c00; }
div.home div#main-menu ul { margin: 0; padding: 0; list-style-type: none; padding-top: 40px; padding-bottom: 10px; }
div.home div#main-menu ul li {
    font-size: 15px; font-variant: small-caps;
    background-image: url(/files/menu-home-back.gif);
}
div.home div#main-menu ul li.first { background-image: none; }
div.home div#main-menu ul li a { color: #ff8c00; text-decoration: none; }
div.home div#main-menu ul li a:hover { color: white; text-decoration: none; }


div.home div#content-bottom { background-color: #004080; padding-bottom: 10px; padding-top: 40px; }
div.home div#content-bottom p { margin: 0; text-align: center; font-size: 15px; color: #ff8c00; }
div.home div#content-bottom p.menu { font-size: 10px; color: white; padding-top: 20px; }
div.home div#content-bottom p.menu a { color: #ff8c00; text-decoration: none; }
div.home div#content-bottom p.menu a:hover { color: white; }
div.home div#content { border-width: 0; height: 434px; min-height: 0; overflow: hidden; padding: 0; margin: 0; }


div.aktuelleinfo { text-align: left; width: 480px; }
div.aktuelleinfo div.head { height: 97px; }
div.aktuelleinfo div#content { background: #fff url(/files/aktuelleinfo/back.jpg) no-repeat top left; margin: 0; /*padding: 15px;*/ border-width: 0; padding-top: 30px; }
div.aktuelleinfo div#content-bottom { background-color: #004080; position: absolute; bottom: 0; }
div.aktuelleinfo div#content-bottom p { margin: 0; text-align: left; color: white; padding: 8px; font-size: 10px;}
div.aktuelleinfo div#content-bottom p.menu a { color: #ff8c00; text-decoration: none; }



table.formular { border-collapse: collapse; margin-left: 15px; }
table.formular td { border: 1px solid white; }
table.formular tr td.name { font-size: 11px; color: white; background-color: #004080;  text-align: right; font-weight: bold; padding-left: 10px; padding-right: 5px; }
table.formular tr.submit td.name { background-color: white; }
table.formular td.field { padding: 3px; border-left-width: 0; padding-left: 6px; }
table.formular td.color { width: 4px; border-right-width: 0; }
table.formular tr.pflicht td.color { background-color: #ff8c00; }
table.formular tr.error td.field input,
table.formular tr.error td.field textarea { background-color: #ffca8c; }
table.formular input,
table.formular textarea { border: 1px solid #004080; }
table.formular tr.submit input { margin-top: 10px; padding: 0; width: auto; }
table.formular tr.checkbox input,
table.formular tr.multicheckbox input,
table.formular tr.option input{ border-width: 0px; }
table.formular tr.text td.field input { width: 207px; }
table.formular tr.email td.field input { width: 207px; }
table.formular tr.format td.field input { border-width: 0; }

div.pflicht { margin-bottom: 10px; margin-left: 15px; }
div.pflicht div { background-color: #ff8c00; width: 5px; height: 5px; float: left; margin-top: 0px; margin-right: 6px; }
div#fehler { position: absolute; right: 15px; margin-top: 13px; font-size: 11px; width: 225px; background-color: #ffca8c; border: 1px solid #103377; padding: 5px; margin-bottom: 10px; }
div#fehler p { font-size: 11px; margin: 0; }
div#fehler ul { margin: 0; padding: 0; padding-left: 15px; }