/******************************** Site and body ********************************/
div { border:0px solid; }
* {
	padding:0;
}
html, body {
	margin:0;
	background-color: #261A1A;
/*
	font-family: Verdana, Sans-serif;
*/
	font-family: Trebuchet MS, Sans-serif;
	font-size: 1.0em;
	color: black;
}
.hidden {
	display:none;
}
a {
	color:black;
}
#etusivu {
	width:100%;
	margin:auto;
	text-align:center;
	background: #261A1A;
}
#container-etusivu {
	background: transparent;
}
#all {
	width:100%;
	margin:auto;
	text-align:center;
	background: #261A1A url(kuvat/bg+.jpg) repeat-y center top;
}
.page-container {
	width: 903px;
	margin:auto;
	background-color:white;
	text-align:left;
}
#container-front {
	background: transparent url(kuvat/front_content.jpg) no-repeat 258px top;
	height: 647px;
/*	border: 1px solid red; */
}
#container-index {
	background: transparent url(kuvat/index_content.jpg) no-repeat 258px top;
	height: 647px;
}
#container-shop {
	background: transparent url(kuvat/shop_content.jpg) no-repeat 258px top;
	height: 647px;
}

#page {
	margin-left:13px;
}
#logo {
	width: 200px;
	height: 130px;
	top: 0px;
	background: transparent url(kuvat/bg-logo1.gif);
	position: relative;
	left: 0px;
	padding-left: 58px;
	text-align: right;
	float: none;
/*	clear: both;
	z-index: 3;
	background-position: left;
	position: absolute;
	background-position: left -1px;
	text-align: right;
	left: expression((document.body.clientWidth / 2) - 290);
	border: 1px solid yellow; */
}
#left {
	float: left;
	width: 258px;
	height: 647px;
	background: transparent;
	background-position: left 135px top 0px;
	font-family: Trebuchet MS, Sans-serif;
	font-size: 1em;
}
#lefttop{
	float: none;
	width: 258px;
	height: 40px;
	background: transparent;
	background-position: top;
	font-family: Trebuchet MS, Sans-serif;
	font-size: 1em;
}
#leftbottom {
	float: left;
	width: 258px;
	height: 517px;
	background: transparent url(kuvat/menu_bg+.jpg);
	background-repeat: repeat-y;
	background-position: top;
	font-family: Trebuchet MS, Sans-serif;
	font-size: 1em;
}
#left li {
	list-style-type: none;
	border-bottom:1px solid #CBCBCB;
	margin:0 20px 2px 80px;
}
#left a {
	color:black;
	text-decoration:none;
	font-weight:bold;
}
#content-front {
	margin-left:256px;
	padding:400px 30px 0px 30px;
}
#content-front-text {
	overflow: auto;
	width:540px;
	font-size: 0.8em;
	line-height:1.4em;
}
#content-index {
	margin-left:256px;
	padding:120px 250px 0px 50px;
}
#content-text {
	height:500px;
	overflow:auto;
	font-size: 0.8em;
	line-height:1.6em;
	padding-right: 10px;
}
#content-shop {
	margin-left:216px;
	padding:120px 206px 0px 50px;
	height:500px;
	font-size: 0.8em;
/*
	overflow:auto;
*/
	line-height:1.6em;
	padding-right: 10px;
}
#content-shop-text {
	height:500px;
	width: 80%;
	overflow:auto;
/*
	font-size: 80%;
*/
	line-height:1.6em;
	padding-right: 10px;
}
#footer {
	width: 903px;
	height: 18px;
	background: transparent url(kuvat/alapalkki.jpg) repeat-x;
	float: left;
}
#footer a{
	text-decoration: none;
}
#footertxt {
	position: relative;
	left: 70px;
	width: 535px;
	height: 18px;
	background: transparent;
	float: left;
	font-size: 0.7em;
}
#footerlinkit {
	position: relative;
	width: 368px;
	height: 18px;
	background: transparent;
	float: right;
	font-size: 0.7em;
}
.region {
	visibility: hidden;
	width: 0px;
}
#basket {
	background: #CC9966;
	color: #FFFFFF; /*
	background: #CC9966 url(shop/shop_basket_big.gif) no-repeat left;
	width: 80%;
	height:40px;
