@charset "iso-8859-1";
/* Kuntokeskukset */

body, html {
width:100%;
height:100%;
padding:0;
margin:0;
margin-top:1px;
padding-bottom:1px;

background:#efefe5 url(/kuvat2/bg.gif) repeat-x 0 0;
color:#393b32;

font-size:14px;
font-family:Arial, Helvetica, sans-serif; 
}

#ruler {
width:955px;
margin:0;
padding:0;
margin-left:auto;
margin-right:auto;

min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
}

/* CONTENT  TEXT */
/* CONTENT */
h1 {
color:#393b32;
font-size:20px;
font-weight:normal;
padding:20px 0 10px 10px;
margin:0;
}
h2 {
color:#393b32;
font-size:18px;
font-weight:normal;
padding:5px 0 10px 10px;
margin:0;
}
h3 {
color:#393b32;
font-size:16px;
font-weight:normal;
padding:5px 0 10px 10px;
margin:0;
}
h4 {
color:#393b32;
font-size:14px;
font-weight:normal;
padding:5px 0 5px 10px;
margin:0;
}
h5 {
color:#393b32;
font-size:12px;
font-weight:normal;
padding:5px 0 5px 10px;
margin:0;
}
h6 {
color:#393b32;
font-size:11px;
font-weight:normal;
padding:5px 0 5px 10px;
margin:0;
}
h1 a,
h1 a:link,
h1 a:visited,
h2 a,
h2 a:link,
h2 a:visited,
h3 a,
h3 a:link,
h3 a:visited,
h4 a,
h4 a:link,
h4 a:visited
h5 a,
h5 a:link,
h5 a:visited,
h6 a,
h6 a:link,
h6 a:visited{
text-decoration:none;
color:#393b32;
}
h1 a:hover,
h1 a:active,
h2 a:hover,
h2 a:active,
h3 a:hover,
h3 a:active,
h4 a:hover,
h4 a:active,
h5 a:hover,
h5 a:active,
h6 a:hover,
h6 a:active {
color:#666a54;
}
a, a:link {color:#393b32;text-decoration:underline;}
a:hover {color:#acc730;} 
a:visited, a:active {color:#666a54;}
p {
padding:10px 10px 10px 10px;
font-size:14px;
color:#393b32;
margin:0;
}
img {
margin:0;
padding:0;
border:none;
}

/* TOP TOOL LINKS */
#top-links {
float:left;
display:block;
width:954px;
height:20px;
margin:0;
padding:10px 0 0 0;
text-align:right;
}
#top-links a,
#top-links a:link,
#top-links a:visited {
font-size:14px;
color:#666a54;
padding:5px 0 5px 25px;
margin:0 5px 0 10px;
text-decoration:none;
}
#top-links a:hover,
#top-links a:active {
text-decoration:underline;
}
#top-links a#fav {
background:url(/kuvat2/top-links.gif) no-repeat 0 -2px;
}
#top-links a#friend {
background:url(/kuvat2/top-links.gif) no-repeat 0 -32px;
}

/* HEADER */ 
#header {
float:left;
display:block;
width:954px;
height:104px;
background:#efefe5 url(/kuvat2/header.gif) no-repeat 0 0;
margin:0;
padding:0;
}
#header h1 {
padding:35px 10px 0 33px;
margin:0;
font-size:28px;
font-weight:normal;
text-transform:uppercase;
color:#aac730;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#header h1 a,
#header h1 a:link,
#header h1 a:visited,
#header h1 a:hover {
text-decoration:none;
color:#aac730;
}
#title {
float:left;
display:block;
width:400px;
}
#ad-top {
float:left;
display:block;
width:500px;
padding:22px 0 0 5px;
margin:0;
}
#ad-top img {
border:1px solid #dbd4c5;
margin:0;
padding:0;
}
#ad-top a,#ad-top a:link,#ad-top a:hover,#ad-top a:visited {
border:0;
text-decoration:none;
padding:0;
margin:0;
}
#ad-top p {
color:#666a54;
font-size:18px;
text-align:center;
}


/* MENU */
#menu {
float:left;
display:block;
height:44px;
width:954px;
margin:1px 0 0 0;
padding:0;
background:url(/kuvat2/menu.gif) no-repeat 0 0;
}
#menu ul {
float:left;
display:block;
width:100%;
list-style:none;
height:44px;
margin:0;
padding:0 3px 0 18px;
}
#menu li {
float:left;
display:block;
height:44px;
text-align:center;
margin:0;
padding:0;
border:0;
}
#menu li.first {border-left:none;}
#menu li.last {border-right:none;}
#menu li a {
font-size:14px;
color:#fefeff;
text-decoration:none;
padding:0 15px 0 15px;
margin:0;
line-height:44px;
height:44px;
float:left;
display:block;
text-transform:uppercase;
}
#menu li a:link,
#menu li a:visited {color:#fefeff;}
#menu li a:hover,
#menu li a:active {color:#e4eff0;background:url(/kuvat2/menuhover.gif) repeat-x 0 0;}

