/* Stylesheet für Eibmarkt */
/* ----------------------- */
/*    FUNKTIONSELEMENTE    */

/* MAIL-TABELLE */
table.mail, table.mail td {
  border-collapse: collapse; 
  border: 1px solid black;
  padding:10px;
  font-weight:normal;
  background: none; 
}

table.mail2, table.mail2 td {
  border-collapse: collapse; 
  border: 0px solid black;
  padding:4px;
  font-weight:normal;
  background: none; 
}

div.ErrorDialog {
  border: 2px solid #EF4023 !important;
  background-color: #F8E0E0 !important;
  padding: 5px !important;
}


/* I-TOOLS */
.itoolsnav {
  font-style:italic;
  font-weight:bold;
  font-size:24px;
  color:#0D276B;
}

.itools { 
  font-size: 10px;
}

textarea.itools {
  font-size: 10px;
  border: 1px solid black;
  height: 70px;
  width:100%;
}



/* SEARCH SUGGESTIONS */
#HeaderKeywordBox {
  border: 0px solid red; 
  font-weight: bold; 
  text-align: right; 
  color: #FFFFFF;
}

#HeaderKeywordBox a, #HeaderKeywordBox a:link, #HeaderKeywordBox a:visited, #HeaderKeywordBox a:active, #HeaderKeywordBox a:hover {
  font-size: 12px; 
  text-decoration: none;
  color: #FFFFFF
}

#HeaderKeywordSearchButton {
  border: 0px solid red; 
  /*position: absolute; */
  width: 88px; height: 36px; left: 420px; top: 85px; 
  font-weight: bold; 
  text-align: right; 
  color: #FFFFFF;
  overflow: hidden;
}



/* TALK EVENT STYLE */
#TalkEventContainer {
/*max-width:1210px;
  width:expression(document.body.clientWidth > 1210 ? "1210px": "auto" );
*/
  width: 746px;
  
  position: relative;

  top: 7px;
  
  left: 210px;
  
  overflow: visible;
  
}

#talk {
  right: 0px;
  
  position: absolute;
  
  height: 500px;
  width: 200px;
}

#talkframe {
  height: 500px;
  width: 200px;
}


/* CAPTCHA CODE STYLE */
#CaptchaCode {
  width: 136px;
  !width: 140px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  text-align: center;
  background-image: url(../CaptchaBackground.gif);
  background-position: 50% 50%;
  border: 2px solid #0D276B;
  color: #03518D;
  font-family: Verdana, Arial;
  font-size: 22px;
  font-weight: bold;
  margin-top: -10px;
  !margin-top: 0px;
}
.CaptchaFrame {
  position: relative;
}

.CaptchaInput,
.CaptchaButton {
  width: 140px !important;
  !width: 140px !important;
}


.CaptchaImage {
  width: 136px;
  !width: 136px;
  
  height: 28px;
  position: absolute;
  top: 0px;
  left: 0px;
}


/* BASKET LIVEREQUEST */
.BasketRequestLayer {
  visibility: hidden; 
  display: none;
  position: absolute; 
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  
  zoom: 1;
  opacity: .75;
  filter:alpha(opacity=75);
  
  background-color: #0D276B;
  z-index: 998;
}

.BasketRequestContent {
  visibility: hidden; 
  display: none;
  position: absolute; /*fixed*/
   
  width: 100%;
  top: 0px;
  left: 0px;
  zoom: 1;
  margin-top: 250px;
  
  color: #FFF268;
  font-size: 22px;
  
  vertical-align: middle;
  text-align: center;
  z-index: 999;
}


/* FACT FINDER SUGGEST */

div.suggestLayer {
  position: relative;
  top: -2px;
  left: 0px;
  width: 1px;
  height: 1px;
  display: none;
  padding: 0;
  margin: 0;
  z-index: 1000;
  background-color: white;
  background: transparent;
  opacity: .9;
  filter:alpha(opacity=90);
}

table.suggestLayer {
  font-size: 11px;
  width: 130px;
  border: 1px solid #000000;
  height: 12px;
  background-color: white;
  color: #173553;
  cursor: pointer;
}
tr.suggestLayer { 
  height: 12px;
}
td.suggestLayer {
  padding: 0;
  height: 12px;
}

.suggestLayer span {
  width: auto !important;
  line-height: 12px !important;
  font-size: 10px !important;
  font-weight: bold !important;
  text-align: left !important;
  display: inline !important;
  text-transform: none !important;
  vertical-align: top !important;
  margin-top: 0px !important;
  text-decoration: none !important;
}

tr.suggestHeader{
  color: #173553;
  font-weight: normal;
  font-size: 10px;
}
tr.suggestHeader td{
  border-bottom: 1px solid #5C637D;
  padding: 3 3 3 5px
}
td.suggestFooter{
  height:32px;
  border-top:solid 1px #5C637D; 
  font-size:9px;
  color: #173553;
  background-color: #FCFCFC;
  background-image: url("../logo_fact-finder_web_suggest.jpg");
  background-repeat: no-repeat;
  background-position: right;
}

