

/*--------------------------------------------------------------------------
 /app.frontend/scr/css/dialoge.css
--------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------
 Dialoge
----------------------------------------------------------------------------------*/

.dialogs
{
  position: absolute;
  visibility: hidden;
  top: -10000px;
  left: -10000px;
  cursor: auto;
}

/*---------- Bestaetigungsabfrage JA/NEIN ----------*/

.dialog-style-1
{

}

.dialog-style-1 td
{
  background-color: #FF3030;
}

.dialog-style-1 td.leftTop
{
  width: 30px;
  height: 30px;
  background-color: none;
  background: url('http://www.adressen-office.de/img/dialogs/red_left_top.gif') no-repeat left top;
}

.dialog-style-1 td.leftTop
{
  width: 30px;
  height: 30px;
  background-color: none;
  background: url('http://www.adressen-office.de/img/dialogs/red_left_top.gif') no-repeat left top;
}

.dialog-style-1 td.rightTop
{
  width: 30px;
  height: 30px;
  background-color: none;
  background: url('http://www.adressen-office.de/img/dialogs/red_right_top.gif') no-repeat left top;
}

.dialog-style-1 td.leftBottom
{
  width: 30px;
  height: 30px;
  background-color: none;
  background: url('http://www.adressen-office.de/img/dialogs/red_left_bottom.gif') no-repeat left top;
}

.dialog-style-1 td.rightBottom
{
  width: 30px;
  height: 30px;
  background-color: none;
  background: url('http://www.adressen-office.de/img/dialogs/red_right_bottom.gif') no-repeat left top;
}

.dialog-style-1 td.main .message
{
  color: #FFFFFF;
  font-weight: bold;
}


.dialog-style-1 td.main .buttons
{
  margin: 20px 0 0 0;
  text-align: center;
}

.dialog-style-1 td.main input
{
  color: #FFFFFF;
  font-size: 8pt;
  font-weight: bold;
  width: 243px;
  height: 22px;
  text-align: center;
  border: none;
  background: url('http://www.adressen-office.de/img/dialogs/red_button_243.gif');
}

/*---------- kalkulieren ----------*/

.dialog-style-2
{
  width: 800px;
}

.dialog-style-2 table
{
  border-collapse: collapse;
}

.dialog-style-2 td
{
  background-color: #FFFFFF;
}

.dialog-style-2 td.left
{
  border-left: 2px solid #000000;
}

.dialog-style-2 td.right
{
  border-right: 2px solid #000000;
}

.dialog-style-2 td.top
{
  border-top: 2px solid #000000;
}

.dialog-style-2 td.bottom
{
  border-bottom: 2px solid #000000;
}

.dialog-style-2e td.leftTop
{
  width: 18px;
  height: 18px;
  background-color: none;
  background: url('http://www.adressen-office.de/img/dialogs/bw_left_top.gif') no-repeat left top;
}

.dialog-style-2 td.leftTop
{
  width: 18px;
  height: 18px;
  background-color: none;
  background: url('http://www.adressen-office.de/img/dialogs/bw_left_top.gif') no-repeat left top;
}

.dialog-style-2 td.rightTop
{
  width: 18px;
  height: 18px;
  background-color: none;
  background: url('http://www.adressen-office.de/img/dialogs/bw_right_top.gif') no-repeat left top;
}

.dialog-style-2 td.leftBottom
{
  width: 18px;
  height: 18px;
  background-color: none;
  background: url('http://www.adressen-office.de/img/dialogs/bw_left_bottom.gif') no-repeat left top;
}

.dialog-style-2 td.rightBottom
{
  width: 18px;
  height: 18px;
  background-color: none;
  background: url('http://www.adressen-office.de/img/dialogs/bw_right_bottom.gif') no-repeat left top;
}

.dialog-style-2 td.main
{
  font-weight: bold;
}


.dialog-style-2 td.main .buttons
{
  margin: 20px 0 0 0;
}

.dialog-style-2 td.main input
{
  color: #FFFFFF;
  font-size: 8pt;
  font-weight: bold;
  width: 243px;
  height: 22px;
  text-align: center;
  border: none;
  background: url('http://www.adressen-office.de/img/dialogs/bw_button_243.gif');
}

