html { overflow-y: scroll; }

body {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 76%;
color:#FFF;
background:#000033 url("images/bg_gradient.gif") top center repeat-x;
}

html, body, ul, h1 {
margin:0;
padding:0;
}


/*--------
  Layout
--------*/

#wrap {
width:990px;
min-height:600px;
margin:0 auto;
position:relative;
background:transparent url("images/bg_top.jpg") 0 0 no-repeat;
}


#top {
width:100%;
height:130px;
}

	#top a {
	position:relative;
	display:block;
	width:273px;
	height:113px;
	text-indent:-9999px;
	left:369px;
	top:18px;
	overflow:hidden;
	}
	
		#top a:hover { background:transparent url("images/bg_top.jpg") -995px 0px no-repeat; }
		#top a:focus { outline: none; }

.content {
margin-top:14px;
}

.column {
float:left;
display:inline; /* IE6 double margin fix */
}

	body.wildrange .left, body.wildrange .center, body.wildrange .right {
	padding:0 30px;
	}

	body.wildrange .left {
	width:270px;
	}

	body.wildrange .center {
	border-left:solid 1px #36365E;
	border-right:solid 1px #36365E;
	width:275px;
	}

	body.wildrange .right {
	width:263px;
	}
	
	body.elamykset .left {
	width:732px;
	height:150px;
	background:transparent url("images/melontakartta.gif") no-repeat;
	left:10px;
	position:absolute;
	}
		
		div.reitti1, div.reitti2, div.reitti3, div.reitti4 {
		width:0;
		height:150px;
		background:url("images/melontakartta.gif") right -150px no-repeat;
		position:absolute;
		top:0;
		right:0;
		} /* IE6 fixes -> ie6.css */
	
		div.reitti1 {
		background:url("images/melontakartta.gif") right -300px no-repeat;
		right:417px;
		} /* IE6 fixes -> ie6.css */

	body.elamykset .right {
	float:right;
	margin-right:20px;
	width:205px;
	font-size:0.9em;
	}
	
	body.albumi .left {
	width:915px;
	margin-left:30px;
	
	}
	
	body.albumi .right {
	width:263px;
	padding:0 30px;
	}
	
	body.kiitos .content {
	text-align:center;
	width:345px;
	margin:30px auto 20px auto;
	}

#footer {
clear:both;
height:82px;
margin:25px 0 10px 0;
width:100%;
background:transparent url("images/footer.gif") center 0 no-repeat;
}


/*--------
  Menus
---------*/

#menu ul, #bigmenu ul {
list-style:none;
text-indent:-9999px;
margin-top:43px;
position:relative;
}

	#menu ul { height:88px }
	#bigmenu ul { height:382px }
	
#menu li, #bigmenu li {
width:297px;
position:absolute;
height:100%;
}

#menu a, #bigmenu a {
display:block;
overflow:hidden;
width:275px;
margin:11px;
}

	#menu a { height:66px; }
	#bigmenu a { height:360px; }

	#menu a:focus, #bigmenu a:focus { outline:none;	}
	
#bigmenu li.wildrange	{ left:15px; background:transparent url("images/bigmenu_wildrange.jpg") 0 0 no-repeat; }
#bigmenu li.elamykset	{ left:354px; background:transparent url("images/bigmenu_elamykset.jpg") 0 0 no-repeat; }
#bigmenu li.albumi		{ left:682px; background:transparent url("images/bigmenu_albumi.jpg") 0 0 no-repeat; }
	
	#bigmenu li.wildrange a:hover	{ background:transparent url("images/bigmenu_wildrange.jpg") -11px -385px no-repeat; }
	#bigmenu li.elamykset a:hover	{ background:transparent url("images/bigmenu_elamykset.jpg") -11px -385px no-repeat; }
	#bigmenu li.albumi	a:hover		{ background:transparent url("images/bigmenu_albumi.jpg") -11px -385px no-repeat; }