*/
	text-align: center;
	overflow: hidden;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.6em;
	padding: 10px 5px 10px 5px;
}
table.shop-product {
	border: 1px dotted #CC9966;
}
td.shop-top {
	line-height:1.6em;
	clear: both;
}
td.shop-img{
	width: 160px;
	text-align: left;
}
td.shop-txt{
/*
	font-size: 80%;
	width: 100%;
 */
	vertical-align: top;
	padding-left: 20px;

}
.intro {
	font-size: 0.8em;
	color: #000000;
}
.mini {
	font-size:10px;
}
.miniplus {
	font-size:11px;
}
div.shop-content {
	font-size: 0.8em;
	padding: 5px 5px 5px 5px;
	border: 1px dotted #CC9966;
	width: 75%;
}
div.shop-form {
	font-size: 0.9em;
	padding: 5px 5px 5px 5px;
	border: 1px dotted #CC9966;
	background: #FAF7ED;
	width: 95%;
}
div.kerro {
	font-size: 12px;
}
a.kerro {
	font-size: 12px;
	color:black;
	text-decoration:none;
}
/*
	background: #261A1A;
*/	
.erotin {
	line-height: 5px;
	height: 5px;
	width: 100%;
}
table.tilaus {
	border: 1px solid #F1F1F1;
	padding-left: 5px;
	font-family: Trebuchet MS, Sans-serif;
	font-size: 1em;
}
td.totsikko {
	padding-left: 5px;
	font-family: Trebuchet MS, Sans-serif;
	font-size: 1em;
	background-color: #F1F1F1;
}
hr.kisa {
	outline-color: #CC9966;
	outline-style: dotted;
	outline-width: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/****************************************************************/

input, select, textarea {
	border: 1px solid #d6d6d6;
	background:white;
}

input.nro {
	border: 1px solid #d6d6d6;
	background:white;
	text-align: right;
}

img {border: none;}

span.logo {
	left: 100px;
	top: 3px;
	position: absolute;
}

label {width: 140px; padding: 3px 0px 0px 0px;	float: left;}

h1 {
	font-size: 1.0em;
	font-weight: bold;
}

h2 {
	font-family: Trebuchet MS, Sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

h3 {
	font-family: Trebuchet MS, Sans-serif;
	font-size: 1em;
}

h4 {
	font-family: Trebuchet MS, Sans-serif;
	font-size: 0.8em;
}

h5 {
	font-family: Trebuchet MS, Sans-serif;
	font-size: 0.6em;
}

.index-txt {
	font-size: 0.8em;
	color: #000000;
}

.comment {
	color: gray;
}

.description {
	font-size: 85%;
}

.selected {
	color: gray;
}
.message {
	border: 1px solid #FFA500;
	background: #FFCE7B;
	padding: 5px;
	font-weight: bolder;
	margin-bottom: 8px;
}
.error {
	color: red;
}
img .text_right {float: left; padding-right: 5px;}
img .text_left {float: right; padding-left: 5px;}
.item {
	background: #729FCF;
	padding: 3px;
	margin: 3px 0px 3px 0px;
	border: 1px solid #204A87;
}
.item:hover {background: #3465A4;}
.item a {
	text-decoration: none;
}
hr {
	height: 1px;
	border: 1px solid WHITE;
	display: none;
}
.highlighting {
	background: #a0cb09;
	color: #354044;
}

/*******************************************************************************/
/*********************************** News ********************************/

.latest_news {

}

.news_entry {
	padding-bottom: 6px; 
	float: left; 
	clear: left; 
	width: 500px;;
}
.news {
	padding:0.5em;
	border: 1px dotted #ffffff;
	background-color:#EFEFDE;
	
}
.news p {
	color:#000000;
}
a.news_title {
	font-size: 12px;
	font-weight: bolder;
	color: #F65007;
	text-decoration:  none;
}
.news_introduction {
	display:none;
}
.news_hr {
	display:none;
	width:420px;
	height:30px;
}
.news_date_bg {
	display:none;
	width:31px;
	height:55px;
	text-align:center;
	float:left;
	margin:5px;
}
.news_month {
	display:none;
	border: 0px solid;
	color: #0059A8;
	font-size:9px;
	height: 12px;
	margin-top:12px;
}
.news_day {
	display:none;
	color: #F65007;
	font-size:18px;
	font-weight:bold;
}
.news_year {
	display:none;
	color: #59B8E6;
	font-size:9px;
}
a.news_read_more {
	font-size: 12px;
	font-weight: normal;
	color: #F65007;
	text-decoration:  none;
}
.news_footer {
	height:100px;
	width:400px;
	clear:both;
}
.show_news {
	margin-top:20px;
}
.front_news_date {
	font-size: 9px;
	font-weight: normal;
	color: #074e8c;
	text-decoration: none;
	float:left;
	display:none;
}
.front_news_title {
	margin-top: 15px;
}
.front_news_title a {
	font-size: 11px;
	font-weight: normal;
/*	color: #a61713; */
	color: #ffffff;
	text-decoration: none;
}

.comment.news_date {
	font-size: 9px;
	font-weight: normal;
	color: #074e8c;
	text-decoration: none;
	float:left;
}
.comment.news_title a {
	font-size: 11px;
	font-weight: normal;
	color: WHITE;
	text-decoration:  none;
}

/*******************************************************************************/


/********************************* Language Switcher ***************************/
.language_switcher {
	margin: 6px 0px 0px 0px;
	padding: 4px;
	background: transparent;
}
.language_switcher h1 {
	font-size: 100%;
	padding: 0px;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px solid #0099DF;
}
/*******************************************************************************/


/********************************** Login panel ********************************/
.login_panel {
	margin: 6px 0px 0px 0px;
	padding: 4px;
	background: transparent;
	width:160px;
	border:0px solid;
	text-align:left;
}
.login_panel h1 {
	font-size: 100%;
	padding: 0px;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px solid #0099DF;
}
.login_panel a {
	text-decoration: none;
}
.login_panel p {
	margin: 0px;
	padding: 0px;
}
.login_panel .username, .login_panel .password {
	border: 1px solid #bb0803;
}

.login_panel .submit {
	border: 1px solid #bb0803;
	color:#ffffff;
	background:#bb0803;
}

/*******************************************************************************/


/********************************** Page Tools *********************************/
.page_tools {
	margin: 6px 0px 0px 0px;
	padding: 4px;
	background: transparent;
}
.page_tools h1 {
	font-size: 100%;
	padding: 0px;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px solid #0099DF;
}
.page_tools a {
	text-decoration: none;
	display: block;
}
.page_tools p {
	margin: 0px;
	padding: 0px;
}
/*******************************************************************************/


/********************************* Tools styles ********************************/
.page_counter {
	background: #DDDDDD;
	border: 1px solid #0099DF;
	padding: 3px;
	margin: 5px 0px 5px 0px;
	float: left;
}
.page_counter a {
	font-weight: bolder;
}
/*******************************************************************************/


/********************************* Search styles *******************************/
.search_box {
	margin: 0;
	padding: 0;
	background: transparent;
}
.search_box h1 {
	font-size: 100%;
	padding: 0px;
	margin: 10px 10px 13px 10px;

}
.search_item {
	display: block;
	text-decoration: none;
	padding-top: 5px;
}

.search_item_title,
.search_item_title .highlighting {
	text-decoration: underline;
	font-weight: bolder;
}
.search_item_introduction {
	display: block;
	font-weight: bolder;
}
.search_item_content {
	display: block;
	text-decoration: none;
}
.search_item_details {
	display: block;
	color: gray;
}


/*******************************************************************************/


/********************************** Navigation *********************************/
/***** navigation *****/


.navigation {
	padding:5px 5px 5px 2px;
	border-bottom:1px solid #c6d3ec;
	margin-left:30px;
	width:150px;
}
.navigation a {
	color:#2e4a72;
	font-size:80%;
	text-decoration:none;
}
.navigation a:hover {
}
.navigation current a {
}
.navigation.level0 {
	display:none;
}
.navigation.level1 {
}
.navigation.level1 a {
}
.navigation.level1.current a {
}

/******************************************/


/*********** Root navigation *************/

.root_navigation {
	padding-left:10px;
	font-size:80%;
}
.root_navigation a {
}
.root_navigation a:hover {
}
a.root_navigation_current {
	padding-left:10px;
}
a:hover.root_navigation_current {
}

/*******************************************/


/***** Next and previous buttons *****/
.next_previous {
	color: black;
	margin: 5px 0px 0px 0px;
	text-align: right;
	float: left;
	clear: left;
	width: 100%;
}
.next_previous a {
	color: black;
	padding: 0px 5px 0px 0px;
	text-decoration: none;
}

/***** Page 1 2 3 ... *****/
.page_123 {
	border-top: 1px solid #0099DF;
	color: black;
	text-decoration: none;
	display: block;
	padding: 2px 0px 0px 0px;
	margin: 6px 0px 0px 0px;
	float: left;
	clear: left;
	width: 100%;
}
.page_123 a {
	padding: 0px 0px 0px 5px;
	font-weight: bolder;
	color: #0099DF;
	text-decoration: none;
}
.page_123 span {
	padding: 0px 0px 0px 5px;
}
/*******************************************************************************/


/******************************** Content styles *******************************/
.introduction {
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}

.ravintolat {
	border: 1px solid #BE722E;
	padding: 5px 10px 5px 10px;
	font-size: 90%;
}

/*******************************************************************************/