/*--------------------------------------------------------------------------
 /app.frontend/scr/css/main.css
--------------------------------------------------------------------------*/
#main {
    position: relative;
    width: 829px;
    margin: 0 0 10px 0;
    padding: 0;
    float: left;
  }


  #main_inner {
    overflow:   hidden;
    padding: 0 0 0 30px;
  }


  #content {
    width:      521px;
    min-height:  599px;
  }

  #content_2 {
    min-height:  540px;
    margin-top: 27px;
  }

  #contentBoxTop {
    margin-top:16px;
    background-image: url(http://www.adressen-office.de/img/content_standard_top.gif);
    width: 521px;
    height: 15px;
    background-position:left top;
  }

  #content_2 #contentBoxTop {
    margin-top:0;
    background-image: url(http://www.adressen-office.de/img/tam-start-screen_top.gif);
    width:auto;
  }

  #contentBoxMain {
    float: left;

    padding-left: 10px;
    padding-right: 10px;

    border-left: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;

    width: 499px;
  }

  #content_2 #contentBoxMain {
    float:none;
    width:auto;
    padding:1em 2em 1em 2em;
  }


  #content_home_headline {
    background-image:url(http://www.adressen-office.de/img/kartei_kleiner.jpg);
    background-position:120px top;
    background-repeat:no-repeat;
    padding: 0 0 0 220px;
    height:100px;
  }

  #content_home_headline h1 {
    margin:0 0 0 0;
    padding:15px 0 0 0;
    font-size:1.8em;
    font-style:italic;
  }

  #content_2 #contentBoxMain td.col1 {
    width:365px;
    text-align:justify;
    padding-bottom:1em;
  }

  #content_2 #contentBoxMain td.col2 {
    width:365px;
    text-align:justify;
    padding-bottom:1em;
  }

  #content_2 #contentBoxMain .col1 h2,
  #content_2 #contentBoxMain .col2 h2 {

     padding:0.5em 0.5em 0.3em 0.5em ;
     margin:0;
     background-image:url(http://www.adressen-office.de/img/header_background.gif);
     background-position:top;
     background-repeat:repeat-x;
     font-size:1.3em;
     color:#FFFFFF;
  }

  #content_2 #contentBoxMain .col1 dl,
  #content_2 #contentBoxMain .col2 dl {
     padding:0;
     margin:0;
  }

  #content_2 #contentBoxMain .col1 dt,
  #content_2 #contentBoxMain .col2 dt {
    font-weight:bold;
  }

  #content_2 #contentBoxMain .col1 dd,
  #content_2 #contentBoxMain .col2 dd {
     padding:0 0 0 0;
     margin:0 0 8px 20px;
  }


  #content_2 #contentBoxMain .col1 .innertext,
  #content_2 #contentBoxMain .col2 .innertext {
     padding:0.5em;
     border:1px solid #AFAFC3;
     height: 190px;
  }

  #content_2 #contentBoxMain .row {
    clear: left;
    padding-bottom: 1em;
  }


  #contentBoxBottom {
    clear: left;
    background-image: url(http://www.adressen-office.de/img/content_standard_bottom.gif);
    width: 521px;
    height: 15px;
    background-position:left bottom;
  }

  #content_2  #contentBoxBottom {
    background-image: url(http://www.adressen-office.de/img/tam-start-screen_bottom.gif);
    width:auto;
  }

  #contentSeparation {
    margin-top: 10px;
    margin-bottom: 15px;

    background-image: url(http://www.adressen-office.de/img/trenner_toolbox.gif);
    background-repeat:repeat-x;
    width: 499px;
    height: 2px;
  }

  #content_2  #contentSeparation {
    width: auto;
  }

  #contentSiteName {
    color:  #810001;

    font-size:    14pt;
    font-weight:  bold;
  }

  #contentSubHeadline {
    margin-bottom:  5px;
    font-size:    11pt;
    font-weight:  bold;
  }

  #contentSubHeadline h1 {
    margin:0;
    background-image:url(http://www.adressen-office.de/img/kartei_kleiner.jpg);
    background-position:left center;
    background-repeat:no-repeat;
    padding: 12px 0 14px 100px;
    font-size:1.7em;
  }

  #alertJavaScriptDisabled {
    position:   absolute;
    top:        70px;
    left: 200px;

    margin-top: 25px;

    padding: 16px;


    background-color: #FFDDDD;
    border:5px solid #FF6666;

    color:      #282828;

    font-size:    11pt;
    font-weight:  bold;
  }

  #countrySelection {
    overflow:     hidden;
    width:      480px;
    height:     109px;
    margin-left:135px;
  }
  #countrySelectionHeadline {
    color:      #282828;
    font-size:    11pt;
    font-weight:  bold;
    text-align:center;
    margin-right:10px;
  }



  #countrySelectionBox1 {
    clear:      both;
    margin-top:   18px;
  }
  #countrySelectionGermany { /* das country-selection-Element hat weitere CSS-Angaben im Kopf des HTML-Code (wegen Bildpfaden) */
    float:      left;

    margin-right: 10px;
  }
  #countrySelectionSwitzerland {
    float:      left;

    margin-right: 10px;
  }
  #countrySelectionAustria {
    float:      left;

    margin-right: 10px;
  }

  #countrySelectionBox2 {
    clear:      both;
    margin-top:   -12px;
  }

  #countrySelectionGermany a {
    display:    block;
    width:      149px;
    height:     47px;
    background: url(http://www.adressen-office.de/img/laender_de_i_39.gif) no-repeat;
  }
  #countrySelectionGermany a:hover {
    background: url(http://www.adressen-office.de/img/laender_de_mo_39.gif) no-repeat;
  }

  #countrySelectionSwitzerland a {
    display:    block;
    width:      149px;
    height:     47px;
    background: url(http://www.adressen-office.de/img/laender_ch_i_39.gif) no-repeat;
  }
  #countrySelectionSwitzerland a:hover {
    background: url(http://www.adressen-office.de/img/laender_ch_mo_39.gif) no-repeat;
  }

  #countrySelectionAustria a {
    display:    block;
    width:      149px;
    height:     47px;
    background: url(http://www.adressen-office.de/img/laender_at_i_39.gif) no-repeat;
  }
  #countrySelectionAustria a:hover {
    background: url(http://www.adressen-office.de/img/laender_at_mo_39.gif) no-repeat;
  }

  #countrySelectionSmallGermany a {
    display:    block;
    width:      41px;
    height:     13px;
    background: url(http://www.adressen-office.de/img/deutsch_ia.gif) no-repeat;
  }
  #countrySelectionSmallGermany a:hover {
    background: url(http://www.adressen-office.de/img/deutsch_mo.gif) no-repeat;
  }

  #countrySelectionSmallSwitzerland a {
    display:    block;
    width:      41px;
    height:     13px;
    background: url(http://www.adressen-office.de/img/schweiz_ia.gif) no-repeat;
  }
  #countrySelectionSmallSwitzerland a:hover {
    background: url(http://www.adressen-office.de/img/schweiz_mo.gif) no-repeat;
  }

  #countrySelectionSmallAustria a {
    display:    block;
    width:      41px;
    height:     13px;
    background: url(http://www.adressen-office.de/img/oest_ia.gif) no-repeat;
  }
  #countrySelectionSmallAustria a:hover {
    background: url(http://www.adressen-office.de/img/oest_mo.gif) no-repeat;
  }

  #linkLanguage {
    float:      left;
    width:      139px;
    margin-right:   10px;
    padding-right:  10px;
    font-size:    8pt;

  }

  #linkLanguage a {
    color:      #282828;
    font-weight:  bold;
    text-decoration: none;
    color: #666666;
  }

  #countrySelectionSmall {
    overflow: hidden;
    margin-right: 2px;
    height: 31px;
  }

  #countrySelectionSmall div {
    margin-left:   10px;
  }

  #atgar {
    clear:left;
    background: url(http://www.adressen-office.de/img/atgar.gif) no-repeat;
    background-position:center;
    background-repeat:no-repeat;
    height:148px;
  }

  #loginFormBox {
    position:   relative;
    top:        150px;

    width:      519px;
    height:     190px;

    border:     1px solid #000000;
  }
  #loginFormContainer {
    float:      left;

    height:     100px;

    margin-left:  20px;
    margin-top:   15px;
  }

  #loginFormInputs {
    float:      left;
  }
  #loginFormButtonLink {
    float:      left;

    margin-left:  75px;
    margin-top:   14px;
  }
  #loginFormButtonLink a {
    color:      #000000;

    font-weight:  bold;

    text-decoration:  none;
  }
  #loginFormButton {
    float:      left;

    margin-left:  10px;
    margin-top:   5px;
  }



  .faqListEntry {
    cursor: hand;
  }




  #selection {
    float:      right;
    width:      258px;
  }

  #first_hint {
   position:absolute;
   top:60px;
   left:100px;
   height:450px;
   width:630px;
   background: url(http://www.adressen-office.de/img/first_hint.png) no-repeat;
   background-position:left top;
  }

  /* ie6, ie7 hack */
  * html #first_hint {
   /* nur ie6 */
   backg\round: url(http://www.adressen-office.de/img/first_hint.gif) no-repeat;
  }

  #first_hint h1 {
   margin:0 0 0.3em 0;
   font-size:12pt;
  }

  #first_hint_inner {
    padding:75px 22px 25px 22px;
  }

  #first_hint_close {
      float:right;
      display:block;
      width:15px;
      height:15px;
      background: url(http://www.adressen-office.de/img/first_hint_close.gif) no-repeat;
      background-position:left top;
  }

  #first_hint_close:hover {
      background: url(http://www.adressen-office.de/img/first_hint_close_over.gif) no-repeat;
  }

  #first_hint_content {
   height:400px;
   overflow:auto;
  }

