*{ margin: 0px; padding:0px;}
html { height: 100%; overflow-y: scroll;}
body { font-family: verdana,arial,sans-serif; font-weight: normal; color: #333333; font-size: 12px; line-height: 16px; width: 100%; height: 100%; background: url(bg.gif) repeat-x top #ffffff;}

p { padding-top: 5px; padding-bottom: 5px; }
h1 { font-size: 24px; line-height: 28px; font-family: georgia,garmont,serif; margin-bottom: 10px; font-weight: normal; }
h2 { font-size: 18px; line-height: 22px; font-family: georgia,garmont,serif; margin-bottom: 10px; font-weight: normal; color: #fa0125; }
.error { font-weight: bold; color: #9E1318;}
.input_b { border: 1px solid #D7D7D7; height:14px; font-size: 10px;}
.input { border: 1px solid #313131; height:16px; font-size: 12px;}
.textarea { border: 1px solid #313131; font-family: verdana,arial,sans-serif; font-size: 11px;}
.button { color: #202020; font-weight: bold; background-color: #FFFFFF; border: 1px solid #202020; padding: 2px 0px 2px 0px; cursor: pointer; font-family: verdana; }
.button:hover { color: #FFFFFF; background-color: #202020; border: 1px solid #FFFFFF; }
.tab td{ padding: 2px 2px 2px 0px; }
.v_line { background: url(bg_line.gif) repeat-y; }
.h_line { background: url(bg_line.gif) repeat-x; height: 2px; }
.bild { padding:2px; background-color: #313131; }
ul { margin: 0px 0px 2px 30px; }
li { margin: 0px 0px 15px 0px; }

a:link, a:visited, a:active { color: #ffffff; text-decoration: none; outline-style: none; }
a:hover { text-decoration: underline; }

.rot { color: #fa0125;}
.blau { color: #12b6bb;}
.text2  { font-size: 14px; font-family: georgia,garmont,serif; font-weight: normal; color: #000; }

#page { margin:0 auto; min-height: 100%;}
#nonfooter { min-height: 100%; position: relative; }
* html #nonfooter{ height: 100%; } /* A CSS hack that only applies to IE -- specifies a different offset for the footer */


/* #header{ width: 418px; height: 89px; padding: 0 11px 0 438px; background: url(banner.gif) no-repeat; margin: 0 auto 20px;} */
#header{ width: 867px; height: 89px; margin: 0 auto 16px;} 
#logo{ width: 351px; height: 51px; margin: 27px 0px 0px 8px; float: left;}
#headerr{ float: right; width: 418px;} 
#functions { width: 408px; height: 28px; background: url(bg_functions.gif) no-repeat; margin-bottom: 23px; padding: 6px 0px 0px 10px;}
#nh { width: 418px; height: 34px; }
.header_functions { font-size: 10px; color: #FFFFFF; }
.header_functions td { }
.header_functions a:link, .header_functions a:visited, .header_functions a:active { color: #FFFFFF; text-decoration: none;}
.header_functions a:hover {}

#banner{ width: 867px; height: 78px; margin: 0px auto 20px;}

#hn { width: 100%; height: 74px; background: url(bg_hn.gif) repeat-x; margin-bottom: -5px; }
#hn .navi { width: 867px; height: 74px; margin: 0px auto;}

#breadcrump { width: 845px; margin: 30px auto 30px; color: #666666; font-size: 10px; }
#breadcrump a:link, #breadcrump a:visited, #breadcrump a:active { color: #999999; text-decoration: none;}
#breadcrump a:hover {}

#content { width: 845px; margin: 0px auto 0px; padding-bottom: 93px; background-color: #ffffff;}
#content_start { width: 845px; margin: 0px auto 0px; padding: 0px 11px 93px 11px; background-color: #ffffff;}

#footer { width: 100%; min-width: 867px; height: 53px; background: url(bg_footer.gif) repeat-x bottom; font-size: 10px; position: relative; margin: -53px auto 0 auto;}
#footer .inhalt { width: 845px; height: 33px; margin: 0px auto; padding: 20px 0px 0px 0px;}
#footer .inhalt_rechts {float: right; color: #999999;}
#footer a:link, #footer a:visited, #footer a:active { color: #cccccc; text-decoration: none;}
#footer a:hover { text-decoration: underline; }

/* A CSS hack that only applies to IE -- specifies a different offset for the footer */
* html #footer { margin-top: -53px; }


/*Startseite*/
#flashcontent { width: 867px; height: 271px; margin: 0px auto 15px;}
.spalte_rot { width: 265px; padding-right: 11px; vertical-align: top;}
.spalte_blau { width: 265px; padding-left: 11px; padding-right: 12px; vertical-align: top;}
.spalte_schwarz { width: 265px; padding-left: 11px; padding-right: 1px; vertical-align: top;}
.spalte_rot ul { padding: 2px 0px 7px 0px; margin: 0; list-style: none;}
.spalte_rot li { padding: 0 0 0 18px; background: url(box_rot.gif) no-repeat 0 4px; }
.spalte_blau ul { padding: 2px 0px 7px 0px; margin: 0; list-style: none;}
.spalte_blau li { padding: 0 0 0 18px; background: url(box_blau.gif) no-repeat 0 4px; }
.spalte_schwarz ul { padding: 2px 0px 7px 0px; margin: 0; list-style: none;}
.spalte_schwarz li { padding: 0 0 0 18px; background: url(box_schwarz.gif) no-repeat 0 4px; }

.spalte_schwarz a:link, .spalte_schwarz a:visited, .spalte_schwarz a:active { color: #000; text-decoration: none; border-bottom: 1px #000 dotted; }
.spalte_schwarz a:hover { text-decoration: none; border-bottom: 1px #000 dotted; background-color: #000; color: #fff; }

.spalte_rot a:link, .spalte_rot a:visited, .spalte_rot a:active { color: #fa0125; text-decoration: none; border-bottom: 1px #fa0125 dotted;}
.spalte_rot a:hover { text-decoration: none; border-bottom: 1px #fa0125 dotted; background-color: #fa0125; color: #fff; }

.spalte_blau a:link, .spalte_blau a:visited, .spalte_blau a:active { color: #12b6bb; text-decoration: none; border-bottom: 1px #12b6bb dotted;}
.spalte_blau a:hover { text-decoration: none; border-bottom: 1px #12b6bb dotted; background-color: #12b6bb; color: #fff; }

/*Allgemein*/
#content .spalte_a { width: 265px; padding: 0px 25px 0px 0px; vertical-align: top;}
#content .spalte_b { width: 555px; vertical-align: top;}
.spalte_b a:link, .spalte_b a:visited, .spalte_b a:active { color: #fa0125; text-decoration: none; border-bottom: 1px #fa0125 dotted;}
.spalte_b a:hover { text-decoration: none; border-bottom: 1px #fa0125 dotted; background-color: #fa0125; color: #fff; }
.bild_spalte_a { padding:2px; background-color: #313131; margin-bottom: 20px; }
.bild_spalte_b_top{ padding:2px; background-color: #313131; margin-bottom: 20px; }
.bildlink a:link, .bildlink a:visited, .bildlink a:active, .bildlink a:hover { text-decoration: none; border: 0;  outline-style: none; background-color: #fff;}

#content .eintrag_detail { }

/*private Haushalte*/
h1.private_haushalte { font-size: 24px; font-family: georgia,garmont,serif; margin-bottom: 30px; font-weight: normal; color: #fa0125; }
#content .td_privat_a { padding: 15px 25px 15px 0px;}
#content .td_privat_b { padding-top: 11px; padding-bottom: 15px;}
#content .td_privat_a_last { padding: 15px 25px 0px 0px;}
#content .td_privat_b_last { padding-top: 11px; padding-bottom: 0px;}

/*instituionelle Kunden*/
h1.institutionelle_kunden { font-size: 24px; font-family: georgia,garmont,serif; margin-bottom: 30px; font-weight: normal; color: #12b6bb; }
#content .td_inst_a { padding: 15px 25px 15px 0px;}
#content .td_inst_b { padding-top: 11px; padding-bottom: 15px;}
#content .td_inst_a_last { padding: 15px 25px 0px 0px;}
#content .td_inst_b_last { padding-top: 11px; padding-bottom: 0px;}
.td_inst_b a:link, .td_inst_b a:visited, .td_inst_b a:active, .td_inst_b_last a:link, .td_inst_b_last a:visited, .td_inst_b_last a:active { color: #12b6bb; text-decoration: none; border-bottom: 1px #12b6bb dotted;}
.td_inst_b a:hover, .td_inst_b_last a:hover { text-decoration: none; border-bottom: 1px #12b6bb dotted; background-color: #12b6bb; color: #fff; }
.td_inst_b h2, .td_inst_b_last h2 { font-size: 18px; line-height: 22px; font-family: georgia,garmont,serif; margin-bottom: 10px; font-weight: normal; color: #12b6bb; }

/*Navi wir über uns*/
ul.hn3x { list-style: none; margin: 0; padding: 0; }
ul.hn3x li { margin-bottom: 20px; }

/*News */
ul.hn6x { list-style: none; margin: 0; padding: 0; font-size: 12px; }
ul.hn6x li { margin-bottom: 20px; height: 21px; width: 225px; }
ul.hn6x .inactive { background: url(button_subnavi.gif) no-repeat; }
ul.hn6x .active { background: url(button_subnavi_a.gif) no-repeat; }
ul.hn6x .active a:link, ul.hn6x .active a:visited, ul.hn6x .active a:active { color: #eeeeee; text-decoration: none; display: block; padding: 3px 0px 0px 35px;}
ul.hn6x .active a:hover {}
ul.hn6x .inactive a:link, ul.hn6x .inactive a:visited, ul.hn6x .inactive a:active { height: 18px; color: #000000; text-decoration: none; display: block; padding: 3px 0px 0px 35px;}
ul.hn6x .inactive a:hover { color: #eeeeee; background: url(button_subnavi_a.gif) no-repeat; }
.news_box { margin-bottom: 30px; }
.news_block { margin-bottom: 10px; }

/*Suchergebnisse */
.suchergebnis_box { margin-bottom: 30px;}
.suchergebnis_box h2 { color: #333333; }