/* Tyylit */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	background-color:#eff0f0;
}

td,p,div,span,a,li {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	font-family: arial;
	color: #ef7301;
	text-decoration: none;
}



/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	font-family: arial !important;
	color: #ef7301 !important;
	text-decoration: none !important;
}



a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}

td {
	font-size: 12px;

}
.login {
	font-size: 12px;

}

input, select, textarea {
	font-size: 10px;
}
.text{
	width:100%;
}

h1 {
	font-size: 15px;
	font-weight:bold;
	color: #000000;
}

h2 {
	font-size: 14px;
	color: #000000;
}

h3 {
	font-size: 12px;
	color: #000000;
}

h4 {
	color: #458AD7;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}

img {
	border:0px;
}

/* RAKENNE */
#wrapper {
	background-color: #eeefef;
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#frame {
	background: #0097b8 url(../img/bg_side_alasivu.png) no-repeat bottom left;
	min-height: 770px;
	width: 879px;
	text-align:left;

}


#header {
	position:relative;
	background: url(../img/maintop_transparent_wide.png) no-repeat top center;
	height: 259px;
	z-index:10;
}
#bg-image {
	position:absolute;
	height: 261px;
	width: 879px;
	z-index:1;
	text-align:right;
}
#logo {
	position:absolute;
	margin: 15px 0px 0px 23px;
}
#flags {
	position:absolute;
	margin: 236px 0px 0px 810px;
}


#left-column {
	width: 185px;
	float:left;
	position: relative;
}

#main-column {
	width: 694px;
	float:left;
	background: #ffffff;
	height: auto !important;
	min-height: 512px;
	height: 512px;
}

.main-container {
	width:461px;
	float:left;
}

#main-container-wide {
	margin: 20px 15px 20px 10px;
}

.right-column {
	width: 233px;
	float:left;
}
.right-column .padding {
	margin: 3px;
}

.padding {

	margin: 10px 10px 10px 8px;

}

.padding-left {

	padding: 20px 0px 20px 7px;
}

.left_bottom_frontpage
{
	background: url(../img/bg_left.png);
	position: absolute;
	width: 185px;
	height: 558px;

}



.grey-bg {
	background-color: #e0e1e0;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
.dunnowhatcolor-bg {
	background-color: #dbcec8;
	min-height: 323px;
	height: auto !important;
	height: 320px;
}

.frontpage-banner-container {
	position:relative;
	margin-bottom: 1px;
}


#footer {
	width: 891px;
	margin-top: 3px;
	padding-bottom: 20px;
	clear:both;
	text-align:right;
}
#footer, #footer div, #footer p, #footer span, #footer a {
	font-size:11px;
}
#footer a, #footer a:link, #footer a:visited {
	color: #000;
	text-decoration:underline;
}


/* MENU */

#menu {
	margin: 0px 0px 20px 0px;
	width:185px;
	background: #007ca3;

}


#menu ul {
	list-style-type:none;
	margin:0px;
	padding:30px 0px 0px 0px;
}
#menu li.main {
	list-style-type:none;
	padding: 0px;

}
a.menu-main-a, a.menu-main-a:link, a.menu-main-a:active, a.menu-main-a:visited {
	color: #fff;
	font-size: 12px;
	text-transform:uppercase;
	display:block;
	background: url(../img/menu_a.png);
	padding: 5px 0px 5px 10px;


}
a.menu-main, a.menu-main:link, a.menu-main:active, a.menu-main:visited {
	color: #fff;
	font-size: 12px;
	text-transform:uppercase;
	display:block;
	background: url(../img/menu_ua.png);
	padding: 5px 0px 5px 10px;

}

li.menu-level2 {
	min-height:18px;
	background-color: #61b1cd;
}

a.menu-level2-a, a.menu-level2-a :link, a.menu-level2-a:visited, a.menu-level2-a:active {
	color: #fff;
	font-size: 11px;
	font-weight:bold;
	display:block;

}
a.menu-level2, a.menu-level2:link, a.menu-level2:visited, a.menu-level2:active {
	color: #fff;
	font-size: 11px;
	display:block;

}

li.menu-level3 {
	min-height:18px;
	background-color: #61b1cd;
}
a.menu-level3-a, a.menu-level3-a :link, a.menu-level3-a:visited, a.menu-level3-a:active {
	color: #fff;
	font-size: 11px;
	font-weight:bold;
	display:block;
}
a.menu-level3, a.menu-level3:link, a.menu-level3:visited, a.menu-level3:active  {
	color: #fff;
	font-size: 11px;
	display:block;
}

#menu li img {
	margin-right: 5px;
}

/* Kuvagallerian pikkukuvien lapinakyvyys */
.opacityContainer{
}
.opacityContainer a img {
	filter:alpha(opacity=35);
	-moz-opacity: 0.35;
	opacity: 0.35;
	
}

.opacityContainer a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	
}

.opacityContainer a:active img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	
}

.opacityContainer2 a img {
	filter:alpha(opacity=35);
	-moz-opacity: 0.35;
	opacity: 0.35;
	border: 2px solid #ffffff;
}

/*.opacityContainer2 a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	border: 2px solid #ffffff;
}
*/
.redBorder img{
border: 2px solid #ff0000;
}

.whiteBorder img{
border: 2px solid #ffffff;
}

.pikkukuva{
padding: 5 5 5 5;
}

.add-border
{
border-bottom: 1px solid #61b1cd;
}