/* CSS Document */

html {
        height: 100%;
}

body {
        height: 100%;
        
}

/* Generelle Einstellungen für Text
 Joomla core stuff */
a:link, a:visited {
        color: #c64934; text-decoration: none;
        
}

a:hover {
        color: green;   text-decoration: none;
        
}
a.mainlevel:link, a.mainlevel:visited {
   color: black ;
   text-decoration: none;
        
        
        font-size: 12px;
        text-align: left;
        font-family:Arial, Helvetica, sans-serif;
  
}

a.mainlevel:hover {
        background-position: 0px -25px;
        text-decoration: none;
        color: #fff;
}

a.mainlevel#active_menu {
        color:#fff;
        }

a.mainlevel#active_menu:hover {
        color: #fff;
}




table.contentpaneopen {
  width: 98%;
        padding: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
        margin: 0px;
}

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
        padding-left: 4px;
}



table.contentpane {
  width: 100%;
        padding: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
        margin: 0px;
}

table.contentpane td {
        margin: 0px;
        padding: 0px;
}

table.contentpane td.componentheading {
        padding-left: 4px;
}

table.contentpaneopen fieldset {
        border: 0px;
        border-bottom: 1px solid #eee;
}

.button {
  color: #c64934;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 10px;
  font-weight: normal;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}
ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 14px;
padding-left: 14px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}


td {
        font-size: 10px;
}

.inputbox {
        padding: 2px;
        border:solid 1px #666666;
        background-color: #ffffff;
}

.componentheading {
        
        color: #666666;
        text-align: left;
        padding-top: 4px;
        padding-left: 4px;
        height: 21px;
        font-weight: normal;
        font-size: 10px;
        text-transform: uppercase;

}

.contentcolumn {
        padding-right: 5px;
}

.contentheading {
        height: 30px;

        color: #c64934;
        font-weight: normal;
        font-size: 14px;
        white-space: nowrap;
}

.contentpagetitle {
        font-size: 13px;
        font-weight: normal;
        color: #cccccc;
        text-align:left;
}

table.searchinto {
        width: 100%;
}

table.searchintro td {
        font-weight: normal;
}

table.moduletable {
        width: 100%;
        margin-bottom: 5px;
        padding: 0px;
        border-spacing: 0px;
        border-collapse: collapse;
}

div.moduletable {
        padding: 0;
        margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
        
        color: black;
        text-align: left;
        padding-left: 4px;
        height: 21px;
        line-height: 21px;
        font-size: 10px;
        text-transform: uppercase;
        margin: 0 0 2px 0;
}

table.moduletable td {
        font-size: 11px;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
}

 a.produkterechts:hover { color: green;
    text-decoration: none;
    background: white;
    }
    
        a.produkterechts:active { color: green  ;
    text-decoration: none;
    
    }

.produkterechts {
        font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
   color: rgb(0, 0, 0);
    line-height: 12pt;
     text-decoration: none; 
}

.moduletableprodukte {
        font-family: Arial, Helvetica, sans-serif;
    font-size: 18pt;
   color: rgb(0, 0, 0);
    line-height: 14pt;
     text-decoration: none; 
}
  
.mainlevelprodukte {
        font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
   color: green;
    line-height: 13pt;
     text-decoration: none; 
}
a.mainlevelprodukte:hover { color: white;
    text-decoration: none;
    background: yellowgreen;
    }

a.mainlevelprodukte:active { color: white       ;
    text-decoration: none;
     background: green;
    }

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
font-size: 13px;  
  font-weight: normal;
  background: yellowgreen;
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
        background-color : #ffffff;
        font-size: 12px;
}

.sectiontableentry2 {
        background-color : #f9f9f9;
        font-size: 12px;
}

.small {
        color: #999999;
        font-size: 12px;
}

.createdate {
        height: 15px;
        padding-bottom: 10px;
        color: #999999;
        font-size: 11px;
}

.modifydate {
        height: 15px;
        padding-top: 10px;
        color: #999999;
        font-size: 11px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
 
  color: #666666;
        text-align: left;
        padding-top: 2px;
        padding-left: 4px;
        height: 21px;
        font-weight: normal;
        font-size: 10px;
        text-transform: uppercase;
}

