/* Vanhan CMSMS-saitin tyylisivu "Mainospalvelu" (muokattu 2013-02-26) sellaisenaan; vain kuvien
   polut vaihtuivat teeman kansioon. Siirron lisäykset ovat tiedoston lopussa. */
body,html {
margin: 0px;
padding: 0px;
height:100%;
width: 100%;
}

.body {
background-image: url('images/tube.png');
background-repeat: repeat-x;
font-family: Trebuchet MS;
color: white;
background-color: black;
}

a img {
border: 0px;
}

#rootwrapper {
position: relative;
width: 997px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: auto;
background-image: url('images/tausta.png');
background-repeat: repeat-y;
}

#header {
height: 202px;
width:100%;
display:block;
}

#contentleft {
width: 231px;
float: left;
}

#menu ul {
list-style-type:none;
width: 198px;
margin: 0px;
padding: 0px;
padding-left: 32px;
}

#menu ul li {
border-bottom: 1px dotted gray;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
}

#menu ul ul {
padding: 0px;
padding-left: 10px;
}

#menu ul ul li {
border-bottom: 0px;
padding-left: -5px;
}

#menu ul li a {
color: #fff;
text-decoration:none;
}

#menu ul li a:hover {
text-decoration:underline;
}

a {
color: #fff;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

#valmistajalinkit {
width: 200px;
margin-top: 40px;
margin-left: 32px;
}

#valmistajalinkit a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}


#contentright {
width: 766px;
float: right;
position: relative;
}

#materiaali {
width: 700px;
margin: auto;
margin-top: 30px;
}

#materiaali a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}

#stoppari {
clear: both;
}

#footer,
#stoppari {
height: 100px;
}

#footer {
position: absolute;
bottom: 0px;
right: 0px;
width: 766px;
}

#footerInfo {
margin-top: 50px;
}

/* --- Siirron lisäykset --- */

/* Vanha XHTML Transitional -doctype (almost standards): pelkkiä kuvia sisältävä rivi on kuvan
   korkuinen. HTML5-doctypella kuvan alle tulisi alapidennyksen rako. */
img,
iframe {
	vertical-align: bottom;
}

/* Inline-tyylien ja -attribuuttien korvaajat (CSP estää style="", puhdistus poistaa valign=""):
   globaalien lohkojen style="text-align: center" ja "vertical-align: text-bottom" sekä sisällön
   taulukoiden <td valign="top">. */
.keskita {
	text-align: center;
}

#valmistajalinkit img.tekstin-alaan {
	vertical-align: text-bottom;
}

#materiaali td {
	vertical-align: top;
}

/* Google-kartta (Yhteystiedot): vanha iframe oli style="position: absolute; top: 40px; right: 20px"
   425 x 350. Kartta ladataan vasta klikkauksesta (mainospalvelu.js), joten sen paikalla on samankokoinen
   korvike. */
#materiaali .kartta-upotus,
#materiaali .kartta-kehys {
	position: absolute;
	top: 40px;
	right: 20px;
	width: 425px;
	height: 350px;
	border: 0;
}

#materiaali .kartta-upotus {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e5e3df;
	color: #333;
	text-decoration: none;
}

#materiaali .kartta-upotus:hover {
	text-decoration: underline;
}