/* SUBMENU */
#submenu {
float:left;
display:block;
height:30px;
width:940px;
margin:0;
padding:0 0 0 5px;
background:transparent;
}
#submenu .innerborder {
float:left;
display:block;
width:940px;
height:25px;
margin:0;
padding:0;
border:1px solid #cdc8bc;
border-top:0;
background:url(/kuvat2/submenu.gif) repeat-x 0 0;
}
#submenu ul {
float:left;
display:block;
width:938px;
list-style:none;
height:25px;
margin:0;
padding:0;
border-left:1px solid #fff;
border-right:1px solid #fff;
}
#submenu li {
float:left;
display:block;
height:25px;
text-align:center;
margin:0;
padding:0;
border:0;
}
#submenu li a {
font-size:14px;
color:#393b32;
text-decoration:none;
padding:0 15px 0 15px;
margin:0;
line-height:25px;
height:25px;
float:left;
display:block;
}
#submenu li a:link,
#submenu li a:visited {color:#666a54;}
#submenu li a:hover,
#submenu li a:active,
#submenu li.selected a {color:#aac730;}

/*  MAINBODY  */
#mainbody {
float:left;
display:block;
width:955px;
margin:0;
padding:0 0 50px 0;
background-color:#efefe5;
background:transparent;
}

/* COLUMN LAYOUTS */
#side-col {
float:left;
display:block;
width:255px;
padding:0;
margin:0;
}
#main-col-1 {
float:left;
display:block;
width:394px;
padding:0 0 0 5px;
margin:0;
}
#main-col-2 {
float:left;
display:block;
width:299px;
padding:0 0 0 1px;
margin:0;
}
#mid-col {
float:left;
display:block;
width:530px;
padding:0 0 0 5px;
margin:0;

}
#ad-col {
float:left;
display:block;
width:164px;
padding:0;
margin:0;
}
/* SIDEBOXES */ 
.sidebox {
float:left;
display:block;
width:252px;
margin:1px 0 2px 1px;
padding:0;
border:1px solid #cdc8bc;
}
.sidebox .innerborder {
padding:0;
margin:0;
border:1px solid #edebe2;
display:block;
float:left;
height:auto;
width:250px;
}
/* 1-COLUMN LAYOUT */
.col-1 {
float:left;
display:block;
width:522px;
margin:1px 0 3px 0;
padding:0;
border:1px solid #cdc8bc;
background:#fff;
text-align:left;
}
.col-1 .innerborder {
padding:0;
margin:0;
border:1px solid #edebe2;
display:block;
float:left;
height:100%;
width:520px;
}
.skyscraper {
float:left;
display:block;
width:162px;
margin:1px 0 3px 0;
padding:0;
border:1px solid #cdc8bc;
background:#fff;
}
.skyscraper .innerborder {
padding:0;
margin:0;
border:1px solid #edebe2;
display:block;
float:left;
height:100%;
width:160px;
}
.skyscraper img {
border:0;
padding:0;
margin:0;
display:inline;
float:left;
}
.skyscraper a,.skyscraper a:link,.skyscraper a:visited,.skyscraper a:hover,.skyscraper a:active {
text-decoration:none;
}
/* 1-COLUMN LAYOUT */
.col-2-1 {
float:left;
display:block;
width:388px;
margin:1px 0 3px 0;
padding:0;
border:1px solid #cdc8bc;
background:#fff;
}
.col-2-1 .innerborder {
padding:0;
margin:0;
border:1px solid #edebe2;
display:block;
float:left;
height:100%;
width:386px;
}
.col-2-2 {
float:left;
display:block;
width:297px;
margin:1px 0 3px 0;
padding:0;
border:1px solid #cdc8bc;
background:#fff;
}
.col-2-2 .innerborder {
padding:0;
margin:0;
border:1px solid #edebe2;
display:block;
float:left;
height:100%;
width:295px;
}
#forum {
float:left;
display:block;
width:952px;
margin:1px 0 3px 0;
padding:0;
border:1px solid #cdc8bc;
background:#fff;
}
#forum .innerborder {
padding:10px 0 5px 0;
margin:0;
border:1px solid #edebe2;
display:block;
float:left;
height:100%;
width:950px;
}



