/* --- yleiset --- */
body {
  margin:0;
  padding:0;
  border:0; /* This removes the border around the viewport in old versions of IE */
  width:100%;
  min-width:600px;
  font-size:12pt;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  background-color: #666666;
}
img, a img { border:none; }
p, ul, ol {
  margin:1em;
  color: #000;
}
a {
  color:#cc6600;
  text-decoration:none;
}
a:hover, a:active {
  color:#ff9c3d;
}
table { font-size:1em; }

h1, h2, h3 {
  margin:.8em 0 .2em 0;
  padding:0;
  text-align:left;
}
h1 { font-size:150%; }
h2 { font-size:130%; }
h3 { font-size:110%; }
.btn {
  border:1px solid #cccccc;
  padding:0.3em;
  display:block;
}
.btn:hover {
  border-style:outset;
}
.btn:active {
  border-style:inset;
}
.col3 a {
  margin:10px;
  display:block;
}
.col2 p, .col3 p {
  margin:10pt;
  padding:0;
  font-weight:bold;
}
/* --- asettelut --- */
#header, #footer {
  margin:0;
  padding:0;
  width:100%;
  clear:both;
  float:left;
  background-color:#ffcc00;
}
#logo{
  margin:1em 2em;
  padding: 1em 0;
  background-image: url(logica_logo.gif);
  background-repeat: no-repeat;
  background-position: right center;
}
#header img {
  margin:0;
  padding:0;
}
/* column container */
.colmask {
  position:relative;	/* This fixes the IE7 overflow hidden bug */
  clear:both;
  float:left;
  width:100%;		/* width of whole page */
  overflow:hidden;	/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
  float:left;
  width:100%;			/* width of page */
  position:relative;
}
.col1,
.col2,
.col3 {
  float:left;
  position:relative;
  padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead 
                        only padding top and bottom is included here, make it whatever value you need */
  overflow:hidden;
}
/* 3 Column settings */
.threecol {
  background:#fff; /* right column background colour */
}
.threecol .colmid {
  right:25%;	/* 25 width of the right column */
  background:#fff; /* center column background colour */
}
.threecol .colleft {
  right:50%;	/* 50 width of the middle column */
  background:#cccccc; /* left column background colour */
}
.threecol .col1 {
  width:46%;	/* 46 width of center column content (column width minus padding on either side) */
  left:102%;	/* 100% plus left padding of center column */
}
.threecol .col2 {
  width:21%;	/* 21 Width of left column content (column width minus padding on either side) */
  left:31%;	/* 31 width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
  width:21%;	/* 21 Width of right column content (column width minus padding on either side) */
  left:85%;	/* 85 Please make note of the brackets here:
                (100% - left column width) plus 
                (center column left and right padding) plus 
                (left column left and right padding) plus 
 		(right column left padding) */
}
/* Footer styles */
#footer {
  border-top:1px solid black;
  text-align:right;
}