/* RESET */
/* Resets all page styles to their basic values without padding, margin or font sizes. Do not change*/
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td
{ 
	margin: 0; 
	padding: 0;
 }
table 
{ 
	border-collapse: collapse; 
	border-spacing: 0; 
}
fieldset, img { 
	border:0 
}
address, caption, cite, code, dfn, em, strong, th, var 
{ 
	font-style: normal; 
	font-weight: normal; 
}
ol, ul, li 
{ 
	list-style: none;
}
caption, th 
{ 
	text-align:left;
}
h1, h2, h3, h4, h5, h6 
{ 
	font-size:100%; 
	font-weight: normal;
}
q:before, q:after 
{ 
	content:'';
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* The below restores some sensible defaults */
strong 
{ 
	font-weight: bold;
}
em 
{ 
	font-style: italic;
}
/* Gets rid of IE's blue borders */
a img 
{ 
	border:none;
} 
/*End reset*/
/* - - - HTML - - - */

html 
{
	background-color: #68b0da;
	background-image: url('../images/bg_body.png');
	background-attachment: scroll;
	background-position: top left;
	background-repeat: repeat-x;
	

}
div	/*Automatically clears floats inside div elements and allows absolute positioning of elements inside elements*/
{
	position: relative;
	overflow: hidden;
}

body 
{
	font-size: 62.5%; /*Font size set to 12 pixels  for EM or percentage use*/
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color: #000000;

}

/*Font properties for elements that do not inherit properly*/
body, select, input, textarea, table, button
{
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	text-align: left;
}

table 
{
	font-size: inherit;
}

body, p, li, td 
{
	
	line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 
{
	padding: 0em;
	margin: 0em;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.1;

}

h6 
{
	font-size: 0.4em;
	margin-top: 1em;
}

h5 
{
	font-size: 0.8em;
	margin-top: 1em;
}

h4 
{
	font-size: 1em;
	margin-top: 1.5em;
}

h3 
{
	font-size: 1.6em;
	margin-top: 1.5em;
}

h2 
{
	font-size: 1.8em;
	margin-top: 1.5em;
}

h1
{
	font-size: 2.4em;
	margin-top: 0;
	font-weight: normal;
}

h1 h2,
h2 h3,
h3 h2,
h2 h1,
h1 h3
h1 p,
h2 p,
h3 p
{
	font-size: 100%;
}
p 
{

	margin-bottom: 0.5em;
	
}

a,
a:link,
a:hover,
a:visited,
a:active 
{

	text-decoration: underline;
	color: #868686;
}

a:hover 
{
	text-decoration: none;
	color: #00a651;
}

img 
{
	border-style: none;
}

hr 
{
	height: 1px;
	margin: 0.5em 0 1em 0;
	color: gray;
	background-color: gray;
	clear: both;
}

ul,
ol 
{

}

ul li,
ol li 
{

}

ul 
{
	list-style: url() disc;
}

ol 
{
	list-style: decimal;
}

table 
{
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1em 0em 0em 0em
}

table td 
{
	vertical-align: top;
	padding: 0.2em 1em 0.2em 0.3em;

}
/**FORM**/
fieldset
{
	padding: 5px 0;
}
legend
{
	display: none;
}
input, select, textarea
{
	font-size: 1.1em;
	
}
input, textarea
{
	
	border: 2px solid #d7dadc;
	padding: 5px 5px 3px;
	background-color: #ffffff; 
	background-image: url('../images/bg_input_box.png');
	background-repeat: repeat-x;
	background-position: top left;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.textfield
{
	width: 40%;
}

label
{
	font-size: 1.2em;
	line-height: 1.8em;
	clear: both;
	display: block;
	font-weight: bold;
	cursor: pointer;
}

label input
{
	/*vertical-align: middle;*/
}

button, input[type="submit"], input[type="reset"]
{
	color: #ffffff;
	font-weight: bold;
	background-color: #1d89c8; 
	background-image: url('../images/bg_button.png');
	background-repeat: repeat-x;
	background-position: top left;
	cursor: pointer;
	border: 2px solid #0f6bbb;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#content #main button span
{
	color: inherit;
	display: inherit;
}

strong 
{
	font-weight: bold;
	color: #777777;
}

em 
{
	font-style: italic;
	color: #777777;
}

blockquote 
{
	margin: 0em 3em;
}


/* - - - LAYOUT - - - */

#container 
{
	width: 100%;
}
#container .shadow.left, #container .shadow.right
{
	position: absolute;
	top: 0;
	width: 50%;
	height: 191px;
	
}
#container .shadow.left
{
	background-color: transparent;
	background-image: url('../images/bg_header_all.png');
	background-repeat: no-repeat;
	background-position: top left;
	/*left: -322px;*/
	left: 0;
}
#container .shadow.right
{
	background-color: transparent;
	background-image: url('../images/bg_header_all.png');
	background-repeat: no-repeat; 
	background-position: top right;
	right: 0;

}

#wrapper
{
	width: 1022px;
	margin: 0 auto;
	overflow: visible;
}
/*#wrapper .shadow.left, #wrapper .shadow.right
{
	position: relative;
	bottom: 0;
	width: 322px;
	height: 191px;
	display: none;
}
#wrapper .shadow.left
{
	background-color: transparent;
	background-image: url('../images/bg_header_all.png');
	background-repeat: no-repeat;
	background-position: top right;

	left: -292px;
}
#wrapper .shadow.right
{
	background-color: transparent;
	background-image: url('../images/bg_header_all.png');
	background-repeat: no-repeat; 
	background-position: top left;
	right: -322px;

}*/

/*Header*/
#header 
{
	height: 200px;
	background-color: transparent;
	background-image: url('../images/bg_top.png');
	background-repeat: no-repeat;
	background-position: top center;
	overflow: visible;
	
}
#header .shadow.left, #header .shadow.right
{
	position: absolute;
	top: 159px;
	width: 29px;
	height: 58px;
}
#header .shadow.left
{
	background-color: transparent; 
	background-image: url('../images/bg_top_left.png');
	background-repeat: no-repeat;
	background-position: top right;
	left: 0;
}
#header .shadow.right
{
	background-color: transparent;
	background-image: url('../images/bg_top_right.png');
	background-repeat: no-repeat;
	background-position: top left;
	right: 0;
	width: 29px;
}


/*Content*/
#content
{



}
#content p, 
#content ul li,
#content ol,
#content td,
#content th
{
	font-size: 12px;
	color: #626262;
}
#content #main 
{
 background-color: #ffffff;
}
#content #main.fullwidth
{
	left:-1px;
	margin:0 30px;
	position:relative;
}
#content #main.fullwidth #article
{
	padding: 0;
}
#content #secondary
{
	padding: 0 6px 0 36px;

	width: 187px;
	background-color: transparent; 
	background-image: url('../images/divider_vertical_left.png');
	background-repeat: no-repeat;
	background-position: right center;
	
}
#content #supplemental
{
	padding: 0 30px 0 6px;

	width: 187px;
	background-color: transparent;
	background-image: url('../images/divider_vertical_right.png');
	background-repeat: no-repeat;
	background-position: left center;

}
.sidepanel h1, 
.sidepanel h2, 
.sidepanel h3, 
.sidepanel h4
{
	margin: 0;
	padding: 0;
}
.sidepanel p
{
	font-size: 11px;
}
#content #slideshow
{
	margin: 0 0 0 1px;
}
#content .top
{
	background-color: transparent; 
	background-image: url('../images/bg_content_top.png');
	background-repeat: no-repeat;
	background-position: top center;
	padding: 12px 0 0 0;
	
}
#content .middle
{
	background-color: transparent;
	background-image: url('../images/bg_content_middle.png');
	background-repeat: repeat-y;
	background-position: 0 0;
	
}
#content .bottom
{
	background-color: transparent;
	background-image: url('../images/bg_content_bottom.png');
	background-repeat: no-repeat; 
	background-position: bottom center;
	padding: 0 0 20px 0;

}
#content #main #article
{
	padding: 0 20px;

}
#content #main #article div
{

}
#content #main span
{
	color: #007d3d;
	font-size: 12px;
	display: block;
	
	
}
#content #main span + h2
{
	margin-top: 0;
	margin-bottom: 12px;
}
#content ul, #content ol
{
	margin: 0.5em 2em 1.5em;
}
#content ul li
{
	list-style-type: disc;
	font-size: 1.2em;
}
#content ul li ul, #content #content_menu ul ul
{
	margin-left: 10px;
}
#content ul li ul li
{
	font-size: 1em;
}
#content ol li
{
	list-style-type: decimal;
}
#content table
{
	border: 0px solid #cccccc;
	border-collapse: collapse;
}
#content table th,#content table td
{
	padding: 3px;
}
table.row,
table.column,
table.grid
{
	width: 100%;
}
#content table.row
{}
#content table.row tr.even td
{}
#content table.row tr.odd td
{}
#content table.row th
{}
#content table.grid, #content table.grid td, #content table.grid th
{
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
#content table.column
{}
#content table .odd
{
	background-color: #ffffff;
}
#content table .even
{
	background-color: #eeeeee;
}



/*Footer*/

#footer{
padding: 15px 0;
margin: 0 44px;
	

}
#footer ul{

}
#footer ul li{
	display: inline;
	font-size: 12px;
	color: #214357;
	
}
#footer ul li a
{
	color: #214357;
}
#footer #legal{


	
}
#footer #subnav{

}