/*--------------------------------------------------------------------------
 /app.frontend/scr/css/ordering.css
--------------------------------------------------------------------------*/
#stepNavigation-outer
{
  padding:17px 0 0 0;
  background: url('http://www.adressen-office.de/img/stepnavi_bottom.gif') repeat-x;
  background-position:bottom;
}

#stepNavigation-inner
{

}

#stepNavigation
{
  list-style-type: none;
  padding: 0;
  height: 30px;
  margin: 0 0 0 0;
  overflow: hidden;
}

#stepNavigation li
{
  list-style-type: none;
  float: left;
  display:block;
  padding: 0;
  margin: 0;
  font-size: 8pt;
  color: #FFFFFF;
  height: 30px;
  line-height: 30px;
  background: url('http://www.adressen-office.de/img/stepnavi_left.png') no-repeat;
  background-position:left top;
}

#stepNavigation li a, #stepNavigation li span
{
  display:block;
  float:left;
  text-align:center;
  color: #FFFFFF;
  background: url('http://www.adressen-office.de/img/stepnavi_activated_right.png') no-repeat;
  background-position:right top;
  padding: 0 1.8em;
}

#stepNavigation li span
{
  display:block;
  float:left;
  text-align:center;
  color: #FFFFFF;
  background: url('http://www.adressen-office.de/img/stepnavi_right.png') no-repeat;
  background-position:right top;
}


#stepNavigation li.selected
{
  font-weight: bold;
  text-decoration: none;
  color: #FFFF8B;
  background: url('http://www.adressen-office.de/img/stepnavi_active_left.png') no-repeat;
  background-position:left top;
}

#stepNavigation li.selected a
{
  font-weight: bold;
  text-decoration: none;
  color: #750000;
  background: url('http://www.adressen-office.de/img/stepnavi_active_right.png') no-repeat;
  background-position:right top;
}

#stepNavigation li.active
{
  font-weight: bold;
  text-decoration: none;
  color: #FFFF8B;
  background: url('http://www.adressen-office.de/img/stepnavi_activated_left.png') no-repeat;
  background-position:left top;
}

#stepNavigation li.active a:hover
{
  color: #750000;
}


/*------------------------------------------------------------------------------------------------*/
#orderBox
{
  position: relative;
  margin: 0 0 20px 0;
  padding: 0;


}

#orderBox .headline
{
  font-size: 11pt;
  font-weight: bold;
  font-style: italic;
  color: #282828;
  margin-bottom:1em;
}

#orderBox .content
{
  border-left: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;
  background-color:#f9f8f8;
  padding: 0.8em 10px 4px 10px;
}

#orderBox .bottom
{
  display:block;
  height: 6px;
  background: url('http://www.adressen-office.de/img/progress_border_bottom.gif') repeat-x;
}

#orderBox .bottom .left
{
  display:block;
  height: 6px;
  background: url('http://www.adressen-office.de/img/progress_border_left.gif') no-repeat left top;
}

#orderBox .bottom .right
{
  display:block;
  height: 6px;
  background: url('http://www.adressen-office.de/img/progress_border_right.gif') no-repeat right top;
}

