/* 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: #000; text-align: left; }
form { display: block; margin-bottom: 1em; }

/* layout */
#container { width: 585px; /*auto;*/ }

/* header */
#header { position: relative; height: 80px; width: auto;}
  #header div.bluestripe { display: none; }
  #header img.rea { float: right; margin: 0px; }
  #header img.rea2 { float: left; }
  #header img.firma { display: none; }
  #header p { float: left; padding-top: 33px; }
    #header p span.red { color: #f00; }
  /* top buttons */
  #header ul { display: none; }
  
#main { background: none; width: auto; min-height: 475px; height:auto !important; height:475px; /*overflow: auto;*/ }

  #content { margin: 0px; padding: 4px 6px; line-height:18px; }
  #content h1 { font-size: 11px; color: #003366; padding-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 td { padding:1px 0; border-bottom:2px solid #FFFFFF; }

  #content td.bt {
    vertical-align: bottom;
  }
  #content td.tp {
    vertical-align: top;
  }
  #content td.rt {
    text-align: right;
  }

  /* left navigation menu */  
  #leftnav { display: none; }                   
  
  /* right column */
  #teaser { display: none; }

#footer { margin: 0px; }
  #footer ul { color: #003366; list-style: none; margin-left: 0px; }
  #footer ul li { float: left; padding: 2px 20px 2px 2px; }
  #footer a { color: #6C6C54; text-decoration: none; }

/* 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; }
.rsResult { display:block; color:#cc0000; font-weight:bold; padding:0px 0px 10px 0px; }
.align2Left { text-align: left; }
.align2Right { text-align: right; }
.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;}

#content .txt_error {
	border: 1px solid #cc0000;
}

#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; }
  #content table.liste td { border-bottom:2px solid #F7F6F3; padding:1px 0px; }
  #content table.liste tr.odd { background-color:#ECEBE7; vertical-align:top; }
  #content table.liste tr.even { background-color:#DAD6CF; vertical-align:top; }

#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 .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_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_rea_admin { background: #fff; width: 274px; float: left; margin: 0px 6px 6px 0px; }
  div.mein_rea_admin div.banner { background: #FF6600 url('../design/reacard/images/banner_mein-rea-name_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: #FF6600; }

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:300px; 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: 270px; 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: 268px; height: 80px; font-size: 11px; font-family: Verdana, helvetica, arial, sans-serif; }

div.banner { text-indent: 0px; font-weight: bold; }

/*** Widths ***/
.w100pct {width: 100%;}
.w16 {width: 16px;}
.w17 {width: 17px;}
.w18 {width: 18px;}
.w20 {width: 20px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.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;}
