
/*==========SØKEMASKIN=========*/                   
BODY  {margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px }

.tekst_sokemaskin {font-size: 12px; font-family: arial, verdana;}
.select_sokemaskin {margin: 0px; font-size: 10px; width: 75px; border: solid 2px #000; background-color: #FFFFFF;}
.select_sokemaskin_list {margin: 0px; font-size: 10px; width: 150px; border: solid 2px #000; background-color: #FFFFFF;}
.form_sokemaskin {margin: 0px; font-size: 10px;}
.input_sokemaskin {margin: 0px; font-size: 10px; font-size: 10px; width: 100px;}
.input_sokemaskin_send {height: 34px; width: 95px;}
.input_sokemaskin_send_avansert {height: 24px; width: 75px; background-color: #FFCC99; font-weight: bold;}

.meny_linje {width: 610px; border: solid 2px #000; text-align: center; background-color: #DCDCDC; font-family: verdana; font-weight: bold;}
.meny_linje, a { color: #000000; font-family: Verdana,Geneva,Helvetica,sans-serif; text-decoration:none;}
.meny_linje, a:hover {text-decoration:none;}	
.meny_linje, a:active {text-decoration:none;}

.servering_tabell {width: 455px; text-align: left; background-color: #FFFFCC; font-family: verdana;}

/* RENSKER FLOATING ELEMENTER */
.renske{clear:both;font-size: 1px;}

/* Pekere til restauranter i opplistinger*/
.restaurantpeker {background-color: #ffffff; font-family: arial; font-size: 0.8em; font-weight: bold;}
.restaurantpeker, a { color: #000000; font-family: Arial; text-decoration:none;}
.restaurantpeker, a:hover {text-decoration:none;}	
.restaurantpeker, a:active {text-decoration:none;}

/* FORM - FJERNER EXTRA MELLOMROM FRA FORM */
.select {margin: 0px; font-size: 10px;}
.toppbanner { width: 100%; height: 150px; background-color: #FFFFFF; text-align: center; padding-top:5px; }
.bunn_firmaadresse { font-size: 10px; text-align: center; font-family: Verdana; }


.midten {text-align: center}
.hovedramme_lenker_bunn { text-align:center; color: #0f0f0f; font-size: 10px}
.titel {font-family: Verdana; font-size: 10pt; color: #0000C0;}
.ingen_understrek {text-decoration:none;}
.forside_lister {background-color: #ffffff; padding: 5px; text-align: center;}
.forside_lister_boks {background-color: #FFFFFF; padding: 5px; text-align: left; border: solid 1px #99ccff;}

/* LENKER PÅ TOPP */
.topp_meny { width: 100%; height: 20px; background-color: #FFFFFF; text-align: center; padding: 5px; font-size: 8pt;}
.topp_meny_lenker { font-family: Verdana; font-weight: bold; text-decoration:none;}
.topp_meny_lenker:hover {font-family: Verdana; font-weight: bold; text-decoration:none;}
.topp_meny_lenker:active {font-family: Verdana; font-weight: bold; text-decoration:none;}

/* FORM - FJERNER EXTRA MELLOMROM FRA FORM */
.form {margin: 0px;}

/* PEKERE generelle for hele siden uten class */
a:link { color: #000000; font-family: Arial;}
a:active { color: #000000; text-decoration: none; font-family: Arial;}
a:hover	{ color: #4d4d4d; text-decoration:none; font-family: Arial;}	
a:active { color: #000000; text-decoration:none; font-family: Arial;}


/* Setter fontstørrelse og fonttype for hele hjemmesiden. */
font { font-size: 8pt; font-family: Verdana; }

/* BLOCKQUOTE  */
.blockquote { margin-left:10px; margin-right: 10px; }


.back_bb {background: white url(http://www.matoppskrift.no/images/tables/shadow_BB.gif)}

.back_rr {background: white url(http://www.matoppskrift.no/images/tables/shadow_RR.gif)}

/* -------- BOX    */

.box { font-size: 8pt; font-family: Verdana; color: black; background-color: #FFFFFF; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid;}
.box_2 { font-size: 8pt; font-family: Verdana; color: black; background-color: #FFFFFF; cursor: pointer}
.box_big { font-size: 14pt; font-family: Verdana; color: black; font-weight: bold; background-color: #FFFFFF; cursor:pointer; }
.box_sok { font-size: 7pt; font-family: Verdana; font-weight: bold; color: black; margin-top: 5px; margin-bottom: 3px; text-align:center; background-color: #DFEFFF; cursor: pointer}
.box_sok_1 { font-size: 7pt; font-family: Verdana; text-align: center}
.box_sok_2 { font-size: 7pt; font-family: Verdana; font-weight: bold; border-style: solid; border-color: #DFEFFF}
.box_sok_3 { width:140px; BORDER: black 1px solid; text-align: center}
.box_sok_4 { font-family: Verdana; font-size:small; font-style:italic; background:#99CCFF none; color:#000}


/* -------- ALLE STORE TABELLER SOM INNEHOLDER MANGE OPPTELLINGER    */
/* Brukes i topp linjen overfor hovedteksten sammen med MAIN LINJE */

/*Setter størrelsen og font type for all text i alle tabeller.*/
td { font-size: 8pt; font-family: Verdana; }

table.ingrid { color: #000000; background-color: #ffffff; border-top: solid 0px #000000; border-bottom: solid 0px #000000; border-right: solid 0px #000000; border-left: solid 0px #000000; padding-left:10px; padding-right: 1cm; font-family: Verdana; font-size: 8pt; }
table.ingrid_3 { color: #000000; background-color: #ffffff; border-top: solid 1px #B0C4DE; border-bottom: solid 1px #B0C4DE; border-right: solid 1px #B0C4DE; border-left: solid 1px #B0C4DE; padding-left:10px; padding-right: 1cm; font-family: Verdana; font-size: 8pt; }
table.ingrid_4 { color: #000000; background-color: #FFFFFF; border-top: solid 1px #B0C4DE; border-bottom: solid 1px #B0C4DE; border-right: solid 1px #B0C4DE; border-left: solid 1px #B0C4DE; padding-left:10px; padding-right: 1cm; font-family: Verdana; font-size: 8pt; }
table.ingrid_5 { color: #000000; background-color: #ffffff; border-top: solid 1px #99ccff; border-bottom: solid 1px #99ccff; border-right: solid 1px #99ccff; border-left: solid 1px #99ccff; padding-left:10px; padding-right: 10cm; font-family: Arial; font-size: 100%; }


/* -------- TABELLER INNE I ANDRE TABELLER INGEN BORDERLINJE    */
/* Brukes i topp linjen overfor hovedteksten sammen med MAIN LINJE */
table.ingrid2 { background-color: #ffffff; padding-left:10px; padding-right: 1cm; font-family: verdana; }

/* -------- MAIN HEADER    */
/* Brukes i topp linjen overfor hovedteksten sammen med MAIN LINJE */
table.main_header { background-color: #ffffff; border-top: solid 0px #000000; border-bottom: solid 0px #000000; border-right: solid 0px #000000; border-left: solid 0px #000000; font-size: 8pt; }

.hovedramme { width:100%; background: #ffffff; BORDER: black 1px solid; padding: 5px; }

/* Brukes rundt bilder på forsider, lager ramme og marginer*/
.image2 { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; margin-top: -0px; margin-bottom: 3px; margin-right: 5px; margin-left: 5px; }

/* Brukes rundt bilder i artikler, lager ramme*/
.image { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; margin-top: 3px; margin-bottom: 0px; margin-right: 5px; margin-left: 3px; }

/* Brukes rundt bilder i oppskrifter, lager ramme*/
.image3 { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; margin: 0px; }

/* Brukes rundt bilder i oppskrifter, ingen synlig ramme men 5 px margins*/
.image4 { margin-top: 5px; margin-bottom: 5px; margin-right: 10px; margin-left: 10px;  }


/* Brukes rundt lenker som skal se ut som knapper*/

/* Brukes rundt bilder i artikler, lager ramme*/
.knapper { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; margin-top: 3px; margin-bottom: 0px; margin-right: 5px; margin-left: 3px; }

.knapper {
text-decoration: none;
border-top: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
padding: 2px 3px;
text-align: center;
font-family: Verdana;
font-size: 10px;
height: 20px;
color:#888;
background:#fff;
}
a.knapper:link {
text-decoration: none;
color:#888;
background:#fff;
}
a.knapper:hover {
text-decoration: none;
border-top: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
text-align: center;
font-size:10px;

height: 20px;
color: #666;
background:#eee8aa;
}

/* Liten navigator i lystblå farge over i hovedtabllen SEE OGSÅ LINKBLUE NEDEFOR*/
.du_er { font-weight: bold; font-size: 7pt; font-family: Verdana; color: #000080; }

/* Brukes sammen med du_er. Gjør lenkene lyseblå.*/
.linkblue { color: #000080 }

/* Brukes for ramme som ligger på høyre side i hovedrammen*/
.float { WIDTH: 150px; float: right; background: #FFFFFF; border-top: 2px solid #99CCFF; border-bottom: 2px solid #99CCFF;
border-left: 2px solid #99CCFF; border-right: 2px solid #99CCFF; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; margin-left: 5px; margin-right: 0px; margin-top: 15px; margin-bottom: 5px; }

/* Brukes for ramme som ligger på høyre side i hovedrammen. Smal type*/
.float_2 { WIDTH: 130px; float: right; background: #FFFFFF; border-top: 2px solid #99CCFF; border-bottom: 2px solid #99CCFF;
border-left: 2px solid #99CCFF; border-right: 2px solid #99CCFF; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; margin-left: 5px; margin-right: 0px; margin-top: 15px; margin-bottom: 5px; }

/* Brukes for ramme som ligger på høyre side i hovedrammen. Smal type100 px*/
.float_3 { WIDTH: 100px; float: right; background: #FFFFFF; border-top: 1px solid #99ccff; border-bottom: 1px solid #99ccff;
border-left: 1px solid #99CCFF; border-right: 1px solid #99ccff; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; margin-left: 5px; margin-right: 0px; margin-top: 15px; margin-bottom: 5px; }



.vanlig_forside_text { font-family: Verdana; background-color: #ffffff; padding-left: 10px; padding-right: 5px; padding-top: 10px; padding-bottom: 3px; BORDER-RIGHT: 1px solid #99CCFF; BORDER-TOP: 1px solid #99CCFF; BORDER-LEFT: 1px solid #99CCFF; BORDER-BOTTOM: 1px solid #99CCFF; margin-left: 10px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; font-size: 8pt; }

.short_text { font-family: Verdana; background-color: #FFFFFF; padding-left: 10px; padding-right: 5px; padding-top: 5px; padding-bottom: 3px; BORDER-RIGHT: 1px solid #99CCFF; BORDER-TOP: 1px solid #99CCFF; BORDER-LEFT: 1px solid #99CCFF; BORDER-BOTTOM: 1px solid #99CCFF; margin-left: 10px; margin-right: 5px; margin-top: 5px;
margin-bottom: 5px; font-size: 8pt; }

.short_text_1 { font-family: Verdana; background-color: #FFFFFF; padding-left: 10px; padding-right: 5px; padding-top: 5px; padding-bottom: 3px; BORDER-RIGHT: 1px solid #99CCFF; BORDER-TOP: 1px solid #99CCFF; BORDER-LEFT: 1px solid #99CCFF; BORDER-BOTTOM: 1px solid #99CCFF; margin-left: 10px; margin-right: 5px; margin-top: 5px;
margin-bottom: 5px; font-size: 8pt; }

.short_text_2 { font-family: Verdana; background-color: #FFFFFF; padding-left: 10px; padding-right: 5px; padding-top: 5px; padding-bottom: 3px; BORDER-RIGHT: 1px solid #99CCFF; BORDER-TOP: 1px solid #99CCFF; BORDER-LEFT: 1px solid #99CCFF; BORDER-BOTTOM: 1px solid #99CCFF; margin-left: 10px; margin-right: 5px; margin-top: 5px;
margin-bottom: 5px; font-size: 8pt; }

.short_text_3 { font-family: Verdana; background-color: #FFFFFF; padding-left: 10px; padding-right: 5px; padding-top: 5px; padding-bottom: 3px; BORDER-RIGHT: 1px solid #99CCFF; BORDER-TOP: 1px solid #99CCFF; BORDER-LEFT: 1px solid #99CCFF; BORDER-BOTTOM: 1px solid #99CCFF; margin-left: 10px; margin-right: 5px; margin-top: 5px;
margin-bottom: 5px; font-size: 8pt; }


p { margin-bottom: 0 }
h1, h2, h3, h4, h5 { margin-bottom: 4px}

h1 { color: #000080; font-family: Verdana; font-size: 14pt;}
h2 { color: #000080; font-family: Verdana; font-size: 12pt;}
h3 { color: #000080; font-family: Verdana; font-size: 10pt;}
h4 { color: #000080; font-family: Verdana; font-size: 9pt;}
h5 { color: #000080; font-family: Verdana; font-size: 8pt;}
h6 { color: #000080; font-family: Verdana; font-size: 7pt;}

.Reference_2 { 
text-align: justify; 
background-color: #F5F5F5; border-style: 
outset; border-width: 2px; margin-top: 0px; margin-bottom: 10px; 
padding-left: 10px; padding-right: 10px; padding-top: 5px; font-size: 8pt;
padding-bottom: 12px }

.Reference { 
text-align: left; background-color: #FFFFFF; letter-spacing: 1pt; font-size: 8pt; 
border-right-style: groove; border-bottom-style: groove; 
margin-top: 0px; margin-bottom: 10px; padding-left: 10px; 
padding-right: 10px; padding-top: 5px; padding-bottom: 12px }

/* Some styles used by the "Cascading Popup Menus" script.
Consult a CSS reference (a good one is www.ncdesign.org) for syntax and tweaking ideas.
You can delete the ones you're not using in your ItemStyles, or add more if you want.*/

/* Font settings -- change your font, colour, alignment etc.  Insert 'font-weight: bold;' or 'font-style: italic;' without quotes if you want.*/
.lowText { text-decoration: none; color: #000000; font: 12px Verdana; text-align: left }
.highText { text-decoration: none; color: #000000; font: 12px Verdana; text-align: left }
.shortText { text-decoration: none; color: #000000; font: 11px Verdana; text-align: left }

/* Borders used by some items */
.itemBorder { border: 1px solid #99ccff; }
.itemBorderBlank { border: 1px solid #CCCCDD }

/* The "button" demo menu styles, as used by the "File-Reopen" menu */
.buttonText { text-decoration: none; color: #FFCC99; font: Bold 12px Verdana; }
.buttonHover { text-decoration: none; color: #99CCFF; font: Bold 12px Verdana; padding: 1px }
.buttonBorder { border: 1px outset #339966 }
.buttonBorderOver { border: 1px inset #CC9966 }

/* VISER STILER FOR KOMMENTARSIDER*/

.kommentar{

width: 400px;
border-style: solid;
border-width: 2px;
border-color: #000090;
margin-top: 4px;
font-family: Arial;
font-size: 100%;
clear: left;
}



/* TOP PÅ VISNING AV KOMMENTAR */
.top_comment{
background-color: #000090;
width: 400px;
height: auto;
color: white;
font-family: Arial;
font-weight: bold;
font-size: 100%;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 2px;
padding-top: 2px;
margin-right: 0px;
margin-left: 0px;
}

/* INGRESS PÅ KOMMENTAR */
.ingress_comment{
width: 100%;
font-family: Arial;
font-size: 80%;
padding-left: 8px;

}

/* OVERSKRIFT PÅ ALLE KOMMENTARENE */

.title_comment{
background-color: #F5F5F5;
overflow: visible;
width: 100%;
height: auto;
font-size: 90%;
font-weight: bold;
color: #000090;
padding-left: 8px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 0px;
float: left;
overflow: hidden;
}

/* NAVN OG STED PÅ ALLE KOMMENTARENE */

.navn_sted_comment{
background-color: #F5F5F5;
overflow: hidden;
width: 32%;
height: 15px;
font-size: 70%;
font-weight: bold;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 0px;
text-align: center;
color: #000090;
float: left;
}

/* INNLAGT DATO PÅ ALLE KOMMENTARENE */

.innlagt_comment{
overflow: hidden;
background-color: #eaeff8;
width: 65px;
height: 14px;
font-size: 0.8em;
color: #999999;
font-weight: normal;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
border-style: none none none none;
border-color: black;
border-width: 0px;
}

/* SELVE TEKSTEN PÅ ALLE KOMMENTARENE */

.tekst_comment{
width: 95%;
height: auto;
border-style: none none none none;
border-width: 0px;
border-color: #eaeff8;
font-size: 70%;
color: #000090;
font-weight: normal;
float: left;
padding-left: 4px;
padding-right: 4px;
}

/* SELVE TABELLEN SOM VISER KOMMENTARER*/
.table_comment 
{ 
width: 75%;
color: #000000; 
background-color: #ffffff; 
border-top: solid 1px #99ccff; 
border-bottom: solid 1px #99ccff; 
border-right: solid 1px #99ccff; 
border-left: solid 1px #99ccff; 
padding-left:10px; 
padding-right: 10px; 
font-family: Verdana; 
font-size: 1em; 
}


/* Overskrift på kommentaren som vises på oppskriften */

.overskrift_text{
background-color: #eaeff8;
width: 40%;
height: auto;
border-style: solid;
border-width: 2px;
border-color: #ffffff;
font-size: 1em;
color: #000066;
float: left;
margin-right: -3px;
padding-left: 8px;
}	

/* Navn på kommentaren som vises på oppskriften */

.navn_text{
background-color: #eaeff8;
width: 25%;
height: auto;
border-style: solid;
border-width: 2px;
border-color: #ffffff;
font-size: 0.9em;
color: #000066;
float: left;
margin-right: -3px;
padding-left: 8px;
}

/* Dato på kommentaren som vises på oppskriften */

.dato_text{
background-color: #eaeff8;
width: 25%;
height: auto;
border-style: solid;
border-width: 2px;
border-color: #ffffff;
font-size: 0.9em;
color: #000066;
float: left;
margin-right: -3px;
padding-left: 8px;
}