#orderBox .content .highlight
{
  font-style: normal;
  color: #810001;
}

table.table_offer_summary
{
  width:490px;
  border:1px solid #333333;
  border-collapse:collapse;
  margin-bottom:0.8em;
}

table.table_offer_summary td, table.table_offer_summary th
{
  border:1px solid #333333;
  padding:3px;
}
table.table_offer_summary td.col5, table.table_offer_summary td.col4,table.table_offer_summary td.col3
{
  text-align:right;
}
table.table_offer_summary td.col1
{
  text-align:center;
}

table.table_offer_summary tr.details_head td {
 border-left-color:#FFFFFF;
 border-right-color:#FFFFFF;
 border-top-color:#FFFFFF;
}

table.table_offer_summary tr.details td {
 border-left-color:#FFFFFF;
 border-right-color:#FFFFFF;
 border-top-color:#FFFFFF;
}

.block_load_data {
  margin:0.6em 0 0.6em  0;
}

/*--------------------------------------------------------------------------
 /app.frontend/scr/css/panel.css
--------------------------------------------------------------------------*/
#panel_container
{
  float:      left;
  position: relative;
  margin-top: 17px;
  margin-left: 16px;
}

#panel, #panel-active, #panelBig, #panelBig-active
{
  width:      149px;
  height:     589px;
  font-weight: normal;
}

#panel_inner
{
  padding-top:    10px;
  padding-left:   5px;
  padding-right:  15px;
}

#panel, #panel-active
{
  background: url('http://www.adressen-office.de/img/toolbox_hgrnd_550.gif') no-repeat;
}

#panelBig, #panelBig-active
{
  background: url('http://www.adressen-office.de/img/toolbox_hgrnd_540.gif') no-repeat;
}

#panel a,
#panel-active a,
#panelBig a,
#panelBig-active a
{
  font-weight: normal;
}

* html #panel
{
  width:      155px; /* fuer IE5 und IE6 im quirks mode */
  w\idth:     135px; /* IE6 im standard mode */
}

* html #panel
{
  height:     599px; /* fuer IE5 und IE6 im quirks mode */
  h\eight:    589px; /* IE6 im standard mode */
}

.panelHeadlineAll
{
  padding-left: 6px;
  color:        #750000;
  font-weight:  bold;
}

.panelHeadlineChoice
{
  padding-left: 6px;
  color:        #2D2D51;
  font-weight:  bold;
}

.panelHeadlineSelection
{
  padding-left: 6px;
  color:        #4C381E;
  font-weight:  bold;
}

.panelHeadlineToolbox
{
  background: url('http://www.adressen-office.de/img/werkzeuge/toolbox_head.gif') no-repeat center top;
  height: 25px;
}

.panelDisplay
{
  color: #A7A7A7;
  background: url('http://www.adressen-office.de/img/werkzeuge/darstellung.gif') no-repeat right top;
  height: 21px;
  padding: 0 31px 0 0;
  text-align: right;
  font-size: 8pt;
  line-height: 21px;
}

.panelSeparationLine
{
  width: 100%;
  height: 0px;
  margin: 10px 0;
  border-top: 1px solid #7A7A7B;
  border-bottom: 1px solid #DBDCE1;
  clear: both;
}

/**************************************************************************************************/

#panel .menuItems
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#panel .menuItems li
{
  height: 21px;
  line-height: 21px;
  text-align: right;
  padding: 0 31px 0 0;
  margin: 6px 0;
  font-size: 8pt;
  color: #A7A7A7;
  background: url('http://www.adressen-office.de/img/button_toolbox_proto_i.gif') no-repeat right top;
}

/***************************************************************************************************
 Men� - Kriterien
***************************************************************************************************/

/* -------------------------------------------------------------------------------------------------
 �ndern
--------------------------------------------------------------------------------------------------*/
#panel .choiceMenuItems li.choiceEdit
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/krit_aendern_ia.gif');
}


/* -------------------------------------------------------------------------------------------------
 l�schen
--------------------------------------------------------------------------------------------------*/
#panel .choiceMenuItems li.choiceDelete
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/krit_loeschen_ia.gif');
}


/* -------------------------------------------------------------------------------------------------
 nach oben
--------------------------------------------------------------------------------------------------*/
#panel .choiceMenuItems li.choiceMoveUp
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/krit_nachOben_ia.gif');
}


/* -------------------------------------------------------------------------------------------------
 nach unten
--------------------------------------------------------------------------------------------------*/
#panel .choiceMenuItems li.choiceMoveDown
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/krit_nachUnten_ia.gif');
}


/***************************************************************************************************
 Men� - Selektion
***************************************************************************************************/

/* -------------------------------------------------------------------------------------------------
 hinzuf�gen
--------------------------------------------------------------------------------------------------*/
#panel .selectionMenuItems li.addSelection
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/select_hinzu_ia.gif');
}


/* -------------------------------------------------------------------------------------------------
 laden
--------------------------------------------------------------------------------------------------*/
#panel .selectionMenuItems li.listSelections
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/select_laden_ia.gif');
}


/* -------------------------------------------------------------------------------------------------
 speichern
--------------------------------------------------------------------------------------------------*/
#panel .selectionMenuItems li.saveSelection
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/select_speichern_ia.gif');
}


/* -------------------------------------------------------------------------------------------------
 l�schen
--------------------------------------------------------------------------------------------------*/
#panel .selectionMenuItems li.deleteSelection
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/select_loeschen_ia.gif');
}



/***************************************************************************************************
 Men� - Alles
***************************************************************************************************/

/* -------------------------------------------------------------------------------------------------
 kalkulieren
--------------------------------------------------------------------------------------------------*/
#panel .allMenuItems li.calculatePrices
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/alles_kalkulieren_ia.gif');
}


