/* style.css - a simple style sheet */
body {
font-family   : Verdana;
font-size: 12px;

margin-left   : 10%; margin-right: 10%;
margin-top    : 0;

h2  margin-top: 18em; margin-bottom: 23em;
h2.subsection  margin-top: 1em; margin-bottom: 1em;
color         : black;background-color:808080;

}

h1 { font-size: 2.5em; }
p { font-size: 2.5em; }

table.hannu
{ 
font-family: Verdana;
font-weight: normal;
font-size: 13px;
}

table.leveataulu {
	width:1000px;
	border: 0px solid blue;
	background: rgb(177,177,177);
}

wrapper1 {
	    margin: 0 auto;
	    width: 1200px;
	color:white;
	background: rgb(177,177,177;
	}

#wrapper2 {
/*we need to tell the browser the size of the warpper div*/
width:1538px;
height:900px;
/*align the top left corner of the page to the center
of the browser*/
position: absolute;
top: 50%;
left: 50%;
/*offset the page by half the width and height*/
margin-left:-769px;
margin-top:-450px;
/*allow us to see wrapper*/
background-color:red;
}

#wrapper3 {
/*we need to tell the browser the size of the warpper div*/
width:100%;
height:100%;
/*align the top left corner of the page to the center
of the browser*/
position: absolute;
left: 50%;
top: 50%;
/*offset the page by half the width and height*/
margin-left:-50%;
margin-top:-51%;
/*allow us to see wrapper*/
background-color:red;
}

#wrapper4 {
/*we need to tell the browser the size of the warpper div*/
width:100%;
height:100%;
/*aligns the page to the center horizontal (x)*/
margin-left:auto;
margin-right:auto;
/*aligns the age to the center vertical (y)*/
position: absolute;
top: 10%;
left: 10%;
/*resets the offset (should be half the width and height*/
margin-top:10%;
margin-left:10%;
/*allows us to see wrapper*/
background-color:red;
}

#wrapperoli {
/*we need to tell the browser the size of the warpper div*/
width:100%;
/*aligns the page to the center horizontal (x)*/
margin-left:auto;
margin-right:auto;
/*align the top left corner of the page to the center
of the browser*/
position: absolute;
left: 50%;
/*offset the page by half the width and height*/
margin-left:-50%;
/*allows us to see wrapper*/
background-color:#BBAAAA;
}

#wrapper2 {
/*we need to tell the browser the size of the warpper div*/
width:800px;
/*aligns the page to the center horizontal (x)*/
margin-left:25%;
margin-right:25%;
/*align the top left corner of the page to the center
of the browser*/
position: absolute;
left: 50%;
/*offset the page by half the width and height*/
margin-left:-50%;
/*allows us to see wrapper*/
background-color:#BBAAAA;
}


#wrapper {

/*we need to tell the browser the size of the warpper div*/
width:806px;
height:2280px;
/*align the top left corner of the page to the center
of the browser*/
position: absolute;
top: 50%;
left: 50%;
/*offset the page by half the width and height*/
margin-left:-400px;
margin-top:-400px;
/*allow us to see wrapper*/
background-color:#CCCCCC;

font-size: 1.5em;


}

content {
	    width: 100%;
	}