/* CSS Document */

body { 	
	font: 85% georgia,arial,sans-serif; 
	color: white;
	line-height: 1.2em;
	background: url(kuvat/kylttipieni.jpg) no-repeat /* */;
	background-color: #000000;
	margin: 0px; 
}

/* ---------------- Leiskaosuus ------------------------- */

#border {
	width: 735px;
	position: absolute;
	top: 0px;
	left: 0px;
	border-bottom: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
	padding-left: 75px;
	margin-bottom: 20px;
	}

#kokosivu {
	width: 735px;
	background: url(kuvat/kulma.jpg) no-repeat bottom right;
	background-attachment: scroll;
	padding-bottom: 34px;
	}


#sisalto {
	background: url(kuvat/sisakulma.jpg) no-repeat bottom right #B5B5B5;
	background-attachment: scroll;
	border: 1px #000000 solid;
	width: 671px;
	margin-bottom: 0px;	
	margin-right: 0px;
	min-height: 400px;
	}



#ylapalkki {
	width: 735px;
	height: 110px;
	background: url(kuvat/logo.jpg) no-repeat right;
	}

#linkkipalkki {
	padding-top: 5px;
	padding-left: 10px;
	height: 20px;
	width: 661px;
	color: #7C5519;
	border-bottom: solid #BEBEBE 1px;
	font-variant: small-caps;
	background-color: #BEBEBE;
	}


#tekstikentta {
	width: 400px;
	padding-left: 15px;
	margin-left: 80px;
	margin-bottom: 50px;
	color: #222222;
	padding-top: 5px;
	}

#alinks {
	position:absolute;
	left:450px;
	top:155px;
	}

#alinks ul {
	list-style-type:none;
	}

/* ---------------- Leiskaosuus loppuu ------------------------- */


/* ---------------- Linkkien tyylimäärittelyt ------------------------- */

#linkkipalkki ul {
	list-style-type: none;
	display: inline;
	padding-left: 0px;
	width: 100%;
	padding-left: 20px;
	}

#linkkipalkki li {
	padding: 3px 10px 3px 10px;
	margin-left: 0px;
	display: inline;
	}


#linkkipalkki a {
	text-decoration: none;
	color: #3C3C3B;
	display: inline;
	padding: 5px ;
	}

#linkkipalkki a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #B5B5B5;
	padding: 5px;
	}
	

#linkkipalkki .currentpage a {
	text-decoration: underline;
	color: #000000;
	background-color: #B5B5B5;
	padding: 5px;
	}

    
#anavi a {
    font-family:Verdana,Sans-Serif;
    font-size:14px;
    font-weight:bold;
    color:#A67A33;
    text-transform:uppercase;
    text-decoration:none;
    }
    
#anavi img {
    border:0;
    }
/* ---------------- Linkkien tyylimäärittelyt ------------------------- */


	
.indexx {
	font-size: 1.2em;
	line-height: 1.3em;
	text-align: left;
	}
	
	/* margin-left: 30px;*/
	
#tekstikentta2 {
	width: 500px;
	padding-left: 15px;
	margin-left: 80px;
	margin-bottom: 50px;
	color: #222222;
	padding-top: 5px;
	}
		
/* ---------------- Otsikoiden image replacement ------------------------- */

	
#main {
	background: url(kuvat/otsikko_main.jpg) no-repeat;
	width: 671px;
	height: 78px;
	margin-top: -0px;
	}


#main span {
	display: none;
	}

#ohje {
	width: 160px;
	border: 1px solid white;
	padding: 5px;
	margin: 0px 0px 0 0;
	float: right;
	}

#heidi {
	background: url(kuvat/otsikko_heidi.jpg) no-repeat;
	width: 671px;
	height: 78px;
	margin-top: -0px;
	}

#heidi span {
	display: none;
	}

#referenssit2 {
	background: url(kuvat/otsikko_referenssit2.jpg) no-repeat;
	width: 671px;
	height: 78px;
	margin-top: -0px;
	}

#referenssit2 span {
	display: none;
	}
	
#yhteydenotto {
	background: url(kuvat/otsikko_yhteydenotto.jpg) no-repeat;
	width: 671px;
	height: 78px;
	margin-top: -0px;
	}

#yhteydenotto span {
	display: none;
	}
	
#heidimittler {
	background: url(kuvat/otsikko_heidi.jpg) no-repeat;
	width: 671px;
	height: 78px;
	margin-top: -0px;
	}

#heidimittler span {
	display: none;
	}
	
