* { margin: 0; padding: 0; font-size: 100%; }

body { 
	background-color: #000;
	background-image: url(images/bg.jpg);
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 12px;
	margin: 0;
}

a { color: #073351; text-decoration: none; }
a:hover { text-decoration: underline; }

img.index_news { margin: 0px 0px 10px 10px; float: right; border: 1px solid #D1D1D1; background: #FFFFFF; padding: 2px; }
img.news_news { margin: 0px 0px 20px 20px; float: right; border: 1px solid #D1D1D1; background: #FFFFFF; padding: 2px; }

/* png fix for IE6 */
img, div { behavior: url(iepngfix.htc) }

INPUT { border: 1px solid #e1e1e1; background: #ffffff url(images/input.jpg) repeat-x top left; padding: 2px; margin-bottom: 0.6em; }
SELECT { border: 1px solid #e1e1e1; background: #ffffff url(images/input.jpg) repeat-x top left; padding: 2px; margin-bottom: 0.6em; }
OPTION { background: #ffffff; }
TEXTAREA { border: 1px solid #e1e1e1; background: #ffffff url(images/textarea.jpg) repeat-x top left; padding: 2px; margin-bottom: 0.6em; }
INPUT.login_button { color: #FFFFFF; border: 1px solid #e1e1e1; background: #ffffff url(images/login_button.jpg) repeat-x top left; padding: 3px; margin-bottom: 0.6em; }

.small { font-size: 0.9em; }

p { margin-bottom: 10px; }
.taulukko td { padding: 3px; }

#rakeback td { padding: 3px; }
.tauluotsikko td { font-size: 14px; font-weight: bold; border-bottom: 1px solid #E1E1E1; }

.taulukko .tauluotsikko {
	background-color: #211f20;
	border: 1px solid #000000;
	color: #FFFFFF;
	padding: 2px;
}

a.buttonlink {
	font-family: verdana;
	color: #224967;
	text-decoration: none;
	display: block;
	background-color: #E1E7E7;
	padding: 3px;
	float: left;
	margin-right: 3px;
	border: 1px solid #D3D9D9;
	height: 16px;
}

a:hover.buttonlink {
	font-family: verdana;
	color: #224967;
	text-decoration: none;
	display: block;
	background-color: #D1D7D7;
	padding: 3px;
	float: left;
	margin-right: 3px;
	border: 1px solid #C0C7C7;
	height: 16px;
}

#ohjeteksti {
	font-size: 0.9em;
	color: #F1F1F1;
	font-family: verdana;
}

#ohjeteksti a {
	font-family: verdana;
	color: #F1F1F1;
	text-decoration: none;
}

#ohjeteksti a:hover {
	font-family: verdana;
	color: #F1F1F1;
	text-decoration: underline;
}

#ohjeteksti #boksi a {
	font-family: verdana;
	color: #224967;
	text-decoration: none;
}

#ohjeteksti #boksi  a:hover {
	font-family: verdana;
	color: #224967;
	text-decoration: underline;
}

#sivutus {
	font-family: Verdana;
	font-size: 0.9em;
	color: #FFFFFF;
	margin: 5px;
	float: right;
	
}

#sivutus a {
	padding: 2px;
	background-color: #E9F0F7;
	border: 1px solid #DAE3EC;
}

#sivutus a:hover, #sivutus a.hover {
	padding: 2px;
	background-color: #D0D8E0;
	border: 1px solid #C4CDD5;
	color: #000000;
}


.pieniaika {
	font-size: 0.9em;
	color: #A5A5A5;
}


img.reunus {
	border: 1px solid #848484;
	padding: 2px;
}

img.reunus:hover {
	border: 1px solid #000000;
	padding: 2px;
}

img.kasinokuva {
	border: 1px solid #848484;
	padding: 2px;
	margin: 0 10px 10px 0;
}

img.kasinokuva:hover {
	border: 1px solid #000000;
	padding: 2px;
	margin: 0 10px 10px 0;
}

img.ikoni {
	vertical-align: middle;
	margin: 0 5px 0 0;
}


#layout {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border-left: 5px solid #183747;
	border-right: 5px solid #183747;
	border-bottom: 5px solid #183747;
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
}

#header {
	width: 1024px;
	height: 120px;
}

#header img { margin-left: 25px; margin-top: 15px; }

#header #top_ad { float: right; margin-left: 500px; margin-top: 15px; position: absolute;}


#content {
	width: 1024px;
	color: #000;
	background-color: #fff;
}

#content_left {
	width: 660px;
	float: left;
	padding: 10px 10px 10px 10px;
}

#content_left {
	margin: 0;
	line-height: 16px;
}

#content_left h1 { font-size: 1.9em; color: #1d2023; margin: 0 0 5px 0; font-weight: normal; line-height: 1em; }
#content_left h2 { font-size: 1.6em; color: #1d2023; margin: 0 0 5px 0; font-weight: normal; line-height: 1em; }
#content_left h3 { font-size: 1.5em; color: #1d2023; margin: 0 0 5px 0; font-weight: normal; line-height: 1em; }
#content_left h4 { font-size: 1.3em; color: #1d2023; margin: 0 0 5px 0; font-weight: normal; line-height: 1em; }