a.sublevel:link, a.sublevel:visited {
        padding-left: 1px;
        vertical-align: middle;
        font-size: 11px;
        font-weight: normal;
        color: black;
        text-align: left;
}

a.sublevel:hover {
        color: green;
        text-decoration: none;
}

a.sublevel#active_menu {
        color: green;
}

.highlight {
        background-color: Yellow;
        color: Blue;
        padding: 0;
}
.code {
        background-color: #ddd;
        border: 1px solid #bbb;
}

form {
/* removes space below form elements */
        margin: 0;
        padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
        display: block;
        height: 1.5em;
}
/* *****************ALLGEMEINE ANGABEN ZUR SEITE */

  body {
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none;
  color:black;
  font-size:10pt;
        background-color:white;
         } 
a:link { color: black ;
    text-decoration: none;
    }
    
   a:visited { color: black ;
    text-decoration: none;
    }

  a:active { color: white       ;
    text-decoration: none;
    }

  a:hover { color: green;
    text-decoration: none;
    }
    

    
/* ********************************** DIE ANGABEN ZU DEN SCHRIFTARTEN FÜR TITEL USW ******/

 

  .ueberschrift { font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: rgb(0, 0, 0);
    font-style: italic;
    }

  .text { font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: rgb(0, 0, 0);
    text-align: justify;
    line-height: 12pt;
    
    }
            
  .navi { font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
        text-decoration: none;
    font-weight: normal;
    
    }
    
    
/* ********************ANGABEN ZU DEN POSITIONSRAHMEN FÜR TEXT- UND BILDFELDER **************/
    #Grundpreis {

        
        font-family: Arial, Helvetica, sans-serif;
        font-size: 7pt;
        position: absolute;
        width: 210px; 
        height: 15px; 
        z-index: 11; 
        left: 770px; 
        top: 400px; 
        
                }
 #MWST {

        
        font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
        position: absolute;
        width: 120px; 
        height: 15px; 
        z-index: 11; 
        left: 225px; 
        top: 425px; 
        
                }

  #ueberschrift { position: absolute;
    left: 250px;
    top: 150px;
    width: 22em;
    height: 35px;
    z-index: 15;
    }
 
  #Produktrahmen { position: absolute;
    left: 20px;
    width: 155px;
    z-index: 5;
    top: 180px;
    height: 220px;
    background-color: floralwhite;
        border:1px solid yellowgreen;
        filter:alpha(opacity = 40);
        opacity: 0.4;
       
        
    }
   
  #Produktrahmen_verdeckt { position: absolute;
    left: 0px;
    width: 980px;
    z-index: 10;
    top: 0px;
    height: 600px;
    background-color: white;
    }
 
 #Produkte { position: absolute;
    left: 25px;
    width: 600px;
    z-index: 8;
    top: 185px;
    height: 265px;
                }

  #Text { position: absolute;
    left: 242px;
    top: 150px;
    height: 150pt;
    width: 360px;
    z-index: 10;
    background-color: transparent      ;
   
    }
    #Textbild { position: absolute;
    left: 242px;
    top: 150px;
    height: 150pt;
    width: 350px;
    z-index: 1;
    background-color: transparent      ;
   
    }
#passwort { position: absolute;
    left: 242px;
    top: 150px;
    height: 150pt;
    width: 380px;
    z-index: 13;
    background-color: transparent      ;
   
    }
        
  #Menu { position: absolute;
    width: 500px;
    height:     20px;
    z-index: 15;
    left: 330px;
    top: 80px;
   
    }

  #Suche { position: absolute;
    z-index: 10;
    left: 250px;
    top: 195px;
     
    }
     #Produktsuche { position: absolute;
    z-index: 2;
    left: 30px;
    top: 400px;
     width: 200px; 
        height: 50px;
    }   
        #Fusszeile { 
     position: absolute; 
        width: 250px; 
        height: 27px; 
        z-index: 1; 
        left: 750px; 
        top: 360px;
    }
    
         #zurueck { position: absolute;
    width: 160px;
    height:15px;
    z-index: 11;
    left: 400px;
    top: 30px;
     
    }

