/* reset browser */
body, h1, h2, h3, h4, h5, h6, form, p, img, ul, ol, li { margin:0; padding:0; border:0; }
a { outline: none; text-decoration: none; }

/* common styles */
body { background: #fff; font-family: Verdana, helvetica, arial, sans-serif; font-size: 11px;	color: #003366; text-align: left; }
form { display: block; margin-bottom: 1em; }

/* layout */
#container { width: 995px; }

/* header */
#header { position: relative; height: 113px; } 
  #header div.bluestripe { background-color:#003366; height:30px; width:995px; }
  #header img.rea { float: left; margin-right: 29px; }
  #header img.rea2 { float: left; }
  #header img.firma { float: right; }
  #header p { float: left; padding-top: 33px; }
    #header p span.red { color: #f00; }
  /* top buttons */
  #header ul { position: absolute; right: 170px; bottom: 0px; list-style: none; width: 550px; }
    #header ul li { float: right; padding-right: 11px; }
    #header ul li a { text-indent:-9000px; display: block; height: 13px; float: left; }
    #header ul li a.home { background: url('../design/reamobile/images/Icon-Home_w.gif') no-repeat 0px 0px; width: 11px; }
      #header ul li a.home:hover { background: url('../design/reamobile/images/Icon-Home_w.gif') no-repeat -11px 0px; }
    #header ul li a.print { background: url('../design/reamobile/images/Icon-Druck_w.gif') no-repeat 0px 0px; width: 16px; }
      #header ul li a.print:hover { background: url('../design/reamobile/images/Icon-Druck_w.gif') no-repeat -16px 0px;}
    #header ul li a.search { background: url('../img/sym_search2.gif') no-repeat 0px 0px; width: 15px; }
      #header ul li a.search:hover { background: url('../img/sym_search2.gif') no-repeat -15px 0px;}

#main { background: url('../design/reacard/images/background-main.gif') repeat-y right top; min-height: 475px; height:auto !important; height:475px; /*overflow: auto;*/ }


#content td.noBorder {padding: 1px 0; border-bottom: 0px none transparent;}


  #content { margin: 0px 169px 0px 240px; padding: 4px 6px; line-height:17px; }
  #content h1 { font-size: 11px; color: #003366; margin-bottom: 10px; }
  #content h2 { font-size: 11px; color: #003366; margin-top: 10px; font-style: italic; }
  #content p { padding-bottom: 10px; color: #003366; letter-spacing:0.3pt; }
  #content a { color:#6C6C54; }
    #content a:hover { color:#003366; }
  #content tr.odd { background-color: #ecebe7; vertical-align: top; }
  #content tr.even { background-color: #dad6cf;	vertical-align: top; }
  #content td { padding:1px 0; border-bottom:2px solid #F7F6F3; }

  #content td.bt {
    vertical-align: bottom;
  }
  #content td.tp {
    vertical-align: top;
  }
  #content td.rt {
    text-align: right;
  }

  #preview td { padding:1px 0; border-bottom:2px solid transparent; }

  #richTextContent td { padding:1px 0; border-bottom: 0px solid transparent; }

  /* indentation for rich text lists to look similar like in editor */
  #richcontent ol {margin-left: 40px; }
  #richcontent ul {margin-left: 40px; }
  #richcontent {line-height: normal; }

  /* left navigation menu */  
  #leftnav { float: left; width: 240px; }
    #leftnav ul { list-style: none; }
    
    #leftnav ul.firstlvl li { font-weight:bold; margin:0px 0px 10px; padding:2px 0 2px 45px; }
      #leftnav ul.firstlvl li.on { background: url('../design/reacard/images/sym_firstlvl_on.gif') no-repeat left top; }
    #leftnav ul.firstlvl li a { color: #003366; text-decoration: none; }
    #leftnav ul.firstlvl li a:hover { color: #D2D2B9; }

    #leftnav ul.secondlvl { margin-top:2px; }
    #leftnav ul.secondlvl li { font-weight:normal; margin:0; padding:2px 0px 2px 9px; }
      #leftnav ul.secondlvl li.on { background: #fff url('../design/reacard/images/sym_secondlvl_on.gif') no-repeat left 4px; font-weight: bold; }
    #leftnav ul.secondlvl li a { color: #5C5C44; }
      /*#leftnav ul.secondlvl li a.archiv { color: #6C6C54; }*/

    #leftnav ul.thirdlvl li a { color: #9C9C88; }

    #leftnav ul.fourthlvl li { margin: 0px; padding: 0px 0px 4px 10px; font-weight: normal; }
    #leftnav ul.fourthlvl li.on { background: #fff ; font-weight: bold; }

    #leftnav ul.firstlvl ul.mein_rea_card li a { color: #66CC00; }
      #leftnav ul.firstlvl ul.mein_rea_card li a.archiv { color: #6C6C54; }
      #leftnav ul.firstlvl ul.mein_rea_card li a:hover { color: #D2D2B9; }
    #leftnav ul.firstlvl ul.mein_rea_apps li a { color: #66CC00; }
      #leftnav ul.firstlvl ul.mein_rea_apps li a.archiv { color: #6C6C54; }
      #leftnav ul.firstlvl ul.mein_rea_apps li a:hover { color: #D2D2B9; }
    #leftnav ul.firstlvl li ul.mein_rea_mobile li a { color: #03A7C5; }
      #leftnav ul.firstlvl li ul.mein_rea_mobile li a.archiv { color: #6C6C54; }
    #leftnav ul.firstlvl li ul.mein_rea_admin li a { color: #03A7C5; }
      #leftnav ul.firstlvl li ul.mein_rea_admin li a.archiv { color: #6C6C54; }
    #leftnav ul.firstlvl ul.mein_rea_name li a { color: #FF6600; }
      #leftnav ul.firstlvl ul.mein_rea_name li a.archiv { color: #6C6C54; }

    #leftnav ul.firstlvl li ul.secondlvl li ul.thirdlvl { margin-top:2px; margin-left: -9px; } 
    #leftnav ul.firstlvl li ul.secondlvl li ul.mein_rea_card li, ul.firstlvl li ul.secondlvl li ul.mein_rea_mobile li { padding-left: 9px; }
      #leftnav ul.firstlvl li ul.secondlvl li ul.mein_rea_card li a, #leftnav ul.firstlvl li ul.secondlvl li ul.mein_rea_mobile li a { color: #6C6C54; }
      #leftnav ul.firstlvl li ul.secondlvl li ul.mein_rea_card li a:hover, #leftnav ul.firstlvl li ul.secondlvl li ul.mein_rea_mobile li a:hover  { color: #D2D2B9; }
                    
    #leftnav ul.firstlvl li ul.secondlvl li ul.mein_rea_admin li { padding-left: 9px; }
      #leftnav ul.firstlvl li ul.secondlvl li ul.mein_rea_admin li a { color: #6C6C54; }
      #leftnav ul.firstlvl li ul.secondlvl li ul.mein_rea_admin li a:hover { color: #D2D2B9; }
  
  /* right column */
  #teaser { float: right; width: 169px; }
    #teaser p { padding: 3px 4px 10px; line-height: 17px; color: #003366; letter-spacing:0.3pt; }
    #teaser p a { color: #6C6C54; text-decoration: none; }
    #teaser p a:hover { color: #003366; }
    #teaser img { padding: 10px 0px 10px 4px; float: left; }

