/*

    Suomen Alfatec - Main CSS
    
*/

* {min-height:1px;}
body {border:0; margin:0; padding:0; background:#828385 url("../heidelberg_6.jpg"); background-position: top center; align:middle; font:80%/100% Verdana, Arial, Helvetica, sans-serif; color:#000; _text-align:center;}

a {color:#00c;}
a:hover {color:#ECB302;}

p {border:0; margin:15px 0; padding:0;}

div {display:block; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h2 {font-size:180%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h3 {font-size:120%; line-height:100%; font-weight:bold;}
h4 {font-size:90%;font-weight:normal;}
h5 {font-size:90%;font-weight:normal;}

table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:0px solid #fff; font-size:100%;}
tr {display:table-row;}
th, td {display: table-cell; border:0px solid #fff; margin:0; padding:5px; vertical-align:top; text-align:left;}
th {background:#fff; text-align:center; color:#000; font-weight:bold;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
q, var {font-style:italic;}
cite {font-style:italic; font-size:70%; }
em {font-style:italic; font-weight:bold; color:#ECB302;}
code, kbd, samp {font-family:monospace; font-size:110%;}

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

.box {min-height:1px; _height:1px;}

.nom {margin:0;}
.noscreen {display:none;}

/* -------------------------------------------------------------------------------------------------------- */

#main {width:440px; margin:30px auto 0 auto; _text-align:left;}

/* Header */
#header {position:relative; width:440px; height:95px; margin:0; padding:0; color:#FFF;}

/* Ylavalikko */
#ylavalikko {position:absolute; top:100px; margin:0; color:#000; }
    #ylavalikko a {position:absolute; top:35px; left:10px; margin:0; color:#000; }
    #ylavalikko a.y1 {position:absolute; top:35px; left:10px; margin:0; color:#000; }
    #ylavalikko a.y2 {position:absolute; top:35px; left:115px; margin:0; color:#000; }
    #ylavalikko a.y3 {position:absolute; top:35px; left:220px; margin:0; color:#000; }
    #ylavalikko a.y4 {position:absolute; top:35px; left:325px; margin:0; color:#000; }

/* Page (2 columns) */
#page {width:440px; min-height:1px; _height:1px;}
#page-in {min-height:1px; padding:10px 0; _height:1px;}

/* Content */
#content {float:left; width:400px; _width:400px; margin: 0; padding:0 0 0 20px;}

    /* Content - article */
    #content .article {clear:both; margin-top: 50px; padding:0px; }
    #content .article h2 {margin:10px; padding:0px; color:#000;}
    #content .article h2 span {padding-left:5px;}
    #content .article h4 {margin-top:140px;}
    #content .article h5 {margin-left:230px; margin-top:-60px; }
    
    #content .article p {text-align:center;}   /* tai sitten justify */

/* Footer */
#footer {position:absolute; top:550px; clear:both; width:440px; height:60px; margin-bottom:50px; color:#000;}
#footer a {color:#00c; }
#footer a:hover {color:#ECB302;}

    /*  Footer - copyright */
    #footer p#copyright {position:absolute; top:10px; left:30px; margin:0; font-weight: bold; font-size: 70%;}

    /*  Footer - etusivulle-linkki */
    #footer p#etusivulle {position:absolute; top:150px; left:340px; margin:0; font-size:100%; font-weight: bold;}

    /* Footer - alavalikko */
    #alavalikko {position:absolute; top:10px; left:10px; margin:0; color:#000; }
    #alavalikko a {position:absolute; top:35px; left:10px; margin:0; color:#000; }
    #alavalikko a.a1 {position:absolute; top:35px; left:20px; margin:0; color:#000; }
    #alavalikko a.a2 {position:absolute; top:35px; left:150px; margin:0; color:#000; }
    #alavalikko a.a3 {position:absolute; top:35px; left:280px; margin:0; color:#000; }
    #alavalikko a.b1 {position:absolute; top:80px; left:20px; margin:0; color:#000; }
    #alavalikko a.b2 {position:absolute; top:80px; left:150px; margin:0; color:#000; }
    #alavalikko a.b3 {position:absolute; top:80px; left:280px; margin:0; color:#000; }
    
/* END */