@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: 100%;
}
blockquote,.indent {padding-left: 20px;}
body {
	background-color: #FFFFFF;
	margin:0;
	padding:0;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height:100%;
}
/*yleiset tekstityypit*/
p,li{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:90%;}
ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-left:15px;	
}
H1, H1 a {font-weight:bold;font-size:20px;color:#7bc142;}
H2, H2 a {font-weight:bold;font-size:15px;}
H3, H3 a, .uutisotsikko {color:#355caa;font-size:11px;}
a {
	color:#355caa;
	font-weight:bold;
	text-decoration:none;
}
a:hover {text-decoration:underline;}
.vihrea {color:#7bc143;}
.sininen {color:#0072a2;}
.punainen {color:#ee174f;}
.oranssi {color:#fcb034;}
.lila {color:#a54499;}
strong {font-weight:bold;}
/*layout*/
#a {
	width:100%;
	background-image: url(../kuvat/bg-top-vas.jpg);
	background-repeat: repeat-x;
	position: relative;
	min-height: 100%;
	height:100%;
}
#logout {font-size:10px;}
#container {width:90%;margin:0 0 0 auto;padding-bottom:40px;display:block;}
#top {
	height:115px;
	width:100%;
	background-image: url(../kuvat/logo.jpg);
	background-repeat: no-repeat;
	display:inline-block;
}
#top-logo{
	float:left;
	width:24%;
	display:inline-block;
}
#top-muu {float:right;text-align:right;width:65%;margin-right:5%;display:inline-block;}
#topmenu-alue {
	height:55px;
	text-align:left;
	background-image: url(../kuvat/topmenuoikbg.jpg);
	background-repeat: repeat-x;
}
#topmenu-vas {
	background-image:url(../kuvat/topmenuvasbg.jpg);
	width:20%;
	height:55px;
	float:left;
	background-repeat: repeat-x;
	display:inline;
}
#topmenu-container {
	float:left;
	height:55px;
	width:800px;
	min-width:800px;
	display:inline;
	margin-left:30px;
}
.vasmarg {width:20%;}
.oikmarg {width:20%;}
#contcontainer {margin-top:20px;}
#content {
	min-width:230px;
	width:70%;
	float:left;
}
#left {
	width:230px;
	max-width:30%;
	float:left;
	height:auto;
	padding-bottom:200px;
}
#colNormal {clear:both;width:60%;float:left;margin-left:50px;padding:0 10px 110px 0;}
#colRight {
	width:230px;
	max-width:30%;
	float:right;
	padding-bottom:110px;
}
#bottom {
	padding-top:17px;
	height: 40px;
	background-image: url(../kuvat/bg-bottom.jpg);
	background-repeat: repeat-x;
	text-align: center;
	clear: both;
	width: 100%;
	left: 0px;
	text-align:center;
	margin: auto 0px 0px 0px;
	bottom: 0px;
	background-position: bottom;
	position: fixed;
	color:#355caa;
	}
#bottom p, #bottom p a {
	font-size:11px;
	text-decoration:none;
}
/*hakemistot*/
#menu-top {
	list-style:none;
	margin:0;
	margin-left:30px;
	padding:0;
	height:25px;
	width:100%;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
