/* Main stylesheet - basic structural rules
*
* Stylesheet containts all basic structural rules such as rules for the big four; header, main, footer
* and navigation. We also import a reset stylesheet to make sure we get the same margins for all
* browsers. Colors for the different parts of the site has been placed in a seperate stylesheet.
*
* @author Peter Törnstrand
* @version 1.0 (2007-03-31)
*/

body { font: .6em verdana, sans-serif; }

#PrintArea 
{

}

.FormText 
{
	font-family: Verdana, Arial, Helvetica, Tahoma;
	color: #333;
	margin-right: 6px;
}


ul li 
{
	font-family: Verdana, Arial, Helvetica, Tahoma;
	color: #333;
	font-size: 11px;
	list-style-type: disc;
	margin-left: 20px;
}
ol
{
	margin-left:2em;
}


ol li 
{
	font-family: Verdana, Arial, Helvetica, Tahoma;
	color: #333;
	font-size: 11px;
	list-style-type: decimal;
	margin-left: 20px;
}


/* Eji försök till indrag
li  {
 display : block;
 width: 100%;
}
*/

strong
{
	font-weight:bold;
}

em
{
	font-style:italic;
}

/* HLi: from connex_advanced */

span.imageList table img {
  margin-right: 5px;
}

p
{
	font-family: Verdana, Arial, Helvetica, Tahoma;
	color: #333;
	/*font-size: 11px;*/
}

div
{
	font-family: Verdana, Arial, Helvetica, Tahoma;
	color: #333;
	/*font-size: 11px;*/
}

table.moduleAction {
	background: #fff;
	margin-bottom: 10px;
	border-collapse: collapse;
}

table.moduleAction th {
  background: #e1dfe0;
  height: 16px;
	padding: 2px 5px 3px 5px;
	color: #000;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border-top: 1px solid #fff;
}

table.moduleAction th.NoCorner {
  background: #e1dfe0;
  height: 16px;
	padding: 2px 5px 3px 5px;
	color: #000;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border-top: 1px solid #fff;
}

table.moduleAction td {
	padding: 7px 7px 0 7px;
	border-right: solid 1px #e1dfe0;
	border-left: solid 1px #e1dfe0;
}
table.moduleAction td.lastRow {
	padding: 7px;
	border-bottom: solid 1px #e1dfe0;
}
table.moduleAction td table td {
  border: none !important;
  padding: 0 !important;
}
table.moduleAction td.noPadding {
	padding: 0 0 7px 0;
	border-bottom: solid 1px #e1dfe0;
}
table.moduleAction td.noPadding table td {
  border: none;
	padding: 7px 7px 0 7px;
}

table.moduleSearchOptions th {
  background: #e1dfe0;
  height: 16px;
	padding: 2px 5px 3px 5px;
	color: #000;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border-top: 1px solid #fff;
}
table.moduleSearchOptions th.link {
  background: #949694 url(/images/Connex/corner.gif) no-repeat right top;
	text-align: right;
	font-weight: normal;
	padding-right: 8px;
}

table.listTable {
  width: 100%;
	background: #fff;
	margin-bottom: 10px;
	border-collapse: collapse;
}
table.listTable th {
  background: #e1dfe0;
  height: 16px;
	padding: 2px 5px 3px 5px;
	color: #000;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border-top: 1px solid #fff;
}
table.listTable td {
	padding: 5px 0;
	border-bottom: solid 1px #ccc;
	vertical-align: top;
}
table.listTable td.fileList {
	padding: 3px 5px;
}
table.listTable td.fileList img {
  margin-right: 4px;
}
/* END HLi: from connex_advanced */

/* HLi: from connex */
.hidden {
  display: none;
}

.inputlabelwide {
	width: 10em;	
	float: left;
	padding-top: 0.4em;
	font-weight: normal;
}

.introduction {
	font-weight: bold;
	line-height: 150%;
	EditMenuName: Introduction;
}

h1, .heading1 
{
	font-size: 1.6em; font-weight: bold; margin: 0 0 0.5em 0;
}

h2, .heading2 
{
	font-size: 1.4em; font-weight: bold; margin: 0 0 1em 0;
	EditMenuName: Heading 2;
}

/* Sandra Li 2007-06-01: Ändrat font-size till 1em */

h3 {
	font-size: 1.2em; font-weight: bold; margin: 0 0 0.5em 0;
	EditMenuName: Heading 3;
}

/*HLi h4 */

h4 {
 font-size: 1em;
 font-weight: bold;
 background-color: inherit;
 /*EditMenuName: Heading 4;*/
}

/* HLi: extra för news headline */
h3.newsHeadline a 
{
    font-size: 1.05em;
	font-weight: bold;
	background-color: inherit;
    color: #0c4b83;
  	text-decoration: none;
}

