/* Main CSS */

/* Allgemeine Angaben */
* { margin: 0; padding: 0; border: none; } /* Fuer alle Elemente Rahmen, Raender und Abstaende beseitigen */
html, body { height: 100%; } /* Fuellt den ganzen Viewport aus und verhindert Rueckfall auf "height: auto;" */
body { background: #8A204C url(../image/bg-figur.gif) repeat-y scroll center top; }
body,td,th,p,div { font: 12px Verdana,Arial,Helvetica,sans-serif; color: #fff; }


/* Layout */
#centerbox {  /* Zentriert die Seite im Browser */
  width: 1025px; height: 100%; margin: 0 auto; border: none; background-color: transparent;
}

#headerbox, #seitenkopf, #contentbox, #seitenfuss { 
  width: 1025px; background-color: transparent;
}
#headerbox, #seitenkopf, #contentbox, #seitenfuss, #kopf01, #kopf02, #kopf03, #linkeseite, #inhalt, #rechteseite { 
  position: relative; border: none;
}

#headerbox { height: 284px; }
  #seitenkopf { height: 144px; left: 0px; top: 140px; }
    #kopf01 { float: left;  width: 218px; height: 144px; background-color: #9F4D65; }
    #kopf02 { float: left;  width: 593px; height: 144px; background: #CCCCCC url(../image/logo.gif) no-repeat top left; }
    #kopf03 { float: right; width: 214px; height: 144px; background-color: #BA007B; }
#contentbox { top: 14px; background: #6E3446 url(../image/bg-kachel.gif) repeat-y; }
  #linkeseite  { float: left;  width: 218px; background-color: #6E3446; }
  #inhalt      { float: left;  width: 593px; background-color: #868789; }
  #rechteseite { float: right; width: 214px; background-color: #6E3446; }
#seitenfuss { top: 28px; height: 100px; text-align: center; }


/* Innenabstand */
.abstand_sml { padding: 4px; }
.abstand_big { padding: 20px; }

/* hervorgehobene Links oder Text */
.hervor { font-size: 14px; font-weight: bold; }

