<style type="text/css">
<!--

* html
  {
  overflow: hidden;
  }
  
* html #layermenu, *html #logolayer, *html #headerlayer 
    {position:absolute;}
    
body {
	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
    background: #000000;
    height: 100%;
    scrollbar-arrow-color: #FF0000;
    scrollbar-base-color: #000000;
    scrollbar-darkshadow-color: #AAAAAA;
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #FF0000;
    scrollbar-shadow-color: #AAAAAA;
    }

/* LAYERS  */


#layermenu
    {
     display: block;
     position: fixed; top: 155px; left: 15px;
     height: 100%;
     overflow: auto;
     z-index: 3;
     }
     
#logolayer
     {
     display: block;
     position: fixed; top: 0px; left: 0px;
     height: 100%;
     }    

        
#headerlayer
     {
     display: block;
     position: fixed; top: 0px; left: 20%;
     z-index:3;
     }       
     
* html #layermenu, *html #logolayer, *html #headerlayer 
    {position:absolute;}
    
    
     /* layer1 : med indhold/tekst */
#layer1
    {
    background: #000000 url("http://www.djaevlebryg.dk/billeder/backgr-right-bund.jpg") 100% 100% no-repeat;
    position:absolute; left: 21%; top: 130px;
    width:550px; 
    border: 1px none #000000;
    z-index: 2;
    margin-top: 10px;
    }

/* onMouseOver - produktsiden */
#div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9 
{position:absolute; top: 110; left: 150; visibility:hidden; z-index:1}    
  
 
.expand 
    {
    font-style: italic; 
    
    }
    
.etiket
	{
	float: right;
    margin-left: 14px;    
    }
 
.avatar
   {
   float: right;
   margin-left: 14px;
   margin-bottom: 10px;
   }    

.salg
   {
   float: right;
   margin-right: 60px;
   margin-bottom: 20px;
   }     
   
.center
     {
     left: 50%;
     border: none;
     z-index: 4;
     }    

.etiketsmall
    {
    margin-right: 10px;
    }

/* XXXXX */   /* ul og li - til listen på forsiden */



ul
     {
     text-align: justify;
     margin-top: 40px;
     margin-bottom: 40px;
     color: #FFFFFF;
     }

li
     {
     width: 85%; 
     list-style-image: url("http://www.djaevlebryg.dk/billeder/knap.gif");
     list-style-type: none;
     padding-left: 10px;
     margin: 20px;
     color: #FFFFFF;
     }

li.number
     {
     list-style-image: none;
     list-style-type: uromanlist;
     width: 85%; 
     padding-left: 10px;
     margin: 20px;
     color: #FFFFFF;
     }     
     
ul.etiket
     {
     text-align: justify;
     padding: 0px;
     margin: 0px;
     }     
     
li.etiket
    {
    width: 530px;
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 0px; 
    text-align: justify;
    }     

ul.indryk
     {
     padding: 0px;
     margin: 0px;     
     }    

li.indryk    
     {
     list-style-type: none;
     list-style-position: inside;
     list-style-image: url("http://www.djaevlebryg.dk/billeder/knap.gif");
     margin-left: 30px;
     margin-bottom: 20px;
     text-align: justify;
     }

/* TABLE-tags */     

table.stdtable
     {
     font-family: 'Lucida Sans', 'Goudy Sans Medium', 'Verdana', 'Century Gothic', 'Palatino Linotype';
     color: #FFFFFF;
     font-size: 70%;
     text-align: left;
     }

    
/* diverse TEKST-definerende tags   */
    
p, a, h1, h2, h3, h5, body, ul, li, INPUT
    { font-family: 'Lucida Sans', 'Goudy Sans Medium', 'Verdana', 'Century Gothic', 'Palatino Linotype'; }

/* XXXXX */         /* h2 - overskrift på tekstsiderne */
h2  { font-size: 140%;  color: #FFFFFF; }
     
/* XXXXX */         /* h3 - underoverskrifter på tekstsiderne */ 
h3  { font-size: 120%; color: #FFFFFF;  }  

h4  { font-size: 110%; color: #FFFFFF; margin-left: 30px;  }

      /* font.menul - skriftfarve og stoerrelse i menuen til venstre */
font.menul
     {
     color: #AAAAAA;
     font-size: 100%;
     font-weight: bold;
     text-decoration: underline;     
     }

font.grey
     {
     color: #AAAAAA; font-size: 100%;
     }    

font.hvid
    { color: #FFFFFF; font-size: 90%;}    
    
/* XXXXX */    /* p - broedtekst */
p    {
     font-size: 100%;
     color: #FFFFFF;
     text-align: justify;
     padding-left: 10px;
     padding-bottom: 10px;
     }     

/* XXXXX */         /* p.abstract - kursiveret abstract af den efterfoelgende tekst */      
p.abstract
     {
     font-style: italic; text-align: justify;
     font-size: 90%;
     color: #FFFFFF;
     padding-left: 20px; padding-bottom: 0px; padding-right: 10px; padding-top: 0px;
     margin: 3px;
     }

p.indryk
     {
     padding-left:30px;
     text-align: justify;
     margin: 0px;
     }  

p.omos
     {
     clear: both;
     }  

p.copyright
     {
     text-align: right;
     color: #AAAAAA;
     font-size: 80%;
     margin-right: 20px; 
     margin-bottom: 20px;
     }

p.indryk
     {
     margin-left: 30px;
     margin-top: 0px;
     text-align: justify;
     }

p.center
     {
     text-align: center;
     }

p.narrow
     {
     margin: 0px;
     padding-top: 0px;
     }     
     
    
/* XXXXX */       /* LINKS */    

  
a:link, a:visited, a:active
     { color: #FF0000; text-decoration: none; font-size: 100%; }  

a:link.menul, a:visited.menul, a:active.menul 
     {
     color: #AAAAAA; text-decoration: none; font-size: 100%; padding-left: 5px;
     }
     
a:hover 
     { color: #AAAAAA;  text-decoration: underline;   }        

a:hover.menul 
     { color: #FFFFFF;  text-decoration: underline;   }


/* GRAFIK-definerende tags */
   


 /* XXXXX */         /* hr - generel for horisontale linier; bruges ved abstract*/               
hr
     {
     color: #FFFFFF;
     height: 1px;
     padding: 0px;
     }

        /* img.logo - definerer logo.gif (gennemsigtig). #logolayer  styrer placeringen */
img.logo
     {
     border: none;
     z-index: 4;
     }     
 
        /* img.header - definerer header. #headerlayer  styrer placeringen */     
img.header
     {
     border: none; background-color: #000000;
     }

/* XXXXX */        
p.knap
     {
     background: #000000 url("http://www.djaevlebryg.dk/billeder/lillebue.gif") no-repeat 50% 50%;
     height: 4px; width: 100%;    
      }  

/* FORM-tags - til mailliste og anparter.php */
          
INPUT.text
    {
    background-color: #AAAAAA;
    color: #000000;
    font-weight: bold;
    font-size: 100%;
    }     
    
INPUT.submit
    {
    background-color: #AAAAAA;
    color: #000000;
    font-weight: bold;
    font-size: 90%;
    }     
    
FORM
    {
    padding-bottom: 30px;
    font-color: #FFFFFF; 
    } 
     
INPUT.textsoeg
    {
    background-color: #000000;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 100%;
    }     
    
INPUT.submitsoeg
    {
    background-color: #000000;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 90%;
    }   
       
-->
</style>
