/*

        arcadiabay.css
        Standard-Style Definition für Arcadiabay

        Farbkonstanten:
            SALMON          #FA8072
            CRIMSON         #DC143C
            DARKRED         #8B0000
            CORNSILK        #FFF8DC
            DARKSLATEBLUE   #483D8B
            BEIGE           #F5F5DC
            DARKCYAN        #008B8B

*/
     dummy {}

/* css reset */

Remove* {
    outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}

    .rel {position:relative;}
    .abs {position:absolute;}
    .hide {display:none;}
    .show {display:block;}
    .block {display:block;}
    .inline {display:inline;}    
    .left {text-align: left;}
    .right {text-align: right; }
    .bot {vertical-align:bottom;}
    .top {vertical-align:top;}
    .float {float:right;}
    .fleft {float:left;}
    .clear {clear:both;}
    .cent {text-align:center; margin: 0 auto; }
    .nowrap {white-space:nowrap;}

    .groove {border:2px groove;}
    .ins  {border:inset white thin;}
    .box {border:1px solid gray;}
    .nob {border:0;}
    .hand {cursor:pointer;}

    .w100  {width:100px;} 
    .w150  {width:150px;} 
    .w200  {width:200px;} 
    .auto  {width:auto;} 
    .wide  {width:100%;}     
    
    .label {color: maroon; letter-spacing: -0.3pt; font: bold 10px/15px Arial; display:block;}
    .get {padding: 1px 2px 1px 2px; border-width: 1px; color:#567;}
    .htext {font: bold 18pt/28pt Verdana;  }
    .stext {font:7pt/9pt Verdana; }
    .text {font:8pt/10pt Verdana; }    
    .atext {font:9pt/12pt Verdana; text-decoration:none; color:inherit; }    
    .ltext {font:9pt/12pt Verdana;}    
    .bold {font-weight:bold;}
    .deco {text-decoration: none;}
    .num {text-align: right; behavior: url(/scripts/aeges/apiFormatNumber.htc);}

    .focus {background-image:url('images/bg/input.jpg');}
    .hover:hover { background: transparent url(images/bg/input.jpg) top left;}    
    
    .aero {background:url('images/bg/aero_bg.gif') top left #fafaff; }
    .foot {height:20px; width:100%; font:8pt/20px Arial; background: #ddd url(images/bg/itemFoot_bg.gif) repeat-x top; color:#333; }
    .banner { font:8pt/12pt Verdana; color:#357; text-decoration: none; }

    .list {color:#678; background-color:#f8ffe8;}
    .silver {background-color:#ccc;}
    .blue { color:#57A; }    
    .white {background-color:#fff;}
    .light {background-color:#f4f4f4}


     

  body {
    font:10pt/13pt Verdana;
    color: #333;
    height :100%;
    margin: 0; padding:0;
  }

  body.ArcadiaBay, body.noscroll {
     margin: 0; padding:0; background:url('images/bg/bg_sand.gif') #F5F5DC top left;
  }

  body.noscroll {
     background-color :#FFF8DC;
     overflow:hidden;
     overflow-x:hidden;
     overflow-y: hidden;
   }

  /*
  // ***
  // *** MasterPage, Header, Navigation
  // ***
  */

  #divBody   {
    text-align:left;
    margin: 0 auto;
    margin-top:8px;
    padding:8px;
    width:808px;
    vertical-align:top;
    background-color:white;
    border:1px solid gray;
  }

  #divContainer {
    width: 100%; height:auto;
    margin: 0 auto;
    padding: 0;
    background:url( 'images/bg/master_bg.gif' ) repeat-y;
  }

  #divHeader {
    position:relative;
    margin:0; padding:0;
    vertical-align:top;
    width: 100%;
    height:47px;
    text-align:left; 
    background-color:white;
  }

  #divHeader .imgLogo  { position:relative; width:240px; height:47px; cursor: pointer; }

  div.admin {position:absolute; top:2px; left:255px; font-family:verdana; font-size:8pt; color:#69E;}
  a.admin   {color:#6495ED;font: 8pt Verdana;}
  b.admin   {color:navy;font-size:9pt;}

  #divHeader #headLogin { position:absolute; left:620px; top:12px; width:175px; height:35px;
                          text-align:center; font: 8pt Verdana; letter-spacing:0.3pt;
                          background-image:url('images/bg/boxverlauf.jpg'); }

  #divHeader a.headLogin, #divHeader a.headLogin:link, #divHeader a.headLogin:active, 
  #divHeader a.headLogin:visited, #divHeader a.headLogin:hover {
    font-size:11px; color:Navy;
  }
  #divHeader a.headLogin:hover { color:#D13; }

  #divHeader #headLine  { position:absolute; top:12px; left:245px; width:375px; 
                          text-align:center; font: bold 1.0em Verdana;  }
  #divHeader a.headLine { color:navy; text-decoration:none; font: bold 12px/28px Verdana; }
  #divHeader a.headLine:hover { text-decoration: underline; background-image:url('images/bg/input.jpg'); }

  div.thinRedLine {
    background:url('images/redline.gif') #C00;
    height:18px; width:100%;
    border-bottom: 1px solid gray;
  }

  div.bookmark {
    position:relative;
    top:1100px;
    color: #FF8;
    font:8pt/10pt Verdana;
    text-align: center;
  }

  div.divPayLoad {
    background-color:#EEC;
    width:688px; margin-left:120px;
    vertical-align:top;
  }

  div.pageFooter {
    position:relative;
    color:#369; font: normal 12px Verdana;
    vertical-align:top; text-align:center; padding-bottom:9px;
  }


  h3, h4 {
    position:relative; top:12px;
    font:bold 13px/14px Verdana;
    color:navy;
    text-align:center; vertical-align:bottom;
  }
  

  h3 /* Seitenüberschriften für Listen */  {
    font-size: 20px; color: #483D8B;
    }
  h4 /* Zeilenüberschriften fliessenden Text */ {
    clear: none;
    font: bold 14pt/22pt Verdana;
    vertical-align:middle;
    text-align:left;
    border-bottom: solid 1px navy; }

   h4.lnk_Header  {
	clear:left;
	width:610px;
    font: bold 14px/21px Verdana;
	text-align:center; margin-bottom:32px;
	color:black;
    background-image :url(images/bg/lnk_bg.gif); border: 1px solid teal;
   }

   h5 {  /* Katalog-Unterkategorien */
    color:#57A; font: bold 9pt/normal Verdana Arial ; text-decoration: none;   
   }   


   /* Master Menue */
   div.navigator { float:left; background-color:#0d4ea8; width:120px; } /* #34A */
   a.lnkBookmark  { color: #ff9; cursor:pointer; text-decoration: underline; }
   #sidebar  { margin-left :1px; width: 118px; }
   #navlist  {  margin:0; padding:0; list-style-type: none;  }
   #navlist a, #navlist a:visited
   {
        display: block; font:small-caps 11px/20px Verdana;
        text-align:right; text-decoration: none; color: #ddd;
        padding: 2px 16px 2px 24px;
        border: 1px solid; border-color: #68F navy #000 navy;
        background:url('images/bg/btnUns_bg.gif') top left transparent;
   }
   #sidebar #navlist .navactive
   {
        cursor:default; color:#fff;
        font:bold small-caps 12px/20px Verdana;
        background:url('images/bg/btnSel_bg.gif') top left;
   }
   #navlist a:hover { color: #fff; border-color: #5af #016 #016 #34A;}






/*-----------------------------------
   Info-Boxen auf der Startseite
  -----------------------------------*/
  div.boxOutFrame { border: 1px solid gray; background-color:#fafafa; text-align:left; margin-bottom:6px; width:auto; }
  div.boxHeader { height:22px;text-align:center; font-weight:bold; border-bottom:1px solid black; background:url('images/bg/boxhead_bg.jpg') #F5F5DC; }

  div.boxBody /* Contentbereich mit oberem Schlagschatten */ {
    padding:8px 5px;
    background:url('images/bg/boxbody_bg.gif') repeat-x top left #fafafa;
  }

  div.boxTrenn  {
    position:relative;
    top:-3px;
    padding: 8px 5px;
    background:url('images/bg/boxRahmen_bg.gif') repeat-x top left #fafafa;
  }

  a.boxBody { font:8pt/12pt Verdana; color: black; text-decoration: none; }
  a.boxHeader { font: bold 10pt/18pt Arial; color: #333; text-decoration: none; }
  a.boxBody:hover { background-image:url(images/bg/input.jpg); } /* kategorie_bg.gif */

  a.boxWeiter { font-size:small; text-decoration:none; vertical-align: middle; color:#DC143C;  }
  a.neuZugaenge { font:11px/18px Verdana; cursor:pointer; text-decoration:none; margin-left:0px; color:navy;letter-spacing:-0.5pt; }
  li.banner  { font:8pt/10pt Verdana;  }
  span.textBox { display:block; font:10pt/12pt Verdana; color: #333; padding:6px;}

  /*
   -----------------------------------
   Login Box
   -----------------------------------  */

   div.loginPanel { position:relative; left:20px; top:0px; font-family:Verdana; font-size:1em; width:255px; }
   a.loginPanelLeft, a.loginPanelRight {font:0.8em Verdana; color: black; float:left; color:#008B8B; text-decoration:underline; }
   a.loginPanelRight { float:right; }

  /*
   -----------------------------------
   PageSearch
   -----------------------------------
  */

    div.suchNach
    {
        border:1px solid gray; height:22px; width:auto;
        background:url('images/bg/boxSilverHeader_bg.gif') repeat-x;
        text-align:center; font:8pt Verdana; color: Black;
    }

    div.suchNachShadow
    {
        margin:0; padding:0;
        height: 6px;
        width: 100%;
        background:url('images/bg/boxSilverHeader_sh.gif') repeat-x top left;
    }

    div span.suchNach
    {
        display: block;
        float: left;
        margin: 5px 0 0 15%;
    }

    div input.suchNach
    {
        float: left;
        margin: 3px 0 0 3px;
        width: 150px;
        padding: 0 4px 0 2px;
        font: 7pt/10pt Verdana;
        height: 13px;
    }

    div select.suchNach
    {
        float: left;
        font: 7pt/7pt Verdana;
        margin: 3px 0 0 6px;
    }

    div button.suchNach
    {
        float: left;
        width: 45px; height: 20px;
        margin: 2px 0 0 3px;
        font: 8pt/10pt Verdana;
    }


  /*
  ///
  /// PageTitle Navigator und Seiten-Überschriften
  ///
  */
   a.breadCrumb { position:relative; text-decoration:none; color:#483D8B; padding:2px; top:2px; }
   a.breadCrumb:hover { padding:1px;  border:1px solid gray; background:url('images/bg/itemFoot_bg.gif');   }


   a.pageJump, a.pageJump:visited, a.pageJump:active, a.pageJump:link, a.pageJump:hover
   {
    font-family:Verdana,Arial; font-size:10pt; line-height:15pt; font-weight:700; text-decoration:none; letter-spacing:-0.4pt;
   }
   a.pageJump:hover {text-decoration:underline; }

   a.gotop { font-family:Verdana,Arial; color:#008B8B; font-size:0.8em; text-decoration:underline; }


  /*
  //
  // *** Katalog
  //
  */

   /* Äußere Tabelle mit Menü, Payload und Footer */
   table.katalog {
    width:100%; height:457px;
    font:10pt/14pt Verdana;
   }

   table.katalog td.katpayload {
     width:100%; vertical-align:top;
     background:transparent url(/images/bg/shadowCor_bg.gif) top left no-repeat;
     
   }


   table.katalog td.katFooterCol {
    height:20px;
    background: #ddd url(images/bg/itemFoot_bg.gif) repeat-x top;
    font-size:8pt; color:#CD5C5C
   }


   table.katalogMenue  {  /* SideBar mit MenüItems */
    height:457px; width:160px;
    font-size:11px; border-right:silver solid 1px;
   }

   table.katalogMenue th {
     font: bold; height:22px;
     background:url('images/bg/katheader_bg.gif') #F5F5DC repeat-x top;
     color:#416399;
     padding-left:8px;  text-align:left;
   }

   table.katalogMenue td { height:17px; padding-left:10px; }

   div.katalogView  { /* Panels mit EntryView, Iframe und RepeaterView */
      position:absolute;
      left:160px; top:46px; height:443px; width:490px;
      overflow :auto; overflow-x: hidden;
      border:0; margin:0;
      background: transparent url('images/bg/shadowVer_bg.gif') top left repeat-y;
   }

   span.katalogEntryHeader { /* Entry-Panel mit Text und Bild */
      font: bold 18pt/24pt Verdana;
      color:#47A;
   }

   img.katalogEntryImage {
      width:250px;
      margin: 10px 0 15px 15px;
      float:right;
   }

   /* Katalog-Panel mit 3 Spalten: Bild, Text und Preis */
   table.katalogArtikel  {
      width:98%; min-height:42px;
      margin-left:15px; border:0;
   }

   table.katalogArtikel td {
      border-bottom: 1px solid #F0D0E0;
   }

   img.katalogThumb {
      border:white inset thin;
   }

   a.katalogArtikel, a.katalogNoArtikel { 
        font:11px Verdana; color:#37a; text-decoration: none;
   }
   a.katalogArtikel:hover { 
       color:#811; background-color:Yellow }

         
   a.katalogNoArtikel { color:silver; }


  /*
  ///
  /// Items Page und Content-Area
  ///
  */

   div.content, div.contentWhitePage {
     position:relative; width:650px; height:100%;
     font:10pt/14pt Verdana; color: #333;
     vertical-align:top; margin-left: 14px; text-align:left; border: 2px groove white;
     background:url('images/bg/item_bg.jpg') top left #ffffee;
   }

   img.nb { border: none; }
   div.contentWhitePage { background-image:none; }
   div.contentWhiteBody { background:url('images/bg/boxbody_bg.gif') repeat-x top left #fafafa; padding: 22px; min-height:360px; }
   div.contentHeader    { line-height:22px; }

   a.lnk_Links, a.lnk:hover  {
     float:left; width:240px; margin-left:10px;color:blue; font-size:15px; vertical-align:middle;
   }

   div.lnk_Content {
    width:350px; margin-bottom:10px; float:left;
   }



   div.contentHeader { font: bold 13pt/20pt Arial Narrow; text-align:center; height:32px; background:url('images/bg/orderboxHeader_bg.jpg') #F5F5DC; }
   div.popUp { display:none; font:0.8em Arial; margin-left:45px; padding:6px; width:200px;	background-color:#FFE780; border:solid 1px gray;}


   a.pageGoTop  {
	cursor:pointer; text-decoration:underline; line-height:18px; margin-right:10px;
    color:navy; font-family:Verdana; letter-spacing:-0.5pt; font-size:11px;
   }

   div.itemPanel { width:98%; margin:20px 10px 0px 10px; }

   table.imgThumb {
    float:right; text-align:center; overflow:hidden;
    width:250px; margin: 40px 20px 20px 20px;
    border: 2px groove; background-color:#fff;
   }

   div.imgThumb {
     overflow:hidden; width:250px; height:250px; vertical-align:top;
   }

   a.grossesBild {
     z-index:1;
     font:8pt/16pt Arial; color: navy;
   }

   table.itemList /* Artikelbeschreibung Liste */{
     float:right;
     width:285px;
     margin: 0 10px 30px 10px;
   }

   tr.itemList {
     font: 13px Verdana,Tahoma;
     color: black;
     vertical-align:top;
   }

   span.itemText /* Artikelbeschreibung Text */ {
     display:block ;
     clear: left;
     padding: 0 14px 10px 14px;
     font: 10pt/14pt Verdana;
     color: black;
   }

   table.orderBox, table.historyBox {
      margin: 18px 0 0 14px;
      width:655px;
      border:2px groove ;
      font: 13px Verdana,Arial;
   }

   table.historyBox {
      font: bold 12px Arial;
   }

   td.historyBox {
      line-height:16px;
      padding: 14px 0 10px 8px;
      width:32%; vertical-align:top;
   }

   tr.orderBoxHeader  {
      height:30px; width:auto; background:url('images/bg/orderBoxHeader_bg.jpg') top left #faeaba;
   }

   tr.orderBoxFirstRow {
      height:32px; font-weight:bold; vertical-align:bottom; line-height:24px;
      background:url('images/bg/boxbody_bg.gif') repeat-x top left #fafafa;
   }

   tr.orderBoxNextRow, tr.orderBoxOddRow {
      height:24px; vertical-align:middle; background: #fafafa;
   }

   tr.orderBoxOddRow { background: #f0fAf0; }

   tr.orderBoxFooter, tr.shoppingCartFooter {
      font-family:Arial; font-size:10px;
      height:40px; background:url('images/bg/itemFoot_bg.gif') silver;
   }

   tr.shoppingCartFooter {
      font-family:Verdana; font-size:13px;
      height:60px; background:url('images/bg/cartFoot_bg.gif') silver;
   }

   td.money, td.right {text-align:right; padding-right:5px;}
   td.center {text-align:center;}
   td.left {text-align:left; padding-left:5px;}


   a.itemPreisAngabe {
     font-family: Arial; font-size:10px; color: black; text-decoration:none;
   }


  /* Überschriften-Link auf den Kategorie-Seiten, mittelgross, maroon */
  a.LinkHead, a.LinkHead:link, a.LinkHead:active, a.LinkHead:visited, a.LinkHead:hover
  {
    position:relative;
    color:#660033; font-size:15px; font-weight:bold; line-height:30px;
  }


  /*
  -------------------------------------------------------
  ctrlInfoTable, Garantie/Versand/Hilfe/Datenschutz/Passwort etc
  --------------------------------------------------------
  */

   table.tbInfo { margin-top:40px; width:610px; border:2px groove;}
   tr.tbInfoHead { height:30px; background:url('images/bg/orderBoxHeader_bg.jpg') top left #faeaba; text-align:center;}
   td.tbInfoHead {padding-left:8px;}
   tr.tbInfo {line-height:20px; background:url('images/bg/boxbody_bg.gif') repeat-x top left #fafafa; }
   td.tbInfo {padding-top:18px; padding-bottom:4px; width:auto; vertical-align:top;}
   ul.tbInfo {list-style-type:square ; position:relative; left:-15px;}
   tr.tbInfoFooter {font-size:10px; height:22px; background:url('images/bg/itemFoot_bg.gif') silver;}
   a.tbInfoHead {font:bold 12px Arial; color:Black; text-decoration:none; white-space:nowrap; }
   a.tbInfo{ font:12px/18px Arial; color:Black; text-decoration:none;}
   a.tbInfo:hover{ text-decoration:underline;color:Blue; }
   a.tbInfoHead:hover{ text-decoration:underline;color:#DC143C; }

  /*
  -------------------------------------------------------
  tbLogin
  --------------------------------------------------------
  */

   table.tbLogin { width:610px; }
   td.tbLoginHeader { width:50%; padding: 10px 0 0 10px; vertical-align:top; font-weight:bold; }
   td.tbSeparator {width:1px; background-color:gray;}
   span.lbl_login { font-weight:bold; font-size:0.74em; }

  /*
  -------------------------------------------
  WestWind Controls
  ---------------------------------------------
  */
  .errordisplay
  {
	font-size: 10pt;
	font-weight: normal;
	color: #8B0000;
	border:solid 2px #8B0000;
	background-color:#FFF8DC;
	padding-left:15pt;
	padding-right:10pt;
	line-height: 15pt;
  }
   .errordisplay hr
  {
	color: #8B0000;
  }


  /*
  //
  //  Orderwizard & Edit Pages
  //
  */
   table.tbDataEntry {margin-top:30px; border: 1px solid #e0e0ef; width:580px; background-color:#F5F0FA;}
   table.tbDataEntry td.Label {width:200px; text-align:right;vertical-align:middle;}
   table.tbDataEntry input.text {font-family:Verdana; font-size:9pt; padding: 3px 0px 3px 4px; border:1px solid silver; width:300px; }
   table.tbDataEntry select {font:10pt/22pt Verdana;}
   table.tbDataEntry select.land  {width:260px;}
   div.tbDataEntryNavigation { text-align:right; margin:0 auto; padding:7px 20px 7px 0px; border: 1px solid #D5D0DA; border-top:none; }

  /*
  -------------------------------------------
  PageGrid
  ---------------------------------------------
  */

  table.pageGrid
  {
    border:2px groove white; clear:right;
    font:10pt/14pt Verdana;
    background:url(images/bg/doppelverlauf.jpg) #fafafa;}

  td.pg1 {width:auto; padding-left:5px; text-align:left;}
  td.pg2 {text-align:left; width:90px;}
  td.pg3 {text-align:center; width:auto;}
  td.pg4 {text-align:center;width:auto;}
  td.pg5 {text-align:right; padding-right:14px; color:black; font-weight:normal;}
  a.pg1  {font:13px Verdana; text-decoration:underline; color:Navy; }
  a.pgHead {font:bold 10px Verdana; color:white; text-decoration:underline; padding-right:8px; padding-left:4px;}
  tr.pgHead{ text-align:center; height:28px; background:url('images/bg/pgHead_bg.gif') top left navy; }
  tr.pg{ height:28px; color:navy }