@charset "UTF-8";
/* CSS Document */

/* ------------------------------------------------------------------------------*/
/*-----------------   Suomen Pienyrittäjäin Mainostoimisto Oy  ------------------*/
/*-----------------   Erkka Kinnunen, erkka.kinnunen@spym.fi  -------------------*/
/* ------------------------------------------------------------------------------*/

@import url('reset.css');
@import url('form.css');



/****** Tekstit ******/

body, p , td, li, textarea {
	font-family: verdana, arial, sans serif;
	font-size: 11px;
	font-weight: normal;
	color: #2b2b2b;
}

ul {
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 20px;
	list-style-type: disc;
}

legend, th {
	font-weight: bold;
	color: #d10000;
}


fieldset {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #d0d0d0;
}



/****** Linkit ******/

a {
	font-family: verdana, arial, sans serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;	
	color: #a26720;
}

a:hover {
	color: #d10000;	
	text-decoration: none;		
}



/****** Otsikot ******/

.contentheading_etusivu {
	width: 210px;
	height: 60px;
	font-size: 0px;
	background: url('../images/otsikot/heading-etusivu.jpg') no-repeat;
	line-height: 30px;
	color: #dedede;
	display: block;	
} 

.contentheading_leivat {
	width: 210px;
	height: 60px;
	font-size: 0px;
	background: url('../images/otsikot/heading-leivat.jpg') no-repeat;
	line-height: 30px;
	color: #dedede;
	display: block;	
} 

.contentheading_leipurit {
	width: 210px;
	height: 60px;
	font-size: 0px;
	background: url('../images/otsikot/heading-leipurit.jpg') no-repeat;
	line-height: 30px;
	color: #dedede;
	display: block;
} 

.contentheading_viipurilainen {
	width: 210px;
	height: 60px;
	font-size: 0px;
	background: url('../images/otsikot/heading-viipurilainen.jpg') no-repeat;
	line-height: 30px;
	color: #dedede;
	display: block;	
} 

.contentheading_jalleenmyyjat {
	width: 210px;
	height: 60px;
	font-size: 0px;
	background: url('../images/otsikot/heading-jalleenmyyjat.jpg') no-repeat;
	line-height: 30px;
	color: #dedede;
	display: block;	
} 

.contentheading_otayhteytta {
	width: 210px;
	height: 60px;
	font-size: 0px;
	background: url('../images/otsikot/heading-otayhteytta.jpg') no-repeat;
	line-height: 30px;
	color: #dedede;
	display: block;	
} 

.componentheading_kirjaudu {
	width: 210px;
	height: 60px;
	font-size: 0px;
	background: url('../images/otsikot/heading-kirjaudu.jpg') no-repeat;
	line-height: 30px;
	color: #dedede;
	display: block;	
} 

.componentheading_yhteystietosi {
	width: 210px;
	height: 60px;
	font-size: 0px;
	background: url('../images/otsikot/heading-muokkaa-tietojasi.jpg') no-repeat;
	line-height: 30px;
	color: #dedede;
} 

.contentheading, .componentheading {
	font-family: verdana, arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #d10000;
	line-height: 30px;	
	padding-bottom: 20px;
} 

.moduletable h3 {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #d10000;
	line-height: 30px;	
	padding-bottom: 15px;
}


h1 {
	font-family: verdana, arial, sans serif;
	font-size: 20px;	
	font-weight: bold;
	color: #d10000;	
	padding-bottom: 15px;
}

h2 {
	font-family: verdana, sans serif;
	font-size: 18px;	
	font-weight: bold;
	color: #d10000;	
	padding-bottom: 15px;
}

h3 {
	font-family: verdana, arial, sans serif;
	font-size: 14px;	
	font-weight: normal;
	color: #d10000;
	padding-bottom: 5px;
}

.taulukko-border h3{
	padding-bottom: 5px;
	
}

.taulukko-border h3 a{
	padding-bottom: 5px;
	font-family: verdana, arial, sans serif;
	font-size: 14px;	
	font-weight: normal;
	color: #d10000;
}

.taulukko-border h3 a:hover{
	color: #1e0e04;
}

strong{
	color: #a26720;
	padding-bottom: -15px;
}


h4 {	
	font-family: verdana, arial, sans serif;
	font-size: 14px;	
	font-weight: bold;
	color: #d10000;	
	padding-bottom: 10px;
}



/****** Rakenne ******/

html, body {
	margin: 0px;
	padding: 0px;	
}

body {
	line-height: 1.4em;
	color: #2b2b2b;
	background: #4e5253 url('../images/body-bg.jpg') no-repeat center center fixed;	
}

div#wrap {
	position: relative;
	width: 856px;
	margin: 35px auto;
}

