html, body, div, img {
	margin:0;
	padding:0;
	border:0;
}

html, body {
	height:100%;}

body {
	background:#000;
	font-family: Georgia;
        text-shadow: 1px 1px 7px #000;
        font-size: 11px;
	color:#fff;
        line-height: 20px;
        margin-top: 10px;
        margin-bottom: 50px;
	text-align:center;
}

#runko1 {
	width:1000px;
	min-height:100%;
	background:url('feurbarock-new.png') no-repeat center top;
	margin:0 auto;
	text-align:left;
}

#runko2 {
	overflow:auto;
	width:100%;
	height:100%;
	background:url('tekstitausta.jpg') no-repeat 0px 300px;
}

#tekstit {
	text-align:justify;
	margin-left:495px;
	width:480px;
        height:660px;
        margin-top: 5px;
    border: 0px solid;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
        overflow:scroll;
}

#tekstit2 {
	text-align:justify;
	margin-left:495px;
	width:465px;
        height:660px;
        margin-top: 5px;
    border: 0px solid;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}


#sivu {
	float:left;
	width:350px;
	text-align:justify;
	margin-left:115px;
	padding-top:600px;
}

a:link, a:active, a:visited {
font-family: arial;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #CFA661;
}

a:hover {
font-family: arial;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #DBCC75;
}

A:link.navi, A:visited.navi {
  font-family: georgia;  
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #B37E2C;
  text-decoration: none;
  text-shadow: 0px 0px 7px #7A5B3C;
  cursor:default; }

A:hover.navi {  
  font-family: georgia;
  font-size: 17px;
  letter-spacing: 0.5px;
  font-weight: bold;
  color: #DBCC75;
  text-shadow: 0px 0px 7px #000000;
  cursor: default; }

h1 {
color: #B37E2C;
text-align:left;
font-weight: bold;
line-height: 10px;
font-size: 20px;
font-family: palatino linotype;
font-style:italic;
letter-spacing:1px;
text-shadow: 0px 0px 7px #000;
}

h2 {
font-family: georgia;
color: #DDAE58;
text-shadow: 1px 1px 7px #000;
font-size: 11px;
letter-spacing: 1;
font-weight: normal;
text-align: justify;
line-height: 20px;
}

h3 {
color: #BBB39F;
text-align:center;
font-weight: old;
line-height: 20px;
font-size: 10px;
font-family: palatino linotype;
font-style:italic;
letter-spacing:1px;
text-shadow: 0px 0px 7px #000;
}

h33 {
color: #DDAE58;
text-align:center;
font-weight: bold;
line-height: 20px;
font-size: 10px;
font-family: palatino linotype;
font-style:italic;
letter-spacing:1px;
text-shadow: 2px 3px 7px #000;
}

h4 {
font-family: georgia;
color: #BBB39F;
text-shadow: 1px 1px 7px #000;
font-size: 11px;
letter-spacing: 1;
font-weight: normal;
text-align: justify;
line-height: 15px;
}

h5 {
font-family: georgia;
color: #DDAE58;
text-shadow: 1px 1px 7px #000;
font-size: 13px;
letter-spacing: 3;
font-weight: normal;
text-align: justify;
line-height: 20px;
}

h55 {
font-family: georgia;
color: #DDAE58;
text-shadow: 1px 1px 7px #000;
font-size: 13px;
letter-spacing: 3;
font-weight: normal;
font-style:italic;
text-align: center;
line-height: 20px;
}

h7 {
text-align:left;
color: #B37E2C;
font-weight: bold;
line-height: 0px;
font-size: 11px;
font-family: arial;
letter-spacing:1px;
text-shadow: 0px 0px 7px #000;
}

.t1 {
	font-size:12px;
	background:#634738;
	padding:1px 10px;
	font-weight:normal;
	font-family:calibri;
	color:#E6D5BB;
}

.t2 {
	font-size:11px;
	background:#F1EBE0;
	padding:5px;
	font-family:Arial;
}

.td1 {

	font-color:#E1CD88;
	border-bottom:0px solid #848E3F;
	font-family:Arial;
	text-align:left;
}

.td2 {
text-align:left;
color: #B37E2C;
font-weight: bold;
line-height: 25px;
font-size: 15px;
font-family: palatino linotype;
font-style:italic;
letter-spacing:1px;
text-shadow: 0px 0px 7px #000;
}

.td3 {
	background-color:#A4B764;
	border-bottom:1px solid #D7CBB6;
}

.td4 {
	background-color:#A4B764;
	border-bottom:1px solid #D7CBB6;
}

.td5 {
	background-color:#879643;
	border-bottom:1px solid #9BA84B;
}

.kuvantausta {
	border-bottom:1px solid #CCC0AB;
	border-top:1px solid #CCC0AB;
}

div.background {
    width: 460px;
    height: 100%px;
    background: url() repeat;
    border: 0px solid black;
}

div.transbox {
    width: 460px;
    height: 100%;
    margin: 10px 5px;
    background-color: #000;
    border: 0px solid black;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

div.transbox p {
    margin: 30px 40px;
    font-weight: bold;
    color: #E1CD88;
}