/* Sandra Li 2007-06-01: Ändrat font-size */
.date {
  font-size: .9em;
  color: #999;
  EditMenuName: Date;
}

.imageText {
  font-size: 80%;
  EditMenuName: Image text;
}

table.siteMapTable td {

}
table.siteMapTable td table td {

}
tr.siteMapHeader td {
  background: #e1dfe0;
  height: 16px;
	padding: 2px 5px 3px 5px;
	color: #000;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border-top: 1px solid #fff;
}
table.siteMapTable td ul li {
  color: #999;
}

table.tableBorder {
 border-collapse: collapse;
 border: 1px solid #999999;
 font-family: Verdana, Arial, Helvetica, Tahoma;
 color: #333;
 EditMenuName: Border;
}
table.tableBorder th {
 vertical-align: top;
 padding: 3px;
 border: 1px solid #999999;
}
table.tableBorder td {
 vertical-align: top;
 padding: 3px;
 border: 1px solid #999999;
}

input.registerfield,
span.registerfield input {	
	width: 20em;
}

input, button, select, textarea {
  font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.inputlabel {
	width: 6em;
	float: left;
	padding-top: 0.4em;
	font-weight: bold;
}

input.button, button.button,
input.buttonOver, button.buttonOver {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #49453D;
	border: solid 1px #49453D;
	height: 20px;
	padding-top: 1px;
}

input.button, button.button {
	background: #fff url(/images/Connex/bg2.gif) repeat-x;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#49453D,direction=135,strength=1);
	margin-bottom: 2px;
	height: 20px;
}
input.buttonOver, button.buttonOver {
	background: #ccc url(/images/Connex/bg1.gif) repeat-x;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#49453D,direction=315,strength=1);
	margin-bottom: 2px;
	height: 20px;
}

/* END HLi: from connex */

/* HLi extras */
.leftFloat {float:left;margin-right:5px;border:none}

li.disc { list-style:disc }
/* END HLi extras */


/* Lars extras*/

/* START Brochure List*/
div.brochurewrapper {
	width:320px;
		
}

div.brochurecol1 
{
	 width:150px; 
	 float:left;
}

div.brochurecol2 
{
	width: 150px;
	float:left;
	padding-left:10px;
}

td.brochureimgcol 
{
	padding-right: 5px;
	padding-bottom: 10px;
}

td.brochuretextcol 
{
	padding-bottom: 10px;
}
	
/*END Brochure List*/

/* END Lars extras*/

#outerContainer {
	width: 910px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
}

/* ---- Header ---- */

#headerContainer { position: relative; }

span#logo {
	position: absolute;
	top: 0;
	top: 0;
	left: 0;
	display: block;
    width: 910px;
    height: 142px;
}

span#logo a#logotext {
	display: block;
	position: absolute;
	text-indent: -999em;
}

/* ---- Icon bar ---- */

#iconBarContainer { position: relative; height: 26px; overflow: hidden; }

#iconBarContainer #companyName {
	position: absolute;
	top: 7px;
	left: 5px;
	width: 500px;
	height: 12px;
}

/* Sandra Li 2007-06-01: La till detta nedan */
#iconBarContainer #companyName span {
    font-size: 1.1em;
    font-family: Verdana, Arial, Helvetica, Tahoma;
    color: #666666;
}

#iconBarContainer ul li
{
    list-style-type: none;
    margin-left: 0;
}

#iconBarContainer ul { float: right; padding: 4px 5px 0 0; }

#iconBarContainer li { float: left; }

#iconBarContainer li a {
	display: block;
	float: left;
	width: 29px;
	height: 18px;
	text-indent: -999em;
	padding-right: 2px;
}

/* HLi: taken from View source of some page */
.query {
	position: relative;
	top: -5px;
	width: 104px;
	height: 14px;
	padding: 2px 2px;
	font-size: 1em;
}

/* HLi: taken from View source of some page */
.btn_search {
	position: relative;
}

/* ---- Wide image ---- */

#wideImageContainer { padding: 0 5px; margin-bottom: 5px; }

/* ---- Navigation ---- */

#navigationContainer {
	text-align: center;
	width: 910px;
	height: 26px;
	margin: 0 auto 10px auto;
	/* IE6&7 fix for menu beeing positioned under content */
    position: relative;
    z-index: 1;
}

#navigationContainer ul li 
{
    list-style-type: none;
    margin-left: 0;
}

#navigationContainer ul {
	display: inline;
	position: relative;
	top: 7px;
	padding: 7px 0 7px 1px;
	text-align: center;
}

#navigationContainer li {
	display: inline;
	position: relative;
}

