/* Default för text */
body { font-family:Verdana, Sans-Serif;font-size:12px;margin:0;padding:0;background-color:White; background-repeat:repeat-x;  }
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:#ec008c }
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;color:Black;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;}


#divBigImage { 
	position:absolute; 
	visibility:hidden; 
	border:none; 
} 
#divBigImage img {
    position:absolute;
}

#divBigImage div.Text {
    position:absolute;
    width:295px;
    height:60px;
    font-size:7px;
    margin:408px 11px 11px 11px;
    color:Black;
    overflow:hidden; 
}



/** Omslutande block **/
div#Main { width:950px;height:auto;overflow:hidden;margin:0px auto;}

div#MainContent { height:100%; }

/** Sidhuvudet **/
div#Header { width:100%;overflow:hidden; background-color:Transparent; }
div#Header div#TopRow { height:130px; }
div#Header div.HiTopSpace { width:100%;height:20px; overflow:hidden;margin:0;background-color:White;padding-left:5px; }
div#Header div#TopRow div.KundInlogningArea { float:right; margin-top:18px; margin-right:50px; }
div#Header div#TopRow div.KundInlogningArea img { float:left; }
div#Header div#TopRow div.KundInlogningArea img.CustomerArrow { margin-top:10px; }
div#Header img.Top { height:70px; display:block;margin:0 0 2px 0; float:left; }
div#Header div.LowTopSpace { width:100%;height:3px; overflow:hidden;margin:0;background-color:White;padding-left:5px; }
div#Header iframe { display:block;margin:0 0 2px 0; }
div#Header div.Menu div.MenuArea { width:100%;height:40px; overflow:hidden;margin:0; }
div#Header div.Menu div.MenuAreaGreen { width:100%;height:40px; overflow:hidden;margin:0; }
div#Header div.Menu div.MenuAreaGreen a.Green {background-color:#55b54e; height:40px; }
div#Header div.Menu div.MenuAreaGreen a.CurrentGreen {background-color:#119408; height:40px; }
div#Header div.Menu div.MenuAreaGreen a { float:left;display:inline;margin-right:16px;width:auto;height:14px;padding:8px;color:Black; padding-top:8px; }
div#Header div.Menu div.MenuArea a { float:left;display:inline;margin-right:16px;width:auto;height:14px;padding:8px 8px;color:Black; padding-top:8px; }
div#Header div.Menu div.MenuArea a.Current { height:40px; background-color:#333333; color:White; }

div#Header div.FlashSlideshow { width:100%;height:270px; overflow:hidden;margin:0;padding-left:5px }
div#Header div.FlashSlideshow div.FlashArea { margin-top:10px; }

div#MainContent div.LeftMenuArea img.CustomHeaderMenu { 	position:absolute;	margin-left:5px; margin-top:3px; }
div#MainContent div.LeftMenuArea a.ArtLink { display:block;	 height:30px; }
div#MainContent div.LeftMenuArea a.Current { display:block;	 height:30px; color:White; }

/** Sidfoten **/
div.Footer { width:100%;overflow:hidden;margin-top:10px;padding-top:10px;border-top:1px solid Black; clear:both; margin-bottom:30px; }
img#MadeByTM { float:right;display:inline;margin-right:20px }
img.MadeByTM { float:right;display:inline;margin-right:20px }

div#MainContent div.ArticleArea { margin-top:20px;}
div#MainContent div.Left { margin-top:20px;}
div#MainContent div.Middle { margin-top:20px;}
div#MainContent div.Right { margin-top:20px;}

div.ArtContent2SP { width:600px; float:left; margin-bottom:20px; margin-right:30px; }

div.ArtContent1SPIcon{ float:left; width:280px; height:auto; margin-bottom:20px;overflow:hidden;display:inline;margin-right:30px; }
div.ArtContent1SPIcon div.ArtText { float:left; padding: 2px 8px 2px 8px; text-align:justify; line-height:18px; }
div.ArtContent1SPIcon div.HeaderText { font-size:24px;margin:0 0 0 5px;font-weight:normal; float:left; width:280px; }
div.ArtContent1SPIcon div.HeaderText img.CustomHeader {float:left; padding:0px; margin-bottom:0px; margin-top:18px; }
div.ArtContent1SPIcon div.HeaderText div.ArtIcon img.ImgIcon { float:left; margin-bottom:0px; margin-left:5px; }

