@charset "utf-8";
/* CSS Document */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
html, body {
    height: 101%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:140%;
}
.bg {
	background-image: url(../kuvat/bg.jpg);
	background-repeat: repeat-x;
}
/*tekstityylit*/
a {text-decoration:none;color:#00164a;font-weight:bold;}
a:hover {text-decoration:underline;}
p {
	margin-bottom:10px;
}
h1, h1 a {font-size:26px;color:#00164a;margin-bottom:15px;line-height:normal;}
h2, h2 a {font-size:18px;margin-bottom:10px;}
h3, h3 a, .ingress {font-size:14px;margin-bottom:5px;font-weight:bold;}
h5, h5a {font-size:10px;line-height:100%;}
strong {font-weight:bold;}
em {
	font-style: italic;
}

/*layout*/
#main {
	background-image: url(../kuvat/mainbg.jpg);
	background-repeat: no-repeat;
	margin:0px auto;
	width:985px;
}
#sivupohja {
	padding-left:77px;
	padding-top:57px;
}
#top {
	margin-left:167px;
	margin-right:10px;
	margin-bottom:0px;
	background-color:#FFFFFF;
	height:92px;
}
#sisaltoalue {
	background-color:#FFFFFF;
	width:898px;
	margin-top:0px;
	clear:both;
	padding:0;
	display:inline-block;
}
#vasen {
	width:160px;
	float:left;
	padding-left:7px;
}
#sisalto {
	margin:10px 20px 20px 230px;
	padding:0 0 20px 0;
}
#colBorder {
	float:right;
	display:inline;
	display:block;
	margin:10px 10px 0 0;
}
#bottom {
	bottom: 0px;
	background-position: bottom;
	position: relative;
	display:block;
	height:30px;padding-bottom:20px;
	text-align:center;
}


/*menu*/
#leftmenu {margin-top:10px;}
#leftmenu ul {padding-left:10px;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
#leftmenu ul li {
	padding:10px 1px 0 7px;
	text-align:right;
	border-bottom:solid #ccc 1px;
}
#leftmenu ul li a {font-weight:normal;}

#leftmenu .rgm1, #leftmenu .rgm2, #leftmenu .rgm3, #leftmenu .rgm4, #leftmenu .rgm5 {text-align:center;color:#ffffff;padding:5px;}

#topmenu ul {padding-left:10px;font-size:12px;font-family:Arial, Helvetica, sans-serif;float:left;}
#topmenu ul li {
	width:85px;
	height:70px;
	float:left;
	margin:10px 0px 0px 0px;
	background-color:#CCCCCC;
	padding:10px 1px 0 7px;
}
#topmenu ul li a {color:#FFFFFF;}
#topmenu ul li .act a {font-weight:bold;}
#topmenu li.vali {
	width:15px;
	text-align:center;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
}
.menu-oranssi, .rgm2 {
	background-image: url(../kuvat/menu-oranssi.gif);
	background-repeat:repeat-x;
}
.menu-lila, .rgm1 {
	background-image: url(../kuvat/menu-lila.gif);
	background-repeat:repeat-x;
}
.menu-punainen, .rgm3 {
	background-image: url(../kuvat/menu-punainen.gif);
	background-repeat:repeat-x;
}
.menu-sininen, .rgm4 {
	background-image: url(../kuvat/menu-sininen.gif);
	background-repeat:repeat-x;
}
.menu-vihrea, .rgm5 {
	background-image: url(../kuvat/menu-vihrea.gif);
	background-repeat:repeat-x;
}
.act, #leftmenu ul li.act a {
	font-weight:bold;
}
/* POWERMAIL */
span.powermail_mandatory {
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
div.powermail_mandatory_js {
	color: red;
	margin: 3px 0 15px 200px;
}
fieldset.tx-powermail-pi1_fieldset {
	border: 1px solid #aaa;
	background-color: #fff;
	padding: 10px;
	font-weight:normal;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: normal;
	color: black;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 200px;
	clear: both;
}
fieldset.tx-powermail-pi1_fieldset label.check {
	/* katjan lisäämä */
	margin-left:10px;
	display:inline;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 20px 0 10px 200px;
	font-weight: bold;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
}
div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a {
	/* Description */
	cursor: help;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn {
	/* Description */
	display: none;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}
div.powermail_check_inner {
	display:block;
	height:20px;
}
fieldset.tx-powermail-pi1_fieldset div.even {
	/*background-color: #eee;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:5px;*/
}
	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}
	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}
/* POWERMAIL */

/*css styled content vian korjaus*/
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {text-align:center;float:none;}
div.co-n1 DIV.csc-textpic-center DIV.csc-textpic-imagewrap dl.csc-textpic-image { text-align: center; float:none;/* Remove IE-hack */ }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: center;float:none; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; float:none;}

/*pyöreät laatikot*/
.vihrea a, .lila a, .punainen a, .sininen a, .oranssi a, .harmaa a {color:#fff;}
.vihrea {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color: #85b342;
  padding: 10px 10px 5px 10px;
  margin:0;
  display:block;
  color:#ffffff;
}
.lila {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color: #914fc8;
  padding: 10px 10px 5px 10px;
  margin:0;
  display:block;
  color:#ffffff;
}
.punainen {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color: #cc297b;
  padding: 10px 10px 5px 10px;
  margin:0;
  display:block;
  color:#ffffff;
}
.sininen {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color: #57b6dd;
  padding: 10px 10px 5px 10px;
  margin:0;
  display:block;
  color:#ffffff;
}
.oranssi {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color: #f6921e;
  padding: 10px 10px 5px 10px;
  margin:0;
  display:block;
  color:#ffffff;
}
.harmaa {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #CCCCCC;
	padding: 10px 10px 5px 10px;
	margin:0;
	display:block;
	color:#ffffff;
}