/* beta.yle.fi | Kuningaskuluttaja | Vesi */
body {font: 81% normal Arial,sans-serif; min-height: 1000px; background: #69aef6 url(../images/bg_body.jpg) no-repeat 50% -70px}
h1 {margin: 0}
h1  a {display: block; background: url(../images/logo.png) no-repeat; margin: 0 6px 0 24px; clear: left; width: 180px; height: 46px; float: left}
h1 span {display: none}
h2 {font: normal 22px Arial,sans-serif; margin: 0 0 6px 0; color: #666}
h3 {font-size: 1.2em}
p {margin: 0 0 5px 0; color: #666; line-height: 1.4em}
.header { border-bottom: 4px solid #0096e9; margin-bottom: 1px}
.local-footer {color: #0096e9;text-align: right}
.local-footer a {color: #0096e9; text-decoration: none}
.breadcrump {color: #0096E9; font-size: 11px; text-decoration: none; float: left;  margin: 4px 338px 20px 0}
.breadcrump a {color: #0096E9; text-decoration: none}
.map_point {position: relative; height: 330px; width: 650px; padding: 10px;}
.map_point.narrow {width: 420px}
.point_content{overflow: auto; position: relative; height: 300px; padding: 5px 10px 10px 0}
.point_content img {max-width: 380px}
.point_content a {color: #0096e9; text-decoration: none}
.point_content a:hover {text-decoration: underline}
.point_content iframe {margin: 10px 0}
.point-img {max-width: 220px; float: left; margin: 0 20px 20px 0}
.image-left {float: left; margin: 0 10px 10px 0}
.image-right {float: right; margin: 0 0 10px 10px}

.h2o {float: right; position: relative; top: -5px; margin: 0 0 -12px -20px}
#easter {position: absolute; top: 5px; right: 111px}
.h2o a {display: inline}
.pisarat img {vertical-align: middle}
.pisarat {color: #333}

.ticker {float: left; width: 360px; margin: 20px 0 0 0; padding: 0 0 0 20px; Xbackground: url(../images/arrow.gif) no-repeat 10px 8px}
.ticker ul {list-style: none; padding: 0; margin: 0;}
.ticker li {padding: 0; margin: 0; line-height: 30px; color: #434343}

/* Tabs */
.tabs{margin: 0 10px; width: 170px; overflow: hidden; float: left}
.tabs li {list-style: none; float: left; margin: 20px 10px 0 0}
.tabs li a {display: block; color: #0096e9; padding: 7px 0; text-align: center; width: 75px; background: #e7e7e7 url(../images/btn_inactive.jpg) repeat-x 0 100%; text-decoration: none; font-weight: normal; -moz-border-radius: 5px 5px 0 0;	 border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;
	-moz-box-shadow: 0px -4px -4px #333; /* FF3.5+ */
	-webkit-box-shadow: 0px 4px 4px #333; /* Saf3.0+, Chrome */
	box-shadow: 0px 4px 4px #333; /* Opera 10.5, IE9, Chrome 10+ */}
.tabs li.current a {background: #0096e9 url(../images/btn_active.jpg) repeat-x 0 100%; color: #fff}

/* Maps */
.map_canvas {width: 940px; height: 550px; margin: 0 0 20px 0;
	-moz-box-shadow: 0px 4px 4px #333; /* FF3.5+ */
	-webkit-box-shadow: 0px 4px 4px #333; /* Saf3.0+, Chrome */
	box-shadow: 0px 4px 4px #333; /* Opera 10.5, IE9, Chrome 10+ */
}

/* Kommentointi */
#comment_container h2 {border-bottom: 1px solid #d9d9d9; padding: 20px 0 }
#comment_container {margin: 10px 0 20px 0; padding-top: 10px; border-top: solid 2px #99CCFF}
.block-breadtext #comment_container {margin: 0 20px 20px 0px;}
#comment_container h4 {margin-bottom: 5px; font-weight: normal; font-size: .8em; color: #999}

.commentform, .commentblock  {background: #FFF; margin: 0; font: normal 12px Arial,sans-serif; color: #333}
.commentform dl {background: #eff2fa; padding: 10px; margin-bottom: 0}
.commentform dt {font-weight: bold; margin-bottom: 5px}
.commentform dd{margin-bottom: 5px}
.commentform dd input, .commentform dd textarea {border: 2px inset #959595}
.commentform label {display: block; margin-bottom: 5px}
.commentform .send, a.addcomment {background: #25a3df; color: #fff; border: none; overflow: hidden; padding: 2px 10px; text-decoration: none; font-weight: bold}
.showcomments {margin-top: 15px; font-weight: bold; text-decoration: none; text-align: right; color: #0096e9; display: block}
.showcomments:hover {text-decoration: underline;}
#captcha, #comment_ok {font-weight: bold}
.captcha_error {color: #fa0606; font-weight: bold; margin-bottom: 5px}

#comments {margin-top: 10px; padding: 0}
#comments ul {margin: 0}
#comments li {margin: 0 0 5px 0; list-style: none; padding: 0 0 5px 0; border-bottom: 1px solid #99ccff; line-height: 1}
#comments li a {margin-bottom: 10px}
#comments p {margin: 5px 0 10px 0; font: normal 12px Arial,sans-serif; color: #333}
.commentator {font-weight: bold; color: #25a3df;}
.commenttime {color: #95cbe5}
#comments blockquote {background: #ececec url(../img/icon_sicate.png) no-repeat 2px 2px; margin: 5px; padding: 6px 5px 6px 24px; font-style: italic}
#comments blockquote .alias {font-weight: bold}

.msgdesc, .msgasc  {float: right}
.msgdesc a, .msgasc a {color: #25a3df; font-size: 12px; margin-left: 5px}


/* Paging */
.paging li {float: left; list-style: none; margin: 0 5px 0 0}


/* Layers */
#fancybox-outer {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px}

.intro {width: 668px; height: 400px; padding: 10px 0 0 0; background: url(../images/sammakko.jpg) no-repeat 0 100%; text-align: center;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px}
.intro p {width: 500px; color: #666; margin: 0 auto 10px auto}
.intro strong {margin-top: 29px; display: block; font-size: 14px}
.intro img {vertical-align: middle}
.lookmap {position: relative}
.lookmap img {margin: 0; top: 8px; left: 270px; position: absolute}

.h2o-layer {width: 711px; height: 909px; background: url(../images/bg_h2o.jpg) no-repeat 0 0;}
.h2o-layer p {text-align: center; padding: 550px 0 20px 0}

.lahteet ul {list-style: none; margin: 0}
.lahteet li {margin: 0 0 3px 0}