body { 
	margin: 0;
	padding: 0;
	font: 12px verdana, arial, helvetica, sans-serif;
	background: #EF834F;
	min-height: 100%px; /* For Mozilla/Opera/Safari */
}

/* Hack for IE */
* html #content {
    height: 100%;
}
/* End IE Hack */

a { 
	color: #3c7796;
}

a:hover { 
	color: #333333;
}

a:visited { 
	color: #333333;
}

#headcontainer {
	width: 100%
	margin: 0 auto;
	padding-bottom: 1.5em;
	background-image: url(kuvat/toprepeat_new.gif);
	background-repeat: repeat-x;
	height: 210px;
	clear: both;	
}

#headcontainer .hae {
	margin-left : 510px;
	margin-top : 0px;
	z-index : 2;
	font-size : xx-small;
	font-weight : bolder;
	font-family: verdana, arial, helvetica, sans-serif;
	}

#haebox {
	width : 140px;
	margin-top : 176px;
	font-size : x-small;
	border : none ;
	background-color : #F5CDCD;
}


#logo {
	display: block;
    margin-left: auto;
    margin-right: auto;
}


.topbackground {
	display: block;
	height: 210px;
    margin-left: auto;
    margin-right: auto;
	width : 900px;
	/*padding-top : 199px;*/
	background-image: url(kuvat/top_new.gif);
	background-repeat: no-repeat;
	}

	


#container {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	/*border: 1px solid #3c7796;*/
	text-align: left;
	/*background-image: url(bgr.gif);*/
	min-height: 100%;
    height: auto;
	background-image: url(kuvat/cntr_bgr.gif);
	background-repeat: repeat-y;
	
}

.navcont {
	float: left;
	width: 130px;
	background: #C9302F;
	margin: 0 0 0 60px;
	/*height: 100%*/
	/*border-right: 1px solid #000000;*/
	padding-right: 1px;
	/*display: block;*/
	/*border-right: 1px solid Black;*/
	min-height: 100%;
    height: auto;
	color: #FFFFFF;
	display: inline;
	
}

.navbox {
	margin: 0 0 0 0;
	padding: 3px 0px 8px 0px;
	border-bottom: 1px solid #333333;
}

.navbox1 {
	
	margin: 0;
	padding: 3px 0px 8px 0px;
	border-bottom: 1px solid #333333;
}

.navbox2 {
	
	margin: 0;
	padding: 3px 0px 8px 0px;
	border-bottom: 1px solid #333333;
}

.navbox3 {
	
	margin: 0;
	padding: 3px 0px 8px 0px;
	border-bottom: 1px solid #333333;
}

.navbox4 {
	
	margin: 0;
	padding: 3px 0px 8px 0px;
	
}

.nav {
	padding: 0px 0px 1px 0px;
	margin: 3px 0 0 0px;
	display: block;
	font-family: verdana, arial, helvetica, sans-serif; /*font-weight: bold;*/
	text-decoration: none;
	background: #C9302F;
	color: #FFFFFF;
	height: 100%;
	min-height: 100%;
    height: auto;
}

.nav a {
	padding: 3px 0em 3px 5px;
	margin: 0px 0px 0px 0px;
	display: block;
	font-family: verdana, arial, helvetica, sans-serif; /*font-weight: bold;*/
	text-decoration: none;
	background: #C9302F;
	color: #FFFFFF;
}

.nav a:hover { 
color: #000000;
background: #FFFFFF;
}

#content {
	float: left;
	/*margin: 0 0 0 0;*/
	/*padding: 0 0.5em 0 0em;*/
	width: 376px;
	/*border-left: 1px solid #333333;*/
	/*height: 100%;*/
	/*background: #ffffff;*/
	/*display: block;*/
	min-height: 100%;
    height: auto;
	background: transparent;
	

}

#content h2 { 
	border: 1px solid #009999;
	text-indent: 0.5em;
	font-size: 12px;
	color: #ffffff;
	margin: 0;
	padding: 0.5em;
	background: #009999;
	
}

#content p {
	
	margin: 0.5em;
	padding: 0.4em 0.5em 0.5em 1em;
}

#content h1 {
	
	margin: 0.5em;
	padding: 0.4em 0.2em 0.1em 0.8em;
	font-size: 13px;
}

#content h5 {
	
	margin: 0.5em;
	padding: 0.4em 0.5em 0.1em 1.4em;
}

.box {
	padding: 10px;
}

.contbox {
	border-bottom: 1px dashed black;
	margin:0;
	padding:0;
	clear: both;
	display: table;
	width: 376px;
	background: transparent;
}


.clear {
    clear: both;
    height: 3px;
    overflow: hidden;
  }

.news {
	
	width: 190px;
	float: left;
	padding-left: 6px;
	padding-bottom: 1em;
	padding-top: 10px;
	margin: 0 0 0px 0.5em;
	/*margin-bottom: 1em; */
	/*border-left: 1px dashed #333333;*/
	background: transparent;
}

.news h2 {
	
	border-left: 1px solid #B8B1AD;
	border-right: 1px solid #B8B1AD;
	border-top: 1px solid #B8B1AD;
	text-indent: 0.5em;
	font-size: 12px;
	color: #ffffff;
	margin: 0;
	padding: 4px;
	background: #C9302F;
}

.news div.laatikko {
	
	margin: 0 0px 10px 0px;
	border-left: 1px solid #B8B1AD;
	border-right: 1px solid #B8B1AD;
	border-bottom: 1px solid #B8B1AD;
	padding: 4px 4px 4px 4px;
}

.news p {
	
	margin: 0 0px 10px 0px;
	padding: 4px 4px 4px 4px;
}

.banners {
	float: left;
	margin: 0 0 0 20px;
	/*padding: 0 0.5em 0 0em;*/
	width: 200px;
	border: 0;
	/*height: 100%;*/
	/*background: #ffffff;*/
	/*display: block;*/
	min-height: 100%;
    height: 600px;
	background: transparent;

}

#footer {
	clear: both;
	text-align: center;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
		
}

#footer p {
	margin: 0;
	padding: 0;
}

hr {
	
	border-top: 1px dotted black;
	border-bottom: 0px;
	height: 1px;
	
}

.pvm {
 font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: Gray;
	font-size : xx-small;
	margin-left : 0px;
	margin-bottom : 0px;
	padding-bottom : 0px;
}