@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-position: outside;
	list-style-type: disc;
	margin-left:15px;
	margin-bottom:10px;
}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
html, body {
    height: 100%;
}
body {
	background-image:url(../kuvat/bg.gif);
	background-repeat:repeat-x;
	font-family:Tahoma, Verdana, Arial;
	font-size:0.9em;
}
/*tekstityypit*/
a {text-decoration:none;color:#004a80;font-weight:bold;}
a:hover {text-decoration:underline;}
p {margin-bottom:10px;}

h1, h1 a {color:#004a80;font-size:22px;font-weight:bold;font-family:Geneva, Arial, Helvetica, sans-serif;margin-bottom:15px;}
h2, h2 a {color:#0072bc;font-size:16px;font-weight:bold;margin-bottom:10px;}
h3, h3 a {color:#0072bc;font-weight:bold;margin-bottom:10px;}
strong {font-weight:bold;}
em {font-style:italic;}
.laatikko h1, .laatikko h1 a {font-size:1.1em;font-weight:normal;}

/*layout*/
#main {
	width:825px;
	margin:0 auto -30px auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#topmenu {height:38px;margin-left:255px;}
#logo {height:73px;width:255px;}
#sisaltoalue {
}
#normal {padding-bottom:30px;}
#bottom, .push {
	height:30px;
	text-align:center;
}


/*hakemistot*/


/*suckerfish*/
/* 1. Level */
#nav, #nav UL { padding:0; margin:0; list-style:none;font-size:14px;color:#FFFFFF;list-style:none;}
#nav LI {width:121px;height:27px;padding-top:5px;margin-top:6px;float:left;margin-right:6px;background-image:url(../kuvat/menu-sin.gif);text-align:center;}
#nav LI.last { background-image:0;}
#nav LI A { display:block;color:#FFFFFF;font-weight:normal;}
#nav LI:hover , #nav LI.sfhover {}
#nav LI a:hover {text-decoration:underline;}
#nav LI.act {background-image:url(../kuvat/menu-valk.gif);}
#nav LI.act A {color:#00b4f0;font-weight:bold;}

/* 2. Level */
#nav LI UL { position:absolute; width:20em; left:-999em; margin:7px 0 0 -21px;list-style:none;}
HTML>BODY #nav LI UL { margin-left:0px;margin-top:9px;list-style:none;}
#nav LI UL LI { width:20em; background:#FFF; border:1px solid #E0E1DB; border-width:0 1px 1px 1px; padding:0 0 0 7px;text-align:left;font-size:0.8em;margin:0;}
#nav LI:hover UL LI A, #nav LI.sfhover UL LI A { text-transform:none; letter-spacing:normal; font-weight:normal; color:#1b5e96; padding:4px 2px 4px 2px;}
#nav LI UL LI:hover, #nav LI UL LI.sfhover  { background:#f1f3f2 url('bg_nav_arrt.gif') no-repeat right 8px; border-bottom-color:#E0E1DB;}
#nav LI UL LI.act2 { background-color:#0072bc;}
#nav LI UL LI.act2 a {color:#FFFFFF;}

#nav LI:hover UL, #nav LI.sfhover UL { left:auto;list-style:none;}



/*pyöreälaatikko*/
.laatikko {
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  background-color: #ffffff;
  border: 1px solid #00b4f0;
  padding: 10px 5px 0px 10px;
  margin:0;
  display:block;
}
.laatikkosis {
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  background-color: #ffffff;
  border: 1px solid #00b4f0;
  padding: 10px 5px 10px 10px;
  margin:0;
  display:block;
}
.laatikkofix {
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  background-color: #ffffff;
  border: 1px solid #00b4f0;
  padding: 10px 5px 10px 10px;
  height:125px;
  margin:0;
  display:block;
}


/* 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-size:80%;
	font-weight:normal;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: normal;
	color: black;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 300px;
	float: left;
	clear: both;
}
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 */
	width: 460px;
}
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;
	font-weight: bold;
}
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;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_18 {
	background-color: #eee;
}
	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}
	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}
/* POWERMAIL */