/******************************************************************
//
// Diese Datei ist Teil der Webseite von aXL-online.com.
// Dateiname:     skin_aXL-online.com.css
// Version:       2011-02-09
// Copyright (C): 2005-2011 aXL-online.com::WebLösungen / aXL keschner
//
// Definiert die Skin "aXL-online.com".
//
******************************************************************/


/********************   Module:   ********************/


body
{
  width: 100%;
  height: 100%;         /* Feste Hoehe. */
  margin: 0pt;
  border: 0pt;
  padding: 0pt;  /* Abstand zum Fensterrand wird spaeter definiert !!! */
  background: #dcdcdc;
  align: center;
  vertical-align: middle;
  text-align: left;
  font-family: Tahoma, /*Verdana, */Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #dcdcdc;
}
/*
*/

/*
table#aZ_body
{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0pt;
  border: 0pt;
  padding: 0pt;
  background: transparent;
  align: center;
  vertical-align: middle;
  text-align: center;
  font-size: 100%;
}
*/
#aZ_body
{
  overflow: hidden;
  margin: auto;          /* "auto" fuer seitliche Zentrierung. */
  border: 0pt;
  padding: 0pt;
  background: transparent;
  align: center;
  text-align: center;
  vertical-align: middle;
  font-size: 100%;
}
#aZ_center,
#aZ_center_row,
#aZ_center_cell
{
  height: 457.5pt !important;
  margin: auto;
  border: 0pt;
  padding: 0pt;
  align: center;
  text-align: center;
  vertical-align: middle;
}
#aZ_center_cell
{
  background: transparent url('ffa500_1x2.gif') 0pt 37.5pt repeat-x;
}
/*
*/

#aZ_noscript
{
  z-index:1000;
  position:absolute;
  left:0pt;
  top:5pt;
  width:492pt;
  height:auto;
}

#seitenflaeche
{
  position: relative;    /* "relative" fuer seitliche Zentrierung. */
  top: 0pt;
  width: 675pt;          /* Feste Breite. */
  height: 457.5pt;         /* Feste Hoehe. */
  margin: auto;          /* "auto" fuer seitliche Zentrierung. */
  border: 0pt;
  padding: 0pt;
  background: transparent;  /* Zwischen Seitenkopf und Seitenrumpf... */
  text-align: left;
  font-size: 100%;
  overflow: hidden;
}
/*
  left:0pt;
*/


/*
#seitenhut
{
}
*/
/*
  position: absolute;
  left: 75px;
  top: 60px;
  width: 800px;
  height: 50px;
  overflow: hidden;
  margin: 0px;
  border: 0px;
  padding: 0px;
  background-color: #ffffff;
  -moz-opacity: 0.5;
  opacity: 0.5;
//  filter:Alpha(style=0, opacity=50);
*/
/*
Deckungsgrad:
zuerst -moz-opacity: 0.0 - 1.0 fuer Netscape;
danach opacity: 0.0 - 1.0 fuer Mozilla + Firefox;
zuletzt filter:Alpha(style=0, opacity=...) 0 - 100 in % fuer IE
*/


#seitenkopf
{
  position: absolute;
  left: 0pt;
  top: 0pt;
  width: 100%;
  height: 75pt;
  overflow: hidden;
  margin: 0pt;
  border: 0pt;
  padding: 0pt;
  background-color: transparent;
  font-size: 120%;
  color: #808080;
}
/*
  background-color: #2f3986;
  background-image: url('hg_verlauf.gif');
  background-position: 483.25pt 0pt;
  background-repeat: repeat-y;
*/
#seitenkopf img
{
  position: absolute;
  left: -300%;
}
#seitenkopf h1.seitenkopf_1
{
  position: absolute;
  right: 0pt;
  bottom: 33pt;
  margin: 0pt;
  border: 0pt;
  padding: 0pt;
  font-size: 22pt;
  font-weight: bold;
}
/*
*/
/*
#seitenkopf h1 span.aXL
{
}
*/
#seitenkopf h1.seitenkopf_2
{
  position: absolute;
  right: 0pt;
  bottom: 7pt;
  margin: 0pt;
  border: 0pt;
  padding: 0pt;
  text-align: justify;
  font-size: 22pt;
  font-weight: bold;
}
/*
  right: -3pt;
  bottom: -2.5pt;
*/
/*
  font-size: 100%;
*/
/*
  color: #2f3986;
*/

/*
#seitenkopf p
#seitenkopf p span
*/
/*
#seitenkopf h1.seitenkopf_2 span
{
  display: block;
}
*/


