body {
	margin: auto;
	font-family: verdana, arial, sans-serif;
	font-size: 80%;
	color: #D3EB98;
	text-align: center;
	background-image: url('../images/bg.jpg');
	background-repeat: repeat;
	padding: auto;
}

p {
margin:0.2em 0 1.2em; 
padding:0.3em;
}

h1 {
	padding: 0;
	margin: 5px 20px;
	font-size: 250%;
	font-weight: normal;
	font-style: italic;
	color: #2252D9;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	text-align: left;
}

h2 {
	color: #000000;
	margin: 0.2em;
	padding: 0;
	font-size: larger;
	font-weight: normal;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
}

h3
{
	color: black;
	font-style: normal;
	font-family: "Trebuchet MS" , verdana, arial, sans-serif;
	font-variant: normal;
	font-weight: normal;
	font-size: 110%;
	text-align: justify;
/*	padding: 0 1em 0 1em;*/
}

h4
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: -1em 0 0 0.3em;
	color: black;
	padding-top: 0px;
	text-align: justify;
	font-style: normal;
	font-family: "Trebuchet MS" , verdana, arial, sans-serif;
	font-variant: normal;
	font-weight: normal;
	font-size: 110%;
}

h4 li {
	list-style-type: none;
	font-weight: lighter;
	font-size: 100%;
	font-style: normal;
	font-family: "Trebuchet MS" , verdana, arial, sans-serif;
	font-variant: normal;
	padding: 0 1em;
}

div {
margin:0; 
padding:0; 
display:block;
}

/*--------------------------------------------------------*/

/* Title block*/
.titleblock {
	width: 750px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../images/ylapalkki.jpg);
	float: left;
	clear: left;
}

/*Title block common*/

.titleblock p {
text-indent:2em; 
color:#3B4471;
}

