/*------------------------------- Allmänt ---------------------------*/

/* Denna ligger i alla body */
div.generellt {
	font-family: arial,century;
}

/* Yttre tabellerna */
table.yttretab {
    width: 760px;
	border: 1px solid black;
	background-color: white;
	align:center;
}

/* Bredd på den yttre tabellen i sidhuvud2 */
table.yttretab2 {
   width: 600px;
	border: 1px solid black;
	background-color: white;
}
/* Bredd på (nästan) alla tabeller */
table.bredd {
   width: 760px;
}

/* Bakgrund på nästan alla tabeller */
table.farg {
   background-color: white;
}

/* Vid sidan om sidan */
body.farg {
   background-color: LightGrey;
}

/* Tillbaka knapp */
input.tillbaka {
   font-size: 110%;
   font-weight: bold;
   background-color:LightGrey;
}

/* Normal text lite kraftigare */
.normaltextbold {
   font-size: 80%;
   font-weight:bold;
}

/* Normal rubrik */
.normalrubrik {
   font-size: 100%;
   font-weight:bold;
}

/* Normal rubrik */
.rubrik_italic {
   font-size: 100%;
   font-weight:bold;
   font-style:italic;
}



/* Stor rubrik */
.storrubrik {
   margin-top:5px;
   font-size: 110%;
   font-weight:bold;
}

/* Normal text */
.normaltext {
   font-size: 80%;
}

/* Text som matas in i fält */
input.text {
   font-size: 80%;
}

/* Rubrikerna framför varje fält */
.faltlabel {
   font-size: 80%;
}

/* Bilderna längst uppe till höger och vänster på alla sidor
   utom den första */
img.sidhuvud {
   height: 130px;
   width: 110px;
} 

/* Felmeddelanden */
.felmeddelande {
   font-size: 100%;
   font-weight: bold;
   color: red;
}

/*------------------------- sidhuvud --------------------------*/

/* Texten Gloriosa Blomsterhandel + skickablommor.net*/
.gloriosasidhuvud {
   text-align: center;
   font-size: 110%;
   font-weight: bold;
   font-family: cursive,sans-serif,arial;
}

   
/*----------------- Första sidan index.html -------------------------*/
.skickablommorindex {
   text-align: center;
   font-size: 115%;
   font-weight: bold;
   margin-top:5px;
   margin-bottom:15px;
   font-style:italic;
   font-family:cursive,sans-serif,arial;}
}

/* div runt menyn med start webbutik mm (bara på index.html)*/
#divruntmeny {
	margin-top:5px;
    margin-bottom:5px;
}

/* td runt menyn med start webbutik mm (bara på index.html)*/
#tdruntmeny {
	margin-top:0px;
    margin-bottom:0px;
    padding-bottom:0px;
    padding-top:0px
}

/* Texten "Klicka här för att skicka blommor" på första sidan */
#klickahar {
   text-aliign: center;
   font-size: 120%;
   font-weight: bold;
   margin-top:10px;
   margin-bottom:5px;
}
 
/* Texten Gloriosa Blomsterhandel på första sidan */
#gloriosaindex {
   text-align: center;
   font-size: 150%;
   font-weight: bold;
   line-height: 80%;
   font-style:italic;
   /*font-family: cursive,sans-serif,arial;*/
}

/* Texten "Klicka här för att skicka blommor" på första sidan */
#klickahar {
   text-align: center;
   font-size: 120%;
   font-weight: bold;
   margin-top:15px;
   margin-bottom:15px;
}

/* Bilderna längst uppe till höger och vänster på första sidan */
img.sid1 {
   height: 240px;
   width: 110px;
}

/* Texten Läs om våra säkra betalningsrutiner */
#sakrabetaln {
   font-weight:bold;
   font-size:120%;
}

/* Gloriosas adress */
.gloriosaadress {
   font-family: cursive,sans-serif,arial;
} 

/*---------------------  Bestalla formuläret ------------------------*/

/* Texten "Välj vad du vill skicka" på Bestalla formuläret */
#valjvad {
   text-align: center;
   font-size: 120%;
   line-height: 140%;
   font-weight: bold;
}

 
/* Artikelbenämningstexten i rutan som visar en artikel */
.artikelben {
   font-size: 75%;
}

/* En ruta med ett artikelval */
table.artikelval {
   width: 240px;
}