#weiter { position: absolute;
    width: 160px;
    height:15px;
    z-index: 11;
    left: 800px;
    top: 30px;
     
    }

#checkout {
        
        position: absolute;
        width: 324px; 
        height: 470px; 
        z-index: 11; 
        left: 631px; 
        top: -10px; 

        }
    
  #Rahmenmenu {

        position: absolute; 
        width: 734px; 
        height: 25px; 
        z-index: 12; 
        left: 221px; 
        top: 78px; 
        background-color: yellowgreen       ;}

        #Textrahmen {

        position: absolute; 
        width: 734px; 
        height: 320px; 
        z-index: 5; 
        left: 221px; 
        top: 150px; 
        background-color: floralwhite;
        border:1px solid yellowgreen;
        filter:alpha(opacity=50);
        opacity: 0.5;
       
        
        }
        
        #Registrierung {
        
        position: absolute; 
        width: 805px; 
        z-index: 10; 
        left: 150px; 
        top: 150px; 
        background-color: white;
        border:1px solid yellowgreen;
        }
        
        #Einkaufskorb { position: absolute;
    left: 250px;
    top: 160px;
    height: 250pt;
    width: 700px;
    z-index: 11;
    background-color: none      ;
   
    }


        
        #Rahmenrechts {

        background-color: yellowgreen;
        position: absolute; 
        width: 324px; 
        height: 320px; 
        z-index: 1; 
        left: 631px; 
        top: 150px; 
        }
        
        #Rahmenrechts2 {

        
        position: absolute;
        width: 310px; 
        height: 450px; 
        z-index: 10; 
        left: 640px; 
        top: 185px; 

        }
        #login {

        
        position: absolute;
        width: 310px; 
        height: 450px; 
        z-index: 10; 
        left: 640px; 
        top: 165px; 

        }
        
                
        
        /* *******************AB HIER KOMMEN DIE BILDER *****************/
        /******* ZUERST LINKE SEITE *********************************/
        
        #Logo {

        position: absolute; 
        width: 200px; 
        height: 65px; 
        z-index: 15; 
        left: 100px; 
        top: 58px; 
        background-image: url(images/pic/logolinksklein2.jpg);
        }

        
      

		#linksklein
        {

        position: absolute; 
        width: 347px; 
        height: 500px; 
        z-index: 1; 
        left: 0px; 
        top: 0px; 
          background-image: url(images/pic/lavendellinks.jpg);
        filter:alpha(opacity=80);
        opacity: 0.8;
        -moz-opacity:0.8;
        -khtml-opacity:0.7;        }
        


        #Imagelinks
        {

        position: absolute; 
        width: 347px; 
        height: 500px; 
        z-index: 1; 
        left: 0px; 
        top: 0px; 
       
       background-image: url(images/pic/lavendellinks.jpg);
        filter:alpha(opacity=80);
        opacity: 0.8;
        -moz-opacity:0.8;
        -khtml-opacity:0.7; 
        }
        
        
        
                #Kraeuter
        {

        position: absolute; 
        width: 300px; 
        height: 380px; 
        z-index: 3; 
        left: 3px; 
        top: 80px; 
        background-image: url(images/pic/kraeuter.jpg);
        }
                #Bildrechts { position: absolute;
    left: 655px;
    top: 170px;
    width:      277px;
    height: 280px;
    z-index:1;
    overflow: hidden;
        }
     #Karte { position: absolute;
    left: 60px;
    top: 320px;
    width:      69px;
    height: 69px;
    z-index:5;
    overflow: hidden;
        }
        
        
        /********************** UND DIE RECHTE SEITE **********************/
        
      
       
       #Salz
        {

        position: absolute; 
        width: 320px; 
        height: 310px; 
        z-index: 3; 
        left: 640px; 
        top: 160px; 
        background-image: url(images/pic/salz2.jpg);
        filter:alpha(opacity=60);
        opacity: 0.6;
        
        }
        #schluessel
        {

        position: absolute; 
        width: 150px; 
        height:112px; 
        z-index: 14; 
        left: 680px; 
        top: 230px; 
        background-image: url(images/stories/key.jpg);
        }        
        
      
 #nougat
        {

        position: absolute; 
        width: 230px; 
        height:348px; 
        z-index: 3; 
        left: 680px; 
        top: 130px; 
        background-image: url(images/stories/kornblume.jpg);
        }
        
                
        #banyuls
        {

        position: absolute; 
        width: 99px; 
        height:149px; 
        z-index: 4; 
        left: 800px; 
        top: 250px; 
        background-image: url(images/pic/banyuls.jpg);
        }
        
                #Fisch
        {

        position: absolute; 
        width: 300px; 
        height: 392px; 
        z-index: 3; 
        left: 680px; 
        top: 80px; 
        background-image: url(images/pic/fisch.jpg);
        }
        
   #Honig
        {

        position: absolute; 
        width: 280px; 
        height: 340px; 
        z-index: 3; 
        left: 700px; 
        top: 130px; 
        background-image: url(images/pic/honig.jpg);
        filter:alpha(opacity=60);
        opacity: 0.6;
        -moz-opacity:0.6;
        -khtml-opacity:0.7; 
        }

 /**** #Honig
        {

        position: absolute; 
        width: 280px; 
        height: 340px; 
        z-index: 2; 
        left: 0px; 
        top: 100px; 
       
       background-image: url(images/pic/honig.jpg);
        filter:alpha(opacity=60);
        opacity: 0.6;
        -moz-opacity:0.6;
        -khtml-opacity:0.7; 
        }
***/
        

        
        
        
        
        
        #Divers
        {

        position: absolute; 
        width: 286px; 
        height: 310px; 
        z-index: 3; 
        left: 650px; 
        top: 155px; 
        background-image: url(images/pic/muscheln.jpg);
        }

        
        
                #Partner
        {

        position: absolute; 
        width: 270px; 
        height: 270px; 
        z-index: 3; 
        left: 680px; 
        top: 150px; 
        background-image: url(images/pic/partner.jpg);
        }
        
                #Flaschen
        {

        position: absolute; 
        width: 280px; 
        height: 210px; 
        z-index: 3; 
        left: 630px; 
        top: 260px; 
        background-image: url(images/pic/wein.jpg);
        filter:alpha(opacity=80);
        opacity: 0.8;
        -moz-opacity:0.8;
        -khtml-opacity:0.7;     }
        
        #Post
        {

        position: absolute; 
        width: 230px; 
        height: 270px; 
        z-index: 3; 
        left: 675px; 
        top: 180px; 
        background-image: url(images/pic/poste.jpg);
        }
        
        
    #pate { position: absolute;
     position: absolute; 
        width: 338px; 
        height: 310px; 
        z-index: 3; 
        left: 640px; 
        top: 140px; 
    background-image: url(images/pic/pate.jpg);
    }

        #Oliven { position: absolute;
    left: 655px;
    top: 180px;
    width: 274px;
    height: 243px;
    z-index: 3;
    background-image: url(images/pic/olive.jpg);
    }   
   #moulin { position: absolute;
    left: 655px;
    top: 180px;
    width: 274px;
    height: 243px;
    z-index: 3;
    background-image: url(images/pic/moulin.jpg);
    }   

        #Konserve { position: absolute;
    left: 670px;
    top: 210px;
    width: 228px;
    height: 127px;
    z-index: 7;
    background-image: url(images/pic/konserve.jpg);
    }
        /****************************** UND DIE BILDER DER PRODUKTE EVT IN NEUEM CSS *******************/
        
                
        #Banyuls
        {

        position: absolute; 
        width: 89px; 
        height: 82px; 
        z-index: 3; 
        left: 740px; 
        top: 250px; 
        background-image: url(images/pic/banyuls_etoile.jpg);
        }
        
        
