/*Brug dette når du vil se alle div'er*/

/*div{
  border-style:solid;
  border-color:black;
  border-width:1px;
  }*/

/*Indeholder alle andre elementer*/
body{
font-family:verdana;
}
#container {
    background-image: url(images/bg.jpg);
    position: absolute;
    top: 40px;
    left: 80px;
    width: 860px;
    height: 550px;
  }

/* Farven der dækker over baggrundbilledet*/

#baggrundsfarve {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 850px;
    height: 570px;
    background-color:#FFFFFF;
  }

/**/

#menu {
    position: absolute;
    top: 125px;
    left: 10px;
    width: 150px;
    height: 441px;
  }

/*Laver den hvide streg mellem menu-links*/
  
.menudiv {
    position:relative;
    height:20px;
    width:100%;
  }


.submenu {
    position:relative;
    left: 10px;
  }

/*Skaber firekanten t.v. for link'et*/

.a {
    text-decoration: none;
    position:relative;
    top:10px;
    left:5px;
    color: #669966;
    padding: 2px;
    padding-left: 3px;
    display: block;
    border-left: 10px solid #CBE0CE;
    font: 10px Verdana, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    margin-top: 1px;
  }

/*Får linket til at skifte farve ved mouse-over*/

.a:hover {
    border-left: 10px solid #669966;
    text-decoration: none;
    color: #669966;
  }

/*Rammen om det midterste område*/

.main {
    background-color: transparent;
    border: 0px;
    border-color: #330000;
    border-style: solid;
    position: absolute;
    height: 400px;
    left: 175px;
    top: 120px;
    width: 500px;
    overflow: auto;
    visibility: visible;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #330000;
    scrollbar-base-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
  }

/**/

.innermain {
    background-color: transparent;
    border: 0px;
    border-style: solid;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 95%;
    height: 95%;
  }

/*Indeholder spot og indkøbskurv*/

#hoejre_side {
    height : 454px;
    position : absolute;
    top: 120px;
    right:10px;
    width : 150px;
  }

/*
Skaber den sorte streg om indkøbskurv
*/

#lille_indkoebskurv {
    background-color: transparent;
    border-width: 0px;
    position: absolute;
    top: 0px;
    left: 10px;
    width: 150px;
    height: 112px;
    overflow: hidden;
  }

/**/

#inner_lille_indkoebskurv {
    border-width: 0px;
    color: #669966;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Arial;
    text-decoration: none;
    background-color: transparent;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 137px;
    height: 102px;
  }

/*Overskrift på produktoversigt(produkter.php)*/

#produkt_overskrift {
    font-size : 22px;
    position : absolute;
    top : 0px;
    left : 0px;
  }

/*Her er de 12 billeder ved produktoversigt(produkter.php)*/

#produkt_pic1 {
    position : absolute;
    top : 40px;
    left : 0px;
    padding : 0px;
    border: #CCCCCC 1px solid;
  }


#produkt_pic2 {
    position: absolute;
    top: 40px;
    left: 130px;
    border: #CCCCCC 1px solid;
    padding: 0px;
  }


#produkt_pic3 {
    position: absolute;
    top: 40px;
    left: 260px;
    border: #CCCCCC 1px solid;
    padding: 0px;
  }


#produkt_pic4 {
    position: absolute;
    top: 40px;
    right:0px;
    border: #CCCCCC 1px solid;
    padding: 0px;
  }


#produkt_pic5 {
    position: absolute;
    top: 160px;
    left: 0px;
    border: #CCCCCC 1px solid;
    padding: 0px;
  }


#produkt_pic6 {
    position: absolute;
    top: 160px;
    left: 130px;
    border: #CCCCCC 1px solid;
    padding: 0px;
  }


#produkt_pic7 {
    position: absolute;
    top: 160px;
    left: 260px;
    border: #CCCCCC 1px solid;
    padding: 0px;
  }


#produkt_pic8 {
    position: absolute;
    top: 160px;
    right:0px;
    border: #CCCCCC 1px solid;
    padding: 0px;
  }


#produkt_pic9 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    border: #CCCCCC 1px solid;
    padding: 0px;
  }


#produkt_pic10 {
    position: absolute;
    bottom: 0px;
    left: 130px;
    border: #CCCCCC 1px solid;
    padding: 0px;
  }


#produkt_pic11 {
    position: absolute;
    bottom: 0px;
    left: 260px;
    border: #CCCCCC 1px solid;
    padding: 0px;
  }


#produkt_pic12 {
    position: absolute;
    bottom: 0px;
    right:0px;
    border: #CCCCCC 1px solid;
    padding: 0px;
  }