/* Tabellen med alla artikelval */
table.bestalla {
   border-collapse:collapse;
   border:1px dotted black;
}

/* En ruta på beställa sidan */
td.bestalla {
	border:1px dotted black;
}

/* Artikelbeteckningstexten i rutan som visar en artikel */
.artikelbet {
   font-size: 75%;
}

/* Priset på artiklarna */
.artikelpris {
   font-size: 75%;
}

/* Val av antal */
.antalval {
   font-size: 75%;
}

/* Varning vid val av många rosor */
.antalvarning {
   font-size: 100%;
   font-weight: bold;
   text-align: center;
}

/* Frågan om att välja färg */
.vfarg {
	font-size: 75%;
}
	
/* Bilderna i rutan som visar en artikel */
img.artikel {
 /*   height: 160px;
    width: 140px;*/
}

/*------ Här kommer alla knappar -----*/

/* Diverse knappar nästa steg och tillbaka */
input.boldbutton {
   font-size: 100%;
   font-weight: bold;
   background-color:LightGrey;
   border:1px solid black;
}

input.boldbutton:hover {
    background-color:DimGray;
    color:white;
}

/* Diverse knappar */
input.mindreknapp {
   font-size: 90%;
   background-color:LightGrey;
   border:1px solid black;
}

input.mindreknapp:hover {
    background-color:DimGray;
    color:white;
}

/* Diverse knappar */
input.riktigt_liten_knapp {
   font-size: 55%;
   background-color:LightGrey;
   border:1px solid black;
}

input.riktigt_liten_knapp:hover {
    background-color:DimGray;
    color:white;
}

/* Knapp för att lägga i varukorgen */
input.kopknapp {
   font-size: 80%;
   font-weight: bold;
   width: 145px;
   background-color:LightGrey;
   border:1px solid black;
}

input.kopknapp:hover {
    background-color:DimGray;
    color:white;
}

/* Varugruppsknapparna på Bestall formuläret */
input.vgrknapp {
   font-size: 90%;
   font-weight: bold;
   width: 120px;
   background-color:LightGrey;
   /*margin-left:1px;
   margin-right:1px;
   padding-left:1px;
   padding-right:1px;*/
   border:1px solid black;
}

input.vgrknapp:hover {
    background-color:DimGray;
    color:white;
}

/* Varugruppsknapparna på Bestall formuläret aktuell varugrupp */
input.vgrknapp_aktgrupp {
   font-size: 90%;
   font-weight: bold;
   width: 120px;
   background-color:LightGreen;
   color:white;
   /*margin-left:1px;
   margin-right:1px;
   padding-left:1px;
   padding-right:1px;*/
   border:1px solid black;
}

/*------------------------- Beställda varor ------------------------*/

/* En tag innehåller hela varukorgen */
.varukorgytterst {
   border:2px solid LightGrey;
   /*border-style: solid;*/
}

/* Varukorgen som syns på Bestalla formuläret bl.a. */
#varukorgtable {
   background-color: mintcream; 
}


/* Texten "Beställda varor" */
#dinvarukorg {
   font-size: 90%;
   font-weight: bold;
   text-align:center;
}

/* Generella attribut om tabellen som innehåller varukorgen */
td.varukorgtext {
   font-size: 80%;
   font-weight:bold;
}

/* Summa raden i varukorgen */
.varukorgsumma {
   font-size: 95%;
   font-weight: bold;
}

/* Moms raden i varukorgen */
.varukorgmoms {
   font-size: 75%;
}

/* Bredd på tabortkolumnen */
td.tabortbredd {
   width: 60px;
}

/*------------------------- Beställda varor på kvittot ------------------------*/

/* Texten "Beställda varor" */
#dinvarukorg2 {
   font-size: 85%;
   font-weight: bold;
   text-align:center;
}

/* Generella attribut om tabellen som innehåller varukorgen */
td.varukorgtext2 {
   font-size: 75%;
   font-weight:bold;
}

/* Summa raden i varukorgen */
.varukorgsumma2 {
   font-size: 80%;
   font-weight: bold;
}

/* Summa raden i varukorgen */
.varukorgmoms2 {
   font-size: 70%;
}

/* Bredd på tabellen */
table.bredd2 {
	width: 600px; 	
}
/*-------------------------- LevUppgifter ------------------*/