#menu li.wildrange	{ left:15px; background:transparent url("images/menu.jpg") 0 0 no-repeat; }
#menu li.elamykset	{ left:354px; background:transparent url("images/menu.jpg") -298px 0 no-repeat; }
#menu li.albumi		{ left:682px; background:transparent url("images/menu.jpg") -595px 0 no-repeat; }

	#menu li.wildrange a:hover	{ background:transparent url("images/menu.jpg") -11px -99px no-repeat; }
	#menu li.elamykset a:hover	{ background:transparent url("images/menu.jpg") -309px -99px no-repeat; }
	#menu li.albumi	a:hover		{ background:transparent url("images/menu.jpg") -606px -99px no-repeat; }

/*--------
  Images
--------*/

#ajokartta {
margin-left:-30px;
}

#kehys {
width:319px;
height:192px;
position:absolute;
top:304px;
right:0px;
background-image:url(images/kehys.jpg);
}

	#kehys div {
	margin:15px 0 0 16px;
	}


/*--------------
  NBS galleria
------------- */

#kuvat {
clear:both;
margin-left:-10px;
}

.thumb {
position: static;
line-height: 0px;
margin: 10px;
padding: 2px;
background-color: #26227A;
border: 0px;
}

	.thumb:hover {
	background-color: #4C4CE5;
	}
	
	.thumb:active {
	background-color: #99CC99;
	}

.thumb_active {
position: static;
line-height: 0px;
margin: 10px;
padding: 2px;
background-color: #99CC99;
}

#kuvat a:focus {
outline:none;
}

#retkialbumit li {
list-style-type:square;
margin-left:1.2em;
padding-bottom:0.5em;
}

	#retkialbumit li.active { color:#5791FF; }


/*----------------
  Text & headers
----------------*/

.content p {
font-size:1em;
line-height:1.35em;
margin:1.0em 0;
}

.content h1 {
width:100%;
text-indent:-9999px;
height:16px;
overflow:hidden;
}
	
	body.wildrange .left h1		{ background:url("images/otsikko_ajoohjeet.gif") 0 0 no-repeat; }
	body.wildrange .center h1	{ background:url("images/otsikko_wildrange.gif") 0 0 no-repeat; }
	body.wildrange .right h1	{ background:url("images/otsikko_otayhteytta.gif") 0 0 no-repeat; }
	
	body.elamykset .left h1		{ background:url("images/otsikko_melontakartta.gif") 0 0 no-repeat; margin-left:20px; }
	body.elamykset .right h1	{ background:url("images/otsikko_elamykset.gif") 0 0 no-repeat; }
	body.elamykset #kosket h1	{ background:url("images/otsikko_kosket.gif") center 0 no-repeat; }
	
	body.albumi .left h1		{ background:url("images/otsikko_kuvaalbumi.gif") 0 0 no-repeat; }
	body.albumi .right h1		{ background:url("images/otsikko_retkialbumit.gif") 0 0 no-repeat; margin-bottom:1em; }
	
	body.kiitos h1 {
	width:auto;
	text-indent:0;
	height:auto;
	overflow:auto;
	font-size:1.6em;
	font-weight:normal;
	}

.reitit h2 {
text-indent:-9999px;
width:220px;
height:170px;
left:10px;
background-color:#006699;
margin:10px 0 5px 0;
position:absolute;
}

	li.reissu1 h2 { background:transparent url("images/paketti1.gif") 23px 20px no-repeat; }
	li.reissu2 h2 { background:transparent url("images/paketti2.gif") 23px 20px no-repeat; }
	li.reissu3 h2 { background:transparent url("images/paketti3.gif") 25px 20px no-repeat; }
	li.reissu4 h2 { background:transparent url("images/paketti4.gif") 24px 20px no-repeat; }

