body, html {
	margin: 0;
	padding: 0;
	background: #fff url(../../images/bg.gif) repeat-x;

}


img {
	border: 0;
}


.c{
	clear:both;
}

#mainWrap {
	margin-left: auto;
	margin-right: auto;
	width: 1020px;
	background: url(../../images/mainbg.gif) repeat-y;
}

/* SOL-henkilöstöpalvelulinkki */

#hlosto_fi {
	float: left;
	width: 60px;
	height: 470px;
	background: url(../../images/hlostobg.gif) no-repeat;
	padding-top: 230px;
}

#hlosto_fi a {
	display: block;
	width: 46px;
	height: 264px;
	float: right;
	background: url(../../images/hlostolink.gif) no-repeat;
}

#hlosto_fi a:hover {
	display: block;
	width: 46px;
	height: 264px;
	float: right;
	background: url(../../images/hlostolink_hover.gif) no-repeat;
}


#hlosto_en {
	float: left;
	width: 60px;
	height: 470px;
	background: url(../../images/hlostobg.gif) no-repeat;
	padding-top: 230px;
}

#hlosto_en a {
	display: block;
	width: 46px;
	height: 264px;
	float: right;
	background: url(../../images/hlostolink_en.gif) no-repeat;
}

#hlosto_en a:hover {
	display: block;
	width: 46px;
	height: 264px;
	float: right;
	background: url(../../images/hlostolink_hover_en.gif) no-repeat;
}

/* /SOL-henkilöstöpalvelulinkki */



/*  flags  */
#flags {
	float: right;
	width: 60px;
	height: 470px;
	background: url(../../images/flagsbg.gif) no-repeat;
	padding-top: 60px;
}	


#flags a {
	display: block;
	width: 28px;
	height: 26px;
	background: url(../../images/flagtab2.gif) no-repeat;
	margin-bottom: -20px;
	padding: 8px 0 0 3px;
}

#flags a:hover {
	display: block;
	width: 28px;
	height: 26px;
	background: url(../../images/flagtab.gif) no-repeat;
}

#flags .selected {
	display: block;
	width: 28px;
	height: 26px;
	background: url(../../images/flagtab.gif) no-repeat;
	margin-bottom: -20px;
}

/*  /flags  */





/* headerNavi  */
#header {
	float: left;
	background: #ffe119;
	width: 900px;
	height: 49px;
	background: url(../../images/headerbg.gif) repeat-x;
}

#headerNavi {

}	

#headerNavi ul {
	margin: 0 10px 0 0;
	float: right;
}

#headerNavi ul li {
	float: left;
	list-style-type: none;
}

#headerNavi ul li a {
	display: block;
	width: 122px;
	height: 49px;
	background: url(../../images/tab.gif) no-repeat;
	padding-top: 30px;
	color: #221e1f;
	font-size: 11px;
	text-decoration: none;
	text-transform:uppercase;
	font-weight: normal;
	text-align: center;
}

#headerNavi ul li a:hover {
	display: block;
	width: 122px;
	height: 49px;
	background: url(../../images/tab2.gif) no-repeat;
}

#headerNavi ul li .selected {
	display: block;
	width: 122px;
	height: 49px;
	background: url(../../images/tab2.gif) no-repeat;
	padding-top: 30px;
	font-size: 11px;
	text-transform:uppercase;
	text-align: center;

}

#headerNavi ul li .vali {
	margin-left: 26px;
}
/* /headerNavi  */



#contentWrap {
	margin-left: 60px;
	width: 888px;
}


#vasnavi {
	float: left;
	width: 215px;
	background: #fff;
}

#SOL_logo {
	display: block;
	margin: 12px 0 0 12px;
	width: 177px;
	height: 156px;
	background: url(../../images/SOL_logo.gif) no-repeat;
}


/* subNavi */

.subNavi {
	margin-left: 12px;
}

.subNavi ul{
	margin: 0 0 10px 0;
	padding: 0;
}

.subNavi ul li {
	list-style: none;
	padding-bottom: 0px;
}

.subNavi ul li.noImg{
	background: white url(../../images/muupaataso.gif) no-repeat;
	padding: 5px 0 10px 0;	
}

.subNavi ul li.noImg a{
	color: black;
	font-weight: normal;
	text-decoration: none;
	padding-left: 35px;
}

.subNavi ul li.noImg ul{
	margin-top: 10px;
}

.subNavi ul li.noImg ul ul{
	margin-top: 0px;
}

.subNavi ul ul{
	margin: 0;
	padding: 0;
}

.subNavi ul ul li{
	margin: 0;
	padding: 0;
}

