@charset "UTF-8";

* { margin:0; padding:0;}
 
body { font-family: candara, "trebuchet ms",  verdana, arial,  helvetica, sans serif; padding: 16px 0 4px 32px; background-image: url(../img/bg.jpg); background-repeat: repeat-x; }

h1 { font-size: 1em; text-transform:uppercase; height: 54px; padding-left: 1px; }
h2 { font-size: 1.1em; padding: 0 0 1px 0;  height: 1.1em;text-transform:uppercase; font-weight: normal;   margin-bottom: 0.5em; width: 800px;}
h3 { font-size: 0.75em; text-transform:uppercase; padding-bottom: 0.2em;}
p {font-size: 0.75em; padding-bottom: 0.2em;}
a { text-decoration: none; color: #CC6699;}
a:active {color: #FF3399;}

img {border: none;}
#menu { height: 38px; width: 800px;  background-image:url(../img/.jpg); background-repeat: no-repeat; background-position: left top;
}
#menu a {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	color: #000000;
	font-size: 0.8em;
	padding-left: 10px;
}
#menu a:hover {color: #CC6699;}
#menu a:active {color: #FF3399;}

h2, #wide, #widenews, #wider, #content {padding-left: 10px;}
#wide {width: 1300px; }
#widenews {width: 1300px; }
#wider {width: 12000px; }
.laatikko { float: left; padding: 0px 0 0 0;}
.menupic { border-right: 1px solid #ccc; height: 220px; border-bottom: 1px solid #ccc;}
.pic { margin-right: 80px; }
p.img {margin: 0 0 4px 0;}
h3.text { }
p.text { }
.text {padding: 0 8px;}

.news {width: 200px; height: 240px;}

.cvlinkit {font-size: 0.7em; margin: 0.6em 0; ; color: #FFFFFF; width: 118px; padding: 1px 4px 1px 4px; margin-bottom: 1em;}

.cvlinkit a {color: #FFFFFF; background-color:#CC6699; padding: 0 2px; margin-right: 3px;}
.cvlinkit a:hover {background-color: #FF3399}

td { text-align: left; vertical-align: top; padding-bottom: 1.4em; font-size: 0.8em;}
table { margin-top: 8px;}

p.etusivu { color:#666; width: 650px; margin: 8px 0 0 0; border-top: 1px solid #ccc; padding: 4px 0 0 0;  }


.emali { vertical-align: middle;}