@charset "utf-8";

* {margin:0;
padding:0;
border:0;
}




body {
	font: 80%;
	font-family: 'Droid Sans', sans-serif;
	background: #efeff0;
	margin: 0;  
	padding: 0;
	text-align: center; 
	color: #000;
	background-image:url(img/base/bg.png);
	background-repeat:repeat;
}
#container {
	position: relative;
	width:98%;
	max-width:900px;
		background:#fff;
	margin: 1em auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height:600px;
	height:auto !important;
	height:600px;
	-moz-box-shadow: 0 0 4px 4px #aaa;
-webkit-box-shadow: 0 0 4px 4px #aaa;
box-shadow: 0 0 4px 4px #aaa;
	behavior: url(PIE.htc); 
	position:relative;
z-index: 0;
}
#header {
	background-image:url(img/base/header.png);
	background-repeat:repeat-x; 
	min-height:190px;
	height:auto !important;
	height:190px;
	text-align:center;
	border:0;
}

#logo {padding:10px 0 0 10px;
	margin: 0; /* SÄILYTÄ */
}

#valikko {width:350px;
text-align:right;
padding:15px 5px 0 0;
float:right;}
#valikko a:link, 
#valikko a:visited, 
#valikko a:hover,
#valikko a:active {
	text-decoration: none;
	color: #768e6d;
	font-weight:bold;
}
#valikko a:hover {color:#ed1c24;}

#lang img {margin:0 5px 0 0;}
 
#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: none;
	border:0;
}

#navi {	border:0;
border-top:0.1em solid #842988;
border-bottom:0.1em solid #a56bac;
	padding:3px 0;
	background:none;
	width:100%;
	text-align:center;
font-family: 'Crimson Text', serif !important;
	}

#navi li {padding:5px;
color:#842988;
font-family: 'Crimson Text', serif !important;
	text-transform:lowercase;
	font-variant:small-caps;
font-weight:normal;
letter-spacing:0;
font-size:120%;
}

#navi  a:link, 
#navi a:visited, 
#navi a:active {
	text-decoration: none;
	color: #842988; 
		font-weight:bold;
font-family: 'Crimson Text', serif !important;
margin: 0 15px;
}

#navi a:hover {	text-decoration: none;
	color: #b581bb; 
		font-weight:bold;
font-family: 'Crimson Text', serif !important;
margin: 0 15px;}

#sisalto {margin: 35px 0 0 0px;
padding:0 0 2em 0;  
}
#sisalto_etu {margin: 35px 0 0 0;
padding:0;  
}

#leipis {
	width:90%;
	margin:2em 1em 0 3em;
	color:#000;
font-size:0.9em;
		min-height:400px;
	height:auto !important;
	height:400px;
 }
 

 
 #floater {width: 300px ;
 margin: 0 0 8em 2em;
 padding:0.5em;
 float:right;
 text-align:center;
 font-size:95%;
  border:1px solid green;
 }
 
  #floater_sitaatti {width: 300px ;
 padding:0.5em;
 float:right;
 text-align:center;
 font-size:95%;
   border:0; border-left:3px solid #CCC; margin:0; margin-left: 15px;
 }

  #floater img { 
 margin: 2em 0 2em 0;
 padding:0; 
 }

/*
#sidebarnavi {width: 200px;
 margin: 0 2em 8em 0;
 padding:0;
 float:left;
 text-align:center;
 font-size:90%;
 
	height:auto !important;
 
 border:1px solid blue;
  }
 */
 
 /* LISÄÄ MÄÄRITTELYITÄ TABCONTENT.CSS  */
 
.float_pic {
 margin: 0  0 10px 10px;
 padding:0;
 float:right;
	width:250px;
	font-size:85%;
	text-align:center;
 }
 
.float_pic img {background:#FFF; border:1px solid #999; padding:2px;}
 
.float_list {
 margin: 0 20px 0 0;
 padding:0;
 float:left;
 text-align:left;
	width:275px;
 }
 


h1 {margin: 2em 0 1em 0;
padding:0;
font-family: 'Crimson Text', serif;
font-size:2em;
font-weight:bold;
width:100%; 
color:#5a2466;
border:0; 
width:100%;
text-align:center;
}

 

h3 {margin: 2em 0 1em 0;
font-family: 'Crimson Text', serif;
font-variant: normal;
text-transform:none;
font-size:1.5em;
color:#a56bac;
}

 

#leipis p {margin:1em 0 2em 0;
line-height:150%;}

  #leipis ul {margin:-1em 0 0 0; padding:0;  }
    #leipis ul li {margin:0 0 0 3em; padding:0 0 0 1em; line-height:150%;  }

   #leipis ol {margin:-1em 0 0 0; padding:0;  }
    #leipis ol li {margin:0 0 0 3em; padding:0 0 0 1em; line-height:150%;  }

#leipis a:link, 
#leipis a:visited, 
#leipis a:hover,
#leipis a:active {
	text-decoration: underline;
	color: #842988;
	font-weight:bold;
}
#leipis a:hover {color:#9b5aa3;}

 
img { max-width: 100% !important; }
 
 #leipis img {padding:8px 8px 10px 8px;
 	-moz-box-shadow: 0 0 4px 4px #aaa;
-webkit-box-shadow: 0 0 4px 4px #aaa;
box-shadow: 0 0 4px 4px #aaa;
	behavior: url(PIE.htc); 
	position:relative;
z-index: 0;
background-color:#FFF;
 margin:1em 0;
 }
 
 
 

blockquote {width: 90%;
 padding:0.5em 1em;
 text-align:center;
 font-size:1.5em;
 font-style:italic;
 font-family: 'Crimson Text', serif;
   border:0; 
   	line-height: 160%;
	margin: 1em 0 2em 15px;
	color:#842988;
}


#footer {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin: 40px 0 0 0;
		background:none;
	background-image:url(img/base/footer.png);
	background-repeat:repeat-x; 
	background-position:bottom left;
	border:0; 
		min-height:220px;
	height:auto !important;
	height:220px;
	width:100%;
		text-align:left !important;
		 
}
 

#footer p {
	margin: 0 !important; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5em 0 0 4em  !important;
		font-size:0.9em; 
	color:#842988; 
	text-align:left;
	border:0;
 		font-family: 'Droid Sans', sans-serif; 
}

 /* #footer p {
	margin: 0 !important; 
	padding: 40px 0 180px 5%  !important;
	width:85%;
	color:#8b8b8b; 
	text-align:center;
	border:0; 
		background-image:url(img/base/footer_line.png);
	background-repeat:no-repeat; 
		font-family: 'Droid Sans', sans-serif;
		font-size:80%;
} */

#footer a:link, 
#footer a:visited, 
#footer a:hover,
#footer a:active {
	text-decoration: none;
	color: #998675;
	font-weight:normal;
}
#footer a:hover {color:#ed1c24;}

input, textarea {border:1px solid #998675;}