/* Texten "Mottagarens uppgifter" på LevUppgifter */
#mottagare {
   font-weight:bold;
}

/* Texten "Dina uppgifter" på LevUppgifter */
#dinauppgifter {
   font-weight:bold;
}

/* Texten "Om mottagaren ej är hemma" */
#omejhemma {
   font-weight: bold;
}

/* Texten "Välj betalningssätt" */
#valjbetal {
   font-weight: bold;
}

/* Texten om fakturering */
.faktura {
	font-size: 90%;
	font-weight: bold;
}

/* Stjärna som markerar obligatoriskt fält */
.stjarnalabel {
	font-size: 110%;
}

/* Stjärnan när fältet lämnats tom */
.fellabelstjarna {
   font-size: 120%;
   color: red;
}

/* Rubrikerna framför varje fält */
.fellabel {
   font-size: 80%;
   color: red;
}

/*------------------------- KonfirmeraVarning --------------------*/
.konfirmeratext {
   text-align: center;
   font-weight: bold;
   font-size: 90%;
   color: red;
}

/*------------------------ GodkannaKop -----------------------------------*/
.fakturatext {
	font-size: 100%;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}

/*---------------------------- Kvitto ------------------------------------*/
.kvitto {
	padding: 10px;
	font-size: 90%;
}

/*------------------------ VisaUppgifter.visaOrder -----------------------*/

.visarubrik {
   font-size: 75%;
   color: red;
}

.visatext {
  font-size: 75%;
}
  
/*-----------------------  ValjFarg --------------------------------------*/
.valjfargtext {
  	font-size: 80%;
}

.valjfargrubrik {
	font-size: 90%;
	font-weight: bold;
}

/*----------------------- StorBild ----------------------------------------*/
.storbildtext {
	font-size: 90%;
}

/*----------------------- TillaggsBestallning ------------------------------*/
.tillaggstext {
	font-size: 90%;
	font-weight: bold;
}

.tillaggsrubrik {
	font-size: 120%;
	font-weight: bold;
}
	
.bandfargtext {
	font-size: 90%;
}

/*------------------------- Butiksapplikationen -------------------*/

#sidhuvudgloriosa {
   font-size : 120%;
   font-weight: bold;
   font-family: cursive,sans-serif,arial;
   background-color: yellow
}

#stortabell {
   width: 760px;
}

#sidhuvudtabell {
   width: 760px;
   /*background-color: yellow;*/
}

#overskrift {
   font-size: 100%;
   font-weight: bold;
   text-align: center;
}

.butikrubrik {
   font-size: 100%;
   font-weight: bold;
}

.butikorderfalt {
   font-size: 80%;
}

.butikknapp {
   background-color:LightGrey;
   border:1px solid black;
   font-size: 75%;
}

/* Menyerna överst på många sidor och mitt på index.html */
a.meny:link,a.meny:visited
{
    float:left;
    text-align:center;
    width:100px;
    text-decoration:none;
    color:black;
    background-color:LightGrey;
    padding-top:3px;
    padding-bottom:3px; 
    border:0px solid black;
    font-size: 90%;
    font-weight: bold;
}
a.meny:hover,a.active {
    background-color:DimGray;
    color:white;
    /*text-decoration:underline;*/
}

.vald{
	float:left;
    text-align:center;
    width:100px;
    text-decoration:none;
    color:white;
    background-color:LightGreen;
    padding-top:3px;
    padding-bottom:3px; 
    border:0px solid black;
    font-size: 90%;
    font-weight: bold;
}

/* Varugruppsval på Bestalla */
a.vgrmeny:link,a.vgrmeny:visited
{
    float:left;
    text-align:center;
    width:100px;
    text-decoration:none;
    color:black;
    background-color:LightGrey;
    padding-top:3px;
    padding-bottom:3px; 
    margin-left:1px;
    margin-right:1px; 
    border:1px solid black;
    font-size: 90%;
    font-weight: bold;
}
a.vgrmeny:hover,a.active {
    background-color:DimGray;
    color:white;
    /*text-decoration:underline;*/
}

.vgr_aktgrupp{
	float:left;
    text-align:center;
    width:100px;
    text-decoration:none;
    color:white;
    background-color:LightGreen;
    padding-top:3px;
    padding-bottom:3px; 
    margin-left:1px;
    margin-right:1px; 
    border:1px solid black;
    font-size: 90%;
    font-weight: bold;
}