/* Typische HTML-Deklarationen */

* { margin: 0; padding: 0 }
body { font-size: 1em; font-family: verdana, arial, helvetica, san-serif; background: url("../images/hg_mitte.gif") repeat-y center; height: 100% }
h1 { font-size: 1.1em; margin-bottom: 5px }
h5 {margin-bottom: 6px;}
p { font-size: 0.8em; line-height: 1.4em; margin-bottom: 10px }
a:link, a:visited, a:active, a:focus { color: #000; text-decoration: underline;  }
a:hover { color: #12541B; text-decoration: none }

.extern { color: #000; text-decoration: underline; background: url(../images/link_icon.gif) no-repeat right ; padding-right: 15px;}
.nomargin { margin: 0 }
.copyright { color: #000; font-size: 0.55em; margin: 5px 0 0; padding: 8px 0 0; border-top: 1px solid #ddd }
img.right { margin-left: 10px; float: right }

/* Container */

div#container { height: 100%; min-height: 100% }
div#wrapside1 { margin-left: -380px; width: 50%; float: left }
div#side1 { background: url("../images/hg.gif") repeat-x right 0; margin-left: 380px; height: 527px }
div#table { width: 760px; height: 100%; min-width: 760px; float: left }
div#table_position { position: absolute; height: 100% }
div#wrapside2 { margin-left: -380px; width: 49.9%; height: 100%; float: left }
div#side2 { background: url("../images/hg.gif") repeat-x left 0; margin-left: 380px; height: 527px }
#top { background: url("../images/hg_top.jpg") no-repeat 50% top; position: absolute; top: 0; width: 760px; height: 185px }
#middle { background: url("../images/hg_content.gif") no-repeat 50% top; position: absolute; top: 185px; width: 760px; height: 335px; min-height: 335px }
#menu { position: absolute; top: 0; left: 17px; width: 165px }
#content { position: absolute; top: 0; left: 182px; width: 563px }
#content_inner { padding: 20px }
#bottom { font-size: 0.55em; background: #fff; position: absolute; bottom: 0; left: 202px; width: 450px; height: 20px }

#flag_en { position: absolute; top: 164px; right: 30px; width: 23px }
#flag_en a { display:block; width:23px; height:16px }
#flag_en a:hover { background:url(../images/flag_en_active.gif) no-repeat; }

/* Navigation */

#navcontainer { width: 100% }
#navcontainer ul { font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; list-style-type: none; margin-left: 0; padding-left: 0 }
#navcontainer li { *margin-bottom: -1px }
#navcontainer a { color: #fff; text-decoration: none; background-color: #6A9C20; display: block; padding: 6px 0 6px 14px; width: 165px; max-width: 151px; border-bottom: 1px solid #eee }
#navcontainer a:hover { color: #fff; background-color: #97C526; }
#navlist #active a { background-color: #12541B; }
#navlist #active a:hover { background-color: #97C526; }
#navlist #active_arrow a { background: #12541B url("../images/menu_arrow.gif") no-repeat right center; }
#navlist #active_arrow a:hover { background-color: #97C526 }
#navlist #active_noarrow a { background-color: #12541B; }
#navlist #active_noarrow a:hover { background-color: #97C526 }
#navlist #active_below a { background-color: #12541B; padding: 6px 0 6px 30px; max-width: 135px }
#navlist #active_below a:hover { background-color: #97C526 }
#navlist #active_below_arrow a { background: #12541B url("../images/menu_arrow.gif") no-repeat right center; padding: 6px 0 6px 30px; max-width: 135px }
#navlist #active_below_arrow a:hover { background-color: #97C526 }

/* Typo3-Content */

.csc-textpic-caption {font-size: 0.55em; padding-top: 2px;}
#top_link { position: absolute; top: 25px; left: 30px; width: 400px; height: 70px; }
#top_link a { display:block; width:400px; height:70px }
.contenttable td { vertical-align: top;  }
.contenttable p {margin: 0px 0px 0px 10px ; padding: 0px;}
.table_marked { background-color: #EEE;}
.table_marked td { border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; } 
.table_nonmarked td { padding-bottom: 5px;}
/*#content ul {font-size: 0.8em; line-height: 1.4em;}
#content li {margin-left: 20px;}*/

.csc-sitemap ul { list-style-type: none; font-size: 0.8em; line-height: 1.5em; margin: 0 0 0 20px;}
.csc-sitemap li li { background: url("../images/sitemap_arrow.gif") no-repeat 2px left; }
.csc-sitemap li li a { margin-left: 10px; text-decoration: none;}

/* Typo3-Hervorhebungen */

.csc-frame-frame1 {background-color: #eee; border: 1px solid #777; width: 300px; padding: 3px 0px 3px 6px; }
.csc-frame-frame2   { background: #EEE url("../images/icon_attention.gif") no-repeat 6px center; padding: 3px 0 3px 25px; border: solid 1px #DDD }

/* Typo3-Formularfelder */

form#mailform fieldset { border: 0; margin: 0; }
form#mailform label {width: 200px !important; vertical-align: top; display: block; float: left; font-size: 0.8em;}
.csc-mailform-field { padding: 0 0 6px;}
#mailformtv {border: 0px;}
.csc-mailform-submit {vertical-align: middle; border: 1px solid #000; background-image: url("../images/hg_button.gif"); background-repeat: repeat-x; font-weight: bold; margin: 0 50px 0 0; float: right;}

form#kontaktformular fieldset { border: 0; margin: 0; }
form#kontaktformular legend { display: none; }
form#kontaktformular label {width: 200px !important; vertical-align: top; display: block; float: left; }
.tx_powermail_pi1_fieldwrap_html { padding: 0 0 6px; font-size: 0.8em; }
.tx_powermail_pi1_fieldwrap_html_1 {padding: 0 0 18px;} /* Text-Feld ganz oben */
.tx_powermail_pi1_fieldwrap_html_6 {} /* Captcha-Feld */
.powermail_submit {vertical-align: middle; border: 1px solid #000; background-image: url("../images/hg_button.gif"); background-repeat: repeat-x; font-weight: bold; margin: 10px 0 0 85px; }
.powermail_mandatory_js {color: red; font-weight: bold; margin: 3px 0 0 200px; font-size: 0.8em; }
.powermail_captcha_captcha {float: left; margin: 0 0 0 0;}
.tx-powermail-pi1_mandatory {font-size: 0.8em; }
.tx-powermail-pi1_mandatory_submit {vertical-align: middle; border: 1px solid #000; background-image: url("../images/hg_button.gif"); background-repeat: repeat-x; font-weight: bold; margin: 10px 0 0;}
.powermail_mandatory_listitem {list-style-type: none; color: red; }
.powermail_all {font-size: 12px;}
.tx-powermail-pi1_confirmation_back {margin: 10px 0 0;}
.tx-powermail-pi1_confirmation_submit {margin: 10px 0 0;}
.tx-powermail-pi1_confirmation input {vertical-align: middle; border: 1px solid #000; background-image: url("../images/hg_button.gif"); background-repeat: repeat-x; font-weight: bold; }