/* .................................................

Tilpasset stilark for MAT OG DRIKKE-seksjonen
Grafikk av Stian Braathen, CSS av Hilde Skjolberg

................................................... */


/* Spesialtoppen */
.mat #spesialtopp {background: transparent url(topp_matogdrikke2.jpg) 0 0 no-repeat;}
.mat #spesialtopp h2 {text-indent: -5000px;}

/* Artikkeltoppen */
.mat #arttopp h2 a:link, .mat #arttopp h2 a:visited, .mat #arttopp h2 a:hover,
.mat #arttopp_bred h2 a:link, .mat #arttopp_bred h2 a:visited, .mat #arttopp_bred h2 a:hover {background: #14b url(topp_artikkel_matogdrikke2.jpg) 0 0 no-repeat; text-indent: -5000px;}

#arttopp_bred p {color: #000; top: 26px; right: 435px;}


/* seksjonsoverskrifter */
.mat #frontspalte h2#sakskompleks {margin-top: 5px;}

.mat #frontspalte h2#sakskompleks a:link, .mat #frontspalte h2#sakskompleks a:visited {color: #fff; text-decoration: none;}
.mat #frontspalte h2#sakskompleks a:hover {text-decoration: underline;}


/* STORE S�KEBOKSER */

/* Sokeboks */

#frontspalte .sokeboks {margin: 7px 0; padding: 4px; font: .8em/1.3em Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; color: #eef;}
#frontspalte .sokeboks h3 {display: block; margin: 0; height: 20px; text-indent: -5000px;}
#frontspalte .sokeboks ul {list-style: none; margin: 10px 0; padding: 0; line-height: 1.7em; text-align: center;}
#frontspalte .sokeboks ul li {display: inline; margin: 4px 10px;}

#frontspalte .sokeboks form {margin: 0 0 30px;}
#frontspalte .sokeboks form label {display: block; width: 0; height: 0; visibility: hidden;}
#frontspalte .sokeboks form input.search {width: 290px; margin-left: 10px; padding: 7px; padding-left: 40px; background: #eed url(icon_search.png) 4px 0 no-repeat; color: #600; border: 1px solid #600;}
#frontspalte .sokeboks form input.submitknapp {width: 85px; margin-left: 10px; padding: 6px; color: #600; font-weight: bold; background: #eed; border: 1px solid #600;}

#frontspalte .sokeboks a:link, #frontspalte .sokeboks a:visited {color: #eed; text-transform: uppercase; text-decoration: none;}
#frontspalte .sokeboks a:hover {color: #fff; text-decoration: underline;}


.matguiden #frontspalte .sokeboks {background: #600 url(bak_sok_mat_stor.png) 0 0 no-repeat;}
.restaurantguiden #frontspalte .sokeboks {background: #600 url(bak_sok_rest_stor.png) 0 0 no-repeat;}
.restaurantguiden #frontspalte .sokeboks h3 {height: 40px;}




/*FELLES SPALTE */

/* spesifikke topper  - annet som er generelt for seksjonen ligger i hovedstyle */

.mat .columnContent#siste h2 {background: #900 url(tittel_siste.jpg) top right no-repeat;}
.mat .columnContent#aperitif h2 {background: #900 url(tittel_aperitif.jpg) top right no-repeat;}
.mat .columnContent#forum h2 {background: #900 url(tittel_forum.jpg) top right no-repeat;}
.mat .columnContent#oppskrifter h2 {background: #900 url(tittel_oppskrift.jpg) top right no-repeat;}
.mat .columnContent#vinguiden h2, .mat .columnContent.vin h2 {background: #900 url(tittel_vinguide.jpg) top right no-repeat;}
.mat .columnContent#sjuve h2 {background: #900 url(tittel_sjuve.jpg) top right no-repeat;}


/* soek */
.mat .columnContent.sokeboks h2 {margin: 0; padding: 0; background: none;}
.mat .columnContent.sokeboks h2 a {display: block; margin: 0; padding: 5px; height: 10px; text-indent: -5000px; background: none;}
.mat .columnContent.sokeboks ul {list-style: none; margin: 5px 0; padding: 0; line-height: 1.5em; text-align: center;}
.mat .columnContent.sokeboks ul li {display: inline; margin: 3px 5px;}

