/* **** Sivun pääosa **** */

body { 
       background: #E0E0E0;
       color: #000000;
       margin: 0px;
       padding: 10px;
     }
     
.main { 
       background: #FFFFFF;
       font-family: verdana,arial;
       font-size: 14px;
       color: #000000;
       padding: 20px 100px 20px 100px;
       border-top: 1px solid #A0A0A0;
       border-left: 1px solid #A0A0A0;
       border-right: 1px solid #000000;
       border-bottom: 1px solid #000000;
     }





/* ****  Varoitus & Quotelootat **** */

.hint {
       background: #CCFFCC;
       color: #000000;
       padding: 2px;
       margin: 5px 0px;
       border: 1px solid #000000;
}
     
.note {
       background: #FFFFCC;
       color: #000000;
       padding: 2px;
       margin: 5px 0px; 0px; 0px;
       border: 1px solid #000000;
}

.warn {
       background: #FFCCCC;
       color: #000000;
       padding: 2px;
       margin: 5px 0px;
       border: 1px solid #000000;
}

.file {
       background: #FFFFFF;
       color: #000000;
       font-family: monospace;
       padding: 2px;
       margin: 5px 0px;
       border: 1px solid #000000 dashed;
}

pre {
       background: #000000;
       color: #FFFFFF;
       font-family: monospace;
       padding: 3px;
       margin: 5px 0px;
}




/* **** Headeri **** */

.title {
      margin-left: -30px;
}

.name {
       font-family: arial,sans-serif,verdana;
       font-size: 40px;
       color: #000000;
}

.description {
       font-family: arial,sans-serif,verdana;
       font-size: 20px;
       color: #000000;
}

.contact {
       font-family: arial,sans-serif,verdana;
       font-size: 12px;
       color: #000000;
}

.error {
       color: #FF0000;
       font-weight: bold;
}

.path {
       font-family: arial,sans-serif,verdana;
       font-size: 14px;
       font-weight: bold;
       margin-top: 10px;
       margin-bottom: 20px;
       color: #000000;
       background: #F0F0F0;
       border-top: 1px solid #505050;
       border-bottom: 1px solid #505050;
}

a {
       color: #AA0000; 
       text-decoration: none;
}
a:link {
       color: #AA0000; 
       text-decoration: none;
}
a:active {
       color: #FF0000; 
       text-decoration: none;
}
a:visited {
       color: #AA0000; 
       text-decoration: none;
}
a:hover {
       color: #FF0000; 
       text-decoration: none;
}

/* **** Alaotsikot & elementit **** */

.subtopic {
       font-family: arial,sans-serif,verdana;
       font-size: 18px;
       font-weight: normal;
}
.subtopicnote {
       font-family: arial,sans-serif,verdana;
       color: #000000;
       font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {   
       font-family: verdana, arial;
       font-weight: bold;
       font-style: italic;
       color: #000000;
       margin-top: 5px;
       margin-left: 0px;
       margin-bottom: 5px;
       border-bottom: dotted 1px #000000;
}

h1 {   
       font-size: 16px;
}

h2 {   
       font-size: 15px;
}

h3 {   
       font-size: 14px;
}