/*
Colors:
* Primary:		#
* Secondary:	#
* Additional:	#
*/

/* General styling { */

a { font-size: 13px; color: #206080; }
* { font-family: Verdana, Sans-serif; }
pre { white-space: normal; font-family: Times New Roman /* HUOM: pre + font */; }

/* } */
/* Main structural component wrappers { */

body, html { height: 100%; margin: 0; padding: 0; }

.img
{
opacity:0.9;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

div#container {
	position: relative;
	/*uusi*/
	background-image: url("../img/bg_top.jpg");
	margin: 0;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	padding: 0;
	float:left;
	min-width: 100%;
	
	background-color: #ddd;
}

div#footer {
	background-color: #A3C02A;/*#333;*/
	color:#f3f3f3;
	border-top: 1px solid black;
	font-size: 12px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 35px;
	margin: 0;
	padding: 0;
	clear: both;
	text-shadow: #000000 1px 2px 2px;
	font-weight: bold;
}

div#footer a {
	color:#f3f3f3;	
}

div#view {
	min-height: 350px; 
	height: auto !important;
	height: 350px;
	margin-left: 175px;
	padding-bottom: 50px;
	padding-left: 18px;
	padding-top: 25px;
        font-size: 13px;
}

div#header {
	height: 50px;
	padding: 10px;
	border-bottom: 1px solid black;
	background-color: #2870B8;
	background-image: url("../img/bg_yla_sini.jpg");
/*	background-image: url("../img/header_back.png");*/
	background-repeat:repeat-x;
}

div#navigation {
	padding-left: 10px;
/*	background-color: #333;	*/
	background-color: #A3C02A;
	padding-top: 5px;
	border-bottom: 1px solid black;
	padding-bottom: 5px;
}

.leftup{
	position:absolute;
/*	background-image: url("../img/corner_left_up.png");*/
	left:0px;
	top:98px;
	width:15px;
	height:15px;	
	z-index:10;	
}

.leftbottom{
	position:absolute;
/*	background-image: url("../img/corner_left_bottom.png");*/
	background-position:bottom left;
	left:0px;
	bottom:33px;
	width:15px;
	height:15px;
	z-index:10;	
}

.rightup{
	position:absolute;
/*	background-image: url("../img/corner_right_up.png");*/
	background-position:top right;
	right:0px;
	top:98px;
	width:15px;
	height:15px;	
	z-index:10;		
}

.rightbottom{
	position:absolute;
/*	background-image: url("../img/corner_right_bottom.png");*/
	background-position:bottom right;
	right:0px;
	bottom:33px;
	width:15px;
	height:15px;
	z-index:10;		
}

.leftmenu{
	position:absolute;
/*	background-image: url("../img/corner_left_menu.png");*/
	left:0px;
	top:68px;
	width:15px;
	height:15px;	
	z-index:10;	
}

.rightmenu{
	position:absolute;
/*	background-image: url("../img/corner_right_menu.png");*/
	background-position:top right;
	right:0px;
	top:68px;
	width:15px;
	height:15px;	
	z-index:10;	
}
/* } */
/* Sub-component wrappers { */

div#error { min-height: 350px; height: auto !important; height: 350px; padding-left: 18px; padding-top: 100px; }

div#banner { float: left; padding-top: 12px;	/* Keskitä sisältö */ }

div#sub_navigation { min-height: 100px; height: auto !important; height: 200px;display: block; width: 150px; padding-top: 15px; padding-left: 30px;padding-bottom: 5px; }
div#search { float:right;margin: 0;padding: 0;margin-right: 10px;margin-top: -2px; }
div#search #searchInput { width: 90px;font-size: 11px;margin: 0;padding: 0; }
div#search #searchButton { font-size: 11px;width: 40px;margin: 0;padding: 0; }
div#sidebar {
	position: absolute;
	top: 120px; /* HUOM: Jos bannerin/headerin/navigationin heightit muuttuu, muuta tämä sen mukaisesti. bottomille sama. */
	bottom: 55px;
	left:-7px;
	border: 1px solid #333;	
	float: left;
	width: 142px;	
	font-size: 15px; /* Vaikuttaa vain searchiin */
	padding-left: 0px;
	padding-right: 16px;
	border-radius: 10px;
	background-image: url("../img/bg_yla_sini_210.png");
	background-size: 100%;
	background-repeat:repeat-x;
	background-color: #2870B8;
}

/* } */
/* Main navigation styles { */

ul#nav_buttons { list-style: none; margin: 0; padding: 0; }
ul#nav_buttons li { display: block; padding: 0px 1px; letter-spacing: 0.1ex; font-family: Arial, sans-serif; float: left; }
ul#nav_buttons a { padding: 1px 15px 9px 15px; font-size: 11px; float: left; text-decoration: none; }
ul#nav_buttons li.selected { background-color: #ddd; background-image: url("../img/bg_top.jpg"); border-top: 1px solid black;border-right: 1px solid black;border-left: 1px solid black;}
ul#nav_buttons li.selected a { color:#000; text-shadow: none;}
ul#nav_buttons li a { color: #f3f3f3; text-shadow: #000000 1px 2px 2px;	font-weight: bold; }
/*ul#nav_buttons li a:hover { color: #333333; background-color: #888;padding: 3px 15px 9px 15px; } d9d9d9*/
ul#nav_buttons li a:hover { color: #ffffff; background-color: #3292d2;  padding: 1px 15px 10px 15px;} /*d9d9d9*/

/* } */
/* Sub-navigation styles { */

#sub_navigation a {	font-size: 11px; text-decoration: none; color: #f3f3f3;}
#sub_navigation li { margin-bottom: 15px; }
#sub_navigation a.selected { text-decoration: underline;  color: #000;}
#sub_navigation a:hover { color: #333; }
#sub_navigation ul { display: inline }

/* } */
/* Other -- */

#footer p { margin: 0px;padding: 9px; }
div#banner a { margin-left: 10px; font-size: 24px; font-family: Arial; letter-spacing: 0.15ex; color: #88A3A3; text-decoration: none; }
#errorCode, #errorMessage { text-align: center; }
#HelpTabs { margin-top: 8px; margin-bottom: 0px; }
#jsoff { font-size: 13.5px; width: 500px; }

div#update {
    text-align: center;
    background: none;
}

div#updatebg {
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow-y: hidden;
    text-align: center;
    background: #A7D9FF;
    opacity: 0.95;
    z-index: 10000;
}

div#update .katkowrapper {
    background-color: #FFF;
    border-radius: 10px;
    border: 5px #0067b2 double;
    z-index: 10002;
    width: 50%;
    position: relative;
    left: 25%;
    padding: 20px;
}

div#update.katkoaktiivinen {
    padding: 20px;
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow-y: hidden;
}

div#update.katkotulossa {
    position: absolute; left: 25%; right: 0; top: 0; width: 50%; height: 70px; overflow-y: hidden;
}

div#update h1{
    font-size: 300%;
    margin: 0;
    padding: 0;
}

div#update h2{
    font-size: 200%;
    margin: 0;
    padding: 0;
}

div#update h3{
    font-size: 150%;
    margin: 0;
    padding: 0;
}

div#update p{
    font-size: 110%;
    margin: 0;
    padding: 0;
}
/*
div#update p.kuvaus{
    width: 50%;
    position: absolute;
    left: 25%;
    text-align: center;
}*/