.container_palvelut
{
	margin: 4em auto;
	width: 750px;
	height: 508px;
	color: black;
	background-color: White;
	background-image: url(../images/kartta_eu3.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.kuvacontainer_palvelut1 {
	float: left;
	clear: left;
	width: 265px;
	height: 235px;
	margin: 0.5em 0 0;
	background: transparent url(../images/etu2_2.jpg) no-repeat center;
}


.kuvacontainer_palvelut2 {
	float: left;
	clear: left;
	width: 265px;
	height: 171px;
	margin: 0.5em 0 0;
	background: transparent url(../images/taustat/lastaus_tausta.jpg) no-repeat bottom center;
}

.content_palvelut2 {
	clear: none;
	text-align: left;
	margin: 1em auto 0 20.4em;
	padding: 0em 5ex;
}

.container_niwelco
{
	margin: 4em auto;
	width: 750px;
	height: 508px;
	color: black;
	background-color: White;
}

.content_niwelco {
	text-align: justify;
	background-image: url(../images/kartta_maailma_pohja2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 474px;
	height: 349px;
	margin: 3.5em 1.5em 0;
} 	

.content_niwelco2 {
	text-align: justify;
	background-image: url(../images/taustat/rekka_tausta.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 226px;
	height: 125px;
	margin: -27em 0em 0 39.6em;
}

.content_niwelco3 {
	text-align: justify;
	background-image: url(../images/taustat/putki_tausta.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 226px;
	height: 168px;
	margin: 2em 0em 0 39.6em;
}


.container_asiakasryhmat
{
	margin: 4em auto;
	width: 750px;
	height: 508px;
	color: black;
	background-color: White;
	background-image: url(../images/kartta_baltic5.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.content_asryh 
{
	float:left;
	clear:both;
	text-align: left;
	width: 354px;
	height: 408px;
	margin: 1em 0 0 0em;
	padding: 0em 10ex;
}

.kuvacontainer_asr1{ 
	float: left;
	clear: both;
	width: 265px;
	height: 198px;
	margin: -400px 0px 0px 38em;
	padding: 0;
	background: transparent url(../images/taustat/tausta_laiva.jpg) no-repeat center;
}


.kuvacontainer_asr2 {
	float: left;
	clear: both;
	width: 265px;
	height: 182px;
	margin: -200px 0px 0px 38em;
	padding: 0;
	background: transparent url(../images/taustat/lastaus2_tausta.jpg) no-repeat center;
}


.container_ref
{
	margin: 4em auto;
	width: 750px;
	height: 508px;
	color: black;
	background-color: #ffffff;
	display: block;
	background-image: url(../images/taustat/palvelut_tausta_001.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

.content_ref1 {
	clear: none;
	width: 305px;
	height: 250px;
	text-align: left;
	margin: 1em 0em 0 0;
	padding: 1em 5ex; /*background: url("../images/ref_kaari_vas.gif") no-repeat 100% 0;*/
	color:Black;
}

.content_ref2 {
	clear: none;
	width: 304px;
	height: 249px;
	text-align: left;
	margin: -275px 0em 0 29.5em;
	padding: 1em 5ex;
	color:Black;
	/*background: url("../images/ref_kaari_oik.gif") no-repeat; */
}

.content_ref3 {
	clear: none;
	text-align: left;
	height:397px;
	margin: -28px 95px 0 95px;
	padding: 4px;
	background-color: #a4cdff;
}

.content_footer {
	clear: none;
	text-align: left;
	margin: 0px auto 0 0em;
	padding: 0px 5px;
	width:200px;
}

.content_footer2 {
	clear: none;
	text-align: Right;
	margin: -16px 0px 0 auto;
	padding: 0px 5px;
	width:200px;

}

.content_kon {
	clear: none;
	text-align: left;
	height:206px;
	width:172px;
	margin: 2em 0em 0 530px;
	background-image: url(../images/mapfin_blue2.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

.content_viro {
	clear: none;
	text-align: left;
	height:206px;
	width:176px;
	margin: 2em 0em 0 530px;
	background-image: url(../images/viro_kartta.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}


.content_kon2 {
	clear: none;
	text-align: left;
	height:200px;
	width:auto;
	margin: -210px 240px 0 80px;
	padding: 0.5em 10px;
}

.container_kon
{
	margin: 4em auto;
	width: 750px;
	height: 508px;
	color: black;
	background-color: #ffffff;
	background-image: url(../images/taustat/tausta_helga2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;

}

.kuvacontainer_etu1 {
	float:left;
	clear:both;
	width: 180px;
	height: 149px;
	margin: 64px 0px 0px 4px;
	background: url(../images/etu1_1.jpg) no-repeat center;
}

.kuvacontainer_etu2 {
	float: left;
	clear: both;
	width: 180px;
	height: 266px;
	margin: -200px 0px 0px 190px;
	background: url(../images/etu2_1.jpg) no-repeat center;
}

.kuvacontainer_etu3 {
	float:left;
	clear:both;
	width: 180px;
	height: 266px;
	margin: -266px 0px 0px 374px;
	background: url(../images/etu3_1.jpg) no-repeat center;
}

.kuvacontainer_etu4 {
	float:left;
	clear:both;
	width: 188px;
	height: 143px;
	margin: -200px 0px 0px 558px;
	background: url(../images/etu4.jpg) no-repeat center;
}

.kuvacontainer_etu5 {
	float: left;
	clear: left;
	width: 188px;
	height: 27px;
	margin: 20px 0px 0px 600px;
	padding: 0;
	background: url(../images/eng_lippu.png) no-repeat center left;
}

.kuvacontainer_etu6 {
	float: left;
	clear: left;
	width: 188px;
	height: 27px;
	margin: 20px 0px 0px 600px;
	padding: 0;
	background: url(../images/suomi-lippu.png) no-repeat center left;
}

.kuvacontainer_etu7 {
	float: left;
	clear: left;
	width: 188px;
	height: 27px;
	margin: 20px 0px 0px 600px;
	padding: 0;
	background: url(../images/eesti_pieni.gif) no-repeat center left;
}

.etu_logo {
	float:none;
	clear:both;
	width: 304px;
	height: 31px;
	margin: 0px auto 0px auto;
	background-image: url(../images/otsikko.gif);
	background-repeat:no-repeat;	
}

.etu_logo2 {
	float: left;
	clear: left;
	width: 250px;
	height: 129px;
	margin: -90px 10px 0;
	padding-left:15px;
	text-align:left;
	/*background-color:White;
	color:#003F87;
	background-image: url(../images/niwelco_logot.gif);
	background-repeat:no-repeat;*/
}

/* Container */
.container
{
	margin: 4em auto;
	width: 750px;
	height: 508px;
	color: black;
	background-color: #ffffff;
}

/* Right kontainen*/
.rightcontainer {
	float: right;
	clear: right;
	width: 260px;
	height: 198px;
	margin: -14em 0 0;
	padding: 0;
}

.rightcontainer h2 {
text-align:left; 
padding:0 0 0 1.5em;
}

/* Left kontainen*/
.leftcontainer {
	float: right;
	clear: none;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 2em;
}

.leftcontainer h2 {
text-align:left; 
padding:0 0 0 1.5em;
}

/* Content */
.content {
	clear: none;
	text-align: left;
	margin: 1em 22em 0 0;
	padding: 1em 5ex;
}

.container_trading
{
	margin: 4em auto;
	width: 750px;
	height: 508px;
	color: black;
	background-color: White;
	/*background-image: url(../images/trading.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;*/
}

.txtcontainer_tra1 {
	float:left;
	clear:both;
	width: 402px;
	height: 201px;
	text-align:left;
	margin: 21px 0px 0px 20px;
}
.kuvacontainer_tra1 {
	float:left;
	clear:both;
	width: 472px;
	height: 241px;
	margin: 21px 0px 0px 20px;
	background: url(../images/tausta.jpg) no-repeat center;
}

.kuvacontainer_tra2 {
	float:left;
	clear:both;
	width: 213px;
	height: 124px;
	margin: 20px 0px 0px 19px;
	background: url(../images/lauta4.jpg) no-repeat center;
}

.kuvacontainer_tra3 {
	float:left;
	clear:both;
	width: 214px;
	height: 121px;
	margin: -123px 0px 0px 279px;
	background: url(../images/lauta3.jpg) no-repeat center;
}

.kuvacontainer_tra4 {
	float:right;
	clear:both;
	width: 181px;
	height: 162px;
	margin: -170px 34px 0px 0px;
	background: url(../images/lauta2.jpg) no-repeat center;
}

.kuvacontainer_tra5 {
	float:right;
	clear:both;
	width: 182px;
	height: 167px;
	margin: -385px 35px 0px 0px;
	background: url(../images/lauta1.jpg) no-repeat center;
	background-color:Lime;
}


/* Nav bar */
ul.navbar
{
	clear: both;
	display: block;
	float: left;
	margin: 0 0 0 0;
	width: 100%;
	color: #000000;
	font-family: "Trebuchet MS" , verdana, arial, sans-serif;
	background-color: #ff00ff;
}

ul.navbar li {
	display: block;
}

a.nav:link, a.nav:visited {
	display: inline;
	float: left;
	width: 100%;
	margin: 22%;
	text-decoration: none;
	background-color: #ffffff;
	color: #000000;
	font-family: "Trebuchet MS" , verdana, arial, sans-serif;
	text-align: left;
}

a.nav:hover
{
	display: inline;
	float: left;
	margin: 22%;
	width: 100%;
	color: #555555;
	font-family: "Trebuchet MS" , verdana, arial, sans-serif;
	text-align: left;
	text-decoration: underline overline;
}

.test
{
	color: #247c7c;
	background-color: #d3eb98;
}


a.nav:active {
//display:block; 
//float:none; 
//width:90%; 
//padding:1.2em 0 1.2em 0; 
//margin:0; 
//text-decoration:none; 
//background-color:#d3eb98; 
//color:#FFFFFF;
}

/* Footer */
.footer {
color:#999999; 
font-size:75%; 
margin:2.5em 0.2em 0.5em 0.5em; 
padding:0.8em; 
border-top:1px solid #999999; 
text-align:left; 
clear:both;
background-color:#FFFFFF; 
}

.footer .right {
float:right; 
clear:right; 
text-align:right;
}

.footer p {
margin:0;
}

/* Item-list */
UL.lista
{
	list-style-position: outside;
	font-size: 100%;
	font-family: "Trebuchet MS" , verdana, arial, sans-serif;
	list-style-type: circle;
}


/* Item-list */
UL.lista2
{
    list-style-position: inside;
    font-size: 110%;
    text-indent: -2em;
    list-style-type: circle;
}

UL.lista2 li
{
	text-indent: -1em;
}

a.ilista2:link, a.ilista2:visited
{
    font-size: 100%;
    text-decoration: none;
    color:Black;
}

a.ilista2:hover
{
}


a.ilista3:link, a.ilista3:visited
{
    font-size: 100%;
    text-decoration: none;
    border-width: 1px;
    color:Black;
}

a.ilista3:hover
{
}

/* Päävalikko */
#maintab_div{
background: #003F87 url("../images/bg_tabs.png") repeat-x bottom;
border-bottom: 1px solid #FF6633;
border-top: 0px solid #003F87;
clear: both;
color: #fff;
margin: 0px auto;
padding-bottom: 0px;
}

#maintab {
font-family: Trebuchet MS, Helvetica, sans-serif;
margin: 0px auto;
padding-top: .3em;
width: 660px;
}

#maintab ul, #maintab ul li {
list-style: none;
margin: 0;
padding: 0;
}

#maintab ul {
padding: 5px 0px 4px 0px;
text-align: left;
}

#maintab ul li {
display: inline;
margin-right: .5em;
}

#maintab ul li.last {
margin-right: 0;
}

#maintab ul li a {
background: url("../images/tab-right.jpg") no-repeat 100% 0;
color: #ffffff;
padding: 5px 0 4px 0;
text-decoration: none;
}

#maintab ul li.here a {
color: #003F87;
}

#maintab ul li a span {
background: url("../images/tab-left.jpg") no-repeat;
border-bottom:0px solid #5ca0ff;
padding: 5px 1em 4px 1em;
}

#maintab ul li.here a span {
background: url("../images/tab-left-here.gif") no-repeat;
font-weight: bold;
}

#maintab ul li.here a {
background: url("../images/tab-right-here.gif") no-repeat 100% 0;
text-decoration: none;
}

#maintab ul li a:hover span {
text-decoration: underline;
}

/*-----------*/

#maintab2 {
font-family: Trebuchet MS, Helvetica, sans-serif;
margin: 0px auto;
padding-top: .3em;
width: 670px;
}

#maintab2 ul, #maintab ul li {
list-style: none;
margin: 0;
padding: 0;
}

#maintab2 ul {
padding: 5px 0px 4px 0px;
text-align: left;
}

#maintab2 ul li {
display: inline;
margin-right: .5em;
}

#maintab2 ul li.last {
margin-right: 0;
}

#maintab2 ul li a {
background: url("../images/tab-right.jpg") no-repeat 100% 0;
color: #ffffff;
padding: 5px 0 4px 0;
text-decoration: none;
}

#maintab2 ul li.here a {
color: #003F87;
}

#maintab2 ul li a span {
background: url("../images/tab-left.jpg") no-repeat;
border-bottom:0px solid #5ca0ff;
padding: 5px 1em 4px 1em;
}

#maintab2 ul li.here a span {
background: url("../images/tab-left-here.gif") no-repeat;
font-weight: bold;
}

#maintab2 ul li.here a {
background: url("../images/tab-right-here.gif") no-repeat 100% 0;
text-decoration: none;
}

#maintab2 ul li a:hover span {
text-decoration: underline;
}