body{
	font:14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
    #background-color: #222222;
    background-image:url(kuvat/kansikuva-1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-attachment: fixed;
    margin: 0;
    
}


h1 {
    display:inline-block; 
    #background-color: #ffd700;
    font:32px "Helvetica Neue", Helvetica, Arial, sans-serif;
    #text-transform: uppercase;
    text-align: center;
    #color: white;
    color: orange;
    padding: 5 5 5 5;
    margin: 10 10 10 10;
    #text-shadow: 1px 1px 1px #EEEEEE;
}
p {
    font:120% "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: lightgray;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    display: inline;
}
a {
    font:100% "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: lightgray;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

div.pohja{
	display:block; 
    width: 100%;
    height: 100%;
    border-width: 0px;
	border-style: solid;
	border-color: white;
    background-position: top;
	background-color: #222222;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    margin: 0;
    padding: 0;
    vertical-align: top;
    
}
div.introlaatikko {
	display: inline-block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100 %;
    height: 170px;
    margin: auto;
    padding-top: 20;
    border-width: 0px;
	border-style: solid;
	border-color: white;
    background-color: #1c1c1c;
    text-align: center;
    vertical-align: middle;
    #padding: 0;
    
}
div.ylapalkki {
	display: inline-block;
    position: fixed;
    #top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100 %;
    height: 50px;
    margin: auto;
    border-width: 0px;
	border-style: solid;
	border-color: white;
    background-color: #222222;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    
}

div.kuvashow {
    display: block;
    position: fixed;
    top: 0;
    bottom: 50;
    left: 0;
    right: 0;
    margin: auto;
    border-width: 0px;
	border-style: solid;
	border-color: white;
    max-width: 93%;
    max-height: 83%;  
}
div.kuvapohja {
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #222222;
    opacity: 0.7;
    /* RGBa with 0.6 opacity */
	#background: rgba(0, 0, 0, 0.3);
    
}
.kuva {
    display: block;
    position: fixed;
    top: 0;
    bottom: 50;
    left: 0;
    right: 0;
    margin: auto;
    border-width: 10px;
	border-style: solid;
	border-color: white;
    max-width: 93%;
    max-height: 83%;   
    
}
div.tab1 {
    float: left;
    position: absolute;
   left: 0px;
   top: 0px;
   width: 40%;
   height: 100%;
   z-index: 1000;
   background-color: #92AD40;
   padding: 0px;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 600%;
   opacity: 0.0;
    /* RGBa with 0.6 opacity */
	#background: rgba(0, 0, 0, 0.3);
}
div.tab1:hover {
   float: left;
   position: absolute;
   left: 0px;
   top: 0px;
   width: 40%;
   height: 100%;
   z-index: 1000;
   background-color: #cccccc;
   text-align: center;
   vertical-align: middle;
   padding: 0px;
   color: #FFFFFF;
   font-weight: bold;
   opacity: 0.3;
    /* RGBa with 0.6 opacity */
	#background: rgba(0, 0, 0, 0.3);
}
div.sisaltolaatikko {
	display:block; 
    width: 1000px;
    border-width: 0px;
	border-style: solid;
	#border-color: white;
    border-color: #cc6633;
	background-color: #EEEEEE;
    text-align: left;
    vertical-align: top;
    margin: 20px;
    padding: 0 0 20 0;
    
}
div.kokokuva{
	display:inline-block; 
    border-width: 0px;
	margin: 0px;
    padding: 0 0 0 0;
    
}


.naytaNappi {
    display:block-inline; 
    font:120% "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0px;
    #text-align: left;
    padding: 0;
    margin: 0;
    border-width: 0;
	background-color: #222222;
	color: lightblue;
	font-weight:normal;
	
}