/*
Project: Skanska External Web Framework
Style: General style
Version: 0.1
Author: Magnus Forsberg
Updated: 090325


Project information
------------------------------


============================================================ */


/* PROJECT STYLE
============================================================ */

/* Import */
@import "obg-framework.css";

/* General styling */
body { font-family: Verdana, Arial, sans-serif; background:#fff url(BodyBg.jpg) top left repeat-x; }

/* Container */
.Container { width:922px; margin:0 auto; }

/* Header */
.Header { height:78px; margin:0 0 10px; }

	.Top { height:45px; position:relative; }
		.Top .Logo { margin-top:15px; }
		.Top .From { position:absolute; top:22px; right:0; font-size:1.1em; color:#868f98; }
			.Top .From a { color:#262626; }
			
	.Intro { height:33px; }
		.Intro h1 { font-size:1.8em; font-weight:normal; color:#262626; margin-top:6px; }

/* ChangeLanguage */
.ChangeLanguage { margin:0 0 20px; }

.ChangeLanguage span.ToggleLanguages { font-size:1.1em; display:block; border-bottom:1px solid #eaeaea; height:22px;  }
	.ChangeLanguage span.ToggleLanguages a { display:block; height:16px; padding:0 0 0 20px; background:transparent url(ToggleLangBg.jpg) top left no-repeat;  }
		.ChangeLanguage span.ToggleLanguages a.Visible { background:transparent url(ToggleLangVisibleBg.jpg) top left no-repeat;  }

.ChangeLanguage ul.Languages { overflow:auto; margin:0; border-bottom:1px solid #eaeaea; padding:5px 0; }
	.ChangeLanguage ul.Languages li { font-size:1.1em; float:left; display:block; padding:1px 15px 2px 0; }
	
	.ChangeLanguage ul.Languages li a { padding:0 0 1px 24px; background-position: left top; background-repeat: no-repeat; background-color: #fff; }
		.ChangeLanguage ul.Languages li.LangSe a { background-image: url(LangSeBg.jpg); }
		.ChangeLanguage ul.Languages li.LangFi a { background-image: url(LangFiBg.jpg); }
		.ChangeLanguage ul.Languages li.LangDk a { background-image: url(LangDkBg.jpg); }
		.ChangeLanguage ul.Languages li.LangDe a { background-image: url(LangDeBg.jpg); }
		.ChangeLanguage ul.Languages li.LangEn a { background-image: url(LangEnBg.jpg); }
		.ChangeLanguage ul.Languages li.LangEs a { background-image: url(LangEsBg.jpg); }
		.ChangeLanguage ul.Languages li.LangPl a { background-image: url(LangPlBg.jpg); }
		.ChangeLanguage ul.Languages li.LangNo a { background-image: url(LangNoBg.jpg); }
		
/* Tabs */
ul.Tabs { overflow:auto; margin:20px 0 0; background:transparent url(TabsBg.jpg) bottom left repeat-x; }
	ul.Tabs li { float:left; display:block; padding:9px 19px; }
		ul.Tabs li.Active { background:#f7f7f7; border:1px solid #e8e8e8; border-bottom:0; }
	
	ul.Tabs li a { color:#737373; }
		ul.Tabs li.Active a,
		ul.Tabs li a:hover { color:#e87603; }


/* Content */
.Content { background:#f7f7f7; border:1px solid #e8e8e8; border-top:0; padding:14px; }
.Content h1 { font:2.7em Verdana,Arial,Helvetica,sans-serif; color:#262626; margin:0 88px 12px 10px; padding:0; letter-spacing:-1px; background:#f7f7f7; }
    .Content h2 { font-size:1.4em; font-weight:normal; color:#262626; margin:0 88px 17px 10px; line-height:1.3em; padding:0; background:#f7f7f7; }
    .Content h3 { font-size:1.4em; font-weight:bold; color:#262626; margin:19px 0 3px 10px; padding:0; }
    .Content h4 { font-size:1.1em; font-weight:bold; color:#262626; margin:0 88px 3px 10px; padding:0; }
    .Content p { font-size:1.2em; color:#262626; margin:0 88px 8px 10px; line-height:1.3em; padding:0; background:#f7f7f7; }
    
    .Content ul { list-style-position:outside; margin:0 88px 0 20px; padding:0 0 13px 0; }
    .Content ul li { font-family:Verdana, Arial, Helvetica, Sans-Serif; list-style-type:none; font-size:1em; line-height:1.3em; padding:0 0 4px 10px; color:#262626; background:url(ListBullet.jpg) no-repeat 3px 7px; }
    .Content ol li { font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:1.2em; line-height:1.3em; padding:0 0 4px 0; color:#262626; }
    .Content ol { padding: 0 0 13px 40px; margin:0 88px 0 0; }