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

html, body { 
	background:#F0F2E7 url(kuvat/bodybg.gif) repeat-y top left;
	font:100%/130% arial, sans-serif;
}

h2, h3, h4, h5 {
	
	color:#515F65;
	}

h1 {
	font-size: 3.4em;
	font-weight:normal;
	letter-spacing:-0.025em;
	margin:120px 0 0 5px;
	text-align:left;
}

h1 span {color:#991111;}

h1 a{
	color:#CBCFB5;
	font-weight:normal;
	text-decoration:none;
	}
h1 a:hover{color:#CBCeB2;}
h1 a:active,
h1 a:visited {
	color:#CBCFB5;
	font-weight:normal;
	text-decoration:none;
	}

h2{
	border-bottom:2px solid #CBCFB5;
	clear:both;
	color:#CBCFB5;display:block;
	font-size:2.5em;
	letter-spacing:-0.025em;
	margin:30px 10px 0 10px;
	padding:30px 10px 10px 10px;position:relative;
}

h3 {
	background-color:#CBCFB5;
	clear:both;
	color:#fff;
	font-size:1.5em;
	font-weight:normal;
	margin:10px 0 10px 0;
	padding:5px;
}

h4 {
	color:#556677;
	font-size:1.3em;
	font-weight:normal;
	margin:5px 0 10px 0;
	padding:5px;
	}


p {color:#556677;
font-size: .85em;
	
	text-align: left;
	margin-bottom:10px;
	}

a{color:#3C99E5;font-weight:bold;}
a:hover{color:#C087DE;text-decoration:none;}
a:active{background-color:#FFE2E2;}
a:visited{color:#C087DE;}

blockquote {
color:#556677;
font:.85em georgia, times, serif;
margin:10px 40px;
}

#historia p{margin:15px;}


#bgcontent {
	background:#CBCFB5 url(kuvat/liukuvari.gif) repeat-y top left;
	border-top: 1px solid #550010;
	border-right:1px solid #CBCFB5;
	border-left:1px solid #430712;
	border-bottom:1px solid #430712;
	clear:both;
	display:block;
	margin: 0 auto;
	max-width:1100px;
	min-width:700px;
	padding-left:40px;
	padding-right:15px;
	}
* html #bgcontent {width:820px;padding-left:40px;padding-right:15px;}



#container1 {
	background: #ffffff url(kuvat/container.gif) repeat-x top left;
	border-top:1px solid #CBCFB5;
	border-bottom:1px solid #CBCFB5;
	display:block;
	margin-top:-3px;
	}
	
#top {
	background: #CBCFB5 url(kuvat/ttsheader_light.jpg) no-repeat top right;
	border: 1px solid #CBCFB5;
	clear:both;
	display:block;
	height:170px;
	width:100%;
	}

#asia {
	border-top: 3px solid  #DDE2C6;
	border-bottom:1px solid #ffffff;
	clear:both;
	display:block;
	margin:30px auto 10px auto;
	padding-top:60px;
	width:98%;
	}
* html #asia {margin:1px 5px;}

.kappale {border:1px solid #fff;}

.vasen {
	border:1px solid #CBCFB5;
	float:left;
	margin:5px 1px 0 5px;
	padding:5px;
	width:45%;
}
* html .vasen {width:47%;}


body.etusivu .vasen,
body.historia .vasen,
body.projektit .vasen {
	float:left;
	margin:1%;
	overflow:hidden;
	padding:1%;
	width:29%;
}
* html body.etusivu .vasen {margin:8px; padding:5px;}
* html body.historia .vasen {margin:8px; padding:5px;}
* html body.projektit .vasen {margin:8px; padding:5px;}

.oikea {
	border:1px solid #CBCFB5;
	float:right;
	margin:5px 1px 0 5px;
	padding:5px;
	width:45%;
}

body.historia .oikea{
	border: 1px solid #DDE2C6;
	float:right;
	margin:5px 1px 0 5px;
	padding:5px;
	width:68%;
	}
	
/*******************AURAT*********************/	
body.projektit .sisalto{
float:left;
width:70%;
}
body.projektit .kappale {border:0;}
body.projektit .valikko {
float:left;
width:20%;
margin:40px 0 0 0;
padding:0 40px 0 0;
text-align:right;
}
body.projektit p{
color:#223344;
}
body.projektit .valikko ul{
line-height:1.8em;}

/********************KUVAT************************/

.kuvat {
	margin:0 15px 0 0;
	text-align:center;
	padding-top:5px;
}

body.galleriajust .kuvat {
	float:left;
	margin:0 15px 0 5px;
	text-align:center;
	padding-top:5px;
}

body.etusivu .vasen .kuvat{clear:both;}

.linkit {margin:0 0 0 20px;}

/************************TAFTAF ja NAYTTELY****************/
body.taftaf .kuvat p,
body.taftaf .kuvat_pysty p,
body.nayttely .kuvat p,
body.nayttely .kuvat_pysty p{
	font-size:.7em;
	text-align:center;
	}

body.taftaf h3,
body.nayttely h3{
	clear:both;
	}

body.taftaf .vasemmalla,
body.nayttely .vasemmalla,
body.projektit .vasemmalla {
	border: 1px solid #CBCFB5;
	float:left;
	padding:1%;
	width:55%;
	}

body.taftaf .oikea,
body.nayttely .oikea,
body.projektit .oikea {
	background-color:#E9ECDA;
	border: 1px solid #E9ECDA;
	margin:0 0 0 0;
	overflow:hidden;
	text-align:center;
	width:40%;
	}

body.taftaf .vasemmalla .kuvat,
body.nayttely .vasemmalla .kuvat{
	float:left;
	margin:0 15px 0 0;
	}

* html .vasemmalla p {clear:both;text-align:left;}

body.taftaf .vasemmalla .kuvat_pysty,
body.nayttely .vasemmalla .kuvat_pysty{
	float:left;
	margin:0 15px 0 0;
	width:175px;
	}


.oikea img,
.vasemmalla img,
.vasen img,
.sisalto img{
	background-color:#999;
	border-top:1px solid #eee;
	border-left:1px solid #e9e9e9;
	border-right:2px solid #D0D0D0;
	border-bottom:2px solid #D0D0D0;
	padding:1px 1px 2px 0;
	}

.huom { 
	background:#fff url(huom.jpg) repeat top left;
	border: 1px dashed #e1f5f8;
	margin:5px 0;
	padding:3px;
	}


#alapalkki { 
	background-color:#430712;
	border-top:5px solid #CBCFB5;
	border-right:1px solid #ffffff;
	border-bottom: 1px solid #fff;
	border-left:1px solid #fff;
	clear:both;
	display:block;
	padding:20px 0;
	position:relative;
	}

  #alapalkki p { 
	color:#9e9e9e;
	font-size: .8em;
	line-height: 150%;
	text-align:center;
	}

p.osoite {font-weight:bold;}

.clear{clear:both;}
/****************************************************************************
*****************************LISTAT****************************************
******************************************************************************/
ul {
	font-size:10pt;
	list-style-type: none;
	}


/*******************************
JASENET LISTA
********************************/

#jasenet a.aakkoset {
font-size:10pt;
}