div.ArtContent2SPIcon{ float:left; width:600px; height:auto; margin-bottom:20px;overflow:hidden;display:inline;margin-right:30px; }
div.ArtContent2SPIcon div.ArtText { float:left; padding: 2px 8px 2px 8px; text-align:justify; line-height:18px; }
div.ArtContent2SPIcon div.HeaderText { font-size:24px;margin:0 0 0 5px;font-weight:normal; float:left; width:600px; }
div.ArtContent2SPIcon div.HeaderText img.CustomHeader {float:left; padding:0px; margin-bottom:0px; margin-top:18px; }
div.ArtContent2SPIcon div.HeaderText div.ArtIcon img.ImgIcon { float:left; margin-bottom:0px; margin-left:5px; }

div.ArticleArea { width:630px; float:left; }
div.AktuelltArea { width:630px; float:left; margin-top:20px; }
div#MainContent div.Right { margin-left:30px; margin-bottom:20px; float:left; width:630px; height:auto; }

div#MainContent div.GreenArt { margin-top:18px; }

/** ----Startsida----- **/
/** 1 spalt artikel **/
div#MainContent div.ArtContent1SP { width:280px;height:auto;overflow:hidden;float:left;display:inline;margin-right:30px; margin-bottom:20px;}
div#MainContent div.ArtContent1SP div.HeaderText { font-size:24px;margin:0 0 0 5px;font-weight:normal;}
div#MainContent div.ArtContent1SP div.HeaderText img { padding:0px; margin-left:0px; }
div#MainContent div.ArtContent1SP div.HeaderText img.CustomHeader { padding:0px; margin-bottom:0px; }
div#MainContent div.ArtContent1SP div.ArtText { padding: 2px 8px 2px 8px; text-align:justify; line-height:18px; }
div#MainContent div.ArtContent2SP div.ArtText { padding: 2px 8px 2px 8px; text-align:justify; line-height:18px; }
div#MainContent div.ArtContent2SP div.HeaderText img.CustomHeader { padding:0px; margin-bottom:0px; }
div#MainContent div.ArtContent2SP div.HeaderText { font-size:24px;margin:0 0 0 5px;font-weight:normal }
/** 1 spalt artikel grå boxad **/
div#MainContent div.ArtContent1SPG { width:280px;height:auto;overflow:hidden;float:left;display:inline;margin-right:30px; margin-bottom:2px;}
div#MainContent div.ArtContent1SPG div.HeaderText { font-size:24px;margin:0 0 1px 0;font-weight:normal }
div#MainContent div.ArtContent1SPG div.BodyTextArea {background-color:#333333; color:White; }
div#MainContent div.ArtContent1SPG div.BodyTextArea div.ArtText { padding: 2px 8px 2px 8px; }
/** Aktuellt artikel grå boxad **/
div#MainContent div.AktuelltArea { width:280px;height:auto;overflow:hidden;float:right;display:inline;margin-right:30px; margin-bottom:20px;}
div#MainContent div.AktuelltArea { font-size:24px; font-weight:normal; }
div#MainContent div.AktuelltArea img { padding:0px; margin:0px; display:block; }
div#MainContent div.AktuelltArea div.BodyTextArea { color:White; margin-top:4px;}

div#MainContent div.AktuelltArea div.BodyTextArea div.ArtText {font-size:12px; padding: 2px 28px 2px 8px; line-height:16px; background-color:#333333; }

/**Article**/
div#MainContent div.Left { float:left; width:280px; height:auto; }
div#MainContent div.Middle div.ArtContent1SPIcon{ float:left; width:280px; height:auto; margin-bottom:20px;overflow:hidden;display:inline;margin-right:30px; }
div#MainContent div.Middle div.ArtContent1SPIcon div.HeaderText { font-size:24px;margin:0 0 0 5px;font-weight:normal; float:left; width:280px; }
div#MainContent div.Middle div.ArtContent1SPIcon div.HeaderText img.CustomHeaderGreen {float:left; padding:0px; margin-bottom:0px; margin-top:18px; }
div#MainContent div.Middle div.ArtContent1SPIcon div.HeaderText div.ArtIcon img.ImgIcon { float:left; margin-bottom:0px; margin-left:5px; }
div#MainContent div.Middle div.ArtContent1SPIcon div.ArtText { float:left; padding: 2px 8px 2px 8px; text-align:justify; line-height:18px; }

div#MainContent div.Middle div.ArtContent2SPIcon{ float:left; width:600px; height:auto; margin-bottom:20px;overflow:hidden;display:inline;margin-right:30px; }
div#MainContent div.Middle div.ArtContent2SPIcon div.HeaderText { font-size:24px;margin:0 0 0 5px;font-weight:normal; float:left; width:280px; }
div#MainContent div.Middle div.ArtContent2SPIcon div.HeaderText img.CustomHeaderGreen {float:left; padding:0px; margin-bottom:0px; margin-top:18px; }
div#MainContent div.Middle div.ArtContent2SPIcon div.HeaderText div.ArtIcon img.ImgIcon { float:left; margin-bottom:0px; margin-left:5px; }
div#MainContent div.Middle div.ArtContent2SPIcon div.ArtText { float:left; padding: 2px 8px 2px 8px; text-align:justify; line-height:18px; }

