/* ------------------------------------------------------------

    Yritys:   Koodiavain
    Päivitetty:   17.7.2008

------------------------------------------------------------ */

/* -----------------------------------

YLEISET MUOTOILUT 

-------------------------------------- */

* {
padding:0;
margin:0;
}

div {
margin:0px;
padding:0px;
text-align: left;
}

p {
padding-bottom:15px;
}

ul {
padding-bottom:15px;
}

li {
margin-left:15px;
}

a {
text-decoration:none;
color:#4083ad;
}

a:hover {
text-decoration:underline;
}

.strong {
font-weight:bolder;
}
.left {
float:left;
}

.right {
float:right;
}

.image_border{
margin:1px;
border:1px solid #999;
}

.image_border_align_left{
padding:1px;
border:1px solid #999;
float:left;
margin-right:10px;
}
.clear {
clear:both;
}

.center {
text-align:center;
}

.underline {
text-decoration:underline;
}

#login_failed {
color:#CC0000;
font-size:11px;
margin-left:5px;
}
select {
font-size:80%;
}

.error {
color:#FF0000;
}

img {border:0;}

li.list {
background-image:url(../images/list_icon.gif);
background-position:0px 6px;
background-repeat:no-repeat;
list-style-type:none;
margin:0;
padding-left:15px;
}

li a {
font-weight:bolder;
}

a.readmmore_small {
background-image:url(../images/list_icon.gif);
background-position:48px 5px;
background-repeat:no-repeat;
list-style-type:none;
margin:0;
text-align:right;
padding-right:15px;
}

/* -----------------------------------

RAKENTEEN MUOTOILUT

-------------------------------------- */
html {
height:100%;
}

body {
margin: 0;
height:100%;
padding: 0;
background-color: #fff; 
color: #444e59;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
text-align: left; 
background-image:url(../images/bg_sky.jpg);
background-repeat:no-repeat;
background-position:top left;
text-align:center;

}

#wrapper {
width:998px;
margin:auto;
text-align:center;
height:100%;
}

#bg {
background-image:url(../images/bg_ground.jpg);
background-position:bottom left;
background-repeat:repeat-x;
float:left;
display:block;
width:100%;
min-height:100%;
position:relative;
}




/* -----------------------------------

TEKSTIEN MUOTOILUT

-------------------------------------- */

h1 {
font-weight:normal;
margin-bottom:10px;
font-size:1.5em;
color:#f09f20;
}


h2 {
color:#4083ad;
margin-bottom:10px;
font-size:1.4em;
font-weight:normal;
}

h3 {
color:#4083ad;
font-weight:normal;
margin-bottom:10px;
font-size: 1.3em;
}

h4 {
color:#4083ad;
font-weight:normal;
margin-bottom:10px;
font-size: 1.2em;
}

h5 {
color:#4083ad;
font-weight:normal;
margin-bottom:10px;
font-size: 1.1em;
}

h6 {
color:#4083ad;
font-weight:normal;
margin-bottom:10px;
font-size: 1.0em;
}


/* -----------------------------------

HEADER

-------------------------------------- */

#header  {
height:86px;
float:left;
width:998px;
}

#header a {color:#3a4a78;}

	#logo {
	float:left;
	padding:20px 0 0 50px;
	}
	
	#header_login  {
			float:right;
			padding:0px 60px 0px 0px;
			width:200px;
		}
	
				
				.login_text {
					background-image:url(../images/bg_login.gif);
					background-repeat:no-repeat;
					padding-left:8px;
					height:22px;
					padding-top:2px;
					width:147px;
					display:block;
					float:left;
				}
				
				#login_go{
					float:right;
				}
				
				.login {
					width:67%;
					border:1px solid #fff;
					padding:3px;
				}
				
				.login_text input, textarea {
					margin-top:-1px;
					font-weight: normal;
					border:#fff 1px solid;
				}
				
				#login_failed {
					clear:both;
				}
				
				.black {				
				font:11px  "tahoma" arial, sans-serif;
				color:#000000;
				}
				
				.grey {font:11px  "tahoma" arial, sans-serif;
				color:#999;
				}
				
				


/* -----------------------------------

PÄÄNAVIGAATIO

-------------------------------------- */

#mainnavigation {
background-image:url(../images/bg_navi.gif);
background-repeat:no-repeat;
width:998px;
height:100px;
clear:both;
margin:auto;
}
	#naviwrapper{
	padding:44px 0 0 35px;	
	}
	
	

/* -----------------------------------

Layout

-------------------------------------- */

/*#content_position {
position:absolute;
bottom:300;
text-align:center;
width:100%;
left:0;
right:0;
margin-bottom:200px;
}*/

#contentwrapper_frontpage {
width:950px;
margin:30px 24px 0 24px;
line-height:1.5;
float:left;
}

#contentwrapper {
width:950px;
margin:10px 24px 0 24px; /* uusi - vaihdettu 0=>320px (noin 320px, ettei footer mene contentwrapperin päälle */
line-height:1.5;
float:left;
}

#main {
float:left;
}



/* -----------------------------------

FOOTERI

-------------------------------------- */

/*#footer_position {
position:absolute; 
bottom:0;
width:100%;
left:0;
right:0;
}*/

#footer {
/*position:absolute; /* uusi */
/*bottom:0; /* uusi */
clear:both;
width:950px;
font-size:95%;
line-height:1.2;
/*margin: 0 24px; /* uusi - että footer keskittyy samalla tavalla kuin contentwrapper */
padding-top:150px;
height:135px;
}

#footer p {
color:#fff;
}

#footer span.heading {
color:#f09f20;
}

#footer .contact {
	float:left;
	padding:20px 0 0 20px;
	width:200px;
}

#footer_right {
	float:right;
	padding:20px 0 0 20px;
}

	#footer_right p {
	color:#404840;
	}

		
/* button with rounded corners */

.button { 
	/* top left corner, top edge */
	float: left;
	background: #f6f6f6 url(../images/button.gif) no-repeat left top;
	margin-top: 0.4em;
}

.button * {
	display: block;
}

.button span { 
	/* top right corner */
	padding: 3px 0 0 0;
	margin-left: 2px;
	background: url(../images/button-corners.gif) no-repeat right top;
}

.button span span { 
	/* bottom left corner, left and bottom edges */
	padding: 0 0 0 6px;
	margin-left: -2px;
	background: url(../images/button.gif) no-repeat left bottom;
}

.button span span span { 
	/* bottom right corner */
	padding: 0 0 3px 0;
	background: url(../images/button-corners.gif) no-repeat right bottom;
}

.button span span span span { 
	/* right edge */
	padding: 3px 12px 2px 19px;
	background: none;
}

.button img {
	position: absolute;
	margin: 0.45em 0 0.45em -11px;
}