#jasenet ul {
	color: #445566;
	list-style-type: none;
	margin: 0 10px 0 10px;
	}


#jasenet ul li {
	border:1px solid #FAFFF0;
	color: #E2E7CE;
	font-size:40pt;
	font-weight:normal;
	margin:10px 0 19px 0;
	padding:0 0 0 10px;
}

#jasenet ul li:hover {border:1px solid #D6EDDF;}

#jasenet ul li ul{margin:-15px 0 0 0;}

#jasenet ul li ul li{
	border:none;
	color: #000;
	font-size:10pt;
	font-weight:normal;
	margin:0 0 0 2px;
	line-height:150%;
	padding:0 0 0 0;
	}

#jasenet ul li ul li:hover{border:none;}
	

/*************************************
NYTTELYT LISTA
*************************************/
ul.nayttelyt{ 
	color: #667788;
	font-size: 0.75em;
	list-style-type: none;
	margin: 0 0 0 10px;
	}

ul.nayttelyt li {
	display: block;
	margin-top: 5px;
	}

ul.nayttelyt li span.nimi {color: #000000;}

/**************************
NAVIGOINTI
PALKKI
****************************/
#navigation {clear:both;}

#navigation ul {
	background-color:#ECEFDF;
	float:left; 
	list-style-type:none;
	width:100%;
}

#navigation li {
	display: inline;
}
#navigation a {
	border-left:  1px solid #CBCFB5;
	border-right:  1px solid #CBCFB5;
	display:block;
	float:left;
	font-size:1.3em;
	font-weight:normal;
	padding:8px 15px;
	text-decoration:none;
	width:auto;
	}

#navigation a:hover {background:#DDE2C6;}

body.galleriajust #navigation li.galleriajust, body.nayttely #navigation
li.galleriajust,
body.etusivu #navigation li.etusivu,
body.jasenet #navigation li.jasenet,
body.yhteystiedot #navigation li.yhteystiedot,
body.projektit #navigation li.projektit,body.taftaf #navigation li.projektit,
body.historia #navigation li.historia {
	background:#DDE2C6;
	display:block;
	float:left;
	text-decoration:none;
	width:auto;
	}