/*
#seitenhals
{
  position: absolute;
  left: 0pt;
  top: 75pt;
  width: 100%;
  height: 12pt;
  border: 0pt;
  text-align: center;
  background-color: transparent;
  overflow: hidden;
}
*/


#seitenfuss
{
  position: absolute;
  left: 0pt;
  top: 456.5pt;
  width: 100%;
  height: auto;
  border: 0pt;
  padding: 1.5pt 0pt 1.5pt 0pt;
  text-align: center;
  background-color: #808080;
  color: #dcdcdc;
}
/*
  FLOAT: left;
  font-size: ;
  color: #2f3986;
  overflow: hidden;
*/


#seitenrumpf
{
  position: absolute;
  left: 0pt;
  top: 87pt;
  width: 100%;
  height: 374pt;
  margin: 0pt;
  border: 0pt;
  padding: 0pt;
  background-color: transparent;
}
/*
  background-image: url('hg_verlauf.gif');
  background-position: 483.25pt 0pt;
  background-repeat: repeat-y;
  background-image: url('hg_navi.jpg');
  background-position: 438.5pt 0pt;
  background-repeat: no-repeat;
  font-size: ;
  text-align: ;
*/


#contentflaeche
{
  position: absolute;
  left: 0pt;
  top: 0pt;
  width: 492pt;
  height: 370.5pt;
  margin: 0pt;
  border: 0pt;
  padding: 0pt;
  background-color: #808080;
}
/*
  border: 2pt solid #f5ae00;
  border: 1pt solid #ffff00;
  background-color: #2f3986;
  text-align: ;
  font-size: ;
*/


#contentkopf
{
  position: absolute;
  left: 0pt;
  top: 7.5pt;
  width: 100%;
  height: 18.75pt;
  margin: 0pt;
  border: 0pt;
  padding: 0pt;
  text-align: center;
  font-size: 100%;
}
/*
  margin-top: 3.75pt;
  margin-bottom: 4.5pt;
  border: 1pt solid #aaaaaa;
  border-bottom: 0;
  background-color: #ffa840;
*/


#contentfuss
{
  position: absolute;
  left:   1px;    /* ..px = sichtbar, -300% = unsichtbar. */
  bottom: 1px;    /*  0px oder 1px (als Rand unten) */
  width:  654px;  /* = contentflaeche.width - this.left*2 - this.margin*2 */
  height: 13px;
  margin: 0px;
  border: 0px;
  border-top: 1px solid #dcdcdc;
  padding: 1px 0px 1px 0px;
  text-align: center;
  font-size: 90%;
}
/*
  top: -10px;    /*  wird zwischen Seitenkopf und Content eingeblendet *//*
  background-color: #dcdcdc;
*/
#contentfuss span
{
  width: auto;
  margin: 0px;
  border: 0px;
  padding: 0px;
  padding-left: 4px;
  padding-right: 4px;
}
/*
Alternative:
  position: absolute;
  left: 0px;
  width: 100%;
  background-color: #dcdcdc;
  color: #808080;
*/

#contentrumpf
{
  Z-INDEX: 100;
  overflow: hidden;
  position: absolute;
  left: 15px;
  top: 45px;     /* = contentkopf.height + contentkopf.top */
  width: 626px;
  height: 431px; /* = contentflaeche.height
                    - this.top
                    - this.margin-top
                    - this.margin-bottom ( bzw. contentfuss.height incl. Abstand )
                 */
  margin: 0px;  /* = Abstand um den Inhalt herum. */
  border: 0px;
  padding: 0px;
  background-color: transparent;
  font-size: 100%;
}
/*
  text-align: center;
*/


#content
{
  vertical-align: middle;
}
/*
  min-height: 100%;
  min-height: 406px;
*/


/*span*/.aXL
{
  line-height: 0%;
  font-size: 100%;
  font-weight: bold;
  color: #ff9900;
}
/*
  font-weight: bold;
  color: #ffffff;
*/


/********************   Links im Content:   ********************/


#content a
{
  background-color: #a0a0a0;
  color: #ffffff;
}
/*
  padding: 0px 3px 0px 3px;
  color: #ff9900;
*/
#content a:link
{
  border: 0px;
  background-color: transparent;
  text-decoration: underline;
  color: #ffffff;
  font-size: 100%;
}
/*
  color: #ff9900;
*/
#content a:link img
{
  border: 0px;
}
/*
*/
#content a:visited
{
  background-color: transparent;
  color: #dcdcdc;
}
#content a:active,
#content a:focus,
#content a:hover,
#content span.aktiver_link
{
  background-color: #a9a9a9;
  color: #ffffff;
}
/*
  color: #000000;
*/


