html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background:#000000; 
} 
 
#pagewidth{ 
 width:95%; 
 text-align:center;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative;
 background-image:url(arvutiklass.png);
 background-repeat:x;
 height:162px; 
 background-color:#000; 
 width:100%;
 color:#FFF;
} 

/* horisontaalne navbar */
#navcontainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #B8C14E;
color: #FFF;
width: 100%;
font: normal 13px arial, helvetica, sans-serif;
text-align: center;
}

li { display: inline; }

li a
{
text-decoration: none;
background-color: #678C22;
color: #FFF;
padding: .2em 1em;
}

li a:hover
{
background-color: #FEF268;
color: #000;
}
/* horisontaalne navbar lõpp */

 
#leftcol{
 width:150px; 
 float:left; 
 position:relative; 
 background-color:#678C22;
 font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
 color:#FFF;
 }
 
#twocols{
 width:850px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:150px; 
 float:right; 
 position:relative; 
 background-color:#678C22;
 font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
 color:#FFF;
 }
 
#maincol{
 background-color: #315110;  
 float: left; 
 display:inline; 
 position: relative; 
 width:700px;
 font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
 color:#FFF;
 }
 
#footer{
 height:30px; 
 width:95%;
 background-color:#B8C14E; 
 clear:both;
 font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
 color:#FFF;
 }
 
/* Color */
   a:link {color: #FFF}     /* unvisited link */
   a:visited {color: #FEF268}  /* visited link */
   a:hover {color: #FEF268}   /* mouse over link */
   a:active {color: #FEF268}   /* selected link */
   
/* paragraph */
p {
   font-size : 12px;
   font-family : Arial, Helvetica, sans-serif;
   color : #FFFFFF;
   text-align : center;
}

/* paragraph2 */
p2 {
   font-size : 13px;
   font-family : Arial, Helvetica, sans-serif;
   color : #FFFFFF;
   text-align : left;
}

/* header */
h1 {
 font-size : 16px;
 font-family : Arial, Helvetica, sans-serif;
 color : #FFFFFF;
 text-align : center;
 } 

h2 {
 font-size : 15px;
 font-family : Arial, Helvetica, sans-serif;
 color : #FFFFFF;
 text-align : center;
}

h3 {
 font-size : 14px;
 font-family : Arial, Helvetica, sans-serif;
 color : #FFFFFF;
 text-align : center;
}

h4 {
 font-size : 13px;
 font-family : Arial, Helvetica, sans-serif;
 color : #FFFFFF;
 text-align : left;
}

h5 {
 font-size : 12px;
 font-family : Arial, Helvetica, sans-serif;
 color : #FFFFFF;
 text-align : left;
}

h6 {
 font-size : 11px;
 font-family : Arial, Helvetica, sans-serif;
 color : #FFFFFF;
 text-align : center;
}
 
.buttonscontainer {width: 150px;}  /* nupud vasakul */

.buttons a {color: #FFF;
background-color: #678C22;
padding: 2px;
padding-left: 3px;
display: block;
font: 12px Arial, sans-serif;
text-decoration: none;
text-align: left;
border-bottom:1px #FFFFFF dotted;
}

.buttons a:hover {background-color: #B8C14E;
color: #000;
text-decoration: none;
}


/* Dailyinfo Form */
form.dailyinfo {
 width:650px;
 background-color:#B8C14E;
 border:#FFF dotted 1px;
 color:#000;
 text-align:center;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:12px;
 margin-left:auto; 
 margin-right:auto;
}

input.cdate {
 border:1px solid #315110;
 background-color: #FFF;
 font-size:12px;
 width:70px;
 float:left;
 }
 
label.dailyinfo {
 width:30px;
 margin:auto;
 float:left;
}

textarea.dailycontent {
  text-align: justify;
  border:1px solid #315110;
  background-color:#FFF;
  width:300px;
  height:20px;
  float:left;
}
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}