/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */


/* replace */
	.replace {
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
	}
	.replace a span {
		text-indent:-10000px;
	}
/* end replace */


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
/* end accessibility */

body {
width:800px;
margin:1em auto;
background:#fff url('/images/bg_blue.gif') repeat-x left top;
border:2px solid #1F64A1;
padding:0;
}

#header {
height:100px;
background:#fff url('/images/cms/vabe.gif') no-repeat left top;
padding:0;
margin:0;
}

#header a {
display:block;
height:100px;
width:320px;
float:left;
text-decoration:none;
}

#header h2 {
padding:0;
margin:0;
margin-left: 320px;
padding-top: 20px;
}

#menu {
text-align:center;
margin: 0px;
/* background-color: #1F64A1; */
background-color: #bbbbbb;
color:#3EACFA;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
}

#menu a, #menu a:visited, #menu a:active  {
text-decoration:none;
color:inherit;
font-size:110%;
line-height:2em;
padding: .2em .1em .2em .1em;
color:#3EACFA;
color:#fff;
}

#menu a:hover {
color:#fff;
color:#000;
}

#menu a.menuactive {
color:#fff;
color:#000;
}

#menu li {
display:inline;
margin:0;
padding:0;
}

/* submenu */
#menuwrapper_sub {
font-size:80%;
/* background-color:#1C64B1; */
background-color: #aaaaaa;
border-top:1px solid #fff
}

#content {
color:#000;
background-color:#fff;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;

}

#footer {
/* background:#1F64A1; */
background-color: #aaaaaa;	
color:#ffffff;
font-size:80%;
text-align:center;
}

#footer span {
padding: .2em 0 .2em 0;
display:block;
}

#footer span:hover {
color:#fff;
padding: .2em 0 .2em 0;
display:block;
}

div.pienempi textarea {
height:5em;
}

dl {
font-weight:bold;
font-size:110%;
}

dt {
margin-top:10px;
}

dd {
font-weight:normal;
font-size:100%;
}

div.box {
width: 350px;
margin:0 auto;
border: 3px solid #555;
background-color:#2C78AD;
text-align:center;
color:white;
font-size:120%;
}

div.widebox {
width: 650px;
margin:0 auto;
border: 3px solid #555;
background-color:#2C78AD;
text-align:center;
color:white;
font-size:100%;
}

#content img {
border:2px solid black;
padding:5px;
}

#content a {
text-decoration:none;
color:#2C78AD;
}

#etusivun_kuva { 
background-image : url("/images/etu.jpg") ; 
width: 380px;
height: 381px;
}

#etusivun_kuva:hover { 
background-image: url("/uploads/images/etu_valmis.jpg") ; 
width: 380px;
height: 381px; 
}