td.suggestTextQuery{
  font-weight: bold; 
  padding: 2 15 2 10px;
  text-align: left !important;
}
span.suggestTextQueryTyped{
  color: #5c7997;
  text-decoration: underline;
}
td.suggestTextType{
  padding: 2 5 2 15px;
  width: 30%;
}
td.suggestTextAmount{
  padding: 2 5 2 15px;
  width: 30%;
  text-align: right;
}
tr.suggestRow{
  padding: 2 2 2 0px;
  background-color: #FCFCFC;
}

tr.suggestHighlight{
  color: #FCFCFC;
  background-color: #173553;
}
tr.suggestHighlight span.suggestTextQueryTyped{
  color: white;  
}


/* FACT FINDER RESULTS */
div.campaignproduct {
  float: left;
  width: 156px;
  !width:157px; /*IE FIX*/
  height: 205px;
  border: 1px solid #0D276B;
  margin: 0 1px 2px 1px;
  text-align: center;
}

div.campaignproduct div {
  margin-top: 10px;
  text-align: center;
}

div.campaignproduct div .productlink {
  display: block;
  height: 25px;
  width: 150px;
  !width: 152px; /*FIX IE*/
  margin-bottom: 10px;
}


/* BASKET LAYER */

.BasketAddLayer {
  visibility: hidden; 
  display: none;
  position: absolute; 
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  
  zoom: 1;
  opacity: .75;
  filter:alpha(opacity=75);
  
  background-color: #444444;
  z-index: 887;
}

iframe.basketlayer {
  border: 0px solid white;
  !border: 0;
  width: 263px;
  height: 126px;
  position: fixed;
  !position: absolute;
  left: 40%;
  top: 40%;
  display: none;
  z-index: 888;
}

table.basketlayer {
  background-color: transparent;
  background-image: url(../Design/Images/layer_basket_background.jpg);
  width: 259px;
  height: 122px;
  border: 2px solid #F1DB8A;
  padding: 10px;
}

table.basketlayer td {
  font-weight: bold;
  font-size: 11px;
}

table.basketlayer td a {
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
}

table.basketlayer td img {
  margin: 0px 3px 0px 3px;
}


iframe.currencylayer {
  border: 0px solid white;
  !border: 0;
  width: 263px;
  height: 126px;
  position: absolute;
  left: 40%;
  top: 40%;
  display: none;
  z-index: 888;
}


table.currencylayer {
  background-color: transparent;
  background-image: url(../Design/Images/layer_basket_background.jpg);
  width: 259px;
  height: 122px;
  border: 2px solid #F1DB8A;
  padding: 10px;
  !padding: 3px;
}

table.currencylayer td {
  font-weight: bold;
  font-size: 11px;
}

table.currencylayer td a {
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
}

table.currencylayer td img {
  margin: 0px 5px 0px 5px;
}

.infohelp {
  min-width:200px; 
  width:200px; 
  max-width:200px; 
  display: none; 
  position:absolute; 
  border:3px solid black;
  background-color:white;
  overflow:visible;
  padding: 5px;
}

.infohelp_icon {
  
}

#sortingFields, 
#sortingParams {
  font-size: 10px;
}


.frame_saferpay {
  border: 1px solid #A6AFC9;
  border-bottom: 0px solid #A6AFC9;
}

.zoomimage {
  position: relative;
}
.zoom {
  display: none;
}
.zoomimage .zoom {
  position: absolute;
  !position: relative;
  text-decoration: none;
  bottom: 0px;
  right: 10px;
  !margin-top: -16px;
  !margin-right: 2px;
  !float: right;
  display: block;
  color: #a8a8a8;
  font-size: 10px;
  background-image: url(../icon-zoom.gif);
  background-position: 50% 50%;
  width: 12px;
  height:12px;

}

/* Bestellungs LOG */
.LogTransactionLayer {
  display: none;
  width: 100%;
  border-top: 1px solid red;
  text-align: left;
}

.LogTransactionLayer .logentry {
  border: 1px solid red;
  border-top: 0px;
}


.LogTransactionLayer .logentry .timestamp {
  font-size: 9px;
  color: #aecd5c;
  font-family: Courier, Arail;
  display: block;
}

.LogTransactionLayer .logentry .header {
  font-size: 10px;
  font-weight: bold;
  color: #022a68;
  font-family: Courier, Arail;
  display: block;
}

.LogTransactionLayer .logentry .text {
  font-size: 10px;
  color: #022a68;
  font-family: Courier, Arail;
  display: block;
}

.LogTransactionLayer .logentry .debug {
  font-size: 6px;
  color: #d3e0f0;
  font-family: Arail;
  display: block;
}


.uglbox {
  display: none;
}


.toggleuglbox {
  height:14px;
  line-height: 14px;
  font-size: 11px;
  display: block;
}