.subNavi ul ul li a {
	display: block;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	background: none;
	padding: 4px 2px 2px 14px;
	background: #FFE119 url(../../images/redarrow.gif) no-repeat; /*#FFE119*/
	text-transform: none;
	border-bottom: 1px dashed #d0d0d0;
	margin-bottom: 2px;
	color: black;
}

.subNavi ul ul li a:hover {
	color: #8c8c8c;
}

.subNavi ul ul li .selected {
	color: #8c8c8c;
}

.subNavi ul ul ul li a{
	border: none;
	background: #fff url(../../images/redarrow.gif) no-repeat;
	border-bottom: 1px dashed #d0d0d0;
}

.subNavi ul ul ul ul{
	/*margin-left: 10px;*/
}

.subNavi ul ul ul ul li a{
	/*border: none;*/
	background: #fff;
	padding-top: 0;
	padding-bottom: 0;
}


.subNavi a.linkLevel3{
	padding-left: 15px;
}
.subNavi a.linkLevel4{
	padding-left: 30px;
}
.subNavi a.linkLevel5{
	padding-left: 45px;
}
.subNavi a.linkLevel6{
	padding-left: 60px;
}
.subNavi a.linkLevel7{
	padding-left: 75px;
}
.subNavi a.linkLevel8{
	padding-left: 90px;
}
.subNavi a.linkLevel9{
	padding-left: 105px;
}


/*
.subNavi ul li ul  {
	list-style: none;	
	margin: 2px 0 -2px 0;
}

.subNavi ul li ul li a {
	display: block;
	width: 186px;
	height: 18px;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	background: none;
	padding: 4px 2px 2px 14px;
	background: #fff url(../../images/redarrow.gif) no-repeat;
	text-transform: none;
	border-bottom: 1px dashed #d0d0d0;
	margin-bottom: 2px;
}


.subNavi ul li ul li a:hover {
	padding: 4px 2px 2px 14px;
	background: #fff url(../../images/redarrow.gif) no-repeat;
}


.subNavi ul li ul li .selected {
	padding: 4px 2px 2px 14px;
	background: #fff url(../../images/redarrow.gif) no-repeat;
}


.subNavi ul li ul li ul {
	list-style: none;	
	margin: 0 20px 0 0;
}

.subNavi ul li ul li ul li a {
	text-decoration: none;
	font-size: 11px;
	background: none;
	padding: 0 4px 0 14px;
	margin-left: 4px;
	border: 0;
	background: none;
}


.subNavi ul li ul li ul li a:hover {
	background: none;
	padding: 0 4px 0 14px;
	margin-left: 4px;
}


.subNavi ul li ul li ul li .selected {
	background: none;
	padding: 0 4px 0 14px;
	margin-left: 4px;
}
*/

/* /subNavi */


#newsHeaders {
	width: 190px;
	padding: 8px 4px 4px 8px;
	border: 1px solid #d0d0d0;
}

.newsColumn  {
	display: block;
	width: 182px;
	background: #ffe119 url(../../images/redarrow.gif) no-repeat;
	padding: 4px 2px 2px 14px;
	margin: -6px;
}


.newsColumn a {
	color: #000;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
}

.newsColumn a:hover {
	color: #8c8c8c;
}

.newsHeaders {
	border-bottom: 1px dashed #d0d0d0;
}

.newsHeaders a {
	font-weight: normal;
	color: #221e1f;
	font-size: 11px;
	text-decoration: none;
}


.newsHeaders a:hover {
	color: #8c8c8c;
}



#content {
	background: #fff;
	float: right;
	margin: 12px 0 0 20px;
	width: 630px;
}


#footer {
	margin-left: auto;
	margin-right: auto;
	width: 1020px;
	background: url(../../images/footerbg.gif) no-repeat;
	text-align: center;
}

#footerContent {
	text-align: left;
	margin: 0 72px 0 72px;
	border-top: 1px dashed #ee192d;
	padding: 4px 0 0 0;
}

#address {
	float: left;
	font-size: 10px;
}

#copyright {
	float: right;
	font-size: 10px;
}

#Softers {
	text-align: center;
	margin-top: 50px;
}

.button {
	background: #ffe119;
	border: 1px solid #ee192d;

}

.checkbox {
	font-size: 10px;
}

.register{
	font-size: 11px;
}

.message{
	background: #FFE119;
	border: 1px solid #ccc;
	padding: 0;
	margin: 0 0 10px 0;
	font-weight: bold;
}

.message p{
	padding: 5px;
	margin: 0;
}

.form-table input.text{
	width: 300px;
}