/* blå mörk: #212b4b */
/* gul ljus: #fff3cc */
/* gul mörk: #cc9900 */
/* gul navi: #997300 */

/* ljusblå: #3366cc */
/* beige: #b68976 */
/* orange: #CC6600 */
/* cvhf: #cc9900 */
/* blå mörk: #212b4b */

body 				{margin:10px;border:0;padding: 0; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif;}

img	{border:0}

/* EJ VISUELLA */
#huvudnyhet h1, #senasteartikel h1, #notiser1 h1, #notiser2 h1, #notiser3 h1, #druvan h1, #relaterat h1, #hjalpnavi h1, .hide
					{display:none;}
					

/* MICROFORMATS */
span.date, .reviewer, .item span, .type, .vevent p span {display:none;}
.hreview blockquote {font-size:80%;margin:5px; padding:0px;}
.hreview abbr {border:0;} 

/*MEDLEMSFORUM */
table.forum 	{border-collapse:collapse; border:1px solid #212b4b; margin-top:20px}
.forum td 	{border-left:1px solid #212b4b; border-collapse:collapse; border-right:1px solid #212b4b; padding:7px; font-size:80%;vertical-align:top}
.forum p	{margin:0;}
.forum ul	{margin:0; padding:0;list-style-type:none;}
.forum li	{font-size:10px}
.forum li a {color: #878787}
.forum td.threadHeader {background:#b9dcff;}
.forum td.threadBody {border-bottom:1px solid #212b4b;}
.forum td.postDate {font-size:60%;}
.forum td.threadFirstPost {background:#fff3cc}
img.avatar {width:64px; height: 64px; background:#fff; padding:5px; border:1px solid #ccc; margin:0 0 3px 0}

ul.memberList {padding:0;list-style-type:none; margin:0;}
ul.memberList li {font-size: 70%; text-align: center; vertical-align: top; padding: 5px; float: left; margin: 5px;}
ul.memberList img {display:block;}


/* LAYOUT */
#innehallsmal		{width:360px;float:left; margin: 0 15px 20px 0;clear:left;}
#innehallbred		{width:565px;float:left; margin: 0 15px 20px 0;}
#relaterat			{width:190px;float:left; margin: 0 15px 20px 0;}
#hjalpnavi			{width:163px;float:left; margin: 0 0 20px 0;}
#fotnot				{width:743px;clear:left;background:#997300; color: #fff; border-top: 3px solid #c90;text-align:center; font-size: 80%; padding: 5px 0 6px 0;}
#toppnavi			{height: 6.3em}
.utanstod			{margin: 50px 0 150px 250px; width: 300px}

/* FORMULAR */
#formular fieldset			{border:none;margin:0;padding:0}
#formular label				{font-size:70%; display:block}
#formular input				{margin: 5px 0 15px 0}
#formular input.button		{display:block}

/* LOGO */
#logotyp			{width: 743px; position:absolute;top: 15px;}
#logotyp img		{border:0; float:left;}
#hoppnavi a			{display: none}
#logotyp p			{font-size: 70%; color: #999; text-align: right; }

/* DRUVAN */
#druvan			{background:#fff; padding:6px; border: 1px solid #009933}
#druvan img		{border:0; width:100%;}
#druvan h2		{font-size: 210%; font-weight: normal; text-transform:capitalize;margin:3px 0 8px 0}
#druvan p		{margin-top:0; margin-bottom:0; }
#druvan h2 a		{color: #093}

/* KALENDER */
.calendar	{width:99%; font: 85% Verdana; border-top: 1px solid #212b4b; margin:20px 0 0 0}
.calendar td	{vertical-align:top; border-bottom:1px solid #212b4b; padding:5px; background: #fff3cc}
.calendar caption	{color: #fff; background-color: #212b4b; font:  bold 100%; text-align:left; padding: 2px 0 3px 5px}
.calendar p.date {margin:0;padding:0;}
.calendar h2 {font-size:120%; margin:2px 0;padding:0;}
.calendar p {margin:5px 0;padding:0;}
.calendar div {background:#fff; padding:8px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 2px solid #999; border-bottom: 2px solid #999; margin: 0 0 5px 10px; width:430px}

.calendar div.promote {background:#ffcece; padding:8px; border-top: 1px solid #ce0000; border-left: 1px solid #ce0000; border-right: 2px solid #ce0000; border-bottom: 2px solid #ce0000; margin: 0 0 5px 10px}

.calendar ul {background:#fff; width:55px; border: 1px solid #000; margin:0; list-style:none; padding:2px 2px 10px 2px}
.calendar li {text-align:center; font: 100% Arial,Helvetica,Verdana; margin:0; padding:0; line-height:50%}
.calendar .day {font: bold 250% Arial,Helvetica,Verdana}
.calendar span {color:#ce0000}




/* MARGINALER MELLAN ELEMENT */
#huvudnyhet, #veckansvintips, #senasteartikel, #notiser2, #notiser3, #hjalpnavi	{margin-top: 15px;}

/* TYPOGRAFI */
p 		{font-size: 80%; line-height: 140%;}
p.foto			{font-size: 60%; color:#999; text-align:right;margin:0}
#bokrecensionen h2, .relaterat h2, .relaterat h3, #sokviner h2, #sortering h2, .numrering h2, #hjalpnavi h3, #admin h2, #admin h3, .box h2, #bladdraarea h3, #bladdraarea h2, #soklabel label, #kontextnavi h2, #formular label	, #sokarea h2, #sokarea label, #sokarea h3, .upperbar, #kommentera label	
{font-family: Verdana, Arial, Helvetica, sans-serif;}
#logotyp p, #veckansvintips	h1, #veckansvintips	h2, #veckansvintips	p, #veckansvintips ul, #bokrecensionen h1, label
		{font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;}
#veckansvintips	h1, #veckansvintips	h2			{color: #000;}
h1,h2,h3,h4,h5,h6	{font-family: Arial, Helvetica, Verdana, sans-serif; color: #212b4b;}
h1 {margin:0}
h1,h2,h3,h4,h5,h6,strong,b,label,input,textarea,p.ingress,dt {font-weight: bold}
acronym, abbr		{border-bottom: 1px dotted #222;  font-style: normal;  cursor: help;}
h1,#huvudnyhet h2	{font-size: 130%;}
h2					{font-size: 105%;}
h3					{font-size: 80%;}
h1 a:visited, h2 a:visited, h3 a:visited, h1 a, h2 a, h3 a, h1 a:active, h2 a:active, h3 a:active
					{color: #212b4b;text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h1 a:visited:hover, h2 a:visited:hover, h3 a:visited:hover
					{color: #212b4b;text-decoration: underline;}				
.capitalize			{text-transform: capitalize}
.margin0			{margin:0; padding:0;}
ul					{font-size: 80%}
form				{font-size: 110%}

h2.subheading {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:90%;margin-bottom:-5px;}

h1 span, h2 span {color:#990000;}

p.publiceringsdatum				{font-size: 65%; margin: 8px 0 -8px 0; color: #999999;}

.rss		{border:0; margin: 0 0 0 10px}
a.rss-icon  {background:url(/web_elements/images//feed-icon-12x12.gif) no-repeat 0 50%;
	padding:0 0 0 20px;}
ul.rss-cooperation {list-style:none; padding:0 0 0 20px; margin:0;}	

.block		{display:block}
.none		{display:none}
.normal {font-weight: normal}
.clearleft	{clear: left}
.inline	{display:inline}

.square{list-style: square}

/* ANDRA */
#redigera	{text-align: center}

/* C-BOX */
.cbox	{border: 1px solid #212b4b}
.cbox p {margin:0px; padding:5px 7px 5px 7px}

/* LEADERBOARD */
.leaderboard	{
			width:743px;
			background: #fff url(/v2/web_elements/images/bg_leaderboard.gif);
			margin: 10px 0 -3px 0;

}

.leaderboardsmall	{
			width:743px;
			height: 73px;
			background: #fff url(/v2/web_elements/images/bg_leaderboard_small.gif);
			margin: 5px 0 -5px 0;

}

.leaderboardsmall a	{
	color: #000;

}

.googleleaderboard1, .googleleaderboard2, .googleleaderboard3, .googleleaderboard4	{
			width:743px;
			height: 96px;
			margin: 10px 0 -5px 0;
			padding: 3px 0 0 5px;
			
}

.googleleaderboard1 {background: url(/v2/web_elements/images/bg_leaderboard_google1.gif) no-repeat;}
.googleleaderboard2 {background: url(/v2/web_elements/images/bg_leaderboard_google2.gif) no-repeat;}
.googleleaderboard3 {background: url(/v2/web_elements/images/bg_leaderboard_google3.gif) no-repeat;}
.googleleaderboard4 {background: url(/v2/web_elements/images/bg_leaderboard_google4.gif) no-repeat;}

/* ORDLISTA */
#ordlista h2	{font-size: 75%; color: #fff; background: #212b4b; padding: 2px 5px 4px 5px; margin:0; text-transform: capitalize}

dl			{font-size: 80%; line-height: 150%}
dd			{margin: 0 0 15px 30px}
dt			{margin: 0 0 -2px 0}
.alfabet li	{display:inline; margin:0 0 0 1px}
.alfabet	{ margin:15px 0 15px 0; padding:0; font-size:90%; font-weight: bold;}

/* FEATURE (DE TRE ELEMENT SOM VISAS HÖGST UPP PÅ VISSA SIDOR */
.feature span		{font-weight:bold; margin-right: 5px}
.feature 	{margin:15px 0 8px 0}
.feature h2 			{margin:0 0 5px 0}
.feature p		{margin:0}
#uppfeature		{border-bottom: 1px solid #ccc; padding-bottom: 20px}
#uppfeature img		{border: none; margin-bottom: 10px}
#vansterfeature img, #hogerfeature img {border: none; width: 170px; margin-bottom: 10px}
#vansterfeature .boken, #hogerfeature .boken {border: none; width: 80px; margin-bottom: 10px;}
#vansterfeature .betyg, #hogerfeature .betyg {border: none; width: 73px; margin-bottom: 10px;}
#vansterfeature		{width: 46%; float:left; padding: 0 10px 20px 0}
#hogerfeature		{width: 46%; float:left; padding: 0 0 20px 10px;}

					
/* FÖRSTASIDAN */
#huvudnyhet h2,#notiser1 h2,#notiser2 h2,#notiser3 h2,#senasteartikel h2		{margin:0}
#notiser1 img,#notiser2 img,#notiser3 img {width:130px; float:left;}
#huvudnyhet p 		{margin:5px 0 0 0}
#veckansvintips		{background: #fff3cc; padding-bottom:5px; border-bottom: 1px solid #000}
#veckansvintips	h1	{font-size: 90%; border-top: 2px solid #000; border-bottom: 1px solid #000; padding: 3px 3px 5px 3px; background:#fff; margin: 0px}
#veckansvintips	h2	{font-size: 70%; margin: 5px; display:inline}
#veckansvintips img	{margin: 2px 2px -2px 0}
#veckansvintips span	{font-size: 65%}
#veckansvintips	p	{font-size: 70%; line-height: 160%; padding: 0 0 5px 5px; margin: 2px 0 5px 0}
#veckansvintips ul	{font-size: 70%; line-height: 160%; margin-top: -3px; margin-right: 20px; margin-bottom: 0; list-style-type: square;}
#notiser1 p, #notiser2 p,#notiser3 p, #senasteartikel p  		{padding-bottom:10px; margin: 5px 0 10px 0; border-bottom: 1px solid #ccc}
#senasteartikel img	{border:0; margin-bottom:5px}

/* ADMINRUTA */
#andra	{width: 200px; border: 1px solid #f00; text-align: center; padding:5px 0 10px 0; background: #ffe6e7; position: absolute; top: 10px; left: 310px}

/* TEXTLÄNKAR */
.textlankar h4 {font: 75% Verdana, sans-serif; font-weight: bold; color: #fff; background: #212b4b; padding: 3px 5px 4px 5px; margin:0;}
.textlankar ul {font: 70% Tahoma, Arial, Verdana sans-serif; padding: 0; margin:0; list-style:none}
.textlankar li {padding: 1px 5px 3px 5px; margin:1px 0 0 0; background:#c4d7e6; list-style:none}
.textlankar a {text-decoration: none; color: #000}
.textlankar a:hover {text-decoration: underline; color: #003399}

/*SYSTEMLISTA */
.systemlista h3 {font: 80% Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000; margin-bottom:0; }
.systemlista p {margin-top: 0px;}
.systemlista p em {font-size:11px}

/* SÖK HÖGER */

#sokviner .bladdra				{display: none}
#sokviner h2	{font-size: 75%; color: #fff; background: #212b4b; padding: 2px 5px 4px 5px; margin:0}
#sokviner fieldset	{border:0; padding: 5px}
#sokviner form		{margin:0; border-bottom: 1px solid #212b4b}
#sokviner label		{display: none}
#sokviner h3	{margin:2px 5px 0px 5px; font-size: 80%;}
#sokviner	{border: 1px solid #212b4b}
#sokviner ul	{margin:0; padding: 0 5px 5px 5px; list-style:none}
#sokviner li	{font-size: 100%; margin:0; padding: 0 0px 1px 15px}
#hjalpnavi h3 a {font-size: 110%; color: #0000ff; text-decoration:underline;}

/* KONTEXTUELL NAVIGERING */
#kontextnavi	{border-left: 1px dotted #999; margin: 15px 0 0 0; padding: 0 10px 10px 10px}
#kontextnavi h2	{color: #000; margin:0 0 5px 0; font-size: 75%}
#kontextnavi ul	{margin:0; padding: 0 5px 0 16px; list-style:square; font-size: 70%}
#kontextnavi li	{margin:4px 0 4px 0;}

/* ARTIKEL */
img.artikel	{margin: 0 0 10px 0}

/* IKONMENYER */
.menypunkt		{clear:both; margin: 20px 0 15px 0}
.menypunkt img	{float:left; margin: 0 10px 15px 0; border: 1px solid #000; width:100px}
.menypunkt h2	{margin: 0 0 5px 0; font-family: Verdana; font-size: 90%}
.menypunkt p	{margin: 0 0 5px 0}
.menypunkt h2 a:visited, .menypunkt h2 a, .menypunkt h2 {color:#212b4b; text-decoration:underline}


/* SÖK MAIN */

#sokarea #soklabel label	{font-size: 100%}
#bladdraarea h3	{font-size: 100%; margin:0}

#bladdrasekundara ul, #bladdravanliga ul	{list-style:none; margin:5px 0 20px 0; padding:0}
#bladdrasekundara li, #bladdravanliga li	{display: inline; line-height: 160%}
#bladdravanster ul, #bladdrahoger ul	{margin:0 0 0 30px; padding:0}
#bladdravanster li, #bladdrahoger li	{line-height: 160%; list-style-type: square;}
#bladdraarea h3 a	{color: #0000ff; text-decoration:underline;}
#bladdrarubrik	{margin: 15px 0 0 0}

#bladdrasekundara, #bladdrahoger	{width: 47%; float:left; margin: 15px 0 0 20px}
#bladdravanliga, #bladdravanster {width: 47%; float:left; margin: 15px 0 0 0}

#sokarea {background: #fff3cc; margin-top: 15px}
#bladdraarea {margin: 15px 0 0 0}
#sokarea fieldset {border:none; margin:0; padding: 0}
#sokarea form {border:none; margin:0; padding: 5px 5px 10px 10px}
input.sok {width: 450px; margin-right: 10px}
#soklabel, #bladdraarea h2, #sokarea h2, .upperbar	{font-size: 75%; color: #fff; background: #212b4b; padding: 2px 5px 4px 5px; margin:0;}
#bladdravanliga .block	{display:block}
a.omraden	{font-weight: bold}

/* SOK AVANCERAT */
#sokarea #prisintervall span		{font-size: 75%}
#sokarea label	{font-size: 75%}
#sokarea h3	{font-size: 75%; color: #000; margin:0}

#sokarea #namn	{margin: 0 0 10px 0}
#sokarea #namn input {width: 540px}

#sokarea #druva	{float:left; margin: 0 15px 0 15px}
#sokarea #prisintervall h3	{margin: 0 0 -1px 0}
#sokarea #land	{float:left;}

#sokarea #vintyp	{clear:left;float:left; width: 30%; margin: 15px 10px 0 0;}
#sokarea #prisvarde	{float:left; width:30%; margin: 15px 0 0 20px;}
#sokarea #passar	{float:left; width:25%; margin: 15px 0 0 30px;}
#sokarea #sokknapp	{clear:left}

/* ARKIVTABELLER */
.arkiv		{font-size: 75%; clear:left; margin-bottom: 20px; width: 100%}
.arkiv col.datum		{width: 24%}
.arkiv col.titel		{width: 76%}
.arkiv th	{display:none}
.arkiv td		{border-bottom: 1px solid #212b4b; margin:0; padding:8px 5px 8px 5px;vertical-align: top}	
.arkiv caption		{font-size: 100%; color: #fff; background: #212b4b; padding: 2px 5px 4px 5px; font-weight: bold; text-align: left}

.listning	{font-size: 75%; clear:left; margin-bottom: 20px; width: 100%}
.listning col.tema		{width: 70%}
.listning col.svarighet		{width: 30%}
.listning th	{font-size: 100%; color: #fff; background: #212b4b; padding: 2px 5px 4px 5px; font-weight: bold; text-align: left}
.listning td		{border-bottom: 1px solid #212b4b; margin:0; padding:8px 5px 8px 5px;vertical-align: top}	
.listning caption		{display:none}

/* NYHHETSBEDOMNING */
.newsrating		{margin: 5px 0px 5px 0px}

/* KOMMENTERA */
#kommentera h2 {border-bottom: 1px solid #000; margin: 30px 0 8px 0;}
#kommentera p {font-size: 70%; margin: 0 0 8px 0; padding: 0}
#kommentera ul {margin:0; padding: 0 0 10px 0; list-style:none}
#kommentera li {padding: 1px 3px 4px 3px;}
.jamn		{background:#ececec}
.udda		{background:#f2f2f2}
#kommentera span {font-size:80%} 
#kommentera form {padding: 10px 0 0 0}
#kommentera form.aktiv {border-top: 1px solid #000}
#kommentera fieldset {border:0; padding:0; margin:0}
#kommentera label {font-size:75%; margin: 5px 0 -2px 0}
#kommentera textarea {margin-bottom: 10px} 

/* MATBOK */ 
.matbok {background:#fff3cc;padding:8px;}
.matbok img {float:right; margin:0 0 5px 5px}
.matbok h2 {margin: 0 0 0 0;}
.matbok p {margin: 8 0 0 0}
.matbok p.matbokaffiliate {text-align:center;}

/*RECEPT */
.ingredienser {width: 170px; float:right; background:#fff3cc; padding:0; font-size: 85%; margin:15px 0 10px 10px;}
.ingredienser p {margin: 5px;}
.ingredienser h2 {color:#FFFFFF; background: #212b4b; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 0; font-size:90%; padding: 1px 5px 3px 5px;}
.ingredienser p.portioner {color:#666666;}


/*VINKÄLLARESTATISTIK */

table.statistik {
	width: 100%;
	margin-top:0px;
	padding-top:0px;
}

table.statistik td.kategori {
	width: 130px;
	text-align:right;
	padding-right:5px;
	font:bold 70% Tahoma, Verdana, sans-serif;
}

table.statistik div {
	background: #fff3cc;
	border-bottom: 2px solid #cc9900;
	border-right: 2px solid #cc9900;
	text-align:right;
	padding: 5px 3px 5px 0;
	font: 70% tahoma, sans-serif;
	margin: 2px 0 2px 0;
}

h2.stat {
	font:bold 75% Verdana, sans-serif;
	padding: 2px 10px 3px 5px;
	margin-bottom:4px;
	background: #212b4b;
	color:#fff;
}


/* ETIKETTER */

ul.etiketter {margin:0; padding:0;}
ul.etiketter li {display:inline; margin-right:10px}
.etikett90 {font-size:90%}
.etikett100 {font-size:100%}
.etikett110 {font-size:110%}
.etikett120 {font-size:120%}
.etikett130 {font-size:130%}
.etikett150 {font-size:150%}
.etikett200 {font-size:200%}
.etikett260 {font-size:260%}


/* VINTABELL */
#vintabell	{font-size: 75%; border-collapse: collapse; margin-top: 15px}
#vintabell col.land		{width: 4%}
#vintabell col.vinnamn		{width: 50%}
#vintabell col.pris		{width: 12%}
#vintabell col.kvalitet	{width: 12%}
#vintabell col.prisvarde	{width: 16%}
#vintabell col.typ			{width: 6%}

#vintabell th acronym, #vintabell caption	{display:none}
#vintabell th		{font-size: 100%; color: #fff; background: #212b4b; padding: 2px 5px 4px 5px; margin:0}
#vintabell td		{border-bottom: 1px solid #212b4b;margin:0; padding:8px 5px 8px 5px;}	

#vintabell a	{margin: 0 10px 0 0}
#vintabell img.storlek	{margin: 0 0 -2px 0}

.vintabell	{font-size: 75%; border-collapse: collapse; margin-top: 15px}
.vintabell th acronym, .vintabell caption	{display:none}
.vintabell th		{font-size: 100%; color: #fff; background: #212b4b; padding: 2px 5px 4px 5px; margin:0}
.vintabell td		{border-bottom: 1px solid #212b4b;margin:0; padding:8px 5px 8px 5px; vertical-align:top;}	
.vintabell a	{margin: 0 10px 0 0}
.vintabell img.storlek	{margin: 0 0 -2px 0}

/* VINFORUM */
#vinforum	{font-size: 75%; border-collapse: collapse; margin-top: 15px; width:100%}
#vinforum col.rubrik		{width: 50%}
#vinforum col.last		{width: 10%}
#vinforum col.svar		{width: 10%}
#vinforum col.senaste	{width: 30%}
#vinforum col.signatur		{width: 25%}
#vinforum col.namn			{width: 75%}


#vinforum th acronym, #vintabell caption	{display:none}
#vinforum th		{font-size: 100%; color: #fff; background: #212b4b; padding: 2px 5px 4px 5px; margin:0}
#vinforum th.signatur	{display:none}
#vinforum th.inlagg	{display:none}
#vinforum td		{border: 1px solid #212b4b;margin:0; padding:8px 5px 8px 5px;}	

#vinforum a	{margin: 0 10px 0 0; color:#00F;}

/* VINFORUMTRAD */
#vinforumtrad	{font-size: 75%; border-collapse: collapse; margin-top: 15px; width:100%; line-height:140%}
#vinforumtrad col.signatur		{width: 30%}
#vinforumtrad col.namn			{width: 70%}


#vinforumtrad caption	{font-weight: bold; font-size: 100%; color: #fff; background: #212b4b; padding: 2px 5px 4px 5px; margin:0; text-align:left}
#vinforumtrad th		{border: 1px solid #212b4b; display:none; }
#vinforumtrad td		{border: 1px solid #212b4b; margin:0; padding:8px 5px 8px 5px; vertical-align:top}	

#vinforumtrad a	{margin: 0 0 0 0}
#vinforumtrad .datum {font-size: 90%}

#vinforumtrad .highlight {background-color: #fff3cc;}

#svaraTrad {background-color: #fff3cc;}
#svaraTrad form {margin:0; padding:5px 10px 10px 10px; border: 1px solid #212b4b;}
#svaraTrad label {font: bold 75% Verdana, sans-serif; margin: 10px 0 0 0}
#svaraTrad span {font-weight: normal;}
#svaraTrad fieldset	{border:0; margin:0; padding:0;}
#svaraTrad h2 {font: bold 75% Verdana, sans-serif; color: #fff; background: #212b4b; padding: 2px 5px 4px 5px; margin:20px 0 0 0}



td.center			{text-align: center}
th.hoger, td.hoger	{text-align: right}
th.vanster	{text-align: left}



#sortering		{margin-top: 10px}
#sortering li	{margin-top: 10px}
.numrering		{margin-top: 15px}
#sortering h2, .numrering h2	{color: #000; display: inline; margin: 0 10px 0 0; font-size: 75%}
#sortering ul, .numrering ul 	{display: inline; list-style-type: none; margin:0; padding:0}
#sortering li	{display: inline; padding: 0 5px 2px 5px; border-right: 1px solid #000; margin: 0}
#sortering li.aktiv, .numrering li.aktiv	{font-weight: bold}
#sortering li a, .numrering li a {color: #00f}
.numrering li	{display: inline; padding: 0 4px 2px 3px; margin: 0}



/* VIN */
div.box	{border: 1px solid #212b4b; margin:0 0 20px 0}
.box h2 {font-size: 75%; color: #fff; background: #212b4b; padding: 2px 5px 4px 5px; margin:0}
.box p {margin: 5px}

.box th {display:none; text-align: right;}
.box caption {display:none}
.box td {font-size: 80%; padding: 0px 5px 0px 5px; border-collapse: collapse;}

td.totalt {background: #fff3cc;}
.box table {border-collapse: collapse; width: 100%}
div.stapel {height: 20px; background-color: #ededed; margin: 5px 0 5px 0; border: 1px solid #999999;}
div.box td div div {height: 20px; background-color: #ffcc66;}

#farg {width: 10%}
#doft {width: 30%}
#smak {width: 40%}
#helhet {width: 20%}
#totalt {width: 95%}

.boxtabell th {font-size: 80%; display: block; text-align: right; vertical-align: top}
.boxtabell td, .boxtabell th	{padding: 3px 5px 3px 5px; border-collapse: collapse;}
.boxtabell {border-collapse: collapse; width: 100%}
.boxtabell div {text-align: center; width: 33%; float: left}
.boxtabell img {display: block; margin-left: 1.8em; text-align: left;}
.boxtabell img.margin0			{margin:0; padding:0;}

/* ADMIN */
#admin div	{float:left; width: 33%; text-align: center; margin:0px 0 7px 0; padding:0}
#admin a	{color: #0000ff; text-decoration: underline; font-weight: normal}
#admin h2	{clear:left; color: #fff; background: #212b4b; font-size: 80%; padding: 2px 5px 4px 5px; margin:15px 0 0 0; border-bottom: 2px solid #cc9900}
#admin h3	{margin:5px 0 0 0}
#admin img	{border: 1px solid #000; margin: 20px 0 0 0}


/* FOTNOT */
#fotnot	a		{color: #fff; margin: 0 5px 0 5px}

/* BOKRECENSIONEN */

.boken	{border:0; padding:0 10px 10px 0; float:left;}
.feature p	{clear: left;}


#recensionen	{padding: 10px 10px 0px 10px;border: 1px solid #cc9900;}
#bokrecensionen h1	{font-size: 80%; background-color: #fff3cc; margin:0; padding: 4px}
#bokrecensionen img	{margin: 0 10px 10px 0; float:left; display:block}
#bokinfo img	{margin: 3px 0 0 0; float:none;}
#bokrecensionen h2	{font-size: 90%; margin:0px 0 10px 0; }
#bokinfo			{font-size: 74%; margin: 10px 0 0 0;}
div.bokinfoetikett	{font-weight: bold;float:left;width: 110px; text-align:right; padding: 0 5px 5px 0;}
div.bokinfo	{padding: 0 5px 5px 0;}
#bokrecensionen p	{clear:left; font-size: 70%; line-height: 150%; margin-top: 0px}


/* KRÖNIKA */
#kronika		{border-bottom: 1px solid #e9e9e9; padding-bottom:15px; margin-bottom:15px; }
#kronika h1		{font: 90% Verdana; text-transform:uppercase; margin:0px 0 5px 0; display:visible}
#kronika blockquote		{font: 160% Times New Roman, Times, serif; margin:3px 0 8px 0; letter-spacing: -0.04em; color: #997300}

/* RELATERAT */

.relaterat		{background: #fff3cc; margin-top:15px; padding:0}
.relaterat h2	{font-size: 75%; color: #fff; background: #212b4b; padding: 2px 5px 4px 5px; margin:0}
.relaterat button	{margin: 5px 5px 9px 5px}
.relaterat ul	{font-size: 70%; padding: 2px 5px 3px 5px; list-style: none; margin: 0px 0px 0px 0px;}
.relaterat li	{padding: 0px 0px 3px 0px; margin: 0px 0px 0px 0px;}
.relaterat p, .relaterat h3		{font-size: 70%; margin:0; padding: 5px;}
.ejlank	{border-bottom: 20px solid #cc9900;}
p.relateratlank	{padding: 2px 5px 4px 5px; margin:0; background:#cc9900; text-align: right}
.relaterat label	{font-size: 60%;}
.relaterat fieldset	{border:none}
.relaterat form	{padding: 0px 6px 9px 6px}
.relaterat .textfalt	{width: 95%}
.relaterat .radio	{margin-right: 3px}
.relaterat img {margin: 0 2px 0 0}
.relaterat span	{font-size: 60%; margin: 0 6px 0 6px}

/* ARKIVTABELL */
#innehallstabell{margin: 20px 0 0 0}
#innehallstabell caption {text-transform: capitalize}

/*STORTAVLOR */
.tavla250 {margin-bottom:10px}

/* NAVIGERING */
#menu {
		
		font-size: 75%;
		position:absolute;
		top: 75px;
		float:left;
		margin: 0;
		padding-left: 19px

	}
#menu ul, #menu li	{
		display: inline;
		list-style-type: none;
		margin:0;
		padding:0;
		width:100%;
	}
#menu a:link, #menu a:visited {
		background: #F4ECD0;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-right: 2px solid #D3B865;
		color: #000;
		float: left;
		line-height: 1.15em;
		margin-right: 1px;
		padding: 0.20em 0.6em 0.35em 0.6em;
		text-decoration : none;
	}
#menu a:link.active, #menu a:visited.active	{
		background: #fff;
		border-bottom: 1px solid #fff;
		color: #fff;
	}
#menu a:hover {
		text-decoration: underline;
	}
div.avdelning01 #menu li#nav01 a,
div.avdelning02 #menu li#nav02 a,
div.avdelning03 #menu li#nav03 a,
div.avdelning04 #menu li#nav04 a,
div.avdelning05 #menu li#nav05 a,
div.avdelning06 #menu li#nav06 a,
div.avdelning07 #menu li#nav07 a,
div.avdelning08 #menu li#nav08 a,
div.avdelning09 #menu li#nav09 a,
div.avdelning010 #menu li#nav010 a,
div.avdelning011 #menu li#nav011 a {
		background : #997300;
		border-bottom: 1px solid #997300;
		color: #fff;
		font-weight: bold
	}
#menu #subnav01,
#menu #subnav02,
#menu #subnav03,
#menu #subnav04,
#menu #subnav05,
#menu #subnav06,
#menu #subnav07,
#menu #subnav08,
#menu #subnav09,
#menu #subnav010,
#menu #subnav011	{
		display: none;
		width: 90%;
		font-size: 100%
	}
div.avdelning01 #menu ul#subnav01,
div.avdelning02 #menu ul#subnav02,
div.avdelning03 #menu ul#subnav03,
div.avdelning04 #menu ul#subnav04,
div.avdelning05 #menu ul#subnav05,
div.avdelning06 #menu ul#subnav06,
div.avdelning07 #menu ul#subnav07,
div.avdelning08 #menu ul#subnav08,
div.avdelning09 #menu ul#subnav09,
div.avdelning010 #menu ul#subnav010,
div.avdelning011 #menu ul#subnav011 {
		display: inline;
		position:absolute;
		top: 1.7em;
		left:0.0em;		
		background:#997300;width:743px;
	}
div.avdelning01 #menu ul#subnav01 a,
div.avdelning02 #menu ul#subnav02 a,
div.avdelning03 #menu ul#subnav03 a,
div.avdelning04 #menu ul#subnav04 a,
div.avdelning05 #menu ul#subnav05 a,
div.avdelning06 #menu ul#subnav06 a,
div.avdelning07 #menu ul#subnav07 a,
div.avdelning08 #menu ul#subnav08 a,
div.avdelning09 #menu ul#subnav09 a,
div.avdelning010 #menu ul#subnav010 a,
div.avdelning011 #menu ul#subnav011 a {
		background: #997300;
		border: none;color: #fff;
		line-height: 1.05em;
		margin-right: 4px;
		padding: 0.3em 0.2em 0.4em 1.0em;
		text-decoration : none;
		font-weight: normal
		}
div.avdelning01 #menu #subnav01 a:hover,
div.avdelning02 #menu #subnav02 a:hover,
div.avdelning03 #menu #subnav03 a:hover,
div.avdelning04 #menu #subnav04 a:hover,
div.avdelning05 #menu #subnav05 a:hover,
div.avdelning06 #menu #subnav06 a:hover,
div.avdelning07 #menu #subnav07 a:hover,
div.avdelning08 #menu #subnav08 a:hover,
div.avdelning09 #menu #subnav09 a:hover,
div.avdelning010 #menu #subnav010 a:hover,
div.avdelning011 #menu #subnav011 a:hover {
		text-decoration: underline;
}


/* TABBAR */

/* tabs in C area */
.tabs                     {float: left; width: 100%; background: #fff url(/web_elements/images/tab_bg.gif) repeat-x bottom; line-height: normal; margin-bottom: 10px; margin-top:10px;font-size:85%}
* html .tabs              {float: none; margin-bottom: 10px} /* for ie */
.tabs li                  {background-image: url(/web_elements/images/tab_l.gif);}
.tabs a                   {background-image: url(/web_elements/images/tab_r.gif);}
.tabs .current            {background-image: url(/web_elements/images/tab_l_on.gif); font-weight:bold;}
.tabs .current a          {background-image: url(/web_elements/images/tab_r_on.gif); font-weight:bold;}
.tabs ul                 {margin: 0; padding: 10px 10px 0; list-style: none;}
.tabs li                 {font: 1.0em Verdana, sans-serif; float: left; line-height: 1.2em; background: url(/web_elements/images/tab_l.gif) no-repeat left top; margin: 0; padding: 0 0 0 9px; border-bottom: 1px solid #D4D4D4; list-style: none; white-space: nowrap;}
.tabs a                  {float: left; display: block; background: url(/web_elements/images/tab_r.gif) no-repeat right top; padding: 6px 10px 4px 1px; text-decoration: none !important; color: #000 !important;}
.tabs a:hover            {text-decoration: underline !important;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a                  {float: none;}
/* End IE5-Mac hack */
.tabs .current           {background-image: url(/web_elements/images/tab_l_on.gif); border-width: 0;  font-weight:bold;}
.tabs .current a          {background-image: url(/web_elements/images/tab_r_on.gif); color: #000; padding-bottom: 5px; font-weight: bold;}


/* ÅRETS VINER */

#arets-viner img.logo {float:right; width:125px; height:125px; margin-left:10px}
#arets-viner h2 {font: 150% Georgia, 'Times New Roman', Times, serif; padding-bottom:8px; margin:32px 0 5px 0; background-image:url(/web_elements/images/arets-viner-background-h2.gif); background-repeat:no-repeat; background-position:bottom;color:#990000; clear:both}
#arets-viner img.vinbild {float:right; margin-left:10px}
#arets-viner h3 {font-size:100%; color:#ccc; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0}

#arets-viner img.flagga {margin-right:5px;}
#arets-viner p.snabbinfo {color:#CC0000; font-size:65%;margin:2px 0 1px 0}
#arets-viner p.motivering {margin:8px 0 0 0;}
#arets-viner h3 a {color:#0000FF; text-decoration:underline;}



/* LANKAR */



a.breadcrumbs, a.breadcrumbs:hover, a.breadcrumbs:visited, a.breadcrumbs:visited:hover, a.breadcrumbs:active	{ font-weight: normal; color: #999999; }

/* TYPOGRAFI NYHET */
p.utskrift						{ font: 65% Verdana, Arial, Helvetica, sans-serif; margin: 15px 0px 0px 0px;}
p.ingressFet					{ font: bold 75% Verdana, Arial, Helvetica, sans-serif; margin: 10px 0px 20px 0px; line-height: 145%;}
p.forfattare					{ font: bold 75% Verdana, Arial, Helvetica, sans-serif; margin: 20px 0px 0px 0px;}
span.ingressDatum, span.vintips	{ font: bold 100% Tahoma, Helvetica, sans-serif; }
span.formularForfattare			{ font: 100% Tahoma, Helvetica, sans-serif; }
span.formularTeckenKvar			{ font: 70% Tahoma, Helvetica, sans-serif; }
span.nyhetFeature				{ font: 100% Tahoma, Helvetica, sans-serif; color: #ff0000;}
hr.nyhet						{ color: #cccccc; height: 1px; clear: left}
div.andra						{ font: 65% Verdana, Arial, Helvetica, sans-serif; text-align: right; margin: 6px 0px 0px 0px;}
span.andra						{ font: 80% Verdana, Arial, Helvetica, sans-serif;}


/* FORMULAROBJEKT */
form							{ margin-bottom:0px; margin-top:0px; }
select, input, textarea, button			{ font: 70% Verdana, Arial, Helvetica, sans-serif; margin: 5px 0px 0px 0px;}
div.formular					{ background-color: #fff3cc; padding: 15px 20px 20px 90px; margin: 10px 0 0 0; border: 1px solid #000000; }
div.formularLiten				{ background-color: #fff3cc; padding: 15px 30px 20px 30px; margin: 10px 0 0 0; border: 1px solid #000000; }
div.formularLitet				{ background-color: #fff3cc; padding: 10px 20px 20px 20px; margin: 10px 0 0 0; border: 1px solid #000000; }
.redaktionellt					{ font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 5px 0px 0px 0px; line-height: 135%; }
.redaktionelltRubrik			{ font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 5px 0px 0px 0px;}

/* TABELLER */
th.argangRubrik					{ background-color: #ffffff; }
th.argangRubrikAktiv			{ background-color: #fff3cc; border-top: 1px solid #212b4b; border-left: 1px solid #212b4b;  border-right: 1px solid #212b4b; }
th.tabellHuvud, td.tabellHuvud	{ background-color: #212b4b; }
td.tabellInnehall				{ background-color: #ffffff; border-bottom: 1px solid #212b4b; }
td.tabellInnehallAktiv			{ background-color: #fff3cc; border-bottom: 1px solid #212b4b; border-left: 1px solid #212b4b;  border-right: 1px solid #212b4b;}
td.tabellInnehallZebra			{ background-color: #ffffff; border-bottom: 1px solid #212b4b; }
div.tabellInnehall				{ font: 65% Verdana, Helvetica, sans-serif; padding: 5px 5px 5px 5px; }
div.tabellHuvud					{ font: bold 65% Verdana, Helvetica, sans-serif; color: #ffffff; padding: 3px 5px 3px 5px; }
table.laggTill					{ width: 375px; border: 1px solid #cc9900; background-color: #ffffff; }



/* ELEMENT */
div.vintipsRubrik				{ background-color: #ffffff; margin: 10px 0px 0px 0px; width: 100%; border-bottom: 1px solid #000000; border-top: 2px solid #000000;  }
div.finstilt					{ background-color: #fff3cc; margin: 30px 0px 0px 0px; width: 773px; border: 1px solid #212b4b;}
div.vintips						{ background-color: #fff3cc; margin: 0px 0px 0px 0px;} 
div.boxFeatureInnehall			{ background-color: #ffffff; margin: 0px 0px 0px 0px; border: 1px solid #cc9900;}
div.boxFeatureRubrik			{ background-color: #fff3cc; margin: 10px 0px 0px 0px; width: 100%;}
div.boxRubrik					{ background-color: #212b4b; margin: 15px 0px 0px 0px; width: 100%;}
div.boxInnehall					{ background-color: #fff3cc; margin: 0px 0px 0px 0px; width: 100%;}
div.boxFiltrera					{ background-color: #fff3cc; margin: 0px 0px 10px 0px; border: 1px solid #212b4b; width: 358px}
div.boxSok						{ background-color: #fff3cc; margin: 0px 0px 0px 0px; border: 1px solid #212b4b; padding: 0px 0px 10px 0px}
div.boxLankar					{ background-color: #cc9900; margin: 0px 0px 0px 0px; width: 100%;}


span.bildDatum					{ color: #999999;}
p.breadcrumbs					{ font: bold 70% Verdana, Helvetica, sans-serif; margin: 10px 0px 10px 0px; color: #999; line-height: 160%}
p.copy							{ font: 65% Tahoma, Verdana, Helvetica, sans-serif; color: #999999; text-align: right; margin: -4px 0 0 0}
span.feature					{ font: bold 140% Tahoma, Verdana, Helvetica, sans-serif; color: #000000;}
p.boxRubrik						{ font: bold 70% Verdana, Helvetica, sans-serif; padding: 3px 5px 4px 5px; margin: 0px 0px 0px 0px; color: #ffffff;}
p.boxFeatureRubrik				{ font: bold 70% Tahoma, Helvetica, sans-serif; padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px;}
p.vintipsRubrik					{ font: bold 12px Arial, Helvetica, sans-serif; padding: 4px 0 5px 0; margin: 0px 0px 0px 0px;}
p.formGenvagar					{ font: bold 70% Tahoma, Verdana, Helvetica, sans-serif; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px;}
p.formText						{ font: bold 70% Tahoma, Verdana, Helvetica, sans-serif; padding: 0px 0px 0px 0px; margin: 15px 0px 15px 0px;}
p.formTextAttention				{ font: bold 75% Verdana, Helvetica, sans-serif; padding: 5px 5px 5px 5px; margin: 15px 72px 15px 00px; border: 1px solid #cc0000; color: #cc0000; background-color: #ffffff}
p.vinAttention					{ font: bold 75% Verdana, Helvetica, sans-serif; padding: 5px 5px 5px 5px; margin: 15px 0px 15px 0px; border: 1px solid #cc0000; color: #cc0000; background-color: #ffffff}
span.boxFormRubrik				{ font: bold 70% Tahoma, Verdana, Helvetica, sans-serif;}
p.laggTillRubrik				{ font: bold 70% Tahoma, Verdana, Helvetica, sans-serif; padding: 0px 0px 0px 0px; margin: 5px 5px 5px 5px; text-align: right; }
p.laggTillInnehall				{ font: 70% Tahoma, Verdana, Helvetica, sans-serif; padding: 0px 0px 0px 0px; margin: 5px 5px 5px 5px; }
p.inloggad						{ font: 70% Tahoma, Helvetica, sans-serif; color: #999999; text-align: right;}
p.finstilt						{ font: 70% Tahoma, Helvetica, sans-serif; padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; text-align: center;}
p.vintips						{ font: 70% Tahoma, Helvetica, sans-serif; padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; line-height: 150%;} 
p.begrepp						{ font: 70% Tahoma, Helvetica, sans-serif; padding: 0px 0px 0px 0px; margin: 3px 0px 6px 0px;} 
p.boxFeatureInnehall			{ font: 70% Verdana, Tahoma, Helvetica, sans-serif; padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; line-height: 135%;}
p.inbjudan						{ font: 70% Tahoma, Helvetica, sans-serif; padding: 0px 10px 10px 10px; margin: 0px 0px 0px 0px; background-color: #fff3cc; line-height: 18px;}
p.boxInnehall					{ font: 65% Verdana, Helvetica, sans-serif; padding: 4px 5px 3px 5px; margin: 0px 0px 0px 0px;}
p.boxInnehallLista				{ font: 65% Verdana, Helvetica, sans-serif; padding: 4px 5px 3px 5px; margin: 0px 0px 0px 0px;}
p.tumnagel						{ font: 65% Verdana, Helvetica, sans-serif; padding: 0px 0px 25px 10px; margin: 10px 10px 0px 0px;}
p.boxLankar						{ font: 65% Verdana, Helvetica, sans-serif; padding: 3px 5px 3px 5px; margin: 0px 0px 0px 0px; text-align: right;}
p.argangsBeskrivning			{ font: 70% Tahoma, Helvetica, sans-serif; padding: 0px 0px 0px 0px; margin: 2px 0px 0px 0px;} 
p.argangRubrik					{ font: bold 70% Verdana, Helvetica, sans-serif; color: #212b4b;}
p.bildarkivBeskrivning			{ font: 70% Tahoma, Verdana, Helvetica, sans-serif; padding: 0px 5px 5px 0px; margin: 0px 0px 0px 0px;}
p.boxFormRubrik					{ font: 100% Tahoma, Verdana, Helvetica, sans-serif; padding: 0px 0px 5px 0px; margin: 5px 5px 0px 5px;}
p.boxFormFiltrera				{ font: 100% Tahoma, Verdana, Helvetica, sans-serif; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 5px; text-align: right;}
p.boxFormRubrikLiten			{ font: 70% Tahoma, Verdana, Helvetica, sans-serif; padding: 0px 0px 5px 0px; margin: 0px 5px 0px 5px;}





/* BILDER */
img.feature						{ border: 0px solid #ffffff; margin: 4px 10px 10px 0; float: left; width: 70px; }
img.nyhetMini					{ border: 0px solid #ffffff; margin: 4px 15px 8px 0; float: left; width: 110px; }
img.nyhetMellan					{ border: 0px solid #ffffff; margin: 4px 15px 8px 0; float: left; width: 170px; }
img.nyhetNotiser				{ border: 0px solid #ffffff; margin: 4px 10px 8px 0; float: left; width: 180px; }
img.tumnagel					{ border: 0px solid #ffffff; margin: 10px 0 25px 0; width: 100px; }
img.nyhetStor					{ border: 0px solid #ffffff; margin: 0 0 8px 0; width: 360px; }
img.nyhetArtikel				{ border: 0px solid #ffffff; margin: 10px 0 0px 0; width: 360px; }
img.ikon						{ border: 0px solid #ffffff; margin: 0 0 0 5px; }

/* NAVIGERING */
td.naviTop						{ background-color: #fff3cc; border-top: 1px solid #000000;	border-left: 1px solid #000000;	border-bottom: 2px solid #000000; text-align: center; }
td.naviTopActive				{ background-color: #cc9900; border-top: 1px solid #000000;	border-left: 1px solid #000000;	border-bottom: 2px solid #000000; text-align: center; }
td.naviTopSub					{ background-color: #cc9900; border-left: 1px solid #000000; border-bottom: 2px solid #000000; text-align: center; }
div.navi						{ font: 70% Tahoma, Verdana, Helvetica, sans-serif; padding: 4px 4px 4px 4px; }		
div.naviActive					{ font: bold 70% Tahoma, Verdana, Helvetica, sans-serif; padding: 4px 4px 4px 4px;	}


li.forum						{margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; list-style-type: square;}
ul.forum						{font: 100% Verdana, Tahoma, Helvetica, sans-serif;}