/*defaults*/
body 	{background:#ffffff url('../images/body_bg.jpg') repeat-x 0 0; color:#515055; margin:10px 0; padding:0; font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; font-size:90%; }
p		{margin:0; padding:0 0 15px 0; }
a		{color:#000000; text-decoration:underline; }
a:hover	{color:#225799; text-decoration:none;}


/*structural elements*/
#container	{margin:0px auto; text-align:center; width:760px;  }
#holder		{width:100%; padding:15px 15px 5px 15px;  background:#ffffff url('../images/content_bg.jpg') repeat-x 0 bottom; text-align:left; }
#logo		{border-bottom:1px solid #DADADA; padding:5px 30px 10px 0px; }
#valikko	{padding:10px 0; }
#header		{background:#D1E6EF url('../images/header_home.jpg') no-repeat 7px 7px; padding:0px; height:214px; }
#content	{float:left; width:490px; padding:20px 10px 0 0; line-height:160%; }
#news		{float:right; width:250px; padding:20px 0; line-height:140%; text-align:left; background:transparent;}
.newsItem	{padding:20px 20px 5px 20px; background:#D1E6EF; border:1px solid #5DC6F3; font-size:90%; margin-bottom:20px; }
#footer		{clear:both; width:100%; font-size:80%; background:#DADADA; padding:15px; text-align:left;  }
#copyright	{float:right; }


/*headings*/
.newsItem h1	{color:#225799; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; }
#content h1		{font-size:170%; font-weight:normal; line-height:130%; margin:0; padding:0 0 20px 0; }
#logo h1		{font-weight:normal; font-size:170%; margin:0; padding:0; color:#225799; }


/*valikko*/
#valikko ul 		{margin:2px; padding:0; }
#valikko li 		{margin:0; padding:0; list-style:none; display:inline; }
#valikko a		{color:#225799; margin:-2px; padding:2px 20px 2px 20px; text-decoration:none; border-left:1px #DADADA dotted; }
#valikko a:hover	{color:#000000; background:#D1E6EF;}
#vika {border-right:1px #DADADA dotted;}

#footer ul 		{margin:0; padding:0; }
#footer li 		{margin:0; padding:0; list-style:none; display:inline; }
#footer a		{color:#000000; font-weight:bold; padding:0 5px 0 0px; text-decoration:underline; }
#footer a:hover	{color:#000000; text-decoration:none; }



form label { 
display:block;/* block float the labels to left column, set a width */
float: left; 
width: 125px; 
padding: 0; 
margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: right; 
}



form input, form textarea {
/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                         label aligns textarea better in IE */

}
/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }



/* Text fields */

input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

/* Textareas */

textarea            { width: 300px; height: 120px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }


/* Select fields */

select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }

select:focus        { border:1px solid #999; background:#fff; }


.kysy br {
clear:both;
}



/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */