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

* {margin:0;
padding:0;
border:0;}

body {
	font: 0.8em Arial, Helvetica, Verdana, sans-serif;
	background: #ed1c24;
	background-image:url(img/base/bg_1.png);
	background-repeat:repeat-y;
	background-position:top center;
	margin: 0; /*   */
	padding: 0;
	text-align: center; /*   */
	color: #000000;
}


/* ######################### CONTAINER ################################# */
 #container {
	width: 900px;  
	background:none;
	margin: 0 auto; /* center */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}





/* ######################### HEADER ja NAVI ################################# */

/* etusivulla eri tausta kuin alasivulla */

 #header-front {  
	background: #fff;
	background-image:url(img/base/top_design1.png);
	background-repeat:no-repeat;
	background-position:  -50px 0; 
	height:110px;
	}

 #header {  
	background: #fff;
	background-image:url(img/base/top_design2.png);
	background-repeat:no-repeat;
	background-position:  550px 0; 
	height:110px;
	}

/* alkuperäinen margin top 76 ilman etusivulinkkiä */
.headerpalsta {width:280px; margin:46px 10px 0 10px; float:left;}


.mainpage {width:890px; padding:20px 0 0 0; text-align:right;}

.mainpage a {font-family:Arial, Helvetica, sans-serif; font-size:90%; text-decoration:none; color:#d95a4d;}

#navi {
margin:0 15px 0 15px;
border:0;
border-top:1px solid #d95a4d;
padding:0.5em;}

#navi a {font-family:Arial, Helvetica, sans-serif; font-size:90%; text-decoration:none;}
#navi a:link, #navi a:visited, #navi a:active {color:#d95a4d;}
#navi a:hover {color:#9ba18f;}

/* sanaväli ylälinkeissä */
.navispace {margin: 0 20px 0 0;}
.nuoli {margin:-5px 0 2px 0;}


/* ######################### ETUSIVU ################################# */



#etupalsta {width:280px;
margin:0 10px;
float:left;
}

#etupalsta p {margin:1em 0.5em;
font-size:90%;
line-height:160%;}

#etupalsta a {font-family:Arial, Helvetica, sans-serif;  text-decoration:none;}
#etupalsta a:link, #etupalsta a:visited, #etupalsta a:active {color:#d95a4d;}
#etupalsta a:hover {color:#9ba18f;}

#etupalsta h1  {
font:Arial, Helvetica, sans-serif;
font-size:120%;
font-weight:bold;
letter-spacing:0.1em;
text-transform:lowercase;
font-variant:small-caps;
padding:0;
margin:1em 0.5em 2em 0.5em;
line-height:100%;
color:#d95a4d;
}

#etupalsta h2  {
font:Arial, Helvetica, sans-serif;
font-size:110%;
font-weight:bold;
letter-spacing:0.1em;
text-transform:lowercase;
font-variant:small-caps;
padding:0;
margin:-1em 0.5em 1em 0.5em;
line-height:normal;
color:#d95a4d;
}

#etupalsta h3  {
font:Arial, Helvetica, sans-serif;
font-size:120%;
font-weight:bold;
letter-spacing:0.1em;
text-transform:lowercase;
font-variant:small-caps;
padding:0;
margin:2em 0.5em 1em 0.5em;
line-height:normal;
color:#9ba18f; 
}



/* ######################### PÄÄSISIS ################################# */
 #leipis {
	 margin:3em 2em 2em 330px;
	padding: 0 20px;  
	background:none;
 min-height:300px;
 height:auto !important;  
 height:300px; 
}

#leipis a {font-family:Arial, Helvetica, sans-serif;  text-decoration:none;}
#leipis a:link, #leipis a:visited, #leipis a:active {color:#d95a4d;}
#leipis a:hover {color:#9ba18f;}


#kuvapalsta {
	margin: 3em  0 2em  100px;
	padding: 0;  
	background:none; 
	float:left;
	width:170px;
	font-size:85%;
	color:#333;
}

#kuvapalsta a {font-family:Arial, Helvetica, sans-serif;  text-decoration:none; color:#333;}

#kuvapalsta img {margin:0 0 1em 0;}



/* ######################### OTSIKOT ################################# */


h1  {
font:Arial, Helvetica, sans-serif;
font-size:150%;
font-weight:bold;
letter-spacing:0.1em;
text-transform:lowercase;
font-variant:small-caps;
padding:0;
margin:0 0 2em 0;
line-height:100%;
color:#d95a4d;
}

h2  {
font:Arial, Helvetica, sans-serif;
font-size:120%;
font-weight:bold;
letter-spacing:0.1em;
text-transform:lowercase;
font-variant:small-caps;
padding:0;
margin:-1em 0 1em 0;
line-height:normal;
color:#000000;
}


h3  {
font:Arial, Helvetica, sans-serif;
font-size:120%;
font-weight:bold;
letter-spacing:0.1em;
text-transform:lowercase;
font-variant:small-caps;
padding:0;
margin:3em 0 1em 0;
line-height:normal;
color:#9ba18f;
clear:right;
}

h4  {
font:Arial, Helvetica, sans-serif;
font-size:110%;
font-weight:bold;
letter-spacing:0.1em;
text-transform:lowercase;
font-variant:small-caps;
padding:0;
margin:2em 0 1em 0;
line-height:normal;
color:#bbc1af;
}


 

/* ######################### TEKSTIMUOTOILUT ################################# */

p  {margin:1em 0;
line-height:140%;}

dt {margin:1em 0;}
dd {margin:1em 2em;}

ul {margin:1em 0;}
li {margin:0.5em 3em;}

.small-right {font-size:85%; text-align:right; padding:0.5em; float:right;}

.old {font-size:85%; color:#999;}
.old a {color:#999;}

.allekirjoitus {text-align:right; margin:3em 0.5em 2em 0;}


.nayttely {clear:right;
 min-height:100px;
 height:auto !important;  
 height:100px;
 background-color:#fff;
 margin:1em 0;
 padding:0.5em;
 background-image:url(img/base/bg_nayttelyt.jpg);
 background-repeat:repeat-x;
}

.fltrt {float:right;
margin: 0 0 1em 0.5em;
display:block;}

.fltlt {float:left;
margin: 1em;
}

.ingressi {font-weight:bold;
font-style:italic;
}


/* ######################### TOGGLES ################################# */

.taiteilija{ /*header of 1st demo*/
cursor: hand;
cursor: pointer; 
border: 0;
background: none;
color:#d95a4d;
}

.tiedot{ /*class added to contents of 1st demo when they are open*/
background-color:#FFF;
background-image:url(img/base/bg_nayttelyt.jpg);
background-repeat:repeat-x;
padding:0.5em 0.5em 0.5em 1.5em;
margin:0.5em 0 1em 2em;
 min-height:200px;
 height:auto !important;  
 height:200px;
}
 



/* ######################### FOOTER ################################# */

#footer {
	background:#fff;
	background-image:url(img/base/bot_design2.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	height:200px;
	font-size:85%;
	text-align:center;
	clear:both;
} 

/* JUHLAVUOSI #footer {
	background:#fff;
	background-image:url(img/base/bot_65.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	height:230px;
	font-size:85%;
	text-align:left;
	clear:both;
} */

 #footer p {
	margin: 0; /* ! */
	padding:150px 1em 1em 1em; 
}