div#MainContent div.Right div.ArtContent2SPBild {width:590px; float:left; margin-bottom:20px; margin-right:30px; }
div#MainContent div.Right div.ArtContent2SPBild div.HeaderText { font-size:24px;margin:0 0 0 5px;font-weight:normal }
div#MainContent div.Right div.ArtContent2SPBild div.HeaderText img { padding:0px; margin-left:0px; }
div#MainContent div.Right div.ArtContent2SPBild div.HeaderText img.CustomHeader { padding:0px; margin-bottom:0px; }
div#MainContent div.Right div.ArtContent2SPBild div.ArtImage {margin-bottom:20px; }
div#MainContent div.Right div.ArtContent2SPBild div.ImgText { float:left; padding: 2px 8px 2px 8px; text-align:justify; line-height:18px; margin-bottom:8px;}
div#MainContent div.Right div.ArtContent2SPBild div.HeaderText img.CustomHeader { padding:0px; margin:0px; }

div#MainContent div.Right div.Row { float:right; }

/**Green bubble**/
div#MainContent div.Middle div.GreenBoxArea { height:600px;}
div#MainContent div.Middle div.GreenBoxArea { float:right; width:283px; height:auto; margin-right:30px; margin-top:15px; }
div#MainContent div.Middle div.GreenBoxArea div.HeaderText { float:left; }
div#MainContent div.Middle div.GreenBoxArea div.GreenBoxIcon { float:left; width:80px; margin-left:5px; }
div#MainContent div.Middle div.GreenBoxArea div.GreenArtText { float:left; width:280px; height:auto;  margin-bottom:20px;}
div#MainContent div.Middle div.GreenBoxArea div.GreenArtText div.GreenBox div.Image { margin-top:0px;  width:280px; height:auto; display:block; }
div#MainContent div.Middle div.GreenBoxArea div.GreenArtText div.GreenBox div.Text {  margin-top:2px; margin-left:2px; float:left; width:260px; height:auto; text-align:justify; color:White; }
div#MainContent div.Middle div.GreenBoxArea div.GreenArtText div.GreenBox div.Text { background-image:url("http://pressgrannar.teknomedia.se/images/greenbox/green_bubble.png"); width:280px; height:160px; }
div#MainContent div.Middle div.GreenBoxArea div.GreenArtText div.GreenBox div.Text div.TextPanel { margin-top:10px; margin-left:8px; margin-right:8px; padding-top:5px; float:left;}

/**Contact**/
div#MainContent div.Right div.Contact { width:280px; float:right; margin-right:30px; }
div#MainContent div.Right div.ContactRepeater div.ContactContentKArt { float:left; width:280px; height:auto; }
div#MainContent div.Right div.ContactRepeater div.ContactContentKArt { margin-bottom:12px; }
div#MainContent div.Right div.ContactRepeater div.ContactContentKArt div.ContactArea div.ContactTextArea { background-image:url("http://pressgrannar.teknomedia.se/images/contact/contact_bg.png"); width:227px; height:75px; }
div#MainContent div.Right div.ContactRepeater div.ContactContentKArt div.ContactArea div.ContactTextArea { margin-left:2px; margin-top:3px; color:White; float:left; }
div#MainContent div.Right div.ContactRepeater div.ContactContentKArt div.ContactArea div.ContactTextArea div.TextArea { padding-left:15px; padding-top:5px; }
div#MainContent div.Right div.ContactRepeater div.ContactContentKArt div.ContactArea div.ContactImage { float:left; margin-top:6px; width:50px; height:63px; }
div#MainContent div.Right div.ContactRepeater div.ContactContentKArt div.ContactArea img.ContactBgImage { float:left; }
div#MainContent div.Right div.ContactRepeater div.ContactContentKArt div.ContactArea div.ContactTextArea p { font-size:10px; margin:0px; margin-bottom:1px; }
div#MainContent div.Right div.ContactRepeater div.ContactContentKArt div.ContactArea div.ContactTextArea a { font-size:10px;}
div#MainContent div.Right div.ContactRepeater div.ContactContentKArt div.ContactArea div.BigImage div.Text p { font-size:10px; }



/**2 Spalt**/
div#MainContent div.Right div.ArtContent2SP div.HeaderText img.CustomHeader { padding:0px; margin:0px; }
div#MainContent div.Right div.ArtContent2SP div.ArtText { float:left; padding: 2px 8px 2px 8px; text-align:justify; line-height:18px; }


/** 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 }