body {
	font: 68.75%/1.5 Verdana, sans-serif;
	color: #333333;
	background: #aeb2b6 url(../imgs/backgrounds/body.gif) repeat-x top;
	text-align: center;
}

/* Typography */
p { font-size: 1em; }
table { font-size: 1em; }
h1 { font-size: 1.45em; color: #013c76; margin-top: 1.5em; }
h2 { font-size: 1.20em; }
h3 { font-size: 1.10em; }

a:link,
a:visited { color: #013c76; text-decoration: underline; }
a:hover,
a:active { color: #013c76; text-decoration: none; }
.accessibility {display:none;}

/* Layout */
div#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
div#main {
	float: left;
	width: 779px;
	background-color: #ffffff;
}
div#separator {
	background: transparent url(../imgs/backgrounds/nav.gif) no-repeat top left;
	height: 25px;
	clear: both;
}
div#columns {
	display: inline-block;
	background: transparent url(../imgs/backgrounds/main.gif) repeat-y top;
}

body.contentpage div#columns {
	
	background: none;
}

div#wrapper { 
	float: left;
	width: 100%;
}
div#content {
	margin: 0 219px 0 221px;
	padding: 0 25px;
}
body.contentpage div#content {
	margin-right: 0;
	padding-right: 25px;
}

div#nav {
	float: left;
	display: inline;
	width: 201px;
	margin-left: -779px;
	padding: 0 10px;
	min-height: 450px;
}



div#press_releases	{
	padding: 0px 10px 10px 26px;
}

div#press_releases h1	{
	color: #013c76;
	font-size: 1.20em;
}

/* news */
ul#press_release_list {
}
ul#press_release_list li {
	margin: 5px 0;
}
ul#press_release_list li a:link,
ul#press_release_list li a:visited {
	color: #333333;
}
ul#press_release_list li a:hover,
ul#press_release_list li a:active {
	color: #333333;
}
ul#press_release_list li .date {
	font-weight: bold;
}

div#sidebar {
	float: left;
	display: inline;
	width: 219px;
	margin-left: -219px;
	background: transparent url(../imgs/backgrounds/sidebar.jpg) no-repeat top;
	min-height: 450px;
}

.lal	{background-image: none !important;}

div#footer {
	margin: 10px;
	padding: 5px 10px;
	display: inline-block;
	border: 1px solid #e9e9e9;
	color: #939393;
	background: #f4f4f4;
	clear: both;
	width: 737px;
}
/* IE min-height \*/
* html div#nav {
	height: 450px;
}
* html div#sidebar {
	height: 450px;
}
/**/

/* toprow */
div#toprow a:link,
div#toprow a:visited {
	color: #656565;
	text-decoration: none;
}
div#toprow a:hover,
div#toprow a:active {
	color: #656565;
	text-decoration: underline;
}
/* toprow - links */
div#links {
	background: #fbfbfb url(../imgs/backgrounds/links.gif) no-repeat bottom;
	height: 49px;
	width: 222px;
	line-height: 49px;
	vertical-align: middle;
	text-align: center;
	float: left;
}
/* toprow - langselect */
div#langselect {
	background: #dfdfdf url(../imgs/backgrounds/langselect.gif) no-repeat top left;
	height: 49px;
	width: 339px;
	line-height: 49px;
	vertical-align: middle;
	text-align: center;
	float: left;
}
div#langselect span.en {
	padding: 0 35px;
}
div#langselect span.fi a {
	background: transparent url(../imgs/backgrounds/flag_fi.gif) no-repeat left;
	padding: 0 0 0 20px;
}
div#langselect span.en a {
	background: transparent url(../imgs/backgrounds/flag_en.gif) no-repeat left;
	padding: 0 0 0 20px;
}
div#langselect span.se a {
	background: transparent url(../imgs/backgrounds/flag_se.gif) no-repeat left;
	padding: 0 0 0 20px;
}
/* toprow - search */
div#search {
	background: #dfdfdf url(../imgs/backgrounds/search.gif) repeat-x top left;
	height: 49px;
	width: 218px;
	line-height: 49px;
	vertical-align: middle;
	text-align: center;
	float: left;
}
div#search input {
	vertical-align: middle;
}

/* bottomrow */
div#logo {
	float: left;
}
div#image {
	float: left;
}

/* nav */
ul#nav_list {
	margin-bottom: 25px;
}
ul#nav_list li {
	border: 1px solid #ccdfd6;
	margin-bottom: 2px;
	padding: 5px 10px;
}
ul#nav_list li a {
	background: transparent url(../imgs/backgrounds/nav_bullet.gif) no-repeat 0px 5px;
	padding-left: 15px;
	font-weight: bold;
	display: block;
}
ul#nav_list li a:link,
ul#nav_list li a:visited {
	text-decoration: none;
}
ul#nav_list li a:hover,
ul#nav_list li a:active {
	text-decoration: underline;
}
/* sub nav */
li.subnavi{
	border: none !important;
	padding-right: 0 !important;	
}
li.subnavi ul.subnavi li{
	border: none !important;
	line-height: 12px;
	padding: 2px 13px 2px 0 !important;		
}
li.subnavi ul.subnavi li a{
	color: #333;
	font-weight:normal !important;
}

/* sub nav level3 */
li.subSubNaviSelected ul.subSubNavi li{
	padding: 2px 13px 2px 20px !important;		
}
li.subSubNaviSelected ul.subSubNavi li a{
	font-weight:normal;
}

li.selecteditem{
	color: #006633 !important;
	font-weight: bold;
}

/* external banners */
div#banners {
	float: right;
	text-align: center;
	width: 140px;
	padding: 20px;
}
div#banners .banner {
	margin-bottom: 25px;
}

/* internal banners */
ul#internal_banners {
	margin: 0 10px 25px 10px;
}
ul#internal_banners li {
	display: block;
	background: transparent url(../imgs/backgrounds/internal_banner.gif) repeat-x bottom;
	margin-bottom: 15px;
	padding-bottom: 1px;
}
ul#internal_banners li a {
	display: block;
	overflow: hidden;
	text-decoration: none;
}
ul#internal_banners li a img {
	display: inline;
	float: left;
	margin-right: 10px;
}
ul#internal_banners li a span {
	display: block;
	margin-top: 5px;
}
ul#internal_banners li a:hover span {
	text-decoration: underline;
}

/* news */
ul#news {
}
ul#news li {
	margin: 5px 0;
}
ul#news li a:link,
ul#news li a:visited {
	color: #333333;
}
ul#news li a:hover,
ul#news li a:active {
	color: #333333;
}
ul#news li .date {
	font-weight: bold;
}

/* hCard */
.vcard {
	width: 150px;
	margin: 0 auto;
}
.org {
	font-weight: bold;
}
.adr {
	margin-bottom: 1em;
}

/* Misc */
.left { float: left; clear: left; display: inline; }
.right { float: right; clear: right; display: inline; }
.center { text-align: center; }
.hide { display: none; }
.clearfix {
	display: inline-table;
	/* Hides from IE-mac \*/
	height: 1%;
	display: block;
	/* End hide from IE-mac */
}
html>body .clearfix {
	height: auto;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#feedback {
	background: #e5f1f9 url(/system/modules/fi.matkahuolto.frontend/resources/images/dotline.gif) repeat-x;
	padding: 5px 6px 5px 6px;
	height: 162px;
}

#feedback p				{color: #333333;font-size: 95%; margin: 0px 0px 5px 0px;}
#feedback .text_input {width: 300px; border: 1px solid #0079c2; margin: 2px 0px 0px 0px;}

#feedback textarea {height: 200px}