﻿/* Default för text */
p { font-size:12px;margin:0 0 6px 0 }
h1 { font-size:18px;font-family:"Arial Black", Arial, Sans-Serif;margin:0 0 4px 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 { clear:both; }
input { vertical-align:text-bottom }

/* Huvudlayouten */
body { margin:0;padding:0;background-color:#00215d;font-family:Arial, Sans-Serif;font-size:12px; }        
div#MainOuter { width:972px;height:auto;overflow:hidden;margin:14px 0 0 25px; }
div#Main { width:947px;height:auto;overflow:hidden;background-color:White;float:left;display:inline; }
div#Header { width:947px;height:auto;overflow:hidden; }        
div#Header div.Menu { width:947px;height:auto;overflow:hidden; }
div#Header div.Menu img { border-style:none;float:left;display:inline; }
img#Logo { display:block; }
img#TMLogo { float:left;display:inline }
div#MainContent { width:927px;height:auto;overflow:hidden;margin:10px 0 10px 10px; }
div#Footer { text-align:center;border-top:1px solid Black;padding-top:4px; }
div#Footer p { font-size:11px; }

/* Spaltklasser */
div.Column1 { width:415px;height:auto;overflow:hidden;margin-right:10px;float:left;display:inline; }
div.Column2 { width:200px;height:auto;overflow:hidden;float:left;display:inline; }
div.Column1and2 { width:625px;height:auto;overflow:hidden;margin-right:10px;float:left;display:inline; }
div.Column3 { width:292px;height:auto;overflow:hidden;float:left;display:inline; }

/* Andra defaultvärden */
img { border-style:none }
a { font-weight:bold;color:#021e87;text-decoration:none }
a:hover { text-decoration:underline }
.NotFinished { color:Red }
img.LinkArrow { vertical-align:baseline }

/* Gemensamt för puffar */
img.Header { display:block;margin-bottom:5px; }
img.Logo { display:block;margin-bottom:20px; }
div.PuffColumn1 h1, div.PuffColumn2 h1, div.PuffColumn3 h1 { font-size:18px; }

/* puffar (spalt 1, låst höjd 134px) */
div.PuffColumn1 { width:415px;height:auto;overflow:hidden;margin-bottom:20px; }
div.PuffColumn1 p { font-size:12px;margin-bottom:12px }
div.PuffColumn1 p.Link { margin-bottom:0 }
div.PuffColumn1 div.Content { width:415px;height:auto;overflow:hidden; }
div.PuffColumn1 div.PuffGray { width:401px;height:auto;margin-top:5px;background-color:#ebedf4;padding:5px 5px 0;border-right:2px solid Black;border-bottom:2px solid Black;border-top:2px solid #ddd;border-left:2px solid #ddd }
div.PuffColumn1 div.Content div.Left { float:left;display:inline;width:236px;height:auto;overflow:hidden;margin-right:10px; } /* height 137 förut */
div.PuffColumn1 div.Content div.Right { float:left;display:inline;width:236px;height:auto;overflow:hidden;margin-left:10px; }
div.PuffColumn1 div.PuffGray div.Left { width:222px;height:139px }
div.PuffColumn1 div.PuffGray div.Right { width:222px;height:139px }
div.PuffColumn1 div.Content img.Left, div.PuffColumn1 div.Content img.Right { float:left;display:inline;width:169px;height:134px;overflow:hidden; }

/* Enkelpuffar (spalt 2, fri höjd) */
div.PuffColumn2 { width:200px;height:auto;overflow:hidden;margin-bottom:20px; }
div.PuffColumn2 p { font-size:12px;margin-bottom:12px }
div.PuffColumn2 div.Content { width:200px;height:auto;overflow:hidden; }
div.PuffColumn2 img.Content { display:block;width:200px;height:134px; }

/* Enkelpuffar (spalt 3, fri höjd) */
div.PuffColumn3 { width:292px;height:auto;overflow:hidden;margin-bottom:20px; }
div.PuffColumn3 p { font-size:12px;margin-bottom:12px }
div.PuffColumn3 h1 { font-family:Arial, Sans-Serif;font-weight:bold; }
div.PuffColumn3 div.Content { width:292px;height:auto;overflow:hidden; }
div.PuffColumn3 div.PuffGray { width:278px;height:auto;margin-top:5px;background-color:#ebedf4;padding:5px 5px 0;border-right:2px solid Black;border-bottom:2px solid Black;border-top:2px solid #ddd;border-left:2px solid #ddd }
div.PuffColumn3 img.Content { display:block; }

/* Artikelbildspels-puffen */
div#ArticleSlides { margin-bottom:10px;display:block;float:none; }
img#SlideImage { display:block;width:625px;height:236px }
div#ArticleSlides div.Content { width:623px;height:106px;overflow:hidden;background-color:White;border:1px solid #f68b1f }
div#ArticleSlides div.Content div.Left h1 { font-family:"Arial Black", Arial, Sans-Serif;font-size:24px;color:White;background-color:#f68b1f;margin-bottom:6px; }
div#ArticleSlides div.Content div.Left { padding:5px;width:414px;height:96px;overflow:hidden;background-color:#f68b1f;float:left;display:inline; }
div#ArticleSlides div.Content div.Left div.Text { height:45px;overflow:hidden; }
div#ArticleSlides div.Content div.LeftFull { width:614px }
div#ArticleSlides div.Content div.Left p { margin:0; }
div#ArticleSlides div.Content div.Right { padding:5px;width:189px;height:96px;overflow:hidden;background-color:White;float:left;display:inline; }
div#ArticleSlides div.Content div.Right p { font-size:11px; }

/* Generellt för Listbara puffar (puffclass + denna) */
div.ListPuff div.Content { height:auto; }
div.ListPuff p { margin:0; }
div.ListPuff h1 { font-size:14px;font-family:Arial, Sans-Serif;margin:0; }
div.ListPuff p.Date { font-size:10px;font-weight:bold }
div.ListPuff div.Entry { width:100%;height:auto;overflow:hidden;margin:0 0 10px 0; }

/* Tjänster (till partners.css?) */
div.Column1 div.PartnerServices h1 { font-size:16px;font-family:"Arial Black", Arial, Sans-Serif;font-weight:normal }
div.Column2 div.PartnerServices h1 { font-size:12px;font-family:Arial, Sans-Serif;font-weight:bold }

/* Nätverksträffar */
div#NetworkMeetingPuff div.Content div.Left { float:left;display:inline;width:120px;height:auto;overflow:hidden }
div#NetworkMeetingPuff div.Content div.Left img.Left { display:block }
div#NetworkMeetingPuff div.Content div.Right { float:left;display:inline;width:167px;height:auto;overflow:hidden;margin-left:5px; }
div#NetworkMeetingPuff p.Date { font-size:11px;font-weight:bold;margin:0 }
div#NetworkMeetingPuff p.Date .Weekday { text-transform:capitalize }
div#NetworkMeetingPuff p.Text { width:162px;height:auto;overflow:hidden;margin-bottom:6px; }
div#NetworkMeetingPuff p.Link { margin:0; }

/* Nyhetsbrevanmälan */
#NewsLetterSignUp p { margin:0 }
#NewsLetterSignUp img.Header { margin:0 }
#NewsLetterSignUp div.Content { margin-top:5px;background-color:#ebedf4;padding:5px 5px 0;width:278px;border-right:2px solid Black;border-bottom:2px solid Black;border-top:2px solid #ddd;border-left:2px solid #ddd }
#NewsLetterSignUp div.Content p.Bold { margin-bottom:4px; }
#NewsLetterSignUp div.Content p.TextBox { margin-bottom:4px; }
#NewsLetterSignUp div.Content p.TextBox input { padding:0;width:276px }
#NewsLetterSignUp div.Content p.SubmitButton { text-align:right;margin-bottom:5px; }

/* Inloggningsrutan */
div#UserInfo div.Content { margin-top:5px;background-color:#ebedf4;padding:5px 5px 0;width:278px;border-right:2px solid Black;border-bottom:2px solid Black;border-top:2px solid #ddd;border-left:2px solid #ddd }
div#UserInfo h1 { font-weight:normal;font-family:"Arial Black", Arial, Sans-Serif;margin:0 }
div#UserInfo p.Company { clear:both }
div#UserInfo p.ProfileLink { width:100px;height:auto;overflow:hidden;float:left;display:inline; }
div#UserInfo p.LogoutLink { width:80px;height:auto;overflow:hidden;float:left;display:inline;text-align:right }
div#UserInfo p.SignInUsername { width:90px;height:auto;overflow:hidden;float:left;display:inline;margin:0 10px 4px 0;line-height:12px; }
div#UserInfo p.SignInPassword { width:90px;height:auto;overflow:hidden;float:left;display:inline;margin:0 0 4px 0;line-height:12px; }
div#UserInfo p.SignInUsername input, div#UserInfo p.SignInPassword input { font-size:11px;width:86px;padding:0;margin:0; }
div#UserInfo p.SignInSubmitButton { float:left;display:inline;margin:13px 0 10px 18px; }

/* För panelen som visas när man är inloggad och kan redigera ett objekt */
div.EditorPanel p { margin-bottom:3px; }
div.EditorPanel { width:415px;height:auto;overflow:hidden;margin:18px 0px 24px; }

/* Används för bilder som har bildtext med orange bakgrundsfärg */
div.Header { width:625px;height:auto;overflow:hidden;margin-bottom:5px; }
div.Header img { display:block }
div.Header p { padding:3px 0 3px 10px;background-color:#f68b1f; }

/* Menyn som visas när man klicka på LHC/LFC-loggan */
#LHCLFC { visibility:hidden;width:96px;height:73px;background-color:#96add7;border:2px solid #00215d;color:#00215d;padding:5px;position:absolute;top:125px;left:825px; }
#LHCLFC h1 { font-size:14px;margin:0 0 6px 0 }
#LHCLFC p { font-size:12px;margin-bottom:3px; }
#LHCLFC p.Close { font-size:10px;text-align:right }

div#PartnersFlashPuff iframe { margin-bottom:5px; }

p.Logo { width:200px;height:auto;overflow:hidden;margin-bottom:20px; }
p.Logo img { display:block;margin:0 auto; }

/* Tom bild som ersätter Östgötabåten i meny   */
div.emptyimg
{
    float:right;
}