/* SIDEBOX - SPECIAL */
.separator .innerborder {
height:25px;
background:#d3cab9;
}
/* FRONT SEARCH FORM */
#search-front .innerborder {
height:78px;
background:url(/kuvat2/search-front.gif) repeat-x 0 0;
}
#search-front a,
#search-front a:link,
#search-front a:visited {
display:block;
float:right;
text-align:center;
color:#fefeff;
font-size:12px;

text-decoration:none;
font-variant:small-caps;
line-height:23px;
width:116px;
margin:0;
padding:0 0 0 5px;
background:url(/kuvat2/advanced-link.gif) no-repeat 0 0;
font-family:Arial, Helvetica, sans-serif;
}
#search-front a:hover {
background-position:0 -23px;
}
#search-front form {
margin:15px 0 0 0;
padding:0;
}
#search-front label {
color:#fefeff;
font-size:22px;
font-variant:small-caps;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:4px 0 5px 30px;
margin:0;
}
#search-front span#search-field {
float:left;
display:block;
padding:4px 0 0 30px;
margin:0;
}
#search-front input.text {
line-height:20px;
padding:3px 0 0 0;
margin:0;
width:150px;
height:20px;
background:#c2d768;
border:1px solid #e7e0d3;
color:#393b32;
font-size:14px;
}
#search-front input.submit {
width:46px;
height:29px;
border:0;
margin:2px 0 0 10px;
padding:0;
background:transparent url(/kuvat2/front-search-submit.gif) no-repeat 0 0;
cursor:pointer;
}
/* DECO-IMAGE */
#front-deco img {
float:left;
display:inline;
margin:0;
padding:0;
}

/* FORUM TOPICS */
.forum_topics .title {
float:left;
display:block;
width:250px;
height:28px;
background:#aac730 url(/kuvat2/smallbox_title.gif) repeat-x 0 0;
border-bottom:1px solid #ccdd83;
margin:0;
padding:0;
}
.forum_topics .title h2 {
font-size:14px;
color:#fff;
font-variant:small-caps;
padding:0;
margin:0;
line-height:28px;
text-align:center;
}
.forum_topics .title h2 a,
.forum_topics .title h2 a:link,
.forum_topics .title h2 a:visited {
color:#fff;
text-decoration:none;
}
.forum_topics .title h2 a:hover,
.forum_topics .title h2 a:active {
color:#fff;
text-decoration:underline;
}
.forum_topics .topic {
float:left;
display:block;
width:250px;
height:34px;
padding:3px 0 3px 0;
margin:0;
line-height:17px;
border-top:1px solid #aac730;
background:#fff url(/kuvat2/forum_topic.gif) repeat-x 0 0;
}
.forum_topics .topic span {
color:#666a54;
font-size:12px;
padding-left:10px;
}
.forum_topics .topic a,
.forum_topics .topic a:link,
.forum_topics .topic a:visited {
color:#393b32;
font-size:15px;
text-decoration:none;
padding-left:10px;
}
.forum_topics .topic a:active,
.forum_topics .topic a:hover {
text-decoration:underline;
color:#393b32;
}
.forum_topics .topic span a,
.forum_topics .topic span a:link,
.forum_topics .topic span a:visited {
padding:0;
color:#393b32;
font-size:12px;
text-decoration:none;
}
.forum_topics .topic span a:active,
.forum_topics .topic span a:hover {
text-decoration:underline;
color:#393b32;
}
.forum_topics .footer {
float:left;
display:block;
width:250px;
border-top:1px solid #fff;
background:#acc730;
}
.forum_topics .footer a,
.forum_topics .footer a:link,
.forum_topics .footer a:visited {
color:#45483a;
font-size:12px;
padding-left:10px;
line-height:20px;
}


/* CONTENT - SPECIAL */
/* AREA SELECTOR */
#area .innerborder {
background:#ede9e2 url(/kuvat2/browse-area.gif) repeat-x 0 0;
}

#articlelist .innerborder {
background:#ede9e2 url(/kuvat2/browse-area.gif) repeat-x 0 0;
}
#articlelist ul {
list-style:none;
width:255px;
float:left;
margin:0;
padding:0;
}
#articlelist li {
display:block;
padding:0;
margin:0;
width:250px;
float:left;
}
#articlelist li a {
font-size:16px;
color:#393b32;
text-decoration:underline;
padding:3px 0px 3px 10px;
margin:0;
float:left;
display:block;
}
#articlelist li a:link,
#articlelist li a:visited {color:#393b32;}
#articlelist li a:hover,
#articlelist li a:active {color:#aac730;}