/* -------------------------------------------------------------------------------------------------
 speichern
--------------------------------------------------------------------------------------------------*/
#panel .allMenuItems li.saveAll
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/alles_speichern_ia.gif');
}


/* -------------------------------------------------------------------------------------------------
 l�schen
--------------------------------------------------------------------------------------------------*/
#panel .allMenuItems li.deleteAll
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/alles_loeschen_ia.gif');
}

/*--------------------------------------------------------------------------
 /app.frontend/scr/css/panel_big.css
--------------------------------------------------------------------------*/
#panelBig .menuItems ul
{
  list-style-type: none;
  padding: 0;
  margin: 15px 0;
  overflow: hidden;
}

#panelBig .menuItems li
{
  float: left;
  height: 32px;
  width: 49%;
  margin: 0px 0;
  background: url('http://www.adressen-office.de/img/big/proto.gif') no-repeat center top;
}


/***************************************************************************************************
 Men� - Kriterien
***************************************************************************************************/

/* -------------------------------------------------------------------------------------------------
 �ndern
--------------------------------------------------------------------------------------------------*/
#panelBig .choiceMenuItems li.choiceEdit
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/big/big_krit_aendern_ia.gif');
}


/* -------------------------------------------------------------------------------------------------
 l�schen
--------------------------------------------------------------------------------------------------*/
#panelBig .choiceMenuItems li.choiceDelete
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/big/big_krit_loeschen_ia.gif');
}


/* -------------------------------------------------------------------------------------------------
 nach oben
--------------------------------------------------------------------------------------------------*/
#panelBig .choiceMenuItems li.choiceMoveUp
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/big/big_krit_nachOben_ia.gif');
}


/* -------------------------------------------------------------------------------------------------
 nach unten
--------------------------------------------------------------------------------------------------*/
#panelBig .choiceMenuItems li.choiceMoveDown
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/big/big_krit_nachUnten_ia.gif');
}

/***************************************************************************************************
 Men� - Selektion
***************************************************************************************************/

/* -------------------------------------------------------------------------------------------------
 hinzuf�gen
--------------------------------------------------------------------------------------------------*/
#panelBig .selectionMenuItems li.addSelection
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/big/big_select_hinzu_ia.gif');
}


/* -------------------------------------------------------------------------------------------------
 laden
--------------------------------------------------------------------------------------------------*/
#panelBig .selectionMenuItems li.listSelections
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/big/big_select_laden_ia.gif');
}


/* -------------------------------------------------------------------------------------------------
 speichern
--------------------------------------------------------------------------------------------------*/
#panelBig .selectionMenuItems li.saveSelection
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/big/big_select_speichern_ia.gif');
}


/* -------------------------------------------------------------------------------------------------
 l�schen
--------------------------------------------------------------------------------------------------*/
#panelBig .selectionMenuItems li.deleteSelection
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/big/big_select_loeschen_ia.gif');
}



/***************************************************************************************************
 Men� - Alles
***************************************************************************************************/

/* -------------------------------------------------------------------------------------------------
 kalkulieren
--------------------------------------------------------------------------------------------------*/
#panelBig .allMenuItems li.calculatePrices
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/big/big_alles_kalkulieren_ia.gif');
}


/* -------------------------------------------------------------------------------------------------
 speichern
--------------------------------------------------------------------------------------------------*/
#panelBig .allMenuItems li.saveAll
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/big/big_alles_speichern_ia.gif');
}


/* -------------------------------------------------------------------------------------------------
 l�schen
--------------------------------------------------------------------------------------------------*/
#panelBig .allMenuItems li.deleteAll
{
  background-image: url('http://www.adressen-office.de/img/werkzeuge/big/big_alles_loeschen_ia.gif');
}

/*--------------------------------------------------------------------------
 /app.frontend/scr/css/styles++.css
--------------------------------------------------------------------------*/
#selection
{
  font-size: 8pt;
}

#selection .selectionInfo
{

  height: 23px;
  margin-top: 0;
  margin-bottom: 0;
}

#selection .selectionInfo ul
{
  list-style-type: none;
  padding: 0;
  margin: 0 10px;
}

#selection .selectionInfo ul li
{
  float: left;
  width: 33%;
  color: #998D78;
  font-weight: bold;
}

#selection .selectionItem .inActive
{
  overflow: hidden;
  background: url('http://www.adressen-office.de/img/selection_inactive_left.gif') repeat-x;
  margin: 5px 0;
  padding: 0;
  cursor: pointer;
}

#selection .selectionItem .inActive ul
{
  list-style-type: none;
  padding: 0 10px;
  margin: 0;
  overflow: hidden;
  background: url('http://www.adressen-office.de/img/selection_inactive_right.gif') no-repeat top right;
  height: 22px;
}

#selection .selectionItem .inActive ul li
{
  float: left;
  width: 33%;
  height: 22px;
  line-height: 22px;
}

#selection .selectionItem .active
{
  margin: 4px 0;
  padding: 0;
}

#selection .selectionItem .active .top
{
  height: 9px;
  background: #F3EBDE url('http://www.adressen-office.de/img/selection_selected_top.gif') no-repeat top left;
}

#selection .selectionItem .active .inner
{
  background-color: #F3EBDE;
  border-left: 1px solid #957F5C;
  border-right: 1px solid #957F5C;
  border-bottom: 1px solid #957F5C;
  padding: 0 10px;
}

#selection .selectionItem .active table
{
  width: 100%;
  margin: 5px 0;
  padding: 0;
}

#selection .selectionItem .active .choiceStyle
{
  cursor: pointer;
}

#selection .selectionItem .active .choiceStyleOver
{
  background-color: #FFFFFF;
}