.reitit li p {
margin:65px 20px 0 27px;
line-height:1.3em;
}

	ul.reitit p.focus {	color:#88B1FF; }

.palvelut h2 {
text-indent:-9999px;
height:19px;
margin:29px 0 5px 26px;
background-color:#006699;
}

	li.palvelu1 h2 { background:transparent url("images/palvelu1.gif") 0 0 no-repeat; }
	li.palvelu2 h2 { background:transparent url("images/palvelu2.gif") 0 0 no-repeat; }
	li.palvelu3 h2 { background:transparent url("images/palvelu3.gif") 0 0 no-repeat; }
	li.palvelu4 h2 { background:transparent url("images/palvelu4.gif") 0 0 no-repeat; }

ul.palvelut p {
margin:0;
padding:0px 20px 9px 25px;
}

.albumi h2 {
font-weight:bold;
font-size:1.0em;
color:#88B1FF;
margin-top:2em;
line-height:1.35em;
}

.albumi .left p {
margin-top:0.6em;
}

a:link		{ color:#88B1FF; }
a:visited	{ color:#5791FF; }
a:hover		{ color:#FFFFFF; text-decoration:none; }


/*--------
  Kosket
--------*/

#kosket {
position:absolute;
top:370px;
left:110px;
width:45em;
}
	#kosket h1 {
	margin:0 auto 10px auto;
	}

	#kosket table {
	border-collapse:collapse;
	font-size:0.8em;
	float:left;
	}

	table#toka {
	margin-left:5px;
	}
	
	.koski {
	color:#88B1FF;
	}
	
	.nro, .pituus {
	color:#5791FF;
	}
	
	td.nro {
	padding-right:0.5em;
	text-align:right;
	}
	
	td.pituus {
	padding-left:0.8em;
	padding-right:2.5em;
	}
	
	th {
	text-align:right;
	color:#88B1FF;
	line-height:1.5em;
	}
	
	tr.focus td.koski {
	color:#B52B46;
	}

/*---------
  Paketit
----------*/

#paketit { margin-top:60px; clear:both; }

ul.reitit {
list-style:none;
margin-left:10px;
width:980px;
}

	.reitit li {
	float:left;
	display:inline; /* IE6 double margin fix */
	width:243px;
	height:199px;
	background-image:url("images/bg_reitti.jpg");
	position:relative;
	}

ul.palvelut {
list-style:none;
margin-left:5px;
padding-top:5px;
height:100%;
width:985px;
}

	ul.palvelut li {
	float:left;
	display:inline; /* IE6 double margin fix */
	margin-left:10px;
	width:475px;
	height:121px;
	background:url("images/bg_palvelut.jpg") no-repeat;
	}

ul#luvat {
display:none;
width:auto;
padding:5px 10px;
float:right;
margin-right:20px;
border: 2px solid #26227A;
background-color:#33319B;
position:relative;
list-style:none;
}

	ul#luvat h3{
	padding:0;
	margin:5px 0;
	font-size:1em;
	}
	
	ul#luvat li {
	background:none;
	margin:0;
	width:auto;
	height:auto;
	float:none;
	display:block;
	}
	
		ul#luvat li ul li {
		padding:2px 10px;
		list-style:none;
		}
	
	ul#luvat table {
	border-collapse:collapse;
	margin:5px 0;
	}
	
		ul#luvat td {
		padding:2px 10px;
		border-bottom: 1px solid #26227A;
		border-top: 1px solid #26227A;
		}
	
	ul#luvat .sulje {
	position:absolute;
	bottom:0;
	right:0;
	}
	
	ul#luvat .sulje a {
	display:block;
	width:4em;
	height:2em;
	line-height:2em;
	text-align:center;
	color:#FFF;
	background-color:#26227A;
	}
	
		ul#luvat .sulje a:hover {
		background-color:#4C4CE5;
		}

/*--------
  Lomake
--------*/

#lomake fieldset {
border:none;
padding:0;
margin:1.0em 0;
}

label { margin-left: 2px; }

#lomake input, #lomake textarea {
width: 260px;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 1.0em;
padding:2px;
margin: 3px 0px 5px 0px;
border: 2px solid #26227A;
background-color:#33319B;
color:#FFF;
} /* IE6 fixes -> ie6.css */

#lomake textarea {
height: 90px;
overflow:auto;
}

	#lomake textarea:focus, #lomake input:focus {
	background-color:#4C4CE5;
	border: 2px solid #8A9EFE;
	}

#lomake input.submit-button {
width: 80px;
padding:3px 0;
margin:5px 0 0 95px;
border: 2px solid #33319B;
background-color:#26227A;
}

	#lomake input.submit-button:hover {
	border: 2px solid #8A9EFE;
	background-color:#4C4CE5;
	}
	
	#lomake input.submit-button:focus {
	color:#8A9EFE;
	border: 2px solid #33319B;
	background-color:#FFF;
	}

/*-----------
  Clearfix
-----------*/

ul.palvelut:after, ul.reitit:after, .columns:after, #bigmenu ul:after, #menu ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}