#footer { }
  #footer ul { color: #003366; list-style: none; margin-left: 240px; }
  #footer ul li { float: left; padding: 2px 20px 2px 2px; background: #F7F6F3 url('../design/reamobile/images/bottomnavi_bg.gif') no-repeat right top; }
  #footer a { color: #6C6C54; text-decoration: none; }
  #footer a:hover { color: #003366;}

/* classes */
.break { clear: both; }
.brown { color: #6C6C54; }
.green { color: #66CC00; }
.blue { color: #03A7C5; }
.red { color: #FF6600; }
.flat { border: 1px solid #888876; }
.buttonbar { margin-top: 15px; }
  .buttonbar input { border: 1px solid #888876; }
.leftAlign4 { padding-left: 4px; }
.maBt5 { margin-bottom:5px; }
.rsError { color:#cc0000; font-weight:bold; }
.rsOk { color:#55EE11; font-weight:bold; }
.rsResult { display:block; color:#cc0000; font-weight:bold; padding:0px 0px 10px 0px; }
.align2Left { text-align: left; }
.align2Right { text-align: right; }
.align2Center { text-align: center; }
.valignTop { vertical-align: top; }
.valignBottom { vertical-align: bottom; }

#content .line { border-bottom:1px solid #DBD8D1; height:1px; margin-bottom:5px; margin-top:5px; text-align:center; width:565px; }

#content table.overview {font-size: 11px;}
table.overview {font-size: 11px;}
#content table.nonproportional { font-family: Courier; }

#content .txt_error {
	border: 1px solid #cc0000;
}

#content table thead { background-color:#CDC9BF; border-bottom:2px solid #F7F6F3; font-weight:normal; text-align:left; vertical-align:top; }
#content table.liste { font-size:9px; }
  #content table.liste th { background-color:#CDC9BF; border-bottom:2px solid #F7F6F3; font-weight:normal; text-align:left; vertical-align:top; padding:0px 0px 0px 1px;  }
  #content table.liste td { border-bottom:2px solid #F7F6F3; padding:1px 0px 1px 1px; }
  #content table.liste tr.odd { background-color:#ECEBE7; vertical-align:top; }
  #content table.liste tr.even { background-color:#DAD6CF; vertical-align:top; }
  #content table.liste tr.selected { background-color:#BCBAB6;}

  #content table.liste th.sorted { background-color:#DAD6CF; color:black; font-weight:bolder; display:inline-block; background: url('../img/icons/Icon-Sortieren_hoch.gif') no-repeat left bottom; text-indent: 5px;}
  #content table.liste th.sorted a { color:#4C4C34; }
    #content table.liste th.sorted a:hover { color:#002356; }

#contentW { margin: 0px 169px 0px 240px; padding: 4px 6px; line-height:17px; width: 565px; }
#contentW h1 { font-size: 11px; color: #003366; margin-bottom: 10px; }
#contentW h2 { font-size: 11px; color: #003366; margin-top: 10px; font-style: italic; }
#contentW p { padding-bottom: 10px; color: #003366; letter-spacing:0.3pt; }
#contentW a { color:#6C6C54; }
  #contentW a:hover { color:#003366; }

#contentW .line { border-bottom:1px solid #DBD8D1; height:1px; margin-bottom:5px; margin-top:5px; text-align:center; width:565px; }

#contentW table.overview {font-size: 11px;}

#contentW table.liste { font-size:9px; }
  #contentW table.liste th { background-color:#CDC9BF; border-bottom:2px solid #F7F6F3; font-weight:normal; text-align:left; vertical-align:top; }
  #contentW table.liste td { border-bottom:2px solid #F7F6F3; padding:1px 0px; }
  #contentW table.liste tr.odd { background-color:#ECEBE7; vertical-align:top; }
  #contentW table.liste tr.even { background-color:#DAD6CF; vertical-align:top; }

/* boxes */
div.mein_rea_systeme { background: #fff; width: 555px; margin-bottom: 6px; }
  div.mein_rea_systeme p { padding: 0px 5px 10px 5px; }
  div.mein_rea_systeme p a strong { color: #6C6C54; }
  div.mein_rea_systeme_de div.banner { background: #6C6C54 url('../design/reacard/images/de/banner_REA-systeme.gif') no-repeat left top; height: 25px; margin-bottom: 5px; text-indent: -9000px; }
  div.mein_rea_systeme_pl div.banner { background: #6C6C54 url('../design/reacard/images/pl/banner_REA-systeme.gif') no-repeat left top; height: 25px; margin-bottom: 5px; text-indent: -9000px; }

div.mein_rea_card { background: #fff; width: 274px; float: left; margin: 0px 6px 6px 0px; }
  div.mein_rea_card p { padding: 0px 5px 10px 5px; }
  div.mein_rea_card p a strong { color: #66CC00; }
  div.mein_rea_card_de div.banner { background: #66CC00 url('../design/reacard/images/de/banner_mein-card_small.gif') no-repeat left top; height: 25px; margin-bottom: 5px; text-indent: -9000px; }
  div.mein_rea_card_pl div.banner { background: #66CC00 url('../design/reacard/images/pl/banner_mein-card_small.gif') no-repeat left top; height: 25px; margin-bottom: 5px; text-indent: -9000px; }

  div.mein_rea_apps { background: #fff; width: 274px; float: left; margin: 0px 6px 6px 0px; }
  div.mein_rea_apps p { padding: 0px 5px 10px 5px; }
  div.mein_rea_apps p a strong { color: #66CC00; }
  div.mein_rea_apps_de div.banner { background: #66CC00 url('../design/reacard/images/de/banner_mein-apps_small.gif') no-repeat left top; height: 25px; margin-bottom: 5px; text-indent: -9000px; }
  div.mein_rea_apps_pl div.banner { background: #66CC00 url('../design/reacard/images/pl/banner_mein-apps_small.gif') no-repeat left top; height: 25px; margin-bottom: 5px; text-indent: -9000px; }
  
div.mein_rea_mobile { background: #fff; width: 274px; float: left; margin: 0px 6px 6px 0px; }
  div.mein_rea_mobile p { padding: 0px 5px 10px 5px; }
  div.mein_rea_mobile p a strong { color: #03A7C5; }
  div.mein_rea_mobile_de div.banner { background: #03A7C5 url('../design/reacard/images/de/banner_mein-rea-dy-suite_small.gif') no-repeat left top; height: 25px; margin-bottom: 5px; text-indent: -9000px; }
  div.mein_rea_mobile_pl div.banner { background: #03A7C5 url('../design/reacard/images/pl/banner_mein-rea-dy-suite_small.gif') no-repeat left top; height: 25px; margin-bottom: 5px; text-indent: -9000px; }

div.mein_rea_admin { background: #fff; width: 274px; float: left; margin: 0px 6px 6px 0px; }
  div.mein_rea_admin div.banner { background: #03A7C5 url('../design/reacard/images/banner_mein-rea-admin_small.gif') no-repeat left top; height: 25px; margin-bottom: 5px; text-indent: -9000px; }
  div.mein_rea_admin p { padding: 0px 5px 10px 5px; }
  div.mein_rea_admin p a strong { color: #03A7C5; }

div.mein_ready_name { background: #fff; width: 274px; float: left; margin: 0px 6px 6px 0px; }
  div.mein_ready_name p { padding: 0px 5px 10px 5px; }
  div.mein_ready_name p a strong { color: #FF6600; }
  div.mein_ready_name_de div.banner { background: #FF6600 url('../design/reacard/images/de/banner_mein-rea-name_small.gif') no-repeat left top; height: 25px; margin-bottom: 5px; text-indent: -9000px; }
  div.mein_ready_name_pl div.banner { background: #FF6600 url('../design/reacard/images/pl/banner_mein-rea-name_small.gif') no-repeat left top; height: 25px; margin-bottom: 5px; text-indent: -9000px; }

div.mein_ready_jet { background: #fff; width: 274px; float: left; margin: 0px 6px 6px 0px; }
  div.mein_ready_jet p { padding: 0px 5px 10px 5px; }
  div.mein_ready_jet p a strong { color: #6C6C54; }
  div.mein_ready_jet_de div.banner { background: #6C6C54 url('../design/reacard/images/de/banner_mein-rea-jet_small.gif') no-repeat left top; height: 25px; margin-bottom: 5px; text-indent: -9000px; }
  div.mein_ready_jet_pl div.banner { background: #6C6C54 url('../design/reacard/images/pl/banner_mein-rea-jet_small.gif') no-repeat left top; height: 25px; margin-bottom: 5px; text-indent: -9000px; }

div.mein_rea_systeme_big { background: #fff; width: 555px; margin-bottom: 6px; }
  div.mein_rea_systeme_big p { padding: 0px 5px 10px 5px; }
  div.mein_rea_systeme_big p a strong { color: #6C6C54; }
  div.mein_rea_systeme_big_de div.banner { background: #6C6C54 url('../design/reacard/images/de/banner_REA-systeme.gif') no-repeat left top; height: 25px; margin-bottom: 5px; text-indent: -9000px; }
  div.mein_rea_systeme_big_pl div.banner { background: #6C6C54 url('../design/reacard/images/pl/banner_REA-systeme.gif') no-repeat left top; height: 25px; margin-bottom: 5px; text-indent: -9000px; }

/* misc */
div.rechnung_item { color: #003366; width:330px; margin-bottom: 4px; background: #fff; }
div.rechnung_item strong { color: #FF0000; }

div.rechnung_download { float: right; }
  div.rechnung_download a { display: block; width: 15px; height: 15px; background: url('../design/reamobile/images/Icon-pdf_w.gif') no-repeat 0px 0px; text-indent: -9000px; }
  div.rechnung_download a:hover { background-position: -15px 0px;  }
  
/* kontakt form */
table.kontaktForm { font-size: 11px; border-collapse: collapse; }
  table.kontaktForm td { padding-bottom: 10px; padding-right: 10px; }
  table.kontaktForm select { border: 1px solid #888876; width: 290px; font-size: 11px; font-family: Verdana, helvetica, arial, sans-serif; }
  table.kontaktForm input { border: 1px solid #888876; width: 200px; font-size: 11px; font-family: Verdana, helvetica, arial, sans-serif; }
  table.kontaktForm input.submit { width: auto; font-size: 13px; }
  table.kontaktForm textarea { border: 1px solid #888876; width: 288px; height: 80px; font-size: 11px; font-family: Verdana, helvetica, arial, sans-serif; }

/*** Widths ***/
.w5pct {width: 5%;}
.w10pct {width: 10%;}
.w11pct {width: 11%;}
.w12pct {width: 12%;}
.w13pct {width: 13%;}
.w14pct {width: 14%;}
.w15pct {width: 15%;}
.w16pct {width: 16%;}
.w17pct {width: 17%;}
.w18pct {width: 18%;}
.w19pct {width: 19%;}
.w20pct {width: 20%;}
.w25pct {width: 25%;}
.w30pct {width: 30%;}
.w33pct {width: 33%;}
.w35pct {width: 35%;}
.w40pct {width: 40%;}
.w45pct {width: 45%;}
.w50pct {width: 50%;}
.w55pct {width: 55%;}
.w60pct {width: 60%;}
.w65pct {width: 65%;}
.w70pct {width: 70%;}
.w75pct {width: 75%;}
.w80pct {width: 80%;}
.w85pct {width: 85%;}
.w90pct {width: 90%;}
.w95pct {width: 95%;}
.w100pct {width: 100%;}
.w12 {width: 12px;}
.w15 {width: 15px;}
.w16 {width: 16px;}
.w17 {width: 17px;}
.w18 {width: 18px;}
.w20 {width: 20px;}
.w30 {width: 30px;}
.w32 {width: 32px;}
.w35 {width: 35px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w55 {width: 55px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w110 {width: 110px;}
.w120 {width: 120px;}
.w125 {width: 125px;}
.w140 {width: 140px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w220 {width: 220px;}
.w240 {width: 240px;}
.w260 {width: 260px;}
.w280 {width: 280px;}
.w300 {width: 300px;}
.w320 {width: 320px;}
.w340 {width: 340px;}
.w360 {width: 360px;}
.w380 {width: 380px;}
.w400 {width: 400px;}
.w500 {width: 500px;}
.wFit {width: *px;}

th.boldOff {font-weight:lighter;}

a.invalid {display:inline-block; background: url('../img/icons/Icon-Invalid-Link.png') no-repeat left top; text-indent: 10px;}
img.invalid {display:inline-block; background: url('../img/icons/Icon-Invalid-Link.png') no-repeat left top; text-indent: 10px;}

div.suggest {position: absolute; left: 0px; top: 18px; z-index: 9999; background: #F7F6F3; cursor: pointer; line-height: 13px; overflow: hidden; }
input.suggest{position: absolute; left: 0px; top: 0px; }
#suggest p {padding-bottom: 1px;}
#suggest p.hilite {background-color: #DAD6CF; }

a.disabled {color: #8C8C74; elevation: lower; cursor: text;}
a.disabled:hover {color: #8C8C74; elevation: lower; cursor: text;}
a.enabled {color:#6C6C54;}
a.enabled:hover {color:#003366;}

#bonprintsample table.nonproportional {background: transparent; font-size: 20px; font-family: Courier; line-height: normal; padding: 0px; border: 0px transparent none; margin: 0px; border-collapse: collapse; }
#bonprintsample table.bonprint {background: white; }
#bonprintsample td { border-bottom: 0px none transparent; padding: 0px; }

#content div.faqText {
    display: none;
    padding-left: 10px;
}

div.helper #content {
    margin: 0px 0px 0px 0px;
}

div.helper #content table.liste td {
    padding-left: 3px;
}

div.messagebox table thead { background-color:#CDC9BF; border-bottom:2px solid #F7F6F3; font-weight:bolder; text-align:left; vertical-align:top; }
  div.messagebox table.liste th { background-color:#CDC9BF; border-bottom:2px solid #F7F6F3; font-weight:bolder; text-align:left; vertical-align:top; padding:0px 0px 0px 1px;  }
  div.messagebox table.liste td { border-bottom:2px solid #F7F6F3; padding:1px 0px 1px 1px; }
  div.messagebox table.liste tr.odd { background-color:#ECEBE7; vertical-align:top; }
  div.messagebox table.liste tr.even { background-color:#DAD6CF; vertical-align:top; }
  div.messagebox td.tp {vertical-align: top;}

#content .bottomLine {
    border-bottom:thin solid #DBD8D1;
}
#content .bottomNoBorder td {
    border-bottom: none;
}

#content .paggination {
    padding-left: 3px;
    padding-right: 3px;
}