body {
width:100%;
margin:0;
font-family:Georgia;
}

h1 {
font-size: 1.0em;
color:white;
}

h2 {
font-size: 0.7em;
}

#header {
    height:21px;
	background:#000000;
	width: 100%;
    margin-top: 25px;
    left: 0;
	right: 0;
	clear:both;
	text-align:center;
	position:initial;
	
}

#header2 {
    height:21px;
	background:#000000;
	width: 100%;
    top: 0;
    left: 0;
	right: 0;
	clear:both;
	text-align:center;
	position:initial;
	
}

#wrapper1 { 
    overflow:auto;
    background-color:black;
    width: 1.3%;
    position: fixed;
    top: 0;
    left: 1.3%;
	right: 0;
    bottom: 0;
}

#wrapper2 { 
    overflow:auto;
    background:black;
    width: 1.3%;
    position: fixed;
    top: 0;
    left: 4.3%;
	right:0;
    bottom: 0;
}

#navigation{
margin-left:5%;
}
		
#navigation ul{
list-style-type:none;
}
		
#navigation li{
display:inline;
background-color:black;
padding:1%;
height:50px;
}
		
#navigation a:link, a:visited{
display:inline-block;
min-width:12%;
font-weight:bold;
letter-spacing:1px;
color:#fff;
text-align:center;
line-height:25px;
text-decoration:none;/*initial ?*/
text-transform:none;
padding:1% 1% 1% 1%;
margin-top:5px;
}
		
#navigation a:hover{
background-color:white;
color:black;
/*transform:rotate(-0deg);
transition:1s;
-webkit-transform:rotate(-0deg);*/
}

.current:link, .current:visited {
background-color:white;
color:black;
transform:rotate(-6deg);
transition:1s;
-webkit-transform:rotate(-6deg);
letter-spacing:3px;
}
			
.tilaa  { clear: both; visibility: hidden; height: 1px; overflow: hidden; }
.tilaa1 { clear: both; visibility: hidden; height: 15px; overflow: hidden; }
.tilaa2 { clear: both; visibility: hidden; height: 60px; overflow: hidden; }
.tilaa3 { clear: both; visibility: hidden; height: 90px; overflow: hidden; }
.tilaa4 { clear: both; visibility: hidden; height: 20px; overflow: hidden; }
.tilaa5 { clear: both; visibility: hidden; height: 40px; overflow: hidden; }

.eka { float: left; width: 250px;  font-size: 1.0em; display:inline; position: relative; margin-left:45%; line-height:1.5; }
.toka { float: left; width: 250px;  font-size: 1.0em; display:inline; position: relative; line-height:1.5;  }

#otsikko { float: left; width: 94%;  font-size: 4.5em; display:inline; position: relative; margin-left:6%; letter-spacing:5px; line-height:1.5; text-align:center; }
#otsikko1 { float: left; width: 60%; font-size: 2.0em; display:inline; position: relative; margin-left:7%; text-decoration:underline; line-height:1.5; }
.otsikko2 { float: left; width: 60%; font-size: 1.5em; display:inline; position: relative; margin-left:25%; text-decoration:underline; line-height:1.5; letter-spacing:1px;}

#valid { float: left; width:18%; font-size: 1.0em; display:inline; position: relative; margin-left:72%; line-height:2.0; }
#valid2 { float: left; display:inline; position: relative; line-height:1; margin-bottom:15px;}

#oikea {
width:28%;
float:right;
margin-right:11%;
clear:right;
margin-top:15px;
}
#vasen {
width:53%;
float:left;
margin-left:6%;
}

#footer {
background:black;
bottom:0px;
left:0px;
right:0px;
height:40px;
position:relative;
clear:both;
text-align:center;
		bottom:0;
		width:100%;	
}

#footer >h1{
line-height:40px;
}

#sisalto a:link {color:#000000;}    /* unvisited link */
#sisalto a:visited {color:#000000;} /* visited link */
#sisalto a:hover {color:#ffffff; background:#000000;}   /* mouse over link */
#sisalto a:active {color:#000000;}  /* selected link */
#sisalto a:link {text-decoration:underline;}    /* unvisited link */
#sisalto a:visited {text-decoration:underline;} /* visited link */
#sisalto a:hover {text-decoration:underline;}   /* mouse over link */
#sisalto a:active {text-decoration:underline;}  /* selected link */

#valid a:link {color:#000000;}    /* unvisited link */
#valid a:visited {color:#000000;} /* visited link */
#valid a:hover {color:#ffffff; background:#000000;}   /* mouse over link */
#valid a:active {color:#000000;}  /* selected link */
#valid a:link {text-decoration:underline;}    /* unvisited link */
#valid a:visited {text-decoration:underline;} /* visited link */
#valid a:hover {text-decoration:underline;}   /* mouse over link */
#valid a:active {text-decoration:underline;}  /* selected link */