div#left {
	width: 288px;
	margin: 0px;
	padding: 0px;	
	float: left;
}

	div#vasenboksi .center {width: 280px;	min-height: 160px; height: auto !important; height: 160px; background: url('../images/box-center-trans.png') repeat-y;}
	div#vasenboksi .bottom {width: 280px;	height: 25px; background: url('../images/box-bottom-trans.png') no-repeat bottom left;}		
	div#vasenboksi .contentpaneopen {margin: 0px 20px 0px 35px;}

	div#vasenboksi .ajankohtaista {width: 280px;}
	div#vasenboksi .ajankohtaista .top {width: 280px; height: 77px; background: url('../images/box-ajankohtaista-trans.png') no-repeat;}
	
	div#vasenboksi2 .center {width: 280px;	min-height: 160px; height: auto !important; height: 160px; background: url('../images/box-center-trans.png') repeat-y;}
	div#vasenboksi2 .bottom {width: 280px;	height: 25px; background: url('../images/box-bottom-trans.png') no-repeat bottom left;}		
	div#vasenboksi2 .contentpaneopen {margin: 0px 20px 0px 35px;}

	div#vasenboksi2 .yhteistyokumppanit {width: 280px;}
	div#vasenboksi2 .yhteistyokumppanit .top {width: 280px; height: 77px; background: url('../images/box-yhteistyokumppanit-trans.png') no-repeat;}	

div#navi {
	width: 288px;
	margin: 0px;
	padding: 0px;
	height: 245px;
	background: url('../images/navi-trans.png') no-repeat;	
}

div#main {
	position: relative;
	/*width: 568px;*/
	height: 100%;
	margin: 0px 0px 0px 288px;
}



div#etusivun-kuva {
	position: relative;
	top: 75px;
	height: 348px;
	background: url('../images/etusivu-main-trans.png') no-repeat bottom left;
}

div#main-top {
	height: 206px;	
	/*background: url('../images/main-top-trans.png') no-repeat top left;*/
}

div#main-center {
	background: url('../images/main-bg-trans.png') repeat-y;
	padding-bottom: 1em;
}

div#main-center .vilja {
	min-height: 472px;
	height: auto !important;
	height: 472px;
	background: url('../images/main-vilja-trans.png') no-repeat top right;
}

div#main .inner {
	margin-right: 70px;
	margin-left: 40px;
}

	#main .inner p {padding-bottom: 15px;}

div#main-bottom {
	height: 28px;	
	background: url('../images/main-bottom-trans.png') no-repeat bottom left;
}

div#boksit {
	overflow: hidden;
}

	div#boksit .center {width: 280px;	min-height: 170px; height: auto !important; height: 170px; background: url('../images/box-center-trans.png') repeat-y;}
	div#boksit .bottom {width: 280px;	height: 25px; background: url('../images/box-bottom-trans.png') no-repeat bottom left;}		
	div#boksit .contentpaneopen {margin: 0px 20px 0px 35px;}
	div#boksit .contentpaneopen p {margin: 0px 0px 10px 0px;}		

	div#boksit .etusivu {width: 280px; float: left;}
	div#boksit .etusivu .top {width: 100%; height: 77px; margin-left: 1px; background: url('../images/box-etusivu-trans.png') no-repeat;}
		
	div#boksit .ajankohtaista {width: 280px; margin: 0px 276px 0px 284px;}	
	div#boksit .ajankohtaista .top {width: 100%; height: 77px;	background: url('../images/box-ajankohtaista-trans.png') no-repeat;}	

	div#boksit .leivat{width: 280px;	float: right;}	
	div#boksit .leivat .top {width: 100%;	height: 77px; background: url('../images/box-leivat-trans.png') no-repeat;}		
	
	
div#footer {
	margin: 40px 0px 20px 0px;
	text-align: center;
}

div#footer p {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 2px;
	color: #ffffff;	
}

div#footer a {
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 2px;
	color: #ffffff;	
	text-decoration: underline;
}

/****** Navigointi ******/

.moduletable_menu ul {
	margin: 0px;
	padding-top: 30px;
	padding-left: 40px;
	list-style-type: none;
}

.moduletable_menu ul li {
	margin: 0px;
	padding-left: 28px;
}

.moduletable_menu ul li a {
	width: 100%; 
	font-family: verdana, arial, sans serif;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	color: #1e0e04;
	margin: 0px;
	padding: 0px;
    display: block;
}

	.moduletable_menu ul li.item1 {margin-left: 5px;}
	.moduletable_menu ul li.item3 {margin-left: 10px;}
	.moduletable_menu ul li.item11 {margin-left: 15px;}
	.moduletable_menu ul li.item4 {margin-left: 20px;}
	.moduletable_menu ul li.item12 {margin-left: 25px;}
	.moduletable_menu ul li.item9 {margin-left: 30px;}

.moduletable_menu a:hover {
	color: #1e0e04; 
	text-decoration: none;
}

.moduletable_menu ul li#current {
	background: url('../images/active-link-trans.png') no-repeat 0%;
}


/****** Käyttäjävalikko ******/

.moduletable_kirjaudu {
	margin-top: 10px;
	padding: 0px;
	text-align: center;
}

.moduletable_kirjaudu a {
	margin: 0px 5px 0px 5px;
}

.moduletable_kirjaudu a:hover {}



/****** Muut ******/

img {border: 0 none;}
.clear {clear: both;}
.hide {display: none;}
.chronoform {display: none;}


input, textarea, select {
	border: 1px solid #7d7d7d;
	margin-top: 1px;
	margin-bottom: 5px;
	padding: 2px;
}

input.radio {
	border: 0 none;
}

.nuoli {
	position: absolute; 
	top: 140px; 
	right: -50px; 
	z-index: 5;
}

.taulukko-border td{
	padding: 10px 10px 0px 0px;		
}