/**********************************  ERGÄNZUNGEN/ÜBERSCHREIBUNGEN ZU elems aus general.css   ********************/

/*  ergänzt .center um id, da anderes HG bild pro land */
#ita {background-image:url(../Images/centerBg2.gif);}
#oes {background-image:url(../Images/centerBg3.gif);}
#spa {background-image:url(../Images/centerBg4.gif);}
#gra {background-image:url(../Images/centerBg5.gif);}
#bio {background-image:url(../Images/centerBg6.gif);}
#ueb {background-image:url(../Images/centerBg7.gif);}

/* der #spacer 20px kürzer, da der #bottom folgt */
#spacer {
height:520px;
}

/**********************************  BEREICH MIT FLASCHEN UND BLÄTTEREIEN:   ********************/
#bottles { /* kindelem von #center, der abs. positioniert ist */
position:absolute;
bottom:25px;
left:265px;
width:480px;
}

#rightAddPadding { /*  !! Wie #right in general.css, jedoch grosses padbottom !! */
width:487px;
padding:30px 25px 300px 25px;
float:left;
text-align:left;
}

#rightAddPadding {\width:537px;}
#rightAddPadding {widt\h:487px;}
/**********************************  ALLES ZUR LÄNDERNAVI:   ********************/

/* im #center nach #left + #right (dort ist ländernavi): */
#bottom {
clear:left;
height:20px;
padding-left:260px; /* breite #left plus so dass er auf dem gelben teil zentriert ist */
}

/* ländernavi-links im #bottom */
#bottom a {
float:left;
width:80px;
line-height:20px;
color:#FFF;
font-size:10px;
text-align:center;
margin-right:3px;
}

/*jeder ländernavi-link hat 2mögliche id's: inactive und active+mouseover*/
a#ln_ita {background-color:#CCF;}
a#ln_ita:hover, a#ln_ita_active {background-color:#369;}

a#ln_oes {background-color:#FDDD7E;}
a#ln_oes:hover, a#ln_oes_active {background-color:#FC3;}

a#ln_spa {background-color:#B8BB5A;}
a#ln_spa:hover, a#ln_spa_active {background-color:#990;}

a#ln_gra {background-color:#99C;}
a#ln_gra:hover, a#ln_gra_active {background-color:#036;}

a#ln_bio {background-color:#696;}
a#ln_bio:hover, a#ln_bio_active {background-color:#063;}

a#ln_ueb {background-color:#F99;}
a#ln_ueb:hover, a#ln_ueb_active {background-color:#C03;}

/**********************************  ALLES ZUR DEN INHALTSSEITEN:   ********************/

/* tabelle inhaltsseiten */
#toc td{
line-height:1.3;
padding-bottom:6px;
}

/* gebietslinks im toc, allgemein */
.tocGebiet_ita,.tocGebiet_bio,.tocGebiet_spa,.tocGebiet_oes,.tocGebiet_gra,.tocGebiet_ueb {
padding:0 2px;
font-weight:bold;
letter-spacing:-1px;
}

/* hovers für gebiete-links im toc allgemein: */
.tocGebiet_ita:hover,.tocGebiet_bio:hover,.tocGebiet_spa:hover,.tocGebiet_oes:hover,.tocGebiet_gra:hover,.tocGebiet_ueb:hover {
padding:0 1px;
border-left:1px solid #000;
border-right:1px solid #000;
}

/* gebietslinks und kellereilinks im toc, farbe für jedes land */
.tocGebiet_ita,.wi_ita:hover {color:#369;}
.tocGebiet_oes,.wi_oes:hover {color:#FC3;}
.tocGebiet_spa,.wi_spa:hover {color:#990;}
.tocGebiet_bio,.wi_bio:hover {color:#063;}
.tocGebiet_gra,.wi_gra:hover {color:#036;}
.tocGebiet_ueb,.wi_ueb:hover {color:#C03;}

/* kellerei-links im toc: */
.wi_ita,.wi_oes,.wi_spa,.wi_bio,.wi_gra,.wi_ueb {
letter-spacing:-1px;
}

/* tooltip auf kartenansicht */
#tooltipDiv {visibility:hidden;position:absolute;padding:3px;border:1px solid #000;background-color:#FFF;color:#000;}


/**********************************  ALLES ZUR LINKEN NAVI   ********************/

/* linke navi, textlinks */
#left a {
margin-left:6px;
}

#left a:hover, #left .subnActive {
margin-left:2px;
padding-left:3px;
padding-right:3px;
border-left:1px solid #000;
border-right:1px solid #000;
}

/* linke seite, bildlinks */
#left a#img, #left a#img:hover {
margin-left:0;
padding:0;
border:0px solid #000;
}

/**********************************  ALLES ZUM ARTIKEL-SUCHFORM   ********************/

/* suchform artikelnummer  */
#searchform { 
padding:5px;
background-color:#036;
}
 
/* suchfeld artikelnummer  */
#suchfeld {
width:125px;
height:20px;
vertical-align:middle;
}

#sucheSubmit {
vertical-align:middle;
}

/**********************************  WEITERE ELEMS LINKS:   ********************/

/* gebietsname */
#left h1 {
width:100%;
text-align:center;
}

/**********************************  WEITERE ELEMS RECHTS:   ********************/

/* flaschenabbildungen */
.kleineFlasche {
  margin-right:10px;
}

/**********************************  TEASER AUF INHALTSSEITE(N): ****************/

#addOn {position:absolute;top:20px;left:70px;background:#003 url(../Images/teaserNeue.jpg) 0 0 no-repeat;width:270px;height:270px;visibility:hidden;}
#addOn #closelink {position:absolute;top:3px;right:8px;color:#FFF;font-weight:bold;}
#addOn #pagelink {position:absolute;top:30px;left:0;height:230px;width:270px;}

/**********************************  MELDUNGEN AUF SYSMESSAGE.PHP: ****************/

#messageOK {
   background-color:green;
}
#messageERR {
   background-color:red;
}
#messageWARN {
   background-color:orange;
}
#messageOK,#messageERR,#messageWARN {
   color:white;
   font-size:120%;
   padding:5px;
   border:1px solid;
   margin-bottom:10px;
}