.mat .columnContent.sokeboks form {margin: 20px 0;}
.mat .columnContent.sokeboks form label {display: block; width: 0; height: 0; visibility: hidden;}
.mat .columnContent.sokeboks form input.search {width: 220px; margin-left: 10px; padding: 5px; padding-left: 30px; background: #eed url(icon_search.png) 4px -2px no-repeat; color: #600; border: 1px solid #600;}
.mat .columnContent.sokeboks form input.submitknapp {width: 70px; margin-left: 5px; padding: 4px; color: #600; font-weight: bold; background: #eed; border: 1px solid #600;}

.mat .columnContent.sokeboks a:link, .mat .columnContent.sokeboks a:visited {color: #eed; text-transform: uppercase; text-decoration: none;}
.mat .columnContent.sokeboks a:hover {color: #fff; text-decoration: underline;}


.mat .columnContent.sokeboks.mat {background: #500 url(bak_sok_mat_spalte.png) 0 0 no-repeat;}
.mat .columnContent.sokeboks.restaurant {background: #500 url(bak_sok_rest_spalte.png) 0 0 no-repeat;}


/* Vinguiden */

.mat .columnContent#vinguiden h3 {margin: 1px 0; padding: 5px 0 5px 20px; font-size: 1.1em; background: #ebb url(bak_vinguidetittel.jpg) top right no-repeat;}

.mat .columnContent#vinguiden ul {margin: 1px 0;}
.mat .columnContent#vinguiden li {margin: 2px 0; padding: 2px 0 2px 47px; background: #f1dada;}
.mat .columnContent#vinguiden li img {margin: 2px 10px 2px -32px; vertical-align: middle;}
.mat .columnContent#vinguiden li a:link, .mat .columnContent#vinguiden li a:visited {text-decoration: none; font-weight: bold;}
.mat .columnContent#vinguiden li a:hover {text-decoration: underline;}
.mat .columnContent#vinguiden p {margin: 5px 0 0 12px;}

/* Oppskrifter */

.mat .columnContent#oppskrifter ul {margin: 10px 12px; padding: 0;}
.mat .columnContent#oppskrifter li {clear: both; float: left; margin: 3px 0;}
.mat .columnContent#oppskrifter li a {display: block; height: 68px; width: 338px; text-decoration: none; font-weight: bold; color: #000; background: #fdfdf1;}
.mat .columnContent#oppskrifter li a:hover {color: #900; background: #fff;}
.mat .columnContent#oppskrifter li img {float: left; margin: 2px 0 2px 2px; border: none;}
.mat .columnContent#oppskrifter li span {display: block; float: left; margin: 20px 0 0 10px; width: 253px;}

/* Restaurantanmeldelser */
.mat .columnContent#restauranter ul {margin: 0; padding: 10px 0; }
.mat .columnContent#restauranter li {margin: 0 0 5px 0; padding: 0 5px 3px 5px; font-size: .7em; font-style: italic; border-bottom: 1px dotted #ccb;}
.mat .columnContent#restauranter li img {vertical-align: middle; margin: 0 10px; }
.mat .columnContent#restauranter li a:link, .mat .columnContent#restauranter li a:visited {margin-right: 7px; color: #900; font-size: 1.2em; font-style: normal; font-weight: bold;}
.mat .columnContent#restauranter li a:hover {color: #000;}




/* UNDERSIDE : MATGUIDEN */



/* Lister for oppskriftsoversikt paa fronten */

.matguiden div.simplelist {width: 468px; margin: 10px 0 20px 0; padding: 0 0 5px 0; font-family: "Lucida Grande", arial, sans-serif; background: #eed;}
.matguiden div.simplelist:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /*auto-cleares floats*/
.matguiden #frontspalte div.simplelist h2 {clear: both; margin: 0; padding: 5px 2px; font-size: .9em; background: #eec; border-top: 1px solid #900; border-bottom: 1px solid #900;}
.matguiden div.simplelist ul {float: left; list-style: none; margin: 10px 0 10px 25px; padding: 0; width: 124px;}
.matguiden div.simplelist ul li {margin: 2px 0; padding: 0; font-size: .8em; background: #fdfdf1;}

.matguiden div.simplelist ul li a:link, .matguiden div.simplelist ul li a:visited {display: block; width: 120px; margin: 0; padding: 2px 0 2px 5px; color: #000; text-decoration: none; background: #fdfdf1;}
.matguiden div.simplelist ul li a:hover {color: #900; background: #fff;}

.matguiden div.simplelist.alt ul, .matguiden div.simplelist.alt ul li, .matguiden div.simplelist.alt ul li a {width: 85px;}

.matguiden div.recipelist {width: 468px; display: inline-block; margin: 10px 0 20px 0; padding-bottom: 10px; font-family: "Lucida Grande", arial, sans-serif; background: #eed;}
.matguiden div.recipelist:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /*auto-cleares floats*/
.matguiden #frontspalte div.recipelist h2 {clear: both; margin: 0; padding: 5px 2px; font-size: .9em; background: #eec; border-top: 1px solid #900; border-bottom: 1px solid #900;}

.matguiden div.recipelist ul {list-style: none; margin: 10px 12px; padding: 0;}
.matguiden div.recipelist li {clear: both; float: left; margin: 3px 0;}
.matguiden div.recipelist li a {display: block; height: 68px; width: 435px; text-decoration: none; font-weight: bold; color: #000; background: #fdfdf1;}
.matguiden div.recipelist li a:hover {color: #900; background: #fff;}
.matguiden div.recipelist li img {float: left; margin: 2px 0 2px 2px; border: none;}
.matguiden div.recipelist li span {display: block; float: left; margin: 20px 0 0 10px; width: 320px;}

/* oppskriftsvisning */

.matguiden #oppskrift h1 {margin: 0 0 10px 0; padding: 10px 0 8px 10px; font-family: "Lucida Grande", arial, sans-serif; font-size: 1em; color: #fff; background: #900 url(mat_bak_stortittel.jpg) top left no-repeat; border-right: 1px solid #900;}

.matguiden #oppskrift #ingredienser, .matguiden #oppskrift #fremgang {margin: 20px 0; padding: 0 10px 20px 10px; line-height: 20px; background: #fff url(mat_bakmstriper.gif) 0 3px repeat;}
.matguiden #oppskrift #ingredienser h2, .matguiden #oppskrift #fremgang h2 {margin: 0 -10px; padding: 5px 2px; font-size: .9em; background: #eec; border-top: 1px solid #900; border-bottom: 1px solid #900;}
.matguiden #oppskrift #ingredienser p, .matguiden #oppskrift #fremgang p {margin: 0 0 20px;}
.matguiden #oppskrift #fremgang h2 {margin-bottom: 20px;}
.matguiden #oppskrift p.skjul {display: none;}
.matguiden #oppskrift #ingredienser p.aperitif {font-weight:bold;margin:0px -10px;padding:0px 10px;background:white;}
.matguiden #oppskrift #ingredienser p.aperitif img {float:right;}