@charset "iso-8859-1";
/*******************************************************************************
* Rules for basic layout mechanics
* 2011 (c) Innotaito
*******************************************************************************/

body {
    margin:0;
    padding:0;
    width:100%;
    text-align:center;
    background: #4F6270;
    font: normal 76% Verdana, Arial, Helvetica, sans-serif;   
}
#wrapper {
    margin: 0 auto 10px;
    width: 940px; /*  you can use px, em or % */
    /*
    min-width:760px;
    max-width:998px;
    */
    text-align:left;
    background:#ecf2fe url(wrapperbg_blue.gif);
    padding: 0 10px;
    /* border: 3px solid #fdf; */

    -moz-border-radius: 0 0 0.75em 0.75em;
    -webkit-border-radius: 0 0 0.75em 0.75em;
    border-radius: 0 0 0.75em 0.75em;
    
    -webkit-box-shadow: 1px 1px 3px #333;
    -moz-box-shadow: 1px 1px 3px #333;    
    box-shadow: #333 1px 1px 3px;
}
/* clearfix */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

#header {
    padding: 10px 4px;
}

#main {
	margin: 10px 10px;
    padding: 10px 20px;
}
.osasto {
	padding: 10px 0px;
}

#footer {
    padding: 10px 4px  2px;
}
#submenu {
    font-weight: bold;
    position: relative;
    right: 10px;
    float: right;
}
#submenu a:link, #submenu a:visited {
    color: #333;
    text-decoration: none;
    border: 0;
}  
#submenu a:hover {
    text-decoration: underline;
}

div#onecolumn {
    margin: 20px 20px 0; 
    background: #fff; 
    padding: 20px;
    border: 1px inset #cccccc; 
}

table.two2one, table.threeones {
    margin: 0;
    -webkit-box-shadow: 1px 1px 3px #333;
    -moz-box-shadow: 1px 1px 3px #333;    
    box-shadow: #333 1px 1px 3px;
}
table.two2one td, table.threeones td {
    padding: 20px;
}    
table.threeones td {
    width: 33.33%;
}

.twocolumns .container2 {
    clear: left; float: left; width: 100%; overflow: hidden;
    background:  #c3c3c3; /* column 2 default background colour */
}
.twocolumns .container1 {
    float: left; width: 100%; position: relative; right: 50%;
    background:  #e1e1e1; /* column 1 default background colour */
}
.twocolumns .col1 {
    float: left; width: 46%; position: relative; left: 52%; overflow: hidden;
}
.twocolumns .col2 {
    float: left; width: 46%; position: relative; left: 56%; overflow: hidden;
}

.twothirds {
    position: relative;
   /*border-top: 1px solid #ccc;*/
}
.twothirds .container2 {
    clear: left; float: left; width: 100%; overflow: hidden;
    background:  #c3c3c3; /* column 2 default background colour */
}
.twothirds .container1 {
    float: left; width: 100%; position: relative; right: 33.33%;
    background:  #e1e1e1; /* column 1 default background colour */
}
.twothirds .col1 {
    float: left; width: 62.66%; position: relative; left: 35.33%; overflow: hidden;
    padding: 10px 0;
}
.twothirds .col2 {
    float: left; width: 29.33%; position: relative; left: 39.33%; overflow: hidden;
    padding: 10px 0;
}
.threecolumns {
    position: relative;
}
.threecolumns .container3 {
    clear: left; float: left; width: 100%; overflow: hidden;
    background:  #a5a5a5; /* column 3 default background colour */
}
.threecolumns .container2 {
    clear: left; float: left; width: 100%; position: relative; right: 33.33%;;
    background:  #c3c3c3; /* column 2 default background colour */
}
.threecolumns .container1 {
    float: left; width: 100%; position: relative; right: 33.33%;
    background:  #e1e1e1; /* column 1 default background colour */
}
.threecolumns .col1 {
    float: left; width: 29.33%; position: relative; left: 68.67%; overflow: hidden;
    padding: 10px 0;
}
.threecolumns .col2 {
    float: left; width: 29.33%; position: relative; left: 72.67%; overflow: hidden;
    padding: 10px 0;
}
.threecolumns .col3 {
    float: left; width: 29.33%; position: relative; left: 76.67%; overflow: hidden;
    padding: 10px 0;
}