#content_right {
	width: 324px;
	float: right;
	padding: 10px 0px 10px 0px;
}

#parhaat-tarjoukset {
	border-bottom: 1px solid #e1e1e1;
	padding: 3px;
	line-height: 1.4em;
}

#parhaat-tarjoukset h3 { font-size: 1.2em; color: #144980; margin: 0; }
#parhaat-tarjoukset h4 { font-size: 1.2em; color: #1d2023; margin: 5px 0 5px 0; line-height: 1em; }
#parhaat-tarjoukset img { margin: 0 10px 10px 0; }

img.borderkuva {
	border: 1px solid #DCDBDB;
	padding: 2px;
	vertical-align: middle;
	margin-right: 10px;
}

img.borderkuva:hover {
	border: 1px solid #9D9D9D;
	padding: 2px;
	vertical-align: middle;
	margin-right: 10px;
}


#footer {
	color: #E1E1E1;
	width: 998px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px dashed #c9c9c9;
	clear: both;
	padding: 5px;
	font-size: 11px;
	line-height: 1.5em;
}

#footer a {
	font-family: verdana;
	color: #8b99a7;
	text-decoration: none;
}

#footer a:hover {
	font-family: verdana;
	color: #8b99a7;
	text-decoration: underline;
}

#footer h3 {
	font-size: 1.3em;
	color: #6f7b87;
	font-weight: bold;
	padding-bottom: 4px;
}

#footer h2 {
	font-size: 1.5em;
	color: #000000;
	font-weight: bold;
}


.box {
	width: 304px;
	background-color: #ececec;
	margin: 0;
	font-size: 0.8em;
}

.box img {
	border: 1px solid #848484;
	padding: 2px;
}

.box img:hover {
	border: 1px solid #000000;
	padding: 2px;
}

.box .header1 {
	background-color: #313639;
	color: #D4A017;
	margin: 0;
	font-size: 1.3em;
	padding: 3px 3px 3px 6px;
}

.box .header2 {
	background-color: #313639;
	color: #c5c6c7;
	margin: 0;
	font-size: 1.3em;
	padding: 3px 3px 3px 6px;
}

.box_main {
	width: 100%;
	background-color: #e2e1e1;
	margin: 0;
	font-size: 0.8em;
}

.box_main .header {
	background-color: #181616;
	color: #84c4f5;
	margin: 0;
	font-size: 1.3em;
	padding: 3px 3px 3px 6px;
	text-transform: uppercase;
}

.box_main .header2 {
	background-color: #181616;
	color: #c5c6c7;
	margin: 0;
	font-size: 1.2em;
	padding: 3px 3px 3px 6px;
	text-transform: uppercase;
}

.box_main td { width: 230px; }

.white_text { color: #FFFFFF; }

#menu {
width: 1024px;
background: #DDD;
float: left;
padding: 0;
margin: 0;
}


/*
Author: Craig Erskine
Description: Dynamic Menu System - Horizontal/Vertical
*/

ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; }

ul#navmenu-h ul {
 width: 140px; /* Sub Menu Width */
 margin: 0;
 list-style: none;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
}

ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }

ul#navmenu-h li { float: left; display: inline; position: relative; }
ul#navmenu-h ul li { width: 100%; display: block; }

/* Root Menu */
ul#navmenu-h a {
 border-right: 1px solid #FFF;
 padding: 7px;
 float: left;
 display: block;
 background: #DDD;
 color: #666;
 font: bold 13px Arial, sans-serif;
 text-decoration: none;
 height: 1%;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
 background: #BBB;
 color: #FFF;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
 float: none;
 background: #BBB;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
 background: #999;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
 background: #999;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
 background: #666;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }

.plussatjamiinukset {
	width: 100%;
	background-color: #E9F0F7;
	border: 1px solid #DAE3EC;
	font-size: 1em;
	font-family: verdana;
	color: #000000;
	padding: 3px;
	margin: 5px;
}

.plussatjamiinukset h4 {
	font-size: 1.1em;
	color: #2E2E2E;
	margin: 0;
}

.plussatjamiinukset img {
	padding: 3px;
}


#uutislinkit {
	margin-top: 5px;
	width: 100%;
	padding: 4px 4px 4px 0px;
	font-weight: bold;
}

#sivukartta ul
{
list-style-type:disc;
padding-left:14px;
margin-left:14px;
}
#sivukartta li
{
padding-left:0px;
}

#matkakohteet { width: 140px; height: 150px; padding: 4px; border-right: 1px solid #c3d2e2; line-height: 1.4em; float: left; margin-right: 10px; margin-bottom: 10px; }
#matkakohteet h3 { font-size: 14px; color: #243b53; font-weight: bold; }
