body {
padding: 0px;
margin: 0px;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 10px;
font-style: normal;
cursor: default;
height:100%;
color:#444444;

text-align:center;
background-color: #bbbbbb;

background-image: url(back.jpg);
background-repeat: no-repeat;
}


#guru,#single,#series,#parallel {
margin-left: 5px;
background-color:#ffffff;
width:800px;
text-align:left;
float:left;
}



#runko {
margin:auto;
width: 1030px;
text-align:left;
/*background-color:#995577;*/
border-left:1px solid #111111;
border-right:1px solid #111111;
}


#content {
margin:auto;
width:800px;
background-color:#ffffff;
text-align:left;
float:left;

}



#right {
padding: 5px;
margin: 0px;
width:205px;
text-align:left;
float:right;
height:auto;

}




.resultbox {
padding: 4px;
margin: auto;
/*background-color:#eeeeee;*/
width:179px;
height:55px;
/*text-align:left;*/
float:left;
/*border:ridge 1px #111111;*/

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
}

.resultbox_grey {
padding: 4px;
margin: auto;
background-color:#eeeeee;
width:179px;
height:55px;
/*text-align:left;*/
float:left;
/*border:ridge 1px #111111;*/

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
}

.resultbox_green {
padding: 4px;
margin: auto;
background-color:#C1E9B3;
width:179px;
height:55px;
/*text-align:left;*/
float:left;
/*border:ridge 1px #111111;*/

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
}

.errorbox {
padding: 2px;
margin: auto;
/*background-color:#eeeeee;*/
width:155px;
height:auto;
/*text-align:left;*/
float:left;
/*border:ridge 1px #111111;*/

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;font-weight: bold;
color:#993333;
}

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #999999}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #999999}

.inputbox{background:#334455;border:1px solid #ddaa22;color:#ffffff;font-weight:bold; height:18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.outputbox{background:#aaaaaa;border:1px solid #885511;color:#000000;font-weight:bold; height:18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

.input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ddaa22}
.units { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #996600}

.image { border:1px solid #999999;}


.font1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff0000}
.font2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #009900}
.font3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0000ff}
.font4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #555555}

.font5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ddaa22}

.title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #333333}

.R1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 33px; font-weight: bold; color: #aaaaaa}
.R2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 33px; font-weight: bold; color: #aaaaaa}



A.section:link,A.section:visited {text-decoration:none; color:#99cc22; font-size:14px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;}
A.section:hover {text-decoration:none; color:#ddaa22; font-size:14px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;}

A.contact:link,A.contact:visited,A.contact:hover {text-decoration:none; color:#ddaa22; font-size:10px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;}

#foot {
margin: 0px;
margin: 0px;
background-color:#555555;
text-align:right;
border-top: 1px solid #333333;
}