#selection .selectionItem .active .choiceStyleActive
{
  background-color: #DEFFCA;
}

#selection .selectionItem .active .choiceStyleEdit
{
  background-color: #CAE7FF;
}

/*
#selection .selectionItem .active .totalNumHits
{
  display: none;
}
*/

#selection .selectionItem .active .selDbIcon,
#selection .selectionItem .active .selLoadedFromOrderIcon
{
  height: 16px;
  line-height: 16px;
  margin: 5px 0 3px 0;
  padding: 2px 0 1px 22px;
  background: #FFF6E8 url('http://www.adressen-office.de/img/selection_db.png') no-repeat 2px 2px;
  color: #B3ACA2;
  font-size: 11px;
  border: 1px solid #CCC5BA;
  /*border-bottom-style: none;*/
}

#selection .markChoiceExclude
{
  color: red;
  font-size: 14px;
  font-weight: bold;
}

#selection td.chcInfoIcon
{
  height: 16px;
  width: 19px;
  display: block;
  background: url('http://www.adressen-office.de/img/info.gif') no-repeat right top;
}

#selection td.numSpacer
{
  width: 19px;
}

#selection form
{
  margin: 0;
  padding: 0;
}

#selection .selectionItem .active .totalNumHits .alignRight
{
  font-weight: bold;
  color: blue;
}

#selection .selectionItem .active table td
{
  margin: 0;
  padding: 0;
}

div.line
{
  height: 1px;
  border-bottom: 1px solid #fff;
  background: #828282;
  margin: 5px 0;
}

table.choice_list {
  width: 236px;
}

table.choice_list td{
  vertical-align:top;
}

table.choice_list td.alignRight
{
  text-align: right;
  width: 60px;
}

table.choice_list td.col1
{
  width: 157px;
}

table.choice_list td.form
{
  width: 79px;
  text-align:right;
}

table.choice_list td.form span
{
  padding-right: 1px;
}

#content #tabs
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: -15px;
  overflow: hidden;

  height: 41px;
}

#content #tabs li
{
  float: left;
  background: url('http://www.adressen-office.de/img/content_tab_left.png') no-repeat left top;
  position: relative;
}



#content #tabs li a, #content #tabs li span
{
  display: block;
  height: 41px;
  line-height: 52px;
  text-align: center;
  padding: 0 16px;
  background: url('http://www.adressen-office.de/img/content_tab_right.png') no-repeat right top;
  font-weight: bold;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
}

#content #tabs li.selected
{
  background: url('http://www.adressen-office.de/img/content_tab_selected_left.png') no-repeat left top;
}

#content #tabs li.bgblank
{
  background: url('http://www.adressen-office.de/img/content_tab_selected_left_blank.png') no-repeat left top !important;
}

#content #tabs li.selected a, #content #tabs li.selected span
{
  background: url('http://www.adressen-office.de/img/content_tab_selected_right.png') no-repeat right top;
  color: #620000;
}

#content #tabs li.selected img.info-tooltip
{
  position: absolute;
  top: 2px;
  left: 5px;
  width:15px;
  height:15px;
}


#content #tabs li a:hover
{
  color: #620000;
}

#content #contentPanels
{
  /* width: 507px; */
  /* height: 324px; */
  background-color: #F9F8F8;
  border: 1px solid #7C7C7C;
  padding: 10px;
}
#contentPanels h3
{
  margin-bottom:0.3em;
}



#content .switchBtns
{
  list-style-type: none;
  margin: 0;
  padding: 20px 0;
  overflow: hidden;
}

#content .switchBtns li
{
  float: left;
  padding: 0 10px 0 0;
  margin: 0px;
}

#content .switchBtns li a
{
  display: block;
  text-decoration: none;
  background: url('http://www.adressen-office.de/img/button_120.gif') no-repeat;
  width: 120px;
  height: 22px;
  font-size: 8pt;
  line-height: 22px;
  text-align: center;
  color: black;
}

#content .switchBtns li.selected a
{
  background-image: url('http://www.adressen-office.de/img/button_120_active.gif');
}

#content .hardlyReadableText
{

}

#content .infoTextBox
{
  display: none;
  margin: 15px 0 0 0;
  padding: 4px;
  background-color: #E9E9E9;
  border: 1px solid #AA0000;
  font-size: 11px;
  overflow: auto;
  height: 100px;
}

#ajaxIndicator
{
  position:absolute;
  top:0;
  left: 230px;
  display:none;
}

#ajaxIndicator #indicator_1
{
  display:none;
  text-align: center;
  color: #FF0000;
  font-weight: bold;
  height: 16px;
  padding: 0 5px 0 27px;
  background: url('http://www.adressen-office.de/img/ajax_indicator.gif') no-repeat 5px 1px;
}

#ajaxIndicator #indicator_2,
#ajaxIndicator #indicator_3
{
  display:none;
  position: relative;
  top: 80px;
  text-align: left;
  color: #FF0000;
  border: 1px solid #ADADAD;
  background-color: #EEEEEE;
  font-weight: bold;
  padding: 50px 20px 50px 60px;
  background-image:url('http://www.adressen-office.de/img/loading_search_criteria.gif');
  background-position:10px center;
  background-repeat:no-repeat;
}

#content .separationLine
{
  height: 1px;
  border-bottom: 1px solid #FFFFFF;
  background-color: #000000;
  margin: 15px 0;
}

/* ---------------------------------------------------------------------------------
 Tooltip Style
----------------------------------------------------------------------------------*/
.tooltip
{
  border: 1px solid #ADADAD;
  background-color: #eee;
  /* opacity: 0.85; */
  position: absolute;
  padding: 5px;
  top: -10000px;
  left: -10000px;
}

