@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');

html, body {
    height: 100%;
	margin: 0px;
	padding: 0px;	
}


body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	background: #dfca90;
	color: #78634c;
}


#wrap {
	width: 1070px;
	margin: 0 auto;	
	text-align: center;	
}


#top{
	width: 100%;
	height: 141px;
	background: url('../images/top-kesa.jpg') no-repeat;	
}


#header {
	position: relative;
	width: 100%;
	height: 361px;
	/** kuva tiedostossa index.php */	
}



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

#mainmenu {
	height: 42px;
	padding-left: 25px;
	text-align: left;
	background: url('../images/navi.jpg') no-repeat;
}

#mainmenu ul {
    margin: 0;
    padding: 0;
	list-style-type: none;
}

#mainmenu ul li {
	display: inline;
}

#mainmenu ul li a {
	font-family: arial, verdana, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0.4em 0.4em 0.0em 0.4em;
	padding: 8px 0px 5px 24px;
	line-height: 10px;
    display: block;
    float: left;
}

#mainmenu ul li a:hover {color: #950d0c;}
#mainmenu ul li#current a {background: url('../images/link-current-trans.png') no-repeat;}



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

.kieli {
	position: relative;
	right: 140px;
	width: 60px; 
	line-height: 36px; 
	text-align: center;
	float: right;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
}
	
	
/*-------------------------------------------*/
	
#container {
	position: relative;
	height: auto;
	padding: 10px 100px 20px 60px;	
	text-align: left;	
	background: url('../images/main-bg.jpg') repeat-y;	
	overflow: hidden;
}

#container p {padding-bottom: 10px;}

#container .contentpaneopen p {margin: 0 10px;}
#container .contentpaneopen a {margin: 0 10px;}
#container .contentpaneopen p a {margin: 0px;}
#container .contentpaneopen h4 {margin: 0 10px;}
#container .contentpaneopen img {border: 1px solid #74543d;}
#container .contentpaneopen .hasTip img {border: 0px none;}
#container .contentpaneopen span.zoom-lmage {display: none;}

#container .moduletable table {margin: 0 10px;}	
#container .moduletable table p {margin: 0px;}
#container .moduletable table a {margin: 0px;}
	
/*-------------------------------------------*/	
	
#left {
	position: relative;
	width: 263px;
	padding: 0;	
	float: left;
}

#left .moduletable {width: 263px;}	
#left .moduletable h3 {background: url('../images/heading-tontut-1.jpg') no-repeat;}	


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

#main {
	position: relative;
	height: 100%;	
	margin: 0 283px 0 290px;
	padding: 0 20px;
	z-index: 2;
	border-left: 1px solid #d8d3cf;
	border-right: 1px solid #d8d3cf;
}

#main .contentpaneopen {width: 263px;}
#main .contentheading {background: url('../images/heading-tontut-2.jpg') no-repeat;}
#main .componentheading {background: url('../images/heading-tontut-3.jpg') no-repeat;} /* kirjaudu */


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

#main-wide {
	position: relative;
	width: auto;
	height: 100%;	
	margin: 0 150px 0 293px;
	padding: 0 20px;
	z-index: 2;
	border-left: 1px solid #d8d3cf;
}

#main-wide .contentpaneopen {width: 573px;}
#main-wide .contentheading {background: url('../images/heading-tontut-4.jpg') no-repeat;}
#main-wide .componentheading {background: url('../images/heading-tontut-1.jpg') no-repeat;} /*kirjaudu */


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

#main-full {
	position: relative;
	left: 200px;
	height: 100%;
	margin-right: 200px;
	padding: 0 20px;
	z-index: 2;
	border-left: 1px solid #d8d3cf;
}

#main-full .contentpaneopen {width: 573px;}
#main-full .componentheading {background: url('../images/heading-tontut-1.jpg') no-repeat;} /* kirjaudu */
#main-full .contentheading {background: url('../images/heading-tontut-4.jpg') no-repeat;}


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

#right {
	position: relative;
	width: 263px;
	margin-right: 0px;
	float: right;
	z-index: 1;
}	

#right .moduletable {width: 263px;}	
#right .moduletable h3 {background: url('../images/heading-tontut-3.jpg') no-repeat;}	


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

#footer {
	clear: both;
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	text-align: center;
	background: url('../images/footer.jpg') no-repeat;
	float: left;
}



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

#puska {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 85px;
	height: 161px;
	background: url('../images/puska.jpg') no-repeat bottom right;	
	z-index: 999;
}



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

table.kuvagalleria td {
	width: 120px;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}



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

#loginmenu {
	margin-top: 20px;
	text-align: center;
}

#loginmenu ul {
	position: relative; 
	left: 35%;
	width: 30%; 
	margin-top: 10px;	
	text-align: center; 
	list-style-type: none;
	float: left;
}

#loginmenu li {display: inline;}

#loginmenu a {
	font-size: 0.9em; 
	text-decoration: underline; 
	margin: 0 0.4em 0 0.4em; 
	color: #856942;
}

#loginmenu a:hover {color: #000;}



/* ------------------------------------------------------------------*/
/* ----------------------------- Otsikot ----------------------------*/
/* ------------------------------------------------------------------*/

h1 {
	font-family: arial, verdana, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 15px;
	text-transform: uppercase;	
	color: #950d0c;
}

h2 {
	font-family: arial, verdana, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	padding-bottom: 15px;	
	text-transform: uppercase;
	color: #950d0c;
}

h3 {
	font-family: arial, verdana, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	padding-bottom: 15px;	
	text-transform: uppercase;
	color: #950d0c;
} 

h4{
	font-size: 1.0em;
	font-weight: bold;
	padding-bottom: 5px;		
	color: #950d0c;
}


.moduletable h3 {
	font-family: arial, verdana, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	padding-bottom: 15px;	
	text-transform: uppercase;
	color: #950d0c;
	padding: 24px 10px 15px 10px;
}	

.contentheading {
	font-family: arial, verdana, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	text-transform: uppercase;
	color: #950d0c;
	padding: 24px 10px 15px 10px;	
}

.componentheading {
	font-family: arial, verdana, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	text-transform: uppercase;
	color: #950d0c;
	padding: 24px 10px 15px 10px;	
} 



/* ------------------------------------------------------------------*/
/* ----------------------------- Tekstit ----------------------------*/
/* ------------------------------------------------------------------*/

p, li, td, th, legend  {
	font-size: 1.0em;
	font-weight: normal;
}

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

ol {
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 20px;
	list-style: decimal inside;
}

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

a {
	font-size: 1.0em;
	text-decoration: underline;	
}

a:link {	color: #950d0c;}
a:visited {	color: #950d0c;}
a:hover {color: #000000;}
a:active {color: #000000;}



/* ------------------------------------------------------------------*/
/* --------------------------- Muut elementit -----------------------*/
/* ------------------------------------------------------------------*/

img {
	border: 0 none;
}

.hide { 
	display: none;
}

.chronoform {
	display:none;
}


/***************************************/
/************ Kielivalikko *************/
/***************************************/

#kielivalikko {
	position: absolute;
	top: 3px;
	right: 92px;
	width: 72px;
	height: 39px;
}