/* CSS Document */


/* General */

* { margin: 0; padding: 0; }

html { height: 100%; font-size: 62.5% }

body {
height: 100%;
background: #FFFFFF url('../img/hd-bg.gif') repeat-x 0 0;
text-align: center;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
min-width: 960px;
}

a:link, a:visited {
color: #005890;
text-decoration: none;
font-weight: bolder;
}

a:hover {
text-decoration: none;
}

address {
line-height: 2;
text-align: left;
margin: 0.3em 1em;
}

.noscreen {
display: none;
}

label {
   color: #000;
   display: block; 
   font-weight: bold; 
   margin: 5px 0 ; 
}

.otsikko { 
padding-right:4px; 
font-family: Arial; 
color: #FB6704; 
font-size: 13pt; 
font-weight: bold; 
} 
.oikea {
text-align:right;
padding-right:10px;
font-size:9px; 
}


/* Cleaner */

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}


/* Skip menu */

.hidden {
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}

.cleaning-box { 
min-height: 1px;
}

.cleaning-box:after {
display: block; 
clear: both; 
visibility: hidden; 
height: 0; 
font-size: 0; 
content: ' ';
}


/* Images */



/* Wrapper */

#wrapper {
margin: 0 auto;
}


/* Headings, paragraphs */

h1 {
font: 2.7em Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
padding: 20px 0 0 0;
margin: 0 0 0 4px;
/*border-bottom: 1px solid #4699C4; */
}

h1 a:link, h1 a:visited {
text-decoration: none;
color: #000;
font-weight: bold;
}

h2 {
font-size: 1.9em;
font-weight: normal;
color: #538700;
margin-bottom: 3px;
}

h3.sub {
font: 1.4em Georgia, "Times New Roman", Times, serif;
color: #3A3A3A;
margin-bottom: 10px;
background: none;
padding: 0;
}

h3 {
/*font: 1.4em Georgia, "Times New Roman", Times, serif; */
font: 1.4em Verdana;
font-weight:normal;
color: #000;
margin-bottom: 10px;
/* background-color: #E3F5FF; */
background-color: #FFF;
padding: 3px 0 3px 3px;
border-bottom: 1px solid #FB6704;
margin-right:4px;
}

h4 {
font: bold 1.1em Arial, Helvetica, sans-serif;
letter-spacing: 1px;
margin-bottom: 5px;
background-color: #006BA3;
color: #FFFFFF;
padding: 6px 0 6px 10px;
}

h4.nobg { 
background: none;
padding: 0;
color: #000000;
}

p {
line-height: 1.8;
color: #252525;
margin-bottom: 10px;
}


/* Header */

#header {
width: 960px;
height: 149px;
margin: 0 auto;
position: relative;
text-align: left;
background: url('../img/header.jpg');*/
}

#header p.title {
color: white;
line-height: 1.8;
position: relative;
z-index: 2;
padding: 5px 0 0 0;
margin: 0 0 0 5px;
font: 1.3em Georgia, "Times New Roman", Times, serif;
color: #000;
letter-spacing: 1px;
font-weight:bold;
}


/* Menu */

#menu-box {
background-color: #000000;
border-bottom: 1px solid #B0BCC3;
}

#menu {
width: 960px;
margin: 0 auto;
list-style: none;
text-align: left;
/* font: 1.1em Georgia, "Times New Roman", Times, serif; */
font: 1.1em Verdana;
letter-spacing: 1px;
}

#menu li {
display: inline;
text-align: center;
line-height: 34px;
}

#menu li a {
float: left;
display: block;
color: #FFFFFF;
font-weight: bold;
padding: 0 18px;
border-right: 1px solid #B0BCC3;
text-decoration: none;
}

#menu li a.first {
border-left: 1px solid #B0BCC3;
}

#menu li a:hover {
color: #fff;
}

#menu li a.active {
background-color: #ADDEFF;
color: #202020;
}


/* 3 columns layout */

#content {
width: 960px;
margin: 0 auto;
text-align: left;
background-color: #FFFFFF;
}

#column-1 {
float: left;
width: 734px;
padding-top:10px;
}

#column-2 {
float: right;
width: 224px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
}

#column-1, #column-2 { padding-bottom: 60px; }

#column-2 #column-21 { float: left; width: 212px; margin-top: 1em; font-family: Arial, Helvetica, sans-serif; }
#column-2 #column-22 { float: right; width: 234px; margin-top: 1em; }

#column-1 div.content { margin: 1em 1.7em 0 0; }
#column-21 div.content{ margin: 0.4em 0.8em 1.2em 0.5em; }
#column-22 div.content { margin: 0 0 1.2em 0.8em; }


/* Right menu */

ul.r-list { list-style: none; margin: 12px 0 35px 0; }

ul.r-list li { margin-bottom: 10px; }

ul.r-list li a, ul.r-list li a:visited {
display: block;
padding: 5px 10px 5px 10px;
text-decoration: none;
font-weight: bold;
font-size:13px;
height: 1%; /* The Holly Hack for IE 6 */
}

ul.r-list li a:hover {
/* border: 1px solid #909090; */
}

ul.r-list li a.active {
background-color: #E3F5FF;
}


/* Definition list - middle columns (News) */

#column-21 dl { margin: 8px 0 20px 1px; }
#column-21 dt { font-weight: bold; margin: 0 0 1px 0; }
#column-21 dd { margin: 0 0 11px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #909090; line-height: 1.5; }
#column-21 dd a, #column-21 dd a:visited { color: #101010; font-weight: normal; text-decoration: none; }
#column-21 dd a:hover { text-decoration: underline; }


/* Gallery */

.galerie { margin: 18px 0 0 0; }

.foto {
float: left;
display: inline;
width: 122px;
height: 100px;
margin: 0 23px 16px 0;
background-color: white;
position: relative;
}

.foto img { border: 1px solid silver; }
.foto a:hover img { border: 1px solid #606060; }


/* Footer */

#footer {
background-color: #C69654;
height: 90px;
border-top: 6px solid #000000;
}

#footer-in {
width: 960px;
margin: 0 auto;
/* font: 1.2em Georgia, "Times New Roman", Times, serif; */
font: 1.2em Verdana;
}

#footer-in ul {
list-style: none;
padding: 10px 0 0 0;
text-align: left;
font-size: 0.9em;
float: left;
width: 750px;
color: #FBFBFB;
}

#footer-in ul li {
float: left;
display: inline;
white-space: nowrap;
}

#footer-in ul li a, #footer-in ul li a:visited {
color: #000000;
margin: 0 8px;
font-weight: bold;
}

#footer-in p.print {
float: right;
text-align: right;
width: 140px;
padding: 10px 0 0 0;
line-height: 1;
margin: 0;
color: #FFFFFF;
}

#footer-in p.print a, #footer-in p.print a:visited {
color: #FBFBFB;
font-weight: normal;
}

#footer-in p#backs {
line-height: 1;
margin: 45px 0 0 0;
color: #C7DAEA;
font-size: 0.8em;
}

#footer-in p#backs a, #footer-in p#backs a:visited {
color: #C7DAEA;
font-weight: normal;
padding: 0 1px;
}

#footer-in p#backs a:hover {
color: #FFFFFF;
}