﻿/* Default för text */
body { font-family:Verdana, Sans-Serif;font-size:12px;margin:0;padding:0;background-color:#ddd }
p { font-size:12px;margin:0 0 12px 0 }
h1 { font-size:24px;margin:0 0 10px 0;font-weight:normal }
h2 { font-size:14px;margin:0 0 6px 0 }
h3 { font-size:12px;margin:0 }
.Bold { font-weight:bold }
.Italic{ font-style:italic }
.Clear { float:none;display:block;clear:both; }
.LeftFloater { float:left;display:inline }
.RightFloater { float:left;display:inline }
a { text-decoration:none;font-weight:bold;color:#000 }
a:hover { text-decoration:underline }
img { border-style:none }
p.PubDate { margin:0 }
.CustomHeader { display:block;float:none;font-weight:bold;font-size:12px;padding:4px 0px 6px 10px;background-color:#BCC6C8;color:White;margin:0 0 10px 0; }
_hr { border-top:2px dashed Black;border-bottom:2px dashed Black;border-left:none;border-right:none;color:White;background-color:White;height:10px;margin-bottom:20px; }
hr { border-top:2px solid Black;margin-bottom:10px; }
.Hidden { display:none }
li {margin-left:15px;}

/** Omslutande block **/
div#Main { width:950px;height:auto;overflow:hidden;margin:10px auto;padding:10px;background-color:White }

/** Sidhuvudet **/
div#Header { width:100%;overflow:hidden;margin-bottom:10px; }
div#Header img.Top { display:block;margin:0 0 2px 0; }
div#Header iframe { display:block;margin:0 0 2px 0; }
div#Header div.Menu { width:100%;height:auto;overflow:hidden;margin:0;background-color:#BCC6C8;padding-left:5px }
div#Header div.Menu a { float:left;display:inline;margin-right:16px;width:auto;height:14px;padding:4px 7px;color:White; }
div#Header div.Menu a.Current { background-color:#000; }

/** Sidfoten **/
div#Footer { width:100%;overflow:hidden;margin-top:10px;padding-top:10px;border-top:1px solid Black; }
img#MadeByTM { float:right;display:inline;margin-right:20px }
img.MadeByTM { float:right;display:inline;margin-right:20px }

/** Innehåll **/
div#MainContent { width:100%;height:auto;overflow:hidden  }
div#MainContent div.Left { width:660px;height:auto;overflow:hidden;float:left;display:inline;margin-right:20px; }
div#MainContent div.Right { width:270px;height:auto;overflow:hidden;float:left;display:inline; }

/** Puffar i högerspalten **/
div#MainContent div.Right div.Puff { width:268px;height:auto;overflow:hidden;border:1px solid White;background-color:White;margin:0 0 10px 0;border-color:#BCC6C8; }
div#MainContent div.Right div.Puff h1 { font-size:12px;font-weight:bold;margin:0;padding:4px 0px 5px 10px;background-color:#BCC6C8;color:White; }
div#MainContent div.Right div.Puff div.Content { padding:10px 5px; }

/** Startartikeln **/
div#StartArticle { width:100%;height:auto;overflow:hidden;margin-bottom:20px; }
div#StartArticle div.LeftContent { width:290px;height:auto;overflow:hidden;float:left;display:inline;margin-right:7px }
div#StartArticle div.LeftContent img { float:none;display:block;margin-bottom:20px; }
div#StartArticle div.LeftContent img.Last { margin:0; }
div#StartArticle div.RightContent { width:360px;height:auto;overflow:hidden; }

/** Listan för artikelpuffarna **/
div#ArticlePuffList { width:100%;height:auto;overflow:hidden; } 
div#ArticlePuffList div.Puff { width:100%;height:auto;overflow:hidden;margin:0 0 20px 0; }
div#ArticlePuffList div.Puff div.LeftContent { width:100px;height:auto;overflow:hidden;float:left;display:inline;margin-right:10px; }
div#ArticlePuffList div.Puff div.LeftContent img { display:block;margin:0 }
div#ArticlePuffList div.Puff div.RightContent { width:550px;height:auto;overflow:hidden;float:left;display:inline;margin:0; }
div#ArticlePuffList div.Puff div.RightContent h1 { font-size:16px;margin:0 0 5px 0 }
div#ArticlePuffList div.Puff div.RightContent p { margin:0 }

/** Standardspaltuppsättning på undersidor (meny till vänster, innehåll i mitten) **/
div#StandardColumn1 { width:170px;height:auto;overflow:hidden;float:left;display:inline;margin-right:20px; }
div#StandardColumn2 { width:470px;height:auto;overflow:hidden;float:left;display:inline; }

/** Puffar i mittenspalten **/
div#StandardColumn2 div.Puff { width:468px;height:auto;overflow:hidden;border:1px solid White;background-color:White;margin:0 0 10px 0;border-color:#BCC6C8; }
div#StandardColumn2 div.Puff h1 { font-size:12px;font-weight:bold;margin:0;padding:4px 0px 5px 10px;background-color:#BCC6C8;color:White; }
div#StandardColumn2 div.Puff div.Content { width:456px;height:auto;overflow:hidden;margin:10px 5px; }

/** Undersidorna till varje kategori **/
div.SubMenu { width:100%;height:auto;overflow:hidden;margin:0 0 20px 0; }
div.SubMenu h1 { font-size:12px;font-weight:bold;padding:5px 0 5px 12px;background-color:Silver;color:Black }

div.SubMenu div.TopLevel { width:100%;overflow:hidden;margin:0 }
div.SubMenu p { overflow:hidden;margin:0 0 7px 0; } 
div.SubMenu p a.Current { font-weight:bold }
div.SubMenu p a.Current:hover { text-decoration:underline }
div.SubMenu a { color:Black;font-weight:normal; }
div.SubMenu div.Children { margin:0 0 0 10px }
div.SubMenu p a img, div.SubMenu p img { vertical-align:text-top }
div.SubMenu div.TopLevel img.IconEmpty { float:left;display:inline }
div.SubMenu div.TopLevel img.Icon { float:left;display:inline;visibility:hidden; }

/** Specialmenyer **/
div.SubMenu ul { list-style-type:none; margin-left:10px; }
div.SubMenu li { margin-bottom:7px; }
div.SubMenu li.Current a { font-weight:bold; }

/** Standardartikel **/
div#StandardArticle { width:100%;height:auto;overflow:hidden;margin-bottom:20px }
div#StandardArticle div.TopImageBlock { width:100%;height:auto;overflow:hidden;margin-bottom:20px }
div#StandardArticle div.TopImageBlock p { margin:0;padding:2px 0 3px 0; }
div#StandardArticle div.Content { width:100%;height:auto;overflow:hidden; }
div#StandardArticle div.Content h1 { font-size:16px;margin-bottom:3px;font-weight:bold }
div#StandardArticle div.Content h2 { font-size:12px;margin:0;font-weight:bold }

/* Kontaktformulär */
div.ContactForm div.Row { width:456px;height:auto;overflow:hidden;margin-bottom:5px; }
div.ContactForm div.Row p.Label { width:150px;height:auto;overflow:hidden;float:left;display:inline;margin:1px 10px 0 0;text-align:right }
div.ContactForm div.Row p.Input { width:296px;height:auto;overflow:hidden;float:left;display:inline;margin:0 }
div.ContactForm div.Row p.Input .TextBox, div.ContactForm div.Row p.Input .TextArea { padding:1px;width:245px;font-size:11px; }
div.ContactForm div.Row p.Input .TextBox, div.ContactForm div.Row p.Input .TextArea { border:1px solid Black }
div.ContactForm div.Row p.Input .TextArea { height:86px;overflow:auto }
div.ContactForm div.Row input.SubmitButton { display:block;margin:10px auto 0;font-weight:bold;width:78px;height:auto; }

/* Tillval IntroPage */
div.IntroPage { width:100%;height:auto;overflow:hidden;text-align:center;}
div.IntroPage img { display:block;margin:0 auto; }

/* Tillval PollPuff */
div.Puff div.Content div.Question { width:258px;height:auto;margin-bottom:10px;overflow:hidden }
div.Puff div.Content div.Question div.LeftImg { float:left;display:inline;width:148px;overflow:hidden;margin:0 10px 0 0; }
div.Puff div.Content div.Question div.LeftNoImg { float:left;display:inline;width:248px;overflow:hidden;margin:0 10px 0 0; }
div.Puff div.Content div.Question div.RightImg { float:left;width:100px;margin:0 auto; }
div.Puff div.Content div.Answer { width:258px;height:auto;overflow:hidden }
div.Puff div.Content input.PollButton { font-weight:bold;width:95px;height:auto; }

/* Tillval PollArticle */
div.Content #DiagramTable { margin-top:20px; }
div.Content #DiagramTable td { height:15px;vertical-align:top;padding-bottom:10px; }
div.Content #DiagramTable div.Diagram {	float:left;height:15px;margin-top:3px;background-color:Silver; }
div.Content #DiagramTable .Percent { float:left;font-weight:bold;padding-right:10px; }
div.Content #VoteInfo { margin-bottom:20px; }
div.Content div.Earlier { margin-top: 20px; }

/* Tillval Bildgalleri */
div#Bildgalleri div.Left { width:950px;height:auto;overflow:hidden;float:left;display:inline;margin-right:20px; }
div#Bildgalleri div#StandardColumn2 { width:760px;height:auto;overflow:hidden;float:left;display:inline; }
div#Bildgalleri div#ThumbnailsOuter { width:670px;overflow:hidden; }
div#Bildgalleri div#Thumbnails div.ThumbnailOuter { width:200px;height:220px;overflow:hidden;float:left;display:inline;margin:0 10px 10px 0;overflow:hidden; }
div#Bildgalleri div#Thumbnails p.Thumbnail { width:180px;height:180px;overflow:hidden;padding:10px;margin:0 }
div#Bildgalleri div#Thumbnails p.Links { margin:0;font-size:10px;width:200px;height:12px;overflow:hidden }
div#Bildgalleri div#Pager p.Links img { border-style:none;vertical-align:middle }

/* Tillval Gästbok */
div#GastbokList { height:400px;overflow:auto;margin-bottom:10px; }
div.GastbokForm div.Row { width:456px;height:auto;overflow:hidden;margin-bottom:5px; }
div.GastbokForm div.Row p.Label { width:150px;height:auto;overflow:hidden;float:left;display:inline;margin:1px 10px 0 0;text-align:right }
div.GastbokForm div.Row p.Input { width:296px;height:auto;overflow:hidden;float:left;display:inline;margin:0 }
div.GastbokForm div.Row p.Input .TextBox, div.GastbokForm div.Row p.Input .TextArea { padding:1px;width:245px;font-size:11px; }
div.GastbokForm div.Row p.Input .TextBox, div.GastbokForm div.Row p.Input .TextArea { border:1px solid Black }
div.GastbokForm div.Row p.Input .TextArea { height:86px;overflow:auto }
div.GastbokForm div.Row input.SubmitButton { display:block;margin:10px auto 0;font-weight:bold;width:78px;height:auto; }

/* Tillval Tipsa en vän */
div.Puff div.Content input.TipsButton { font-weight:bold;width:78px;height:auto; }
div.Puff div.Content input.TipsTextBox { padding:1px;width:245px;font-size:11px; }
div.Puff div.Content input.TipsTextBox { border:1px solid Black }

/*SPAM filter */
div.ContactForm div.Row p.Filler { display:none; }
div.ContactForm div.Row p.Input input.Filler { display:none; }

div.ContactForm div.Row p.Filler2 { display:block; }
div.ContactForm div.Row p.Input input.Filler2 { display:block; border:0 none; height:0px; width:0px; }

/* Footer */
div#Footer a { font-weight:normal; }
