@charset "utf-8";
/* CSS Document */

body {
    background-color:#781255;/* Hintergrund Farbe f�r gesamte Seite */
    font-family:"Trebuchet MS";
    font-size:13px;
    line-height:16px;
    color:#5d5d5f;
}

#seite{
    width:1020px;
    /* die ganze Webseite wird zentriert - einfach absolute position dann von links 50 % und dann margin minus die h�lfte der Breite */
    position: absolute;
    top:64px;    left:50%;
    margin-left:-510px;
    background-color:#cfd836; /* Hintergrund Farbe f�r gesamten Inhalt */
    border:1px solid #cfd836; /* Rahmen um Seite */
}

#balken {
    width:130px;
    float:left;

}

#inhalt {
    width:890px;
    float:right;
    background-color:#FFFFFF;
    min-height:1120px;
    height:auto !important;  /* f�r moderne Browser */
    height:1120px;  /*f�r den IE */
}

#header_kontakt {
    height:91px;
    padding:22px 30px;
    vertical-align:bottom;
}

#wrapper {
    float:none;
    clear:both;
}

#anschrift {
    position:absolute;
}

#anschrift a{
    color:#5d5d5f;
    text-decoration:none;
}

#anschrift a:hover{
    color:#cfd836;
}

#anschrift strong{
    text-transform:uppercase;
}

#sprachwahl {
    position:absolute;
    left:500px;
    color:#cfd836;
}

#sprachwahl a {
    color:#5d5d5f;
    text-decoration:none;
    text-transform:uppercase;
}



#sprachwahl a:hover {
    color:#cfd836;
}

#spalte_1 {
    padding-top:40px;
    padding-right:20px;
    padding-left:25px;
    padding-bottom:20px;
    float:left;
    width:415px;
    line-height:20px;
}

#spalte_2 {
    padding-top:40px;
    width:430px;
    float:right;
    z-index:-10000;
}

#spalte_1 h1 {
    margin-top:0px;
    text-transform:uppercase;
    font-size:16px;
    font-weight:normal;
}

#spalte_1 a{
    color:#781255;
    text-decoration:none;
}

#spalte_1 a:hover{
    text-decoration:underline;
}

#spalte_1 strong, #spalte_1 b{
    color:#b4c12b;
}

#footer {
    float:none;
    clear:both;
    padding-left:25px;
    background-color:#FFFFFF;
}

#footer #footer_konktakt {
    width:555px;
    float:left;
}

#footer_konktakt strong{
    text-transform:uppercase;
}

#footer_konktakt a{
    text-decoration:none;
    color:#5d5d5f;
}

#footer_konktakt a:hover{
    color:#cfd836;
}

#footer #logos {
    float:left;
    width:310px;
}

.gruen {
    color:#cfd836;
}

.artikelliste {
    float:left;
    margin-right:10px;
    height:171px;
    width:129px;
    background-color:#CCCCCC;
}

.roter_balken {
    height:28px;
    display:block;
    width:126px;
    background-color:#781255;
    color:#FFFFFF;
    line-height:28px;
    padding-left:3px;
}

.roter_balken_menue {
    background-color:#781255;
    height:28px;
    width:126px;
    line-height:28px;
    padding-left:3px;
    color:#FFFFFF;
}

.roter_balken_menue a, .roter_balken a {
    color:#FFFFFF;
    text-decoration:none;
}
.roter_balken_menue a:hover, .roter_balken a:hover {
    text-decoration:underline;
}

#hilfsnavigation h2 {
    float:left;
    width:139px;
    margin-top:0px;
    color:#781255;
    font-size:16px;
    text-transform:uppercase;
    font-weight:normal;
    line-height:20px;
}
#hilfsnavigation h2 a {
    color:#781255;
    text-decoration:none;
}
#hilfsnavigation h2 a:hover {
    text-decoration:underline;
}

* html .bild {
    top:629px;
}
* html .bild2 {
    top:629px;
}
* html .bild3 {
    top:629px;
}

.bild{
    position:absolute;
    top:605px;
    left:590px;
    background-color:#CCCCCC;
}

.bild2{
    position:absolute;
    top:605px;
    left:729px;
    background-color:#CCCCCC;
}
.bild3{
    position:absolute;
    top:605px;
    left:868px;
    background-color:#CCCCCC;
}


.bild div, .bild2 div, .bild3 div, .artikelliste div {
    background-color:#cfd836;
    width:129px;
}

.bild div a, .bild2 div a, .bild3 div a, .artikelliste div a {
    color:#FFFFFF;
    text-decoration:none;
}

.artikelliste div.roter_balken {
    height:28px;
    display:block;
    width:126px;
    background-color:#781255;
    color:#FFFFFF;
    line-height:28px;
    padding-left:3px;
}

#icons a{
    color:#781255;
    font-size:16px;
    text-decoration:none;
}
#icons a:hover{
    text-decoration:underline;
}