/* GYM-INFO */
#map .innerborder {
background:#666a54;
}
#map h2 {
color:#fff;
padding:5px 0 0 50px;
line-height:40px;
background:url(/kuvat2/map-icon.gif) no-repeat 5px 5px;
}
#canvas {
margin:5px auto 2px auto;
padding:0;
width:289px;
height:300px;
border:1px solid #fefeff;
}
#canvas p {
text-align:center;
padding-top:20px;
}
#gyminfo {
margin:0 10px 10px 20px;
padding:0;
}
#gyminfo p {
padding:0;
margin:5px 0 5px 0;
}
#gyminfo img {
margin:5px;
}
.dataset {
margin:10px 0 5px 5px;
padding:0;
}
.dataset .yes {color:#690;}
.dataset .no {color:#393b32;}




#content {
float:left;
display:block;
width:100%;
margin:20px 0 0 0;
padding:0;
}

/* ADVANCED SEARCH */
table.search {
float:left;
display:block;
width:500px;
margin:0 0 0 5px;
padding:0;
border-collapse:collapse;
}
table.search td {
padding:5px;
margin:0;
border:0;
}
table.search td.label {
text-align:right;
width:100px;
}
table.search td.field {
text-align:left;
width:200px;
}
table.search td.extra {
text-align:right;
width:150px;
}
table#advanced div.checkbox {
float:left;
display:block;
width:230px;
margin:0;
padding:0;
}
table#advanced {
overflow:hidden;
border:0;
padding-bottom:5px;
margin-bottom:5px;
}
#searchseparator {
border:0;
border-bottom:1px dashed #393b32;
height:5px;
width:504px;
clear:both;
margin:5px 0 5px 9px;
}
#searchseparator hr {
visibility:hidden;
}
/* DIRECTORY */
ul.area {
list-style:none;
float:left;
padding:20px 30px 20px 50px;
margin:0;
}
ul.area li a,
ul.area li a:visited {
color:#393b32;
text-decoration:none;
font-size:18px;
}

/* GYM-LIST */
#gymlist {
padding:0 0 0 9px;
margin:0;
float:left;
display:inline;
}
div.gymbox {
float:left;
display:block;
width:502px;
border:1px solid #e9e9e9;
padding:0;
margin:5px 0 0 0;
}
div.featured {
background:url(/kuvat2/featured.gif) repeat-x center left;
}
div.gymbox div.title {
float:left;
display:block;
width:500px;
margin:0;
padding:0;
border:1px solid #fff;
border-bottom:none;
}
div.gymbox div.title h3 {
font-size:14px;
color:#666a54;
font-weight:normal;
padding:5px 0 0 3px;
margin:0;
font-weight:bold;
}
div.gymbox div.title h3 a,
div.gymbox div.title h3 a:link,
div.gymbox div.title h3 a:visited {
text-decoration:none;
color:#393b32;
}
div.gymbox div.title h3 a:hover,
div.gymbox div.title h3 a:active {
color:#393b32;
text-decoration:underline;
}
div.gymbox div.title h3 a.moreinfo,
div.gymbox div.title h3 a.moreinfo:link,
div.gymbox div.title h3 a.moreinfo:visited {
text-decoration:underline;
font-weight:normal;
color:#393b32;
font-size:14px;
}
div.gymbox div.title h3 a.moreinfo:hover,
div.gymbox div.title h3 a.moreinfo:active {
color:#aac730;
}

div.gymbox div.content {
float:left;
display:block;
width:500px;
padding:8px 0 5px 3px;
margin:0;
border:1px solid #fff;
border-top:none;
}
div.gymbox div.content div.col {
float:left;
display:block;
width:245px;
padding:0 0 0 0;
margin:0;
}
div.gymbox div.content div.pluscol {
float:left;
display:block;
width:500px;
padding:5px 0 0 0;
margin:0;
clear:both;
}
div.adbox {
float:left;
display:block;
width:504px;
border:none;
padding:5px 0 5px 0;
margin:5px 0 0 0;
text-align:center;
}
div.adbox p {
text-align:left;
}
div.adbox img {
border:1px solid #dbd4c5;
margin:0;
padding:0;
}
div.adbox a,div.adbox a:link,div.adbox a:hover,div.adbox a:visited {
border:0;
text-decoration:none;
}


#footer, #prefooter {
height:80px;
width:100%;
float:left;
display:block;
}
#footer {
background:#aaaa9a url(/kuvat2/footer.gif) repeat-x 0 0;
padding:0;
margin:-80px 0;
}
#footer .ruler {
width:955px;
margin:0;
padding:20px 0 10px 0;
margin-left:auto;
margin-right:auto;
}
#footer p {
color:#fff;
font-size:14px;
padding:5px 0 0 0;
text-align:center;
}
#footer a,
#footer a:link,
#footer a:visited {
color:#fff;
text-decoration:underline;
} 
#footer a:hover,
#footer a:active {
color:#e8edd4;
}