html
{
background:#000;
background-image:url('kuvat/Bottom_texture.jpg');
background-repeat:no-repeat;
background-position:center top;
}

body
{
background-image:url('kuvat/m50.png');
border:2px solid;
border-radius:25px;
border-color:#000099;
margin: auto;
width: 700px;
}


.header
{
margin-left:auto;
margin-right:auto;
width:700px;
height:308px;
background-image:url('kuvat/header.jpg');
background-position: center;
background-repeat:no-repeat;
border-bottom-style: none;
border-radius:25px 25px 0 0;
border-color: #000099;
}

.ce
{

    width:100px;
margin-top:-30px;
margin-bortom:30px;
margin-left:450px;
}



.lk
{
float: right;
margin-top:-125px;
margin-right:100px;
}

.tjkuva
{
    float: left;
margin-top:-345px;
margin-left:75px;
}



ul.valikko
{
background-color:none;
border:0px;
border-bottom:0px solid blue;
badding-top: 0px;
margin-top: -50px;
margin-bottom: 5px;
  width:700px;
  text-align: center;
 text-transform: uppercase;
}
a.valikko:link {color:#ffffff;text-decoration:none;text-shadow:0px 0px 3px #000099;} /* unvisited link */
a.valikko:visited {color:#ffffff;text-decoration:none;text-shadow:0px 0px 3px #000099;} /* visited link */
a.valikko:hover {color:#000099; background-color:none;text-decoration:none;text-shadow:0px 2px 4px #ffffff;} /* mouse over link */
a.valikko:active {color:#000099;text-decoration:none;text-shadow:0px 0px 6px #ffffff;} /* selected link */ 

ul
{
color:#ffffff;
background-color:none;
list-style-type:none;
font-family:Arial,Helvetica,sans-serif;
margin:30px 0px 0px 0px;
padding:10px 0px;
}
li
{
padding:0px 0px 0px 10px;
display:inline;
}

.lista
{
padding: 0px 0px 0px 50px;
}
p
{
margin:25px 50px;
text-align:left;
color:#ffffff;
font-family:Arial,Helvetica,sans-serif;
font-size:1.0em;
font-weight:400;
}

.yhteys
{

margin-left:250px;
}

.spostipng
{
margin:0px 50px 0px 350px;
text-align:left;
}

.yritys
{
text-align:center;
font-size:20px;
font-weight:700;
color: dark green;
margin-top:30px;
}

.osoite
{
text-align:left;
font-size:20px;
font-weight:400;
color: dark green;
margin:10px 200px 0px 275px;
}

.koneet
{
text-align:left;
font-size:20px;
font-weight:400;
color: dark green;
margin:10px 200px 0px 200px;
}

.koneotsikko
{
text-align:center;
font-size:20px;
font-weight:700;
color: dark green;
margin-top:30px;
}

.koneselite
{
text-align:left;
font-size:20px;
font-weight:200;
color: dark green;
margin:0px 175px 0px 213px;
}

h1
{
margin:10px 0px;
text-align:center;
color:#ffffff;
font-size:24px;
}
h2
{
margin:10px 0px 10px 50px;
font-family:Arial,Helvetica,sans-serif;
text-align:center;
color:#ffffff;
font-size:24px;
}

h6
{
margin:10px 0px;
text-align:center;
color:#ffffff;
font-size:12px;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}







@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
{

html
{
background:#000;
background-image:url('kuvat/Bottom_texture.jpg');
background-repeat:no-repeat;
background-position:center top;
width: 100%;
}

body
{
background-image:url('kuvat/m50.png');
border:2px solid;
border-radius:25px;
border-color:#000099;
margin: auto;
width: 100%;
}


.header
{

    
background-image:url('kuvat/header_42.jpg');
background-size: 700px;
background-position: center;
background-repeat:no-repeat;
border-bottom-style: none;
border-radius:25px 25px 0 0;
border-color: #000099;
}


.tjkuva
{
    visibility: hidden;
}




ul.valikko
{
background-color:none;
border:0px;
border-bottom:0px solid blue;
badding-top: 0px;
margin-top: 0px;
margin-bottom: 5px;
  width:100%;
  text-align: center;
 text-transform: uppercase;
}
a.valikko:link {color:#ffffff;text-decoration:none;text-shadow:0px 0px 3px #000099;} /* unvisited link */
a.valikko:visited {color:#ffffff;text-decoration:none;text-shadow:0px 0px 3px #000099;} /* visited link */
a.valikko:hover {color:#000099; background-color:none;text-decoration:none;text-shadow:0px 2px 4px #ffffff;} /* mouse over link */
a.valikko:active {color:#000099;text-decoration:none;text-shadow:0px 0px 6px #ffffff;} /* selected link */ 

ul
{
background-color:none;
list-style-type:none;
font-family:Arial,Helvetica,sans-serif;
margin:30px 0px 0px 0px;
padding:5px 0px;
}
li
{
padding:0px 5px;
display:inline;
}


.yhteys
{
margin-left:275px;
}

.spostipng
{
margin:0px 275px;
text-align:left;
}

p
{
margin:25px 50px;
text-align:left;
color:#ffffff;
font-family:Arial,Helvetica,sans-serif;
font-size:2em;
font-weight:400;

}




.yritys
{
text-align:center;
font-size:20px;
font-weight:700;
color: dark green;
margin-top:30px;
}

.osoite
{
text-align:left;
font-size:20px;
font-weight:400;
color: dark green;
margin:10px 200px 0px 100px;
}



.koneotsikko
{
text-align:center;
font-size:20px;
font-weight:700;
color: dark green;
margin-top:30px;
}

.koneselite
{
text-align:left;
font-size:20px;
font-weight:200;
color: dark green;
margin:0px 175px 0px 213px;
}

h1
{
margin:10px 0px;
text-align:center;
color:#ffffff;
font-size:2.2em;
}
h2
{
margin:10px 0px 10px 50px;
font-family:Arial,Helvetica,sans-serif;
text-align:center;
color:#ffffff;
font-size:2em;
}

h6
{
margin:10px 0px;
text-align:center;
color:#ffffff;
font-size:1.0em;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}




}