.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: normal;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}


.clr {
        clear: both;
}

.outline {
  border: 1px solid #cccccc;
  background: #ffffff;
        padding: 2px;
}

#buttons_outer {
        width: 635px;
        margin-bottom: 2px;
        margin-right: 2px;
        float: left;

}

#buttons_inner {
        border: 1px solid #cccccc;
        height: 21px;
}

#pathway_text {
  overflow: hidden;
        display: block;
        height: 25px;
        line-height: 25px !important;
        line-height: 22px;
        padding-left: 4px;
        border: 1px solid #ccc;
        margin-bottom: 2px;
}

#pathway_text img {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 6px;
}

#buttons {
        float: left;
        margin: 0px;
        padding: 0px;
        width: auto;
}


ul#mainlevel-nav
{
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 0.8em;
}

ul#mainlevel-nav li
{
        background-image: none;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
        margin: 0;
        font-size: 11px;
        line-height: 21px;
        white-space: nowrap;
        border-right: 1px solid #cccccc;
}

ul#mainlevel-nav li a
{
        display: block;
        padding-left: 15px;
        padding-right: 15px;
        text-decoration: none;
        color: #333333;
        background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

        ul#mainlevel-nav li a:hover
{
        color: #fff;
        background: #c64934;
}


#search_outer {
        float: left;
        width: 165px;
}

