
* {
margin : 0;
padding : 0;
}
body {
padding-top : 0;
/*font : 73% "Trebuchet MS", verdana, arial, sans-serif;*/
font-size: 78%;
font-family: "Trebuchet MS", verdana, arial, sans-serif;
background : #dbcdc2;	/* Vasemmalla ja oikealla sivulla näkyvä taustan väri */
color : #000;
}

#wrapper {
width : 750px;
margin : 0 auto;
border : 5px solid #fff;
background : #eee url(img/sidebar.gif) repeat-y;
color : #666;
}
/* Logo-palkki */
#header {
width: 600px;
height: 145px;
float: right;
margin: 1px 0 0 0 ;
background: #b2a591 url(img/banner2.jpg) no-repeat;
color: #666;
}
#banner {
width : 100%;
height : 35px;
text-align: right;
margin : 0;
padding : 0;
border-bottom : 1px solid #fff;
color : #333;
background : #369;
}
#banner a {
margin : 5px;
color : #fff;
background : inherit;
text-decoration : none;
}
#banner a:hover {
color : #000;
background : inherit;
}
#navcontainer {
width : 150px;
margin : 0 0 20px 0;
line-height : 1.8em;
background : #d1d4d7;
}
#navcontainer ul {
margin-left : 0;
padding-left : 0;
list-style-type : none;
}
#navcontainer a {
display : block;
padding : 3px;
width : 150px;
border-bottom : 1px solid #eee;
background : #369;
color : #eee;
}
#navcontainer a:link, #navlist a:visited {
color : #eee;
background : #369;
text-decoration : none;
}
#navcontainer a:hover {
background : #036;
color : #fff;
}
#logo {
margin : 0 0 0 -10px;
}
#sidebar {
float : left;
width : 150px;
padding : 0;
margin : 0;
border-top : 1px solid #fff;
font-size : 100%;
line-height : 1.8em;
background : #d1d4d7;
color : #333;
}
#content {
font-size : 105%;
float : left;
width : 550px;
margin : 20px 15px 10px 15px;
line-height : 1.8em;
}

#footer {
	clear : both;
	width : 600px;
	margin-left : 150px;
	padding-left : 5px;
	text-align : left;
	border-top : 5px solid #336699;}
	#footer a {
		text-decoration: none;
	}

/* Sisältöalueella olevan iframen marginaalit */
#content_iframe {
	margin: 10px 20px 10px 13px;
}

p , form , table{
margin: 10px 20px 10px 15px;
color: #404040;
background-color: inherit;
}

.lista {
margin-left : 25px;
padding-left : 25px;
list-style-type: disc;
color: #404040;
}

hr {
	margin: 10px 0px 10px 15px;
	border: 0;
	color : #336699;
	background-color: #336699;
	height: 2px;
}

blockquote{
	background:#fff;
	color:#333;
	border:1px solid #d49346;
	border-left:5px solid #d49346;
	padding:7px 7px 7px 11px}
	blockquote p{
		margin:0}

		
h1 {
margin : 110px 0 0 455px;
padding : 20px;
font-size : 120%;
color : #eee;
background :transparent;
}
h2 {
margin : 0 0 0 15px;
padding : 0;
font-size : 120%;
letter-spacing : 2px;
text-transform : uppercase;
color : #333;
background : inherit;
}
h3 {
margin : 0 0 10px 15px;
padding : 0 0 3px 0px;
font-size : 120%;
letter-spacing : 2px;
color : #036;
background : inherit;
}
h4 {
margin : 20px 0 0 15px;
font-size : 110%;
letter-spacing : 1px;
color : #036;
background : inherit;
}
.img {
margin: 0 0 10px 0;
padding: 0 0 0 10px;
}
a img {
border : none;
}
img {
padding: 0 0 0 10px;
}
.myborder {
border : 1px solid #fff;
padding : 5px;
margin : 0 0 0 4px;
}
.myimg {
float : left;
border : 1px solid #eee;
padding : 5px;
margin : 5px 10px 10px 4px;
}
.mylogo {
margin-right : auto;
}
a, a:visited {
text-decoration : underline;
color : #369;
background : inherit;
}

a:hover {
color : #369;
background : inherit;
text-decoration : none;
}

.korostus {
	background-color:#d5d1d2;	/* tekstin taustaväri */
}
.korostus p{
	color: #000000;				/* tekstin väri */
}

.lictext {
	font-size: 85%;
	color: #666;}
	.lictext a {
		text-decoration: none;
	}

.keskitys {
	text-align: center;
}

.kursiivi {
	font-style: italic;
}