/* kleine Schrift in Grau */
.small { font-size: 10px; color: #666666; }

/* Buttons tiefer setzen */
#tief { vertical-align : bottom; }


/* Links */
a:link, a:visited, a:hover, a:active { color: #003882/*#C5C5C7 #E2007A*/; text-decoration: none; font-weight: bold; }
a:hover, a:active { text-decoration:underline; }

a:link.butR, a:visited.butR, a:hover.butR, a:active.butR { color: #E2007A; text-decoration:none; font-weight: normal; }
a:hover.butR, a:active.butR { text-decoration:underline; }

a:link.box_titel_link, a:visited.box_titel_link, a:hover.box_titel_link, a:active.box_titel_link { color: #fff; text-decoration:none; font-weight: bold; }
a:hover.box_titel_link, a:active.box_titel_link { text-decoration:underline; }

a:link.menue, a:visited.menue, a:hover.menue, a:active.menue { color: #fff; font-size:12px; text-decoration:none; font-weight: bold; }
a:hover.menue, a:active.menue  { text-decoration:underline; }

a:link.submenue, a:visited.submenue, a:hover.submenue, a:active.submenue { color: #fff; font-size:11px; text-decoration:none; font-weight: normal; }
a:hover.submenue, a:active.submenue { text-decoration:underline; }

a:link.footer, a:visited.footer, a:hover.footer, a:active.footer { color: #fff; text-decoration: none; font-weight: normal; }
a:hover.footer, a:active.footer { text-decoration:underline; }

/* Absaetze */
p { text-align: justify; }
p.text { text-align: justify; width: 100%; line-height: 18px;}

/* Ueberschriften */
h1, h2, h3, h4 { font-weight: bold; }
h1 { font-size: 20px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

/* Formularelemente */
input,select,textarea { font: 12px Arial, Courier, monospace; margin: 0px; }
input.text, textarea, select { border: 1px solid #4A4A4C; background-color: #f7f7f7; }
input.button { border-style: none; background-color: #4A4A4C; color: #ffffff; padding: 2px 10px; }

/* Spezielle Tabellen */
table.txt {	border: solid 0px #000000;	border-spacing: 0px;	empty-cells: show; table-layout: auto;	width: auto; }
table.txt td { border: solid 0px #000000; padding: 3px; padding-left: 0px; text-align: left; vertical-align: top; }

table.form { border: solid 1px #4A4A4C; border-spacing: 0px;	empty-cells: show; table-layout: auto;	width: auto; }
table.form td { border: none; padding: 5px; text-align: left; vertical-align: top; }
table.form td.bez { padding-top: 8px; padding-right: 10px; text-align: right; background-color: #4A4A4C; color: #ffffff; }
table.form td.feld { padding-top: 6px; padding-left: 10px; text-align: left; background-color: #ffffff; }

table.liste { border-left: solid 1px #4A4A4C; border-top: solid 1px #4A4A4C; border-spacing: 0px;	empty-cells: show; table-layout: auto; width: 100%; }
table.liste td { border-bottom: solid 1px #4A4A4C; border-right: solid 1px #4A4A4C; padding: 2px; text-align: left; vertical-align: top; }
table.liste td.hell { background-color: #A0A0A0; }
table.liste td.dunkel { background-color: #868789; }
table.liste td.header { background-color: #4A4A4C; text-align: center; vertical-align: middle; font-size: 14px; font-weight: bold; color: #ffffff; }

table.veranst {	border: none;	border-spacing: 0px;	empty-cells: show; table-layout: auto;	width: auto; }
table.veranst td { border: none; padding: 3px; padding-left: 0px; text-align: left; vertical-align: top; }


/* Boxen */
/* Pic Box */
table.picbox { border: solid 1px #557697; border-spacing: 0px; width: 100%; }
table.picbox td { padding: 0px; }
  table.picbox td.boxcontent { background-color: #E5ECF3; }
  table.picbox td.boxcontent div { overflow: hidden; }
  /* feste Breite nur fuer IE6 noetig: Breite = 218-8-2 (#linkeseite - 2mal abstand_sml - 2mal border) */
  table.picbox td.boxcontent div { width: 208px; }

/* Info-Box */
table.infobox { border: none; margin: 0; padding: 0; border-spacing: 0px; width: 100%; text-align: center; background-color: #6E3446; }
table.infobox td { border: none; margin: 0; padding: 0; border-spacing: 0px; text-align: center; background-color: transparent; }
  table.infobox td table.butR { width: 100%; }
    table.infobox td table.butR td.ecke { width: 10px; height: 10px; background-repeat: no-repeat; }
    table.infobox td table.butR td.kanteH { width: 186px; height: 10px; background-repeat: repeat-x; }
    table.infobox td table.butR td.kanteV { width: 10px; background-repeat: repeat-y; }
    table.infobox td table.butR td.cont { width: 186px; background-color: #868789; font-size: 14px; font-weight: bold; overflow: hidden; }
      /* feste Breite nur fuer IE6 noetig: Breite = 214-8-0-0-20 (#linkeseite - 2mal div_abstand_sml - 2mal border - 2mal padding - 2mal ecke) */
  table.infobox td div { padding: 7px; font-size: 11px; color: #fff; text-align: left; overflow: hidden; }

/* Menue- und Submenuebox */
table.mainbox { border: none; margin: 0; padding: 0; border-spacing: 0px; width: 100%; text-align: left; background-color: #6E3446; overflow: hidden; }
table.mainbox td { border: none; margin: 0; padding: 0; text-align: left; background-color: transparent; }
table.mainbox td.mkreis { width: 20px; height: 20px; background-repeat: no-repeat; }
table.mainbox td.mtitel { padding-left: 8px; font-size: 12px; font-weight: bold; }
  table.mainbox td.subtab { padding-left: 8px; padding-top: 0px; }
    table.mainbox td table.subtab { border: none; width: 100%; border-spacing: 0px; }
    table.mainbox td table.subtab td { border: none; padding: 0px; padding-top: 3px; padding-bottom: 3px; }
    table.mainbox td table.subtab td.skreis { width: 20px; height: 20px; background-repeat: no-repeat; background-position: left center; }
    table.mainbox td table.subtab td.stitel { padding-left: 8px; vertical-align: middle; }


/* Listen */
/* bei list-style-image wird das bullet im IE hochgesetzt, deswegen bullet als background im <li> verwenden */
ul.txt { margin-left: 4px; margin-top: 10px; list-style: none outside; } 
ul.txt li { line-height: 25px; padding-left: 16px; background: transparent url(../image/liste25px.gif) no-repeat left top; }
ul.filelist { margin-left: 4px; margin-top: 10px; list-style: none outside; }
ul.filelist li { line-height: 25px; padding-left: 16px; background: transparent url(../image/liste25px.gif) no-repeat left top; }

/* Content Header */
div.contheader { padding-top: 12px; padding-left: 20px; font-size: 14px; font-weight: bold; color: #ffffff; overflow: hidden; }