body { background: #fff url('images/public/body_bg.gif') no-repeat; font-family: Verdana, sans-serif; }

#logo img { margin: 30px 0 0 40px; border: none; }

#navigation { list-style-type: none; padding: 0; margin: 0; position: absolute; top: 210px; left: 10px; }
#navigation li { background: url('images/public/nav_bg.gif') no-repeat 0 5px; padding: 0 0 1px 16px; margin: 0 0 14px 0; width: 140px; line-height: 15px; }
#navigation li.active { background: url('images/public/nav_active_bg.gif') no-repeat 0 5px; }
#navigation li a { color: #043882; text-decoration: none; font-size: 12px; }
#navigation li a:hover { font-weight: bold; }
#navigation li.active a { font-weight: bold; }
#navigation li ul { list-style-type: none; padding: 0; margin: 0; }
#navigation li ul li { background: none; padding: 0; margin: 0; }
#navigation li ul li a { color: #333; font-weight: normal !important; }
#navigation li ul li a:hover { font-weight: bold !important; }
#navigation li ul li.active { background: transparent url('images/public/nav_lev2_active_bg.gif') 98px 10px no-repeat; }
#navigation li ul li.active a { font-weight: bold !important; }

#navigation li.vortraege { background-position: 0 18px; line-height: 15px; margin-bottom: 5px; padding-bottom: 0; }
#navigation li.vortraege ul { margin-top: 4px; }
#navigation li.vortraege ul li { padding: 0; margin: 0; }

#navigation li.impressum { background-image: none; }
#navigation li.impressum a { color: #000; }

#content { position: absolute; top: 210px; left: 190px; width: 738px; padding: 0 0 10px 0; margin: 0; }

#content a { color: #144489; }
#content a:hover { background: #e8f2f7; }

#content ul { list-style-type: square; font-size: 14px; padding: 0; margin: 0 0 0 20px; }
#content ul li { padding: 0; margin: 0 0 10px 0; line-height: 1.3; }

#content strong { font-weight: bold; color: #444; }

img.head { background: #fff; border: 1px solid #000; }

div.hoch { background: #fff; padding: 0 10px 10px 0; float: left; }

h1 { font-family: Georgia, serif; font-weight: normal; font-size: 20px; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 20px; }
h2 { font-family: Verdana, sans-serif; font-weight: normal; font-size: 16px; color: #666; margin-bottom: 10px; }
h3 { font-family: Verdana, sans-serif; font-weight: normal; font-size: 14px; color: #000; font-weight: bold; margin-bottom: 10px; }
h4 { font-family: Verdana, sans-serif; font-weight: normal; font-size: 13px; color: #666; font-weight: bold; margin-bottom: 0; text-decoration: underline; }
p { font-family: Verdana; font-size: 14px; line-height: 1.3; }
p.copyright { font-family: Verdana; font-size: 12px; margin-top: 50px; }
p.back { font-family: Verdana; font-size: 13px; }

.button { background: #d8e9f2; border: 1px solid #bedbea; float: right; padding: 11px; }
.button:hover { background: #e8f2f7; }
.button a { color: #043882; font-size: 14px; }

table.content { border-spacing: none; border-collapse: collapse; padding: 0; margin: 0; }
table.content tr { background: #fff; vertical-align: top; text-align: left; }
table.content td { padding-right: 10px; }
table.content th { border-left: 1px solid #000; padding-left: 10px; width: 190px; }
table.content th h2, table.content td p { color: #000; margin: 0 0 10px 0; font-size: 14px; }

/*** specific ***/

#content ul.werdegang { margin-left: 260px; list-style-type: none; }

.mitglied { clear: both; background: #ececed; height: 170px; }
.mitglied .beruf { float: right; color: #333; padding: 10px; font-size: 14px; text-align: right; }
.mitglied img { border-bottom: 10px solid #fff; float: left; margin: 0 10px 10px 0; border-right: 8px solid #fff; }
.mitglied p { margin: 10px 0 18px 128px; padding: 10px 0; }


table#contactTable, table#downloadTable { border-spacing: 2px 10px; }
table#contactTable td, table#downloadTable td { vertical-align: top; font-size: 14px; padding: 0 6px; }
table#contactTable th, table#downloadTable th { font-size: 14px; font-weight: normal; text-align: left; vertical-align: top; width: 200px; background: #d8e9f2; border: 1px solid #bedbea; padding: 6px; }
table#contactTable th.blank, table#downloadTable th.blank { border: none; background: none; }
table#contactTable select, table#contactTable input, table#contactTable textarea, table#downloadTable input { border: 1px solid #bedbea; height: 20px; padding: 6px; width: 300px; }
table#contactTable input.medium, table#contactTable input.anrede { width: auto; }
table#contactTable textarea { height: 100px; }
table#contactTable input#plz { width: 100px; margin-right: 10px; }
table#contactTable input#stadt { width: 176px; }
table#contactTable input#submit, table#downloadTable input#submit { width: 314px; padding: 6px; height: 30px; color: #fff; font-weight: bold; font-size: 14px; background: #3867aa; }
table#contactTable input#submit:hover, table#downloadTable input#submit:hover { color: #f9e91a; cursor: pointer; }

p.description { color: #333; margin-bottom: 28px; clear: left; }

.home .sprachen { color: #666; border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 5px 0; background: #f9f9f9; }

#content ul.download { list-style-type: none; margin: 0; }

#content ul.download li a { background: url(images/public/icons/icon_doc.gif) no-repeat left center; padding-left: 20px; }

body.buero #content img, body.buero_raeumlichkeiten #content img { float: left; margin: 0 10px 10px 0; }
body.buero h2, body.buero_raeumlichkeiten h2 { clear: left; }

ul#sprachwahl { list-style-type: none; padding: 0; width: 164px; margin-top: 42px; }
ul#sprachwahl li { float: left; }
ul#sprachwahl li a { color: #666; font-size: 11px; padding: 0 5px; text-decoration: none; }
ul#sprachwahl li a:hover { text-decoration: underline; }
ul#sprachwahl li.fr { border-left: 1px solid #666; border-right: 1px solid #666; }