/* Safari CSS-hack to fix the hidden dropdown menu problem */
body:last-child:not(:root:root) #navigationContainer li {display: inline-block;}

#navigationContainer li a {
	padding: 7px 0 7px 15px;
	font-weight: bold;
	text-decoration: none;
}

#navigationContainer li a span { padding: 7px 15px 7px 0; }

#navigationContainer li.active a {
	padding: 7px 0 7px 15px;
	font-weight: bold;
}

#navigationContainer li.active a span { padding: 7px 15px 7px 0; }

/* ---- Subnavigation, see treemenu.css for more styling of the subnavigation ---- */

#subNavigationContainer ul li 
{
    list-style-type: none;
    margin-left: 0;
}

#subNavigationContainer { padding: 5px 0 20px 0; margin-bottom: 10px; }

#subNavigationContainer h2 { font-size: 1.2em; font-weight: bold; padding-left: 5px;}
#subNavigationContainer a { text-decoration: none; }

/* ---- Ticker ---- */

#tickerBarContainer 
{ 
  height: 14px; 
  padding: 0 0 10px 5px; 
  font-style: none;
  text-decoration: none; 
  color:#333 
}

#tickerBarContainer a
{
  color: #a60004;
  text-decoration: none;
}

/* ---- Main ---- */

#mainContainer 
{ 
	width: 910px; 
	overflow: hidden; 
	min-height: 300px;
}

/* ---- Columns ---- */

.column {
	float: left;
	padding: 0 5px 0 5px;
	overflow: hidden;
}

#twoColumns #columnOne,
#threeColumns #columnOne,
#fourColumns #columnOne { width: 215px; }

#twoColumns #columnTwo { width: 666px; border-right: none; }

#threeColumns #columnTwo { width: 448px; }
#threeColumns #columnThree { width: 215px; padding-right: 0; }

#threeColumns.subpage #columnTwo { width: 444px; }
#threeColumns.subpage #columnThree { width: 220px; padding-right: 0; }

#fourColumns #columnTwo { width: 218px; }
#fourColumns #columnThree { width: 218px; }
#fourColumns #columnFour { width: 215px; padding-right: 0; }

/* ---- Text ---- */

.subpage #columnTwo h1 { font-size: 1.6em; font-weight: bold; margin: 0 0 0.5em 0; }
.subpage #columnTwo h2 { font-size: 1.4em; font-weight: bold; margin: 0 0 0.5em 0; }

/* Sandra Li 2006-06-01: Ändrat font-size */
.subpage #columnTwo h3 { font-size: 1.2em; font-weight: bold; margin: 0 0 0.5em 0; }
.subpage #columnTwo h4 { font-size: 1em; font-weight: bold; margin: 0 0 0.5em 0; }

.subpage #columnTwo p {
	margin: .5em 0 1em 0;
}

/* ---- Modules ---- */

.module 
{
	margin-bottom: 10px;
}

.sitemap
{
	font-size: 1.1em;
}

.standardArea
{
	font-size: 1.1em;
}

.popup table
{
	font-size: 11px;
}


.module p
{
	margin: .5em 0 1em 0;
}

h2.moduleHeader {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
}

/* Module header with link */

h2.moduleHeader a {
	display: block;
	text-decoration: none;
}

h2.moduleHeader a span {
	display: block;
	padding-left: 1px;
	text-decoration: none;
}

h2.moduleHeader a span span {
	display: block;
	height: 18px;
	padding: 4px 4px 0 8px;
	text-decoration: none;
}

/* Module header without link */

h2.moduleHeader span {
	display: block;
	padding-left: 1px;
	text-decoration: none;
}

h2.moduleHeader span span {
	display: block;
	height: 18px;
	padding: 4px 4px 0 8px;
	text-decoration: none;
}

/*Two row header*/
h2.moduleHeaderSecondRow {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
}

/* Module header with link */

h2.moduleHeaderSecondRow a {
	display: block;
	text-decoration: none;
}

h2.moduleHeaderSecondRow a span {
	display: block;
	padding-left: 1px;
	text-decoration: none;
}

h2.moduleHeaderSecondRow a span span {
	display: block;
	height: 29px;
	padding: 4px 4px 0px 8px;
	text-decoration: none;
}

/* Module header without link */

h2.moduleHeaderSecondRow span {
	display: block;
	padding-left: 1px;
	text-decoration: none;
}

h2.moduleHeaderSecondRow span span {
	display: block;
	height: 29px;
	padding: 4px 4px 0px 8px;
	text-decoration: none;
}



/*Three row header*/
h2.moduleHeaderThirdRow {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
}

/* Module header with link */

