body{
	padding:0;
	margin:0;
	background:url('images/bg.jpg') #000000; 
}
img {
border:0;
}

#container {
position:relative;
margin:30px auto 0 auto;
width:662px;
}

#slogan{
float:right;
font-family:arial;
/*font-size:18px;*/
color:#FFF;
}

#slogan strong {
/*font-size:18px;*/
color:#FFF;
font-weight:bold;
letter-spacing:4px;
margin:0 0 5px 0 ;
}
#slogan a {
font-size: 12px;
color: #ffffff;
}

#topnavi {
float:left;
height:20px;
width:100%;
margin:0 0 30px 0;
padding:0;
background:#000;
text-align:center;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}
#topnavi ul {
	margin:3px auto 0 auto;
	width:832px;
	padding:0;
	list-style-type:none;
	white-space:nowrap;
}
#topnavi li {
	display: inline-block;
	list-style-type:none;
	float:left;
	padding:0 7px 0 0;
}
#topnavi a:link,#topnavi    a:active,#topnavi   a:visited {
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	display:inline-block;
	padding:0 8px 0 0;
}
#topnavi li a:hover{
	display:inline-block;
	padding:0 8px 0 0;
	text-decoration:underline;
	
}



#box{
width:632px;
overflow:hidden;
border:15px solid #FFF;
background:#d2d2d2;
float:left;
z-index:0;
}

#navig {
float:left;
width:180px;
margin: 0px 0 0 0;
/*background:url('images/navi_ul_bg.gif') repeat-x 0px bottom;*/
background: #d2d2d2;

}
#navig ul {
	margin:0 0 20px 0;
	padding:0;
	list-style-type:none;
	width:180px;
	float:left;
}
#navig li {
	border-bottom:1px solid #c3c3c3;
	display: block;
	height:22px;
	width:182px;
	list-style-type:none;
	float:left;
}
#navig  a:link,#navig   a:active,#navig  a:visited {
	font-family:arial;
	font-size:14px;
	color:#7c7b7a;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 14px ;
	display:block;
	line-height:22px;
}
#navig li a:hover{
display:block;
background:#FFFFFF;
margin:0;
line-height:22px;
}
#topwrap {
width:632px;
height:154px;
background:url(images/ornament.gif) top left no-repeat;
float:left;
overflow:hidden;
text-align:right;
}
#top {
/*width:632px;*/
width:449px;
height:154px;
background:url('images/top_index.jpg') top right no-repeat;
margin-left: 183px;
_margin-left: 92px;
float:left;
overflow:hidden;
text-align:right;
}

#middle{
	width:449px;
	float:right;
	background:#7c7b7a;
	/*background:#8ba260;*/
	min-height:350px;
	height:auto !important;
}
#content {
width:405px;
padding:18px 0 20px 20px;
font-family:verdana;
font-size:11px;
color:#FFF;
float:left;

}

font.normal {
font-family:verdana;
font-size:11px;
margin:0 0 10px 0;

}

font.headline {
padding:0 0 0px 0;
margin:0 0 10px 0;
font-family:georgia;
font-size:18px;
color:#FFF;
font-weight:bold;
}

font.menu {
font-family:verdana;
font-size:11px;
font-style:italic;
color:#583e00;
display:block;
}

#left {
width:182px;
/*background:#483403;*/
background:#d2d2d2;
float:left;
/*
border-top:1px solid #3c2b03;
border-right:1px dashed #3c2b03;
*/
overflow:hidden;
}
#left p{
font-family:verdana;
font-size:11px;
color: #7b7a7a;
font-weight:normal;
margin:0 0 10px 10px;
}
#footer {
float:left;
font-family:verdana;
font-size:9px;
font-weight:normal;
color:#FFF;
height:30px;
}

h1 {
font-family:arial, helvetica, georgia;
font-size:38px;
color:#FFF;

font-weight:bold;
margin:5px 15px 0 0px ;
}

h2 {
font-family:georgia;
font-size:20px;
color:#FFF;
font-weight:bold;
margin:0px 15px 0 0 ;
}



#lang {
/*float:right;*/
/*padding: 10px;*/
/*padding-top: 130px;*/
}

#lang a:link, #lang a:active, #lang a:visited {
color:#fff;
font-family:arial;
font-size:11px;
text-decoration:none;
font-weight:bold;
}
#lang a:hover{
text-decoration:underline;
}



#content h1{
padding:0 0 0px 0;
margin:0 0 10px 0;
font-family:georgia;
font-size:18px;
font-weight:bold;
}

#content a:link , #content a:visited, #content a:active{
font-family:verdana;
font-size:10px;
color:#ffffff;
font-weight:bold;
text-decoration:underline;

}


#content a:hover {
text-decoration:underline;
font-size:10px;
font-weight:bold;
}

#lounas a:link , #lounas a:visited, #lounas a:active{
font-family:verdana;
font-size:9px;
color:#583e00;
font-weight:bold;
text-decoration:none;

}


#lounas a:hover {
text-decoration:underline;
font-size:9px;
font-weight:bold;
}

#footer a:link , #footer a:visited, #footer a:active{
font-family:verdana;
font-size:9px;
color:#ffffff;
font-weight:bold;
text-decoration:none;

}


#footer a:hover {
text-decoration:underline;
font-size:9px;
font-weight:bold;
}




#teksti ul {
margin-left:-10px;
padding-left: 40px;
list-style-position: outside;
list-style-type:disc;
}
#teksti li {
margin-top:10px ;
color:#000000;
}

input.submit {
background:TRANSPARENT;
border:0;
font-weight:normal;
text-align:left;
padding:0;
margin:0;
color:#ffffff;
font-family:georgia;
font-weight:bold;
font-size:11px;
text-decoration:none;
border-bottom:1px solid #ffffff;
cursor: pointer;
cursor: hand;
}

input,textarea {
border:0;
}
.yhteystiedot {
	color: #7b7a7a;
}
#flash {
	width: 449px;
	height: 350px;
	background: #7c7b7a;
}