/*
Indeholder de tal-links, som kommer frem på produktoversigten,
 når antallet af produkter der skal præsenteres overstiger 12
*/

#flere_produkter_link {
    position: absolute;
    top: 5px;
    left: 450px;
    padding: 0px;
  }

/*Indeholder de to billeder i til højre box1 og box2*/

#spot {
    border: 1px;
    position: absolute;
    bottom:0px;
    left: 0px;
    width: 150px;
    height: 327px;
    border-color: #330000;
    border-style: solid;
  }

/*Det øverste af billederne i spot-kassen til højre*/

.box1 {
    position : absolute;
    left : 25px;
    top : 32px;
  }

/*Det næsteøverste af billederne i spot-kassen til højre*/

.box2 {
    position : absolute;
    left : 25px;
    top : 184px;
  }

/*Indeholder prod1,prod2 og prod3 ved visning at et enkelt produkt*/

#all_prod {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 243px;
    height: 100px;
    padding: 0px;
  }

/*Første af tre billeder ved detaljevisning af et produkt*/

.prod1 {
    position: absolute;
    top: 0px;
    left: 0px;
  }

/*Andet af tre billeder ved detaljevisning af et produkt*/

.prod2 {
    position: absolute;
    top: 0px;
    left: 84px;
  }

/*Tredige af tre billeder ved detaljevisning af et produkt*/

.prod3 {
    position: absolute;
    top: 0px;
    right: 0px;
  }

/*Det store billede v. detaljevisning af produkt*/

.show {
    left : 40px;
    position : absolute;
    top : 20px;
  }

/*Det store billede ved detaljevisning(produkt.php) indeholdt i show-div*/

#stor_billede {
    width:150px;
    height:200px;
  }

/*overskrift ved detaljevisning(produkt.php)*/

#produktnavn {
    position: absolute;
    top: 20px;
    left: 238px;
    width: 200px;
    height: 20px;
    font-weight:bold;
    font-size: 12px;
    font-family: Verdana, Arial;
  }

/**/

#priser {
    border: solid 0px #ad8169;
    position: absolute;
    top: 40px;
    left: 230px;
    width: 240px;
    height: 120px;
  }

/**/

#innerpriser {
    position: absolute;
    top: 8px;
    left: 8px;
    height: 90%;
    width: 90%;
    font-size: 10px;
    font-family: Verdana, Arial;
  }

/*Nederste linie i priser*/

#betingelser {
    font-family : verdana;
    font-size : 9px;
    position : absolute;
    bottom: 5px;
    vertical-align : bottom;
  }

/*Beskrivelse af produktet v. detaljevisning(produkt.php)*/

#beskrivelse {
    border: 0px ;
    position: absolute;
    top: 230px;
    left: 40px;
    width: 200px;
    height: 150px;
    overflow: auto;
  }

/**/

#innerbeskrivelse {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 95%;
    height: 90%;
    font-size: 10px;
    font-family: Verdana, Arial;
  }

/*Indeholder dropdowns til valg af farve,størrelse og antal*/

#valg {
    position: absolute;
    top: 170px;
    left: 238px;
    width: 150px;
    height: 97px;
    border-width:0px;
    font-size: 4px;
    font-family: Verdana;
  }

/*Font for den tekst der er i denne div. dvs."Antal"*/

#valg td {
    font-size: 10px;
    font-family: Verdana;
  }

/*Adressen nederst på siden*/

#adresse_footer {
    text-align:center;
    color: #300;
    font-size: 10px;
    font-family: Verdana;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 850px;
    height: 15px;
  }

/*Indehold i valg-div*/

#laeg_i_kurv_knap {
    color: white;
    font-size: 10px;
    font-family: Verdana;
    background-color: #92c692;
    border: none;
    width: 100px;
  }

/*Farve, størrelse, antal -formularen på detaljevisning af et produkt*/

.formular {
    font-size: 10px;
    font-family: verdana;
    border:gray;
    border-style:solid;
    border-width:1px;
  }

/*Tabel der hvor kunden skriver sine stamdata*/
  
table.stamdata_table {
    font-family:verdana;
    font-size:10px;
  }

/*kontakt er der hvor kunden kan maile under "kontakt os"*/

#kontakt {
    font-family:verdana;
    font-size:10px;
  }


#kontakt td {
    font-family:verdana;
    font-size:10px;
  }


#kontakt input {
    font-family:verdana;
    font-size:10px;
  }


.table_kurv {
    font-family:verdana;
    color: #669966;
  }


.table_kurv td {
    vertical-align:top;
  }


.bold {
    font-weight:bold;
  }


.knap {
    color: white;
    font-size: 12px;
    font-family: Verdana;
    background-color: #92c692;
    border: none;
    width: 100px;
  }