h2.moduleHeaderThirdRow a {
	display: block;
	text-decoration: none;
}

h2.moduleHeaderThirdRow a span {
	display: block;
	padding-left: 1px; 
	text-decoration: none;
}

h2.moduleHeaderThirdRow a span span {
	display: block;
	height: 42px;
	padding: 4px 4px 0px 8px;
	text-decoration: none;
}

/* Module header without link */

h2.moduleHeaderThirdRow span {
	display: block;
	padding-left: 1px;
	text-decoration: none;
}

h2.moduleHeaderThirdRow span span {
	display: block;
	height: 42px;
	padding: 4px 4px 0px 8px;
	text-decoration: none;
}

/* Module content containers */

/* .wideItem { margin-bottom: 5px; } HLi TEST */

#threeColumns .colContainer {
	margin-bottom: 5px;
	height: 1%; /* IE fix */
}

#threeColumns .colItemLeft 
{
	float: left;
	width: 218px;
	padding: 5px 5px 5px 0;
}

#threeColumns .colItemRight 
{
	float: right;
	width: 218px;
	padding: 5px 0 5px 5px;
	}

#fourColumns .colItemLeft,
#fourColumns .colItemRight,
#fourColumns .wideItem { padding-bottom: 5px; }
#fourColumns .wideItem span { font-size: 9px; }

#fourColumns .colItemLeft,
#fourColumns .colItemRight { margin-bottom: 5px; }

/* ---- Content ---- */

/* Sandra Li 2007-06-01: Ändrat i readmore*/
a.readmore {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: .9em;
}


/* Newslist */

ul.newsList a {
	text-decoration: none;
	font-weight: bold;
    list-style-type: none;
    margin-left: 0;
}

/* Sandra li ändrat font-size 2007-06-01 */
ul.newsList li 
{ 
	padding: 1px 0;
	font-size: .9em; 
    list-style-type: none;
    margin-left: 0;
}

/* Boka resa */

input.bokaresa {
	width: 215px;
	height: 16px;
	padding: 4px;
	font-size: 11px;
	margin: 5px 0;
}

#bookYourJourney label a { padding-left: 2px; font-weight: bold; }

/* ---- Link bar ---- */

#linksContainer {
	position: relative;
	margin-top: 10px;
	padding: 4px 5px 5px 5px;
	text-align: center;	
}

#infoLinks { display:inline; font-size: .9em;}
#infoLinks span { padding: 0 10px; }
#infoLinks span a { text-decoration: none; font-family: verdana, sans-serif;font-size: 10px;}

/* ---- A IE6-only javascript-fix has been deployed here to 
		move travel container to the left when box expands above a certain width
		and overlaps with the infolink-container.
		Name of function is fixIE6SelectBoxPosition() ---- */
#travel {position: absolute; top: 1px; left: 1px;font-family: verdana, sans-serif;font-size: 10px;}

#veoliaWorldWide { position: absolute; top: 1px; right: 5px;font-family: verdana, sans-serif;font-size: 10px;}

#travel select { font-size: .9em; font-family: verdana, sans-serif;font-size: 10px;}

#veoliaWorldWide select { font-size: .9em; font-family: verdana, sans-serif;font-size: 10px; }

/* ---- Footer ---- */

#footerContainer {
	position: relative;
	height: 44px;
	padding-top: 2px;
	text-align: center;
}

#footerLinks {
	text-align: center;
	font-size: .9em;
	text-align: center;
	font-family: verdana, sans-serif;
}

#footerLinks span { padding: 0 2px; }

#veoliaFooter {
	position: absolute;
	display: none;
	top: 7px;
	right: 25px;
	width: 88px;
	height: 28px;
	text-indent: -999em;
}

#isoFooter1 {
	position: absolute;
	display: none;
	top: 6px;
	left: 40px;
	width: 31px;
	height: 31px;
	text-indent: -999em;
}

#isoFooter2 {
	position: absolute;
	display: none;
	top: 6px;
	left: 80px;
	width: 33px;
	height: 31px;
	text-indent: -999em;
}

#isoFooter3 {
	position: absolute;
	display: none;
	top: 6px;
	left: 120px;
	width: 33px;
	height: 31px;
	text-indent: -999em;
}

#isoFooter4 {
	position: absolute;
	display: none;
	top: 6px;
	left: 160px;
	width: 33px;
	height: 31px;
	text-indent: -999em;
}


/* ---- Misc ---- */

.clear { clear: both; }

/*#navigationContainer li { display: inline-block; }*/

#headerContainer div, #iconBarContainer, #navigationContainer, #subNavigationContainer,
.moduleHeader span, .module h2
{
	font-size: 11px;
}

#footerLinks span
{
	font-size: 10px;
}