#search_inner {
  border: 1px solid #cccccc;
        padding: 0px;
  height: 21px !important;
  height: 23px;
  overflow: hidden;
}

#search_inner form {
  padding: 0;
  margin: 0;
}

#search_inner .inputbox {
        border: 0px;
        padding: 3px 3px 3px 5px;
        font-family: arial, helvetica, sans-serif;
        font-size: 6px;
        color: #c64934;
}

#header_outer {
        text-align: left;
        border: 0px;
        margin: 0px;
}

#header {
        float: left;
        padding: 0px;
        margin-right: 2px;
        width: 635px;
        height: 150px;
        background: url(../images/header_short.jpg) no-repeat;
}

#top_outer{
        float: left;
        width: 165px;
}

#top_inner {
  border: 1px solid #cccccc;
        padding: 2px;
  height: 144px !important;
  height: 150px;
  overflow: hidden;
  float: none !important;
  float: left;
}

#left_outer {
  float: left;
        margin-top: 2px;
        width: 165px;
}

#left_inner {
  border: 1px solid #cccccc;
        padding: 2px;
  float: none !important;
  float: left;
}

#content_outer {
        padding: 0px;
        margin-top: 0px;
        margin-left: 2px;
        /** border: 1px solid #cccccc; **/
        float: left;
        width: 635px;
}

#content_inner{
  float: none !important;
  float: left;
  padding: 0;
  padding-top: 2px;
  margin: 0;
}

table.content_table {
  width: 100%;
        padding: 0px;
        margin: 0px;
}

table.content_table td {
        padding: 0px;
        margin: 0px;
}


#banner_inner {
        float: left;
        padding: 0px;
        height: 70px;
}

#poweredby_inner {
        float: right;
        padding: 0px;
        margin-left: 0px;
        height: 70px;
}

#right_outer {
        margin-left: 2px;
        width: 165px;
}

#right_inner {
  float: none !important;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
}


.user1_inner {
        border: 1px solid #cccccc;
  float: none !important;
  float: left;
        margin: 0px;
        padding: 2px;
}

.user2_inner {
        border: 1px solid #cccccc;
  float: none !important;
  float: left;
        margin: 0px;
        padding: 2px;
}

table td.body_outer {
        padding: 2px;
        border: 1px solid #cccccc;
}

.maintitle {
        color: #ffffff;
        font-size: 40px;
        padding-left: 15px;
        padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: normal;
}

/** old stuff **/

.back_button {
        float: left;
  text-align: center;
  font-size: 11px;
  font-weight: normal;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}



.pagenavbar {
        margin-right: 10px;
        float: right;
}

#aktion { position: absolute;
    left: 630px;
    top: 480px;
    width: 340px;
    height: 100px;
    z-index: 3;
    
    }


#paypal { position: absolute;
    left: 270px;
    top: 280px;
    width: 200px;
    height: 40px;
    z-index: 3;
    
    }