.tooltip-hide
{
  display: none;
  top: -10000px;
  left: -10000px;
}

.tooltip-show
{
  display: block;
}

/* ---------------------------------------------------------------------------------
 Autocomplete Style
----------------------------------------------------------------------------------*/
.ac_results {
  padding: 0px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  overflow: auto;
  height: 100px;
  z-index: 99999;
}

.ac_results ul {
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  font: menu;
  font-size: 12px;
  overflow: hidden;
}

.ac_loading {
  background : Window url('http://www.adressen-office.de/img/ajax_indicator.gif') right center no-repeat;
}

.ac_over {
  background-color: Highlight;
  color: HighlightText;
}

.ac_moreItems {
  text-align: center;
  background-color: InactiveCaption;
  color: InactiveCaptionText;
  margin: 0px;
  padding: 0px 5px;
  cursor: default;
  display: block;
  width: 100%;
  font: bold menu 12px;
  overflow: hidden;
  -moz-user-select: none;
  -khtml-user-select: none;
}


/* ---------------------------------------------------------------------------------
 Hilfebereiche, die ein- und ausblendbar sind
----------------------------------------------------------------------------------*/

.helpPanel
{
  margin: 17px 0 0 0;
  padding: 0;
}

.helpPanel .top
{
  height: 9px;
  background: #F3EBDE url('http://www.adressen-office.de/img/selection_selected_top.gif') no-repeat top left;
}

.helpPanel .inner
{
  background-color: #F3EBDE;
  border-left: 1px solid #957F5C;
  border-right: 1px solid #957F5C;
  border-bottom: 1px solid #957F5C;
  padding: 0 10px 10px 10px;
}

.helpPanel .inner .title
{
  overflow: hidden;
}

.helpPanel .title a
{
  display: block;
  float: right;
  width: 16px;
  height: 16px;
  background: url('http://www.adressen-office.de/img/toggle_minus.png') no-repeat top left;
}

.helpPanel .title a.plus
{
  background-image: url('http://www.adressen-office.de/img/toggle_plus.png');
}

/* ---------------------------------------------------------------------------------
 Sonstiges
----------------------------------------------------------------------------------*/

#contentPanels .submitBtns
{
  display:block;
  text-align: right;
  margin: 25px 0 0 0;
}
#contentPanels .submitBtns input
{
  border-style:none;
  font-size:10pt;
  height:32px;
  padding-right:37px;
  text-align:right;
  cursor:pointer;
}

input.button-style-add
{
  background:transparent url('http://www.adressen-office.de/img/button_hinzu.gif') no-repeat scroll right top;
  width:200px;
  /* float setzen, damit button rechts und nach enter als standardsubmit */
  float:right;
}

input.button-style-exclude
{
  background:transparent url('http://www.adressen-office.de/img/button_ausschluss.gif') no-repeat scroll right top;
  width:250px;
}