#footer #credits
{
	position: absolute;
	right: 0;
	top: 12px;
	width: 92px;
}
#footer #credits a
{
	background-color: transparent;
	background-image: url('../images/logotype_hldesign.png'); 
	background-repeat: no-repeat;
	background-position: top left;
	width: 92px;
	height: 18px;
	text-indent: -3000px;
	display: block;

}
/*css functions*/
.clear 
{
	clear: both;
	font-weight: 0.01em;
	line-height: 0.01em;
	border-style: none;
}
.left
{
	float: left;
	display: inline;
}
.right
{
	float: right;
	display: inline;
}
.first, a.first{
	padding: 0;
	margin: 0;
	background-image: none;
}

/* - - - NAVIGATION - - - */

#nav
{
	position: absolute;
	top: 148px;
	left: 44px;
}
#nav ul
{}
#nav ul li
{
	display: inline;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
}
#nav ul li a
{
	color: #868686;
	text-decoration: none;
	background-color: transparent;
	background-image: url('../images/divider_menu.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	margin-left: 7px;
	
}
#nav ul li.first a
{
	padding-left: 0;
	margin-left: 0;
	background-image: none;
}
#nav ul li.current a
{
	color: #000000;
}
#nav ul li a:hover
{
	color: #00a651;
}
#subnav
{}
a.active{
	
}

/* - - - MODULES - - - */
/* News */
#news
{}
ul#news
{
	margin: 0;
}
#content ul#news li
{
	list-style-type: none;
}
div.wm_news_entry, #main h1, .news_article
{
	padding: 20px 0;
	background-color: transparent;
	background-image: url('../images/divider_horisontal.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 20px;


}
.news_article
{
	font-size: 12px;
	color: #626262;
}
.news_article h1,
.news_article h2,
.news_article h3
{
	color: #000000;
}

.news_article h2
{
	font-size: 18px;
}
.news_article p
{
	font-size: 100%;
}
li.wm_news_entry span
{
	color: #007d3d;
	font-size: 12px;
	display: block;
}
#content #news
{}

#snabbval
{}
#snabbval h2
{
	background-color: transparent;
	background-image: url('../images/mod_top_snabbval.png');
	background-repeat: no-repeat;
}
#snabbval li
{
	font-weight: bold;
}

#trafikinfo
{}
#trafikinfo h2
{
	background-color: transparent;
	background-image: url('../images/mod_top_trafikinfo.png');
	background-repeat: no-repeat;
	width: 184px;
	height: 48px;
}
#trafikinfo.module ul li 
{
	font-size: 11px;
}

#news_archive
{}
#news_archive h2
{
	background-color: transparent;
	background-image: url('../images/mod_top_nyheter.png');
	background-repeat: no-repeat;
}
#news_archive.module ul li 
{
	font-size: 11px;
}
#news_archive.module ul li span
{
	border-right:1px solid #CCCCCC;
	color:#007D3D;
	display:inline;
	margin-right:5px;
	padding-right:5px;
}

#reseplanerare,
#travelplanner
{
	background-color: transparent;
	background-image: url('../images/mod_reseplanerare.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 210px;
	
}
#reseplanerare h2,
#travelplanner h2{
	display: none;
}
#reseplanerare fieldset,
#travelplanner fieldset
{
	padding: 27px 12px 0;
}
#travelplanner a#extended_search{
	margin: 0 12px;
}
#reseplanerare label,
#travelplanner label
{
	font-size: 11px;
	color: #ffffff;
	line-height: 1.2em;
}
#reseplanerare input, 
#reseplanerare select,
#travelplanner input,
#travelplanner select
{
	border: 1px solid #339161;
	height: 19px;
	line-height: 19px;
	padding: 5px 3px 0;
	vertical-align: middle;
	
}
#reseplanerare select,
#travelplanner select
{
	padding: 0;
	width: 87px ;
	height: 21px;
	margin-top: 3px;
	
}
#reseplanerare select option
{
	
}
#reseplanerare input#inpPointFr, 
#reseplanerare input#inpPointTo,
#travelplanner input#inpPointTo,
#travelplanner input#inpPointFr
{
	background-color: transparent;
	background-image: url('../images/bg_input_reseplanerare.png');
	background-repeat: no-repeat;
	background-position: left center;
	height: 22px;
	line-height: 22px;
	width: 157px;
	border: 0;
}
#time
{
	margin-top: 10px;
}
#reseplanerare input#inpTime,
#travelplanner input#inpTime
{ 
	width: 37px;
	margin-top: 3px;
	position: relative;
	left: 22px;
}
#reseplanerare input#inpDate,
#travelplanner input#inpDate
{
	width: 57px;
	margin-top: 3px;
}
#reseplanerare button,
#travelplanner button
{
	background-color: transparent;
	background-image: url('../images/button_sokresa.png');
	background-repeat: no-repeat;
	background-position: top left;
	border: 0 none;
	width: 73px;
	height: 24px;
	text-indent: -3000px;
	vertical-align: middle;
	margin-top: 10px;
	position: relative;
	left: 15px;
	
}
#reseplanerare a,
#travelplanner a
{
	color: #ffffff;
}

#mina_sidor
{
	background-color: transparent;
	background-image: url('../images/mod_minasidor.png');
	background-repeat: no-repeat;
	height: 130px;

}
fieldset, #mina_sidor
{
		position: relative;
	overflow: hidden;
}
#mina_sidor fieldset
{
	padding: 30px 12px 50px;
}
#mina_sidor input
{
	border: none;
	height: 19px;
	line-height: 19px;
	padding: 5px 3px 0;
	vertical-align: middle;
	background-color: transparent;
	background-image: url('../images/bg_mina_sidor_input.png');
	background-repeat: no-repeat;
	background-position: left center;
	width: 151px;
	
	
}
#mina_sidor button
{
	background-color: transparent;
	background-image: url('../images/button_loggain.png');
	background-repeat: no-repeat;
	background-position: top left;
	border: 0 none;
	width: 25px;
	height: 25px;
	text-indent: -3000px;
	vertical-align: middle;
	margin-top: 10px;
	position: absolute;
	right: 30px;
	bottom: -45px;
	cursor: pointer;
	
}

.promo
{}
.promo #oresundstag
{}
.promo #ebutik
{} 
.puff,.module
{
	background-color: transparent;
	background-image: url('../images/mod_bottom.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
	width: 184px;
	
}
.module.basic
{
	background-color: transparent;
	background-image: url('../images/bg_module_basic.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 10px 0;
}
.module h2
{
	height: 48px;
	text-indent: -3000px;
}
.module.basic h2
{
	text-indent: 0;
	height: auto;
	background-color: transparent;
	background-image: url('../images/bg_module_basic.png');
	background-repeat: no-repeat;
	background-position:; left top;
	padding: 10px;
	font-size: 14px;
}
.module p
{
	padding: 0 12px;
}
.module fieldset p
{
	padding: 0 0;
}
.module.basic a
{
	color: #00a651;
}
#content .module ul
{
	margin: 0 10px 10px;
}
#content .module ul li
{
	list-style: none outside;
	line-height: auto;
	white-space: normal;
	padding: 3px 0;
}

/*content menu*/
#content_menu
{
	background-color: transparent;
	background-image: url('../images/bg_menu.png');
	background-repeat: no-repeat;
	background-position: top left;
	
}
#content_menu h2
{
	text-indent: 0;
	height: auto;
	padding: 10px;
	font-size: 14px;
}
#content #content_menu ul
{
	margin-left: 10px;
}
#content #content_menu ul li ul
{
	margin-left: 0;
}
#content #content_menu.module ul li
{
	background-image: url('../images/bullet_menu_sub.png');
	background-repeat: no-repeat;
	background-position:  left 6px;
	padding-left: 10px;
	white-space: normal;
	padding: 3px 0 3px 10px;
}
#content_menu a
{
	text-decoration: none;
}
#content_menu a:hover
{
	text-decoration: underline;
}
#content_menu a.active,#content_menu #current a
{
	color:#000000;
}

/*Branding*/
h1#branding  a
{
	background-color: transparent;
	background-image: url('../images/branding_logo.png');
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -3000px;
	height: 130px;
	width: 216px;
	position:relative;
	left: 25px;
	display: block;
	text-indent: -3000px;
}
#branding h2
{}

/*Functions*/
#functions
{
	background-color: transparent;
	background-image: url('../images/icons_functions.png');
	background-repeat: no-repeat;
	background-position: top left;
	height:34px;
	overflow:hidden;
	width:154px;
	position: absolute;
	top: 86px;
	right: 30px;
}
#functions li
{
	display: inline;
}
#functions a
{
	display: block;
	text-indent: -3000px;
	width: 38px;
	height: 34px;
	float: left;
}
#functions #font_size a
{

}
#functions .language a
{}
#functions .language #english
{}
#functions .language #german
{}


/*Search*/
#search fieldset
{
	padding: 0;
} 
#search legend
{}
#search
{
	width: 240px;
	position: absolute;
	right: 7px;
	top: 143px;
}
#search label
{
	display: inline;
	padding-right: 10px;
	font-weight: bold;
	color: #868686;
	font-size: 14px;
	display: none;
}
#search button#search_submit
{
	background-image: none;
	background-color: transparent;
	border: 0 none;
	color: #868686;
	display: inline;
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding-right: 10px;
	position: relative;
	top: 5px;
	
}
#search button
{}
#search input
{
	background-color: transparent;
	background-image: url('../images/bg_input.png');
	background-repeat: no-repeat;
	background-position: top left;
	border: none;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	width:175px;
}
#content #search_results
{}

/*EN*/
.en
{}
div#container.en form#reseplanerare
{
	background-image:url(../images/mod_reseplanerare_en.png);
}
div#container.en form#mina_sidor
{
	background-image:url(../images/mod_minasidor_en.png);
}
div#container.en #snabbval h2
{
	background-image:url(../images/mod_top_snabbval_en.png);
}
div#container.en #trafikinfo h2
{
	background-image:url(../images/mod_top_trafikinfo_en.png);
}
div#container.en #news_archive h2
{
	background-image:url(../images/mod_top_nyheter_en.png);
}

/*DE*/
.de
{}
div#container.de form#reseplanerare
{
	background-image:url(../images/mod_reseplanerare_de.png);
}
div#container.de form#mina_sidor
{
	background-image:url(../images/mod_minasidor_de.png);
}
div#container.de #snabbval h2
{
	background-image:url(../images/mod_top_snabbval_de.png);
}
div#container.de #trafikinfo h2
{
	background-image:url(../images/mod_top_trafikinfo_de.png);
}
div#container.de #news_archive h2
{
	background-image:url(../images/mod_top_nyheter_de.png);
}

.addthis_toolbox
{
	float:right;
	padding: 20px 0 10px 10px;;
}

span.closeMe{
	text-transform: uppercase;
	float: right;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	padding: 2px 3px;
	font-size: 12px;
}
/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:27em;	/* Width of box */
		height:12.909em;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #000000;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-weight: normal;
    		font-size: 11px;
    		font-family: Arial, Verdana, Helvetica, sans-serif;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
    		font-size: 1em;
    		font-family: Verdana, Arial, Helvetica, sans-serif;
    		margin-top: 0px; margin-bottom: 0px; padding: 0px;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#191970;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}