#contentfuss a:visited
{
  color: #ffffff;
}
/*
*/


/********************   Navigation:   ********************/


div.navi_1
{
  z-index: 1000;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 228px;
  height: 494px;   /* = SeitenHoehe ( - SeitenfussHoehe ? ) */
  margin: 0px;
  border: 0px;
  padding: 0px;
  background-image: url('2006-01-10_axl-gesicht_gespiegelt.gif');
  background-position: -11px -6px;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: bold;
  color: #606060;
}
/*
  background-attachment: fixed;  // funktioniert nicht in Firefox !
*/
table.navi_1
{
  position: absolute;
  left: 6px;
  top: 10px;
  width: auto;
  height: auto;
  margin: 0px;
  border: 0px;
  padding: 0px;
  border-spacing: 4px;
  font-weight: bold;
  color: #606060;
}
  /*
  muss fuer Netscape links angeordnet sein,
  sonst wird das Fenster nach rechts gesprengt!
  */
/*
//  left: 2px;
//  top: -2px;
*/
table.navi_1 td
{
  position: relative;
  width: auto;
  /*  "1px" mit, "auto" ohne Zeilenumbruch bei Leerzeichen !!! */
  height: auto;
  margin: 0px;
  border: 0px;
  padding: 0px;
  vertical-align: top;
  text-align: left;
  text-decoration: none;
}
/*
  padding-left: 4px;
  text-indent: -5px;  // Eigentlich gleich "padding-left"; aber wegen der Tabelle (???) 1px mehr.
//  text-indent: -2px;
  overflow: visible;
*/
table.navi_1 td.navi_hoch,
table.navi_1 td.navi_hoch:hover,
table.navi_1 td.navi_hoch_hover
{
}
/*
  border-bottom:1px solid #f90;
*/


#content div.navi_2,
#content div.navi_2_hover
{
  position: absolute;
  left: 50%;
  top: 0px;
//  top: -5px;
  width: auto;
  height: auto;
  margin: auto;
  border: 0px;
  text-align: left;
}
/*
  left: 50%;
  margin: -6px;
  margin-bottom: 15px;
  border-bottom: solid 1px #a9a9a9;
  font-size: 85%;
*/
#content table.navi_2,
#content table.navi_2_hover
{
  position: relative;
  left: -50%;
  top: 0px;
  width: auto;
  height: auto;
  text-align: left;
}
/*
  left: -50%;
*/
#content td.navi_hoch,
#content td.navi_hoch:hover,
#content td.navi_hoch_hover
{
  position: relative;
  left: 0%;
  top: 0px;
  width: 0%;
  margin: auto;
  border: 0px;
  border-bottom:1px solid #f90;
  padding: 0px;
  text-align: left;
}
/*
  border-spacing: 0px;
*/
/*
.navi_hoch,
.navi_quer,
.navi_text
{
  border: 0px;
  border-padding: 0px;
  font-size: 100%;
  font-weight: bold;
}
*/
#content td.navi_quer,
#content td.navi_quer:hover,
#content td.navi_quer_hover
{
  position: relative;
  left: 0px;
  top: 0px;
  margin: 0px;
  border: 0px;
  border-bottom:1px solid #f90;
  border-left: 5px solid #808080;
  border-right: 5px solid #808080;
//  border-left: 0px solid #808080;
//  border-right: 10px solid #808080;
  padding: 0px;
  text-align: left;
  white-space: nowrap;
}
/*
//  border: 0px;
.navi_text
{
  padding: 0px;
}
*/


/*
#dia_sub_navi,
.dia_sub_navi,
*/
#navi_galerie
{
  padding-right: 15px;
  font-size: 90%;
}

span.navi_shop a,
span.navi_shop span
{
  padding: 0px;
  padding-left: 0.5ex;
  padding-right: 0.5ex;
}


/********************   Links in der navi:   ********************/