input.button-style-edit
{
  background:transparent url(http://www.adressen-office.de/img/button_aendern.gif) no-repeat scroll right top;
  width:250px;
}

input.button-style-1
{
  background: url('http://www.adressen-office.de/img/button_243.gif') no-repeat left top;
  width: 243px;
  height: 22px;
  border-style: none;
  font-weight: bold;
  font-size: 8pt;
  cursor:pointer;
}

table.tableStyle-1,
table.tableStyle-selNames
{
  table-layout: auto;
  border-collapse: collapse;
  margin: 0 0 0 1px;
}

table.tableStyle-1 td,
table.tableStyle-selNames td
{
  padding: 4px;
  margin: 0;
  border: 1px solid #969696;
}

table.tableStyle-1 tr.row-mouseover
{
  background-color: #FFFEC6;
}

table.tableStyle-1 thead td,
table.tableStyle-selNames thead td
{
  background-color: #DEDFDF;
  font-weight: bold;
}

table.tableStyle-1 tbody
{
  cursor: pointer;
}

.requiredField
{
  color: red;
  font-size: 15px;
  font-weight: bold;
}

/*--------------------------------------------------------------------------
 /app.frontend/scr/css/styles.css
--------------------------------------------------------------------------*/
HTML, BODY {
    margin:     0;
    padding:    0;

    width:      100%;
    height:     100%;
    background-color: #FFFFFF;
  }
  BODY, TABLE, TR, TD, TH, DIV {
    color:      #282828;

    font-family:    Arial;
    font-size:      9pt;
  }

  A:link, A:visited {
    color:      #5C5C85;
    font-weight: bold;
    text-decoration: none;
  }

  A:hover, A:active {
    color:      #820000;
    text-decoration: none;
  }

  form {
   margin:0;
   padding:0;
  }

  input, textarea, select {
    border: 1px solid #000000;
  }

  input[type=checkbox] {
    border: none;
  }
  input[type=radio] {
    border: none;
  }

  input.disabled {
   background-color:#dddddd !important;
  }

  input.address_del {
   background-color:#FFDDDD;
  }

  .clear {
   font-size:1px;
   height:1px;
   clear:both;
  }

  #all-contents {
   width:997px;
   margin: 0 auto 0 auto;
  }

  #header {
    overflow:   hidden;
    position:   relative;
    clear:      both;
    background: url('http://www.adressen-office.de/img/header_background.gif') repeat-x;
    width:      100%;
    height:     74px;
  }

  #areaLogo {
    float:      left;
  }

  #areaSupport {
    position:   absolute;
    right:      0;
    top:        0;

    background: url('http://www.adressen-office.de/img/hotline_hgrnd_05.gif') no-repeat;
    width:      155px;
    height:     49px;
  }

  #areaSupport .content {
    padding-right: 5px;

    color:      #D1B3B1;

    text-align: center;
  }

  #header .buttons
  {
    position:   absolute;
    right:      175px;
    top:        12px;
    width:      108px;
  }

  #header .buttons div,
  #header .buttons a
  {
    color:           #EDECF1;
    font-size:       8pt;
    font-weight:     bold;
    text-decoration: none;
  }

  #buttonLogin {
    padding-left: 40px;

    width:      68px;
    height:     16px;

    background: url('http://www.adressen-office.de/img/login_button_10.gif') no-repeat;
  }

  * html #buttonLogin {
    width:      108px; /* fuer IE5 und IE6 im quirks mode */
    w\idth:     68px;  /* IE6 im standard mode */
  }

  #buttonPreferences {
    margin-top:   5px;
    padding-left: 5px;

    width:      103px;
    height:     16px;

    background: url('http://www.adressen-office.de/img/button_10.gif') no-repeat;
  }

  * html #buttonPreferences {
    width:      108px; /* fuer IE5 und IE6 im quirks mode */
    w\idth:     103px;  /* IE6 im standard mode */
  }

  #buttonBeUser {
    padding-left: 5px;

    width:      103px;
    height:     16px;

    background: url('http://www.adressen-office.de/img/button_10.gif') no-repeat;
  }

  #header .usernames
  {
    position:   absolute;
    right:      298px;
    top:        12px;
    width:      175px;

    color:      #27274E;

    font-size:    8pt;
    font-weight:  bold;
  }

  #fieldUsername {
    height:     16px;

    text-align: right;
    overflow:   hidden;
  }

  #fieldBeUsername {
    margin-bottom: 5px;
    height:     16px;

    text-align: right;
    overflow:   hidden;
    color: red;
  }

  #spacer {
    clear:      both;
    height:   48px;
  }
  * html #spacer {
    height:   1px;
  }


  #footer {
    clear:      both;
    position:   fixed;
    bottom:     0;
    overflow:   hidden;
    width:      100%;
    height:     48px;
  }
  * html #footer {
    position:static;
  }

  #footer div {
    height:     48px;
    text-align: center;
    clear:both;
  text-align: center;
  }



  #navigation { /* das navigation-Element hat weitere CSS-Angaben im Kopf des HTML-Code (wegen Bildpfaden) */
    /*overflow:   hidden;*/
    text-align: center;
  }
  #navigation ul {
    margin:     0 auto;
    padding:    0;
    list-style-type:  none;
    text-align:center;
    border:1px solid #cccccc;

  }

  #navigation li {
    display:inline;
    margin:0;
    padding:0;
  }

  #navigation li a, #navigation td a {
    display:block;
    float:left;
    margin:     0;
    padding:    0 1.4em;
    color:      #C1C1CD;
    text-decoration:  none;
    font-weight: normal;
  }
  #navigation  a:hover {
    /*text-decoration: underline;*/
  }
  #navigation a img {
    margin:     0;
    padding:    0;
  }

  a.backButton
  {
    line-height: 21px;
    text-decoration: none
  }

  a.backButton img
  {
    vertical-align: middle;
    margin-left: 3px;
  }

  input.backwardButton
  {
    background: url('http://www.adressen-office.de/img/zurueck_weiss.gif') no-repeat left top;
    border-style:none;
    font-size:9pt;
    font-weight:bold;
    height:21px;
    padding-left:28px;
    text-align:left;
    width:90px;
    cursor:pointer;
  }

  input.forwardButton
  {
    background: url('http://www.adressen-office.de/img/vorwaerts.gif') no-repeat right top;
    border-style:none;
    font-size:9pt;
    font-weight:bold;
    height:21px;
    padding-right:26px;
    text-align:right;
    width:200px;
    cursor:pointer;
    float:right;
  }

  table.contactform {

  }

  table.contactform td {
     vertical-align:top;
     padding-bottom:5px;
  }
  table.contactform tr.paddingbottom20 td {
     padding-bottom:20px;
  }
  table.contactform tr.paddingbottom10 td {
     padding-bottom:10px;
  }


  table.contactform input, table.contactform textarea {
     width: 256px;
  }

  table.contactform input.button {
     width: 128px;
  }

  table.registrationform {
    border-collapse:collapse;
    width: 499px;
  }

  table.registrationform td {
     vertical-align:top;
     padding-bottom:5px;
  }
  table.registrationform td.col_1 {
    width:40%;
  }

  table.registrationform td.col_2 {
    width:60%;
  }

  table.registrationform tr.paddingbottom20 td {
     padding-bottom:20px;
  }
  table.registrationform tr.paddingbottom10 td {
     padding-bottom:10px;
  }


  table.registrationform input, table.registrationform textarea {
     width: 256px;
  }

  table.registrationform input.button {
     width: 128px;
  }
  table.registrationform select {
    border:1px solid #333333;
    width:120px;
  }

  .checkbox {
   width:auto !important;
  }
  .checkbox[type=checkbox] {
    border: none;
  }
  input.houseNumber {
    width: 30px !important;
    margin-right:0px;
  }

  input.street {
    width: 221px !important;
  }
  html* input.street {
    width: 219px !important;
  }

  input.city {
    width: 211px !important;
  }
  html* input.city {
    width: 209px !important;

  }

  input.plz {
    width: 40px !important;
  }

  input.tel {
    width: 201px !important;
  }
  html* input.tel {
    width: 199px !important;

  }

  input.vorwahl {
    width: 50px !important;
  }

  input.submitbutton {
    background: url(http://www.adressen-office.de/img/button_243.gif);
    border: none;
    width: 243px;
    height: 22px;
    color: #282828;
    font-weight: bold;
    font-size: 8pt;
  }

  label.error {
   color:#FF0000;
  }

  #error-message-1
  {
    position:absolute;
    top:77px;
    left:300px;
  }
