/* style.css - a simple style sheet */
body {
font-family   : Courier New,Courier,monospace;
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;
}

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:2350px;
/*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;
}

content {
	    width: 100%;
	}