div.navi_1 a,
div.navi_1 a:link
{
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}
/*
  border: 0px;
  border-right: #ff6801 5px solid;
  background-color: #ffffff;
  color: #f5ae00;
  font-weight: normal;
*/
div.navi_1 a:visited
{
  color: #808080;
}
div.navi_1 a:hover,
div.navi_1 a:active,
div.navi_1 span.aktiver_link
{
  background-color: #dcdcdc;
  color: #606060;
}
/*
  border: 0px;
  font-weight: bold;
  color: #f5ae00;
*/
div.navi_1 span.inaktiver_link
{
  background-color: #dcdcdc;
  color: #606060;
}
/*
  color: #ff9900;
*/
div.navi_1 a img
{
}
/*
  border: 0px;
*/

#content .navi_hoch a,
#content .navi_hoch a:link,
#content .navi_hoch a:hover,
#content .navi_hoch a:visited,
#content .navi_hoch a:active,
#content .navi_hoch span.aktiver_link
#content .navi_hoch_hover a,
#content .navi_hoch_hover a:link,
#content .navi_hoch_hover a:hover,
#content .navi_hoch_hover a:visited,
#content .navi_hoch_hover a:active,
#content .navi_hoch_hover span.aktiver_link,
#content .navi_quer a,
#content .navi_quer a:link,
#content .navi_quer a:hover,
#content .navi_quer a:visited,
#content .navi_quer a:active,
#content .navi_quer span.aktiver_link
#content .navi_quer_hover a,
#content .navi_quer_hover a:link,
#content .navi_quer_hover a:hover,
#content .navi_quer_hover a:visited,
#content .navi_quer_hover a:active,
#content .navi_quer_hover span.aktiver_link
{
  text-decoration: none;
}


/********************   Mehladr. als Bild:   ********************/


.meine_mehladr
{
  position: relative;
  width: 185px;
  height: 13px;
  border: none;
  background: url('meine_mehladr.gif') 30px 1px no-repeat;
  text-align: left;
}


/********************   Galerie:   ********************/


#galerie_thumbs_box
{
  Z-INDEX: 1;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 145px;
  height: 421px;    /* = content.height !!! */
  border: 0px;
  padding: 0px;
}
/*
  font-size: ;
  text-align: ;
  OVERFLOW: hidden;
  CLIP: rect(0px 520px 406px 0px);
*/
#galerie_thumbs
{
  Z-INDEX: 1;
  OVERFLOW: hidden;
  position: absolute;
  right: 0px;
  top: 0px;
  width: auto;
  /*
  die wirkliche Breite wird berechnet:
  Math.max (this.offsetWidth, this.parentNode.offsetWidth)
  */
  height: auto;
  /*
  die wirkliche Hoehe wird berechnet:
  Math.max (this.offsetHeight, this.parentNode.offsetHeight)
  */
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  vertical-align: middle;
}
/*
  VISIBILITY: hidden;
  width: 100%;
  FLOAT: left;
                            border: 1px solid #ffffff;
  min-height: 406px;
  border: 0px;
  border-top: 0;
  text-align: center;
*/
.thumbs_untertext
{
  color: #808080;
}

/* Platz fuer das Vorschau-Bild: */

#galerie_vs
{
  position: absolute;
  left: 0px;
  top: 50px;
  width: 498px;
  height: auto;
  text-align: center;
  vertical-align: middle;
}

/* Rahmen um das Vorschau-Bild: */

#vorschau_span
/*
  position: relative;
  left: 0px;
  top: 0px;
  width: 100%;
  height: auto;
*/
{
//  border: 1px solid #a9a9a9;   /* Nur fuer IE! */
}
#vorschau
{
  border: 1px solid #a9a9a9;
  padding:15px;
  background-color: white;
//  border: 15px solid #ffffff;  /* Nur fuer Internet-Explorer! */
//  padding:0px;                 /* Nur fuer Internet-Explorer! */
//  background-color: ;          /* Nur fuer Internet-Explorer! */
}

#galerie_navi
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: auto;
  height: auto;
  text-align: center;
  vertical-align: top;
}
/*
  VISIBILITY: hidden;
*/

/********************   Portlets:   ********************/


div.portlets
{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 260px;
  height: auto;
  margin: 0px;
  border: 0px;
  padding: 0px;
  text-align: center;
  font-size: 90%;
  color: #606060;
}
/*
  color: #2f3986;
*/
div.portlet
{
  position: relative;
  left: 10px;
  top: 0px;
  width: 240px;
  height: auto;
  margin: 0px;
  margin-top: 2.4ex;
  margin-bottom: 4ex;
  border: 0px;
  border-top: 1px solid #2f3986;
  border-bottom: 1px solid #2f3986;
  padding: 0px;
  padding-bottom: 3px;
  text-align: right;
}
/*
  background-color: ;
  background-image: url('hg_navi.jpg');
  background-position: -91px 0px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-weight: bold;
*/
div.portlet_title
{
  position: absolute;
  left: 0px;
  top: -2.4ex;
  width:100%;
}
/*
  text-align: right;
*/
div.portlet_title span
{
  background-color: #606060;
  color: #c0c0c0;
}