#menu-top li {
	list-style:none;
	display:inline;
	height:25px;
	display:block;
	float:left;
	text-align:center;
	margin-left:-26px;
}
#menu-top li img {float:left;display:inline;}
.menutop-on {
	background-image: url(../kuvat/menu-top-on.gif);
	background-repeat: repeat;
	float:left;
	height:21px;
	padding:4px 4px 0 4px;
}
.menutop-on a {color:#ffffff;font-weight:normal;}
.menutop-off a {font-weight:normal;}
#menu-top a:hover {
	text-decoration:underline;
}
.menutop-off {
	background-image: url(../kuvat/menu-top-off.gif);
	background-repeat: repeat;
	float:left;
	height:21px;
	padding:4px 4px 0 4px;
}
.topfoldout {
	min-width:145px;
	font-size:12px;
	list-style:none;
	padding:0px;
	background-color:#ffffff;
	border:solid #355caa 1px;
	display:block;
}
.topfoldout a {font-weight:normal;}
.topfoldout-sub-row {
	padding:5px;
	border-bottom:solid #cecece 1px;
}
.topfoldout-sub-rowAlt {
	padding:5px;
	background-color:#EFEFEF;
}
.topfoldout-sub-row-sub {
	padding:5px;
	border-bottom:solid #cecece 1px;
	background-image:url(../kuvat/nuoli.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.topfoldout-sub-rowAlt-sub {
	padding:5px;
	background-color:#EFEFEF;
	background-image:url(../kuvat/nuoli.gif);
	background-position:right;
	background-repeat:no-repeat;
}

.topfoldout-on {
	padding:5px;
	background-image: none;
	background-color:#0072A4;
}
.topfoldout-on-sub {
	padding:5px;
	background-image: none;
	background-color:#0072A4;
	background-image:url(../kuvat/nuoli-on.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.topfoldout-on a, .topfoldout-on-sub a {color:#FFFFFF;font-size:12px;font-weight:normal;}
#leftmenu-otsikko {
	background-image: url(../kuvat/leftmenuotsikkobg.gif);
	background-repeat:no-repeat;
	width:253px;
	height:30px;
	padding:10px 0 0 10px;
	margin:0px;
	font-size:14px;
	color:#FFFFFF;
}
#leftmenu {
	background-color:#FFFFFF;
	width:233px;
	border-left:solid #EFEFEF 1px;
	border-right:solid #EFEFEF 1px;
	font-size:12px;
	padding:0px;
	margin-top:-9px;
	list-style:none;
}
#leftmenu li {
	padding:10px 0px 10px 0px;
	margin:5px 20px 0 20px;
	border-bottom:solid #cecece 1px;
	list-style:none;
}
#leftmenu li a {font-weight:normal;}
#leftmenu .act a {font-weight:bold;}
#leftmenu .second .act a {font-weight:bold;}
#leftmenu .cur a {font-weight:bold;}
#leftmenu ul ul {padding-left:10px;}
#leftmenu .second li a {font-weight:normal;}
#leftmenu li .cur a {font-weight:bold;}
#leftmenu .second .cur a {font-weight:bold;}
#leftmenu .second .third li a {font-weight:normal;}
#leftmenu .second .third .cur a {font-weight:bold;}

#pikalinkit {
	padding:17px 0 20px 0;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
#pikalinkit a {
	color:#000000;
	font-weight:normal;
	text-transform: uppercase;
}
#pikalinkit UL {list-style:none;margin:0;padding:0;font-size:11px;color:#000000;width:auto;float:right;}
#pikalinkit UL LI { float: left; padding:0 10px 0 10px; width:auto;display: block;text-align:left;border-right:solid #999 1px;}
#pikalinkit .act a {font-weight:bold;color:#000}

#rootmenu {
	padding-top:5px;
	font-size:9px;
	color:#666666;
}
.nuoli {width:10px;float:right;display:inline;}
#haku {clear:both;padding:0px 0 0px 0;}
.haku {
	width:45px;
	height:24px;
	background-image:url(../kuvat/hakubg.gif);
	background-repeat:no-repeat;
	border:none;
	color:#355caa;
	font-size:11px;
	font-weight:normal;
	background-position: left bottom;
	float:right;
}
.hakuinput {border:solid #d2e6f6 1px;height:22px;width:100px;margin-top:0px;padding-top:0px;font-size:11px;float:right;}

.vihreapalkki {
	background-image: url(../kuvat/vihreapalkki.gif);
	background-repeat:no-repeat;
	width:225px;
	padding:10px 0 0 10px;
	margin:0px;
	border-left:solid #EFEFEF 1px;
	border-right:solid #EFEFEF 1px;
}
.vihreapalkki H1 {
	font-size:14px;
	color:#FFFFFF;
	}
.vihreapalkki H3 {
	margin-top:25px;
	}
.vihreapalkki p {
	width:233px;
	font-size:12px;
	padding-top:20px;
}
.kehysteksti {
	background-color:#FFFFFF;
	width:233px;
	border-left:solid #EFEFEF 1px;
	border-right:solid #EFEFEF 1px;
	font-size:12px;
	padding:0px;
	margin-top:-5px;
}
.or {background-image:url(../kuvat/or-bg.gif);background-repeat:repeat;width:215px;padding:10px;}
.or a {color:#7bc143;}
.or p, .or .tx-felogin-pi1 {font-size:11px;}
.or h3 {
	margin-bottom:10px;
	font-size:14px;
	color:#000000;
	text-transform: uppercase;
}
.tx-felogin-pi1 input {margin-bottom:5px;width:100px;}
.tx-felogin-pi1 #user, .tx-felogin-pi1 #pw {font-size:10px;}
.tx-felogin-pi1, .tx-felogin-pi1 a, .or .bodytext, .or h3 {color:#355caa;}

/* 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: 200px;
	float: left;
	clear: both;
}
fieldset.tx-powermail-pi1_fieldset ,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
 {
	/* Input and textarea */
	width: 460px;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
	clear:both;
}
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;
	display:inline-block;
	width:100%;
	clear:both;
	margin-top:10px;
}


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}
/* POWERMAIL loppu*/
.strong {font-weight:bold;}
.align-center {text-align:center;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}