#icons #icons_links {
    float:left;
    width:200px;
}

#angebote h2 {
    margin-top:0px;
    margin-bottom:5px;
    color:#781255;
    font-size:14px;
    text-transform:uppercase;
    font-weight:normal;
    line-height:20px;
}

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

#angebote hr {
    color:#cfd836;
    border:1px solid #cfd836;
    padding:0px;
    margin:0px;
}



/* ################### Formatierung Navigation ################### */

#navigation {
    background-color:#cfd836;
    color:#fff;
   /* text-transform:uppercase;*/
    font-size:16px;
    height:32px;
    line-height:32px;
}

#navigation a {
    color:#fff;
    text-decoration:none;
    margin-left:20px;
    margin-right:20px;
}

#navigation a:hover {
    color:#781255;
}

#navigation ul{
    margin:0;
    padding:0;
}

#navigation ul li{
    float:left;
    list-style-type:none;
    margin:0;
    padding:0;
}


#spalte_2 #navi, #spalte_2 #navi ul { list-style-type:none; margin:0; padding:0;     }
#spalte_2 #navi ul {
    position: absolute;
    z-index: 10;
}
#spalte_2 #navi li { width:139px; float:left; display:block;z-index:10000; position: relative;  z-index: 5;   }
#spalte_2 #navi li ul { display:none; z-index:10000;}
#spalte_2 #navi li:hover ul { display:block; z-index:10000;}

li.navmainStandardLevel_2 {
    background-color:#FFFFFF;
    filter: alpha(opacity=90);
    opacity:0.9;
    -moz-opacity:0.9;
    width:126px !important;
    padding-left:3px;
    line-height:20px;
    z-index:10000;
    border-bottom:1px solid #5d5d5f;
}

a.navmainStandardLevel_2{
    color:#5d5d5f;
    text-decoration:none;
}

a:hover.navmainStandardLevel_2{
    color:#781255;

}

/* Preistabelle */
.preis table {
  border-collapse: collapse;
  border: 1px solid #FFFFFF;
  color:#5d5d5f;
  background: #cfd836;
  }

.preis td, .preis th {
  border: 1px dotted #FFFFFF;
  padding: .4em;
  color: #FFFFFF;
  }
.preis td {
  color:#5d5d5f;    
}
.preis th {
  background-color: #781255;
  font-weight:normal;
  }

.preis tbody td a {
  background: transparent;
  text-decoration: none;
  color: #FFFFFF;
  }
.preis tbody td a:hover {
  background: #781255;
  color: #FFFFFF !important;
  }
.preis tbody th a {
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #FFFFFF;
  }
.preis tbody th a:hover {
  background: transparent;
  color: #FFFFFF;
  }
.preis tbody th, .preis tbody td {
  vertical-align: top;
  text-align: left;
  }

.preis tbody tr:hover {
  background: #781255;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  }
.preis tbody tr:hover td, .preis tbody tr:hover td a{
   color: #FFFFFF !important;
 }
.preis tbody tr:hover th,
.preis tbody tr.odd:hover th {
  background: #781255;
  color: #FFFFFF;
}

/* Anwendungen - Tabelle */

table.anwendungen {
    border:1px solid #cfd836;
    background-color:#FFFFFF;
}

.anwendungen tr.anwendungen_kopf td {
  background-color: #781255;
  color:#FFFFFF;
}

.anwendungen td, .anwendungen th {
  border: 1px dotted #FFFFFF;
  padding: .4em;
  }
body .news{
    background:url('/cms/upload/news/button_deu.png') no-repeat;
    width:128px;
    height:129px;
    display:block;
    position:absolute;
    top:300px;
    left:165px;
    z-index:5;
}
body .news.en{
    background:url('/cms/upload/news/button_eng.png') no-repeat;
}
body .news.it{
    background:url('/cms/upload/news/button_ita.png') no-repeat;
}
.newslightbox #outerImageContainer{
    background:url('http://www.weinmesser.com/cms/upload/layout/balken.jpg') left no-repeat #fff;
}
.newslightbox #imageContainer #lightboxImage{
    width:575px;    
    position:absolute;
    right:75px;
    top:178px;
}
.newslightbox #imageDataContainer{
    background: none repeat scroll 0 0 transparent;
    font-size: 12px;
    line-height: 17px;
    margin-top: 50px;
    padding-left: 170px;
    position: relative;
    top: -624px;
    width: 671px !important;
}
.newslightbox #imageDetails{
    width:88% !important;
}
.newslightbox b{
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 6px;
    text-transform: uppercase;
}
.newslightbox #imageData #caption{
    font-weight:normal;
}
.newslightbox #bottomNav{
    position:relative;
    z-index:999;
}
/* IE 6 */

* html #hilfsnavigation h2 {
    margin-bottom:10px;
}
/* IE 7 */
*+html #hilfsnavigation h2 {
    margin-bottom:14px;
}