/********************   SkinCommander:   ********************/


#skincommander
{
  right: 26px;
  bottom: 16px;
}


/********************   TAGs:   ********************/
/********************   TAGs:   ********************/
/********************   TAGs:   ********************/


/********************   Linien:   ********************/


hr
{
  height: 1px;
//  height: 2px;
  border: 1px;
  background-color: #dcdcdc;
}
/*
  margin: 0px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
*/
hr.links
{
  align: left;
  width: 33%;
}
hr.mitte
{
  align: center;
  width: 33%;
}
hr.rechts
{
  align: right;
  width: 33%;
}


/********************   Ueberschriften:   ********************/


h1
{
  margin: 0px;
  margin-bottom: 0.5em;
  border: 0px;
  padding: 0px;
  font-size: 150%;
  font-weight: normal;
}
/*
*/

h2
{
  margin: 0px;
  margin-bottom: 0.25em;
  border: 0px;
  padding: 0px;
  font-size: 125%;
  font-weight: bold;
}
/*
*/

h3
{
  margin: 0px;
  margin-bottom: 0.25em;
  border: 0px;
  padding: 0px;
  font-size: 100%;
  font-weight: bold;
}
/*
*/


/********************   Absaetze:   ********************/


p
{
  margin: 0px;
  margin-bottom: 0.25em;
  border: 0px;
  padding: 0px;
}


/********************   Klassen mit Abstand danach:   ********************/


.halbezeiledanach
{
  margin-bottom: 0.5em;
}
.zeiledanach
{
  margin-bottom: 1em;
}

hr.zeiledanach
{
//  position: relative;
//  top: -0.5em;
//  margin-bottom: 0px;
}


/********************   Listen:   ********************/


/* ********** Erste Ebene: ********** */
ol
{
  position: relative;
  left: -2.5ex;  /* Damit die Listen nicht zu weit eingerueckt werden! */
}
/*
*/
ul
{
  position: relative;
  left: 0px;
  top: 0px;
  margin: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  padding-left: 2ex;  /* Damit die Listen korrekt eingerueckt werden! */
  list-style-type: square;
}
/*
*/
ul li
{
  margin: 0px;
  margin-bottom: 0.3em;
  line-height: 1.25em;
}
/*
  left: -3.7ex;
*/

/* ********** Zweite Ebene: ********** */
ol ul,
ul ul
{
  list-style-type: circle;
}
/*
*/
ol ul li,
ul ul li
{
  margin-bottom: 0em;
}


/********************   Tabellen:   ********************/


table
{
  height: auto;
  border: 0px;
  font-size: 100%;
  font-weight: normal;
}
/*
  text-align: center;
*/
.normal
{
  border: 0px;
}
/*
  border: 1px solid #aaaaaa;
  background-color: #ffa840;
*/
/* FFBF40 ff6801 ffa840 */
.galerie
{
  border: none;
}
/*
  border: 1px solid #aaaaaa;
  background-color: #ffa840;
*/
.listing
{
  border: none;
  background-color: #a9a9a9;
}
.aktuelle_news
{
  color: #0080FF;
}


td.hinterlegt
{
  background-color: #ff9900;
}
td.linie
{
  width: 1px;
  padding: 0px;
  background-color: #dcdcdc;
}


/********************   Spans:   ********************/


.prozent80
{
  font-size: 80%;
}


/********************   Formulare:   ********************/


input,
select,
option
{
  border: 0px;
}

.pflicht,
.pflichtFeld,
.pflichtAuswahl, .pflichtAuswahl option,
.pflichtMehl,
.pflichtBuchstabe, .pflichtBuchstaben,
.pflichtZiffer, .pflichtZiffern,
.pflichtZeichen
{
  border: 0px;
  background-color: #ff9900;
}
/*
.pflichtRadio,
  border: 3px solid #ff9900;
  background-color: #ffc0c0;
  background-color: #ffcc88;
  border-bottom: 3px solid red;
*/


/********************   Sonstige:   ********************/


object
{
}
/*
  margin: 0px;
  border: 0px;
  padding: 0px;
  background-color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: bold;
  color: #9a7100;
*/