/* Otsikoiden image replacement på svenska */
	
#main_se {
	background: url(kuvat/otsikko_main_se.jpg) no-repeat;
	width: 671px;
	height: 78px;
	margin-top: -0px;
	}

#main_se span {
	display: none;
	}	


#heidi_se {
	background: url(kuvat/otsikko_heidi_se.jpg) no-repeat;
	width: 671px;
	height: 78px;
	margin-top: -0px;
	}

#heidi_se span {
	display: none;
	}


#referenssit2_se {
	background: url(kuvat/otsikko_referenssit2_se.jpg) no-repeat;
	width: 671px;
	height: 78px;
	margin-top: -0px;
	}

#referenssit2_se span {
	display: none;
	}


#kontakt_se {
	background: url(kuvat/otsikko_kontakt_se.jpg) no-repeat;
	width: 671px;
	height: 78px;
	margin-top: -0px;
	}

#kontakt_se span {
	display: none;
	}



/* ---------------- Yhteydenottolomakkeen tyylit ------------------------- */

dt {
	float: left;
	padding: 5px 10px 0 0;
	width: 155px;
	text-align: right;
	font-weight: bold;
	}


dd {
	margin: 0;
	padding-top: 5px;
	}

	
#form input, textarea{	
	border: 1px solid #3C3C3B;
	color: #000000;
	background: #ffffff;
	padding: 0px;
	}

.bold {
	font-weight: bold;
	}
	
.img {
	margin: 20px 0 0 20px;
	width: 143px;
	float: right;
	font-size: 0.75em;
	text-align: right;
	}

.img img {
	padding-bottom: 2px;
	}
		

/* ---------------- Yhteydenottolomakkeen tyylit loppuu ------------------------- */	

/* ---------------- Referenssisivun tyylit ------------------------- */

.aktiivireferenssi { 	
	font: 10pt georgia,arial,sans-serif; 
	padding-bottom: 5px;
	border-bottom: 1px solid #BEBEBE;
	margin-bottom: 5px;
	}

.aktiivireferenssi h3 {
	display: inline;
	font-size: 1.0em;
	}

.aktiivireferenssi h3 a{
	display: inline;
	font-size: 1.0em;
	color: #000000;
	font-variant: small-caps;
	}

.aktiivireferenssi h3 a:visited{
	display: inline;
	font-size: 1.0em;
	color: #000000;
	}


.sisennys {
	margin-left: 30px;
	margin-right: 70px;
	padding-top: 5px;
	color: #60470B;
	padding-bottom: 0px;
	}
	
.sisennys a{
	color: #000000;
	}	


.references {
	width: 450px;
	float: left;
	}
	
.referenssit2 {
	margin-top: 10px;
	padding-top: 10px;
	}
	
/* ---------------- Referenssisivun tyylit loppuu ------------------------- */

/* ---------------- Pisteytyssivun tyylit ------------------------- */

#pisteytys {
	background: url(kuvat/otsikko_referenssit2.jpg) no-repeat;
	width: 671px;
	height: 78px;
	margin-top: -0px;
	}

#pisteytys span {
	display: none;
	}
	
.pisteytys {
  float:left;
  text-align:center;
  padding-right:10px;
  }

.pisteytys a {
  text-decoration:none;
  color:#000;
  }

/* ---------------- Pisteytyssivun tyylit loppuu ------------------------- */

/* ---------------- 30-vuotisjuhlasivun tyylit ------------------------- */

.kolkyt img {
  margin:3px;
  border:0;
}

#kolkytkuvat {
	background: url(kuvat/otsikko_heidi.jpg) no-repeat;
	width: 671px;
	height: 78px;
	margin-top: -0px;
	}

#kolkytkuvat span {
	display: none;
	}
	
/* ---------------- 30-vuotisjuhlasivun tyylit loppuu ------------------------- */

/* ---------------- Nuottisivun tyylit ------------------------- */

.gitarr {
  text-align:center;
  }

.gitarr a {
  text-decoration:none;
  color:#000;
  }



#gitarr {
	background: url(kuvat/otsikko_heidi.jpg) no-repeat;
	width: 671px;
	height: 78px;
	margin-top: -0px;
	}

#gitarr span {
	display: none;
	}

/* ---------------- Nuottisivun tyylit loppuu ------------------------- */

p.banner a {
	text-decoration: none;
	color: #000000;
	background-color: transparent;
	display: block;
	width: 100%;
	padding: 15px;
	font: italic 20px Verdana, Helvetica, Courier, sans-serif;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}