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

html, body {
	height:100%;}

body {
	background:#1F2432;
	font:14px/25px cambria;
	color:#3B3B3B;
	margin:0;
	padding:0;
	text-align:center;
}

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

#runko2 {
	overflow:auto;
	width:100%;
	background:url('fbtekstitausta.png') no-repeat 0px 266px;
}

#sivu {
	float:left;
	width:230px;
	text-align:justify;
	margin-left:25px;
	padding-top:150px;
}

#tekstit {
	text-align:justify;
	margin-left:290px;
	width:640px;
	padding-top:10px;
}

#tekstit2 {
	text-align:justify;
	margin-left:275px;
	width:665px;
	padding-top:10px;
}

#yla {
width:956px;
margin:auto;
padding:0;
z-index:1;
}

#ala {
	width:956px;
	clear:both;
}

a:link {
font-family: arial;
font-size: 12px;
font-weight: normal;
cursor: pointer;
text-decoration: none;
color: #3E5150;
}
 
a:visited {
font-family: arial;
font-size: 12px;
font-weight: normal;
cursor: pointer;
text-decoration: none;
color: #3E5150;
}

a:hover {
font-family: arial;
font-size: 12px;
cursor: pointer;
text-decoration: none;
color: #A7A7A7;
}

a:active {
font-family: arial;
font-size: 12px;
cursor: pointer;
text-decoration: none;
color: #A7A7A7;
}

h1 {
font-family: arial;
font-size: 16px;
color: #83A226;
font-weight: bold;
text-align: left;
padding:3px;
line-height: 23px;
border-bottom:1px solid #fff;
}

h2 {
font-family: arial;
font-size: 15px;
color: #383838;
font-weight: bold;
text-align: left;
padding:3px;
line-height: 13px;
}

h2 {
font-family: arial;
font-size: 13px;
color: #383838;
font-weight: bold;
text-align: left;
padding:3px;
line-height: 13px;
}

h4 {
font-family: cambria;
font-size: 15px;
color: #383838;
font-weight: bold;
text-align: center;
padding:0px;
line-height: 13px;
}

h5 {
font-family: cambria;
font-size: 11px;
color: #AD9772;
font-weight: bold;
text-align: center;
padding:0px;
line-height: 13px;
}

h6 {
font-family: cambria;
color: #1F2432;
text-shadow: 0px 0px 0px #000;
font-size: 13px;
letter-spacing: 1;
font-weight: normal;
text-align: center;
line-height: 20px;
}

h7 {
font-family: cambria;
color: #1F2432;
text-shadow: 0px 0px 0px #000;
font-size: 12px;
letter-spacing: 2;
font-weight: normal;
text-align: center;
line-height: 20px;
}

h8 {
font-family: cambria;
font-size: 9px;
color: #AD9772;
font-weight: bold;
text-align: center;
padding:0px;
line-height: 5px;
}

h55 {
font-family: cambria;
font-size: 11px;
color: #AD9772;
font-weight: bold;
text-align: left;
padding:0px;
line-height: 13px;
}

.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-family: cambria;
font-size: 12px;
letter-spacing: 0;
word-sacing: 1px;
text-align: justify;
cursor: default;
margin: 0;
line-height: 21px;
background-color:#fff;
background: url(http://www.pitch-black.biz/widdershins/images/taustaa2.png);
border-bottom:0px dashed #D0C58C;
font-weight:bold;
color:#494742;
}

.td5 {
text-align:right;
background-color:#C7B89E;
border-bottom:1px solid #D7CBB6;
color: #46352B;
font-size: 12px;
font-family: cambria;
font-weight: bold;
text-transform: normal;
background-image:url(img/td5tausta.jpg);
}

.td3 {
font-size: 12px;
background-color:#EBE4D8;
border-bottom:1px solid #D7CBB6;
}

.td6 {
font-family: arial;
color: #494742;
font-size: 11px;
letter-spacing: 0;
word-sacing: 1px;
text-align: justify;
cursor: default;
margin: 0;
line-height: 21px;
background-color:#EBE4D8;
border-bottom: 1px dashed #927160;
font-weight:none;
}

.td4 {
font-family: arial;
font-size: 11px;
letter-spacing: 0;
word-sacing: 1px;
text-align: justify;
cursor: default;
margin: 0;
line-height: 21px;
background-color:#1F2432;
border-bottom:1px dashed #927160;
font-weight:normal;
color:#fff;
}

.td2 {
font-family: arial;
font-size: 11px;
letter-spacing: 0;
word-sacing: 1px;
text-align: justify;
cursor: default;
margin: 0;
line-height: 21px;
background-color:#1F2432;
border-bottom:0px dashed #927160;
font-weight:bold;
color:#fff;
}

.td7 {
font-family: arial;
font-size: 11px;
border-bottom:2px dotted #D7CBB6;
padding-left: 20px; 
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;"
}

.td8 {
font-family: arial;
font-size: 11px;
border-bottom:0px solid #D7CBB6;
padding-left: 20px; 
padding-right: 20px;
padding-top: 10px;
padding-bottom: 0px;"
}

.td9 {
font-family: arial;
font-size: 11px;
border-bottom:2px dotted #C9B89A;
padding-left: 20px; 
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;"
}

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

a:link.linkitti {
font-family: cambria;
font-size: 12px;
cursor: pointer;
font-weight: bold;
text-decoration: none;
color: #fff;
padding-right:11px;
padding-left:11px;
padding-top:14px;
padding-bottom:14px;
background-color:#83A226;
letter-spacing:1px;
border-top:2px solid #83A226;
border-left:2px solid #83A226;
border-right:2px solid #83A226;
}
 
a:visited.linkitti {
font-family: cambria;
font-size: 12px;
cursor: pointer;
font-weight: bold;
text-decoration: none;
color: #fff;
padding-right:11px;
padding-left:11px;
padding-top:14px;
padding-bottom:14px;
background-color:#1F2432;
letter-spacing:1px;
border-top:2px solid #1F2432;
border-left:2px solid #1F2432;
border-right:2px solid #1F2432;
}

a:hover.linkitti {
font-family: cambria;
font-size: 12px;
cursor: pointer;
font-weight: bold;
text-decoration:none;
color: #EFEFEF;
padding-right:11px;
padding-left:11px;
padding-top:14px;
padding-bottom:14px;
background-color:#83A226;
border-top:2px solid #83A226;
border-left:2px solid #83A226;
border-right:2px solid #83A226;
}

a:active.linkitti {
font-family: cambria;
font-size: 12px;
font-weight: bold;
cursor: pointer;
text-decoration: none;
color: #EFEFEF;
padding-right:11px;
padding-left:11px;
padding-top:14px;
padding-bottom:14px;
background-color:#83A226;
border-top:2px solid #83A226;
border-left:2px solid #83A226;
border-right:2px solid #83A226;
}

.kuvantausta {
border-bottom:2px dotted #CCC0AB;
border-top:2px dotted #CCC0AB;
background-color:}

.li1 { background: url(img/etusivulle1.png) left top no-repeat; display: block; height: 38px; width: 104px; border: none; }
.li1:hover { background: url(img/etusivulle2.png) left top no-repeat; border-bottom: none; }

.li2 { background: url(img/koirat1.png) left top no-repeat; display: block; height:38px; width: 175px; border: none; }
.li2:hover { background: url(img/koirat2.png) left top no-repeat; border-bottom: none; }

.li3 { background: url(img/kasvpent1.png) left top no-repeat; display: block; height: 38px; width: 180px; border: none; }
.li3:hover { background: url(img/kasvpent2.png) left top no-repeat; border-bottom: none; }

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

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

ul.style1
	{
		margin: 0 auto;
		padding: 0;
		width: 100%;
		overflow: hidden;
		list-style: none;
		text-align: left;
		color: #71664A
	}
	
	ul.style1 li
	{
		padding: 1.6em 0em 0em 0em;
		margin: 0 0 2.5em 0;
		border-top: 1px solid rgba(0,0,0,.1); 
	}
	
	ul.style1 li:first-child
	{
		border-top: 1px solid rgba(0,0,0,.1);
		border-bottom: 1px solid rgba(0,0,0,.1);
                background-color:#ECE4D7;
		padding-top: 0.6em;
		padding-bottom: 1em;
	}
	
	ul.style1 p
	{
		margin: 0;
	}
	
	ul.style1 a
	{
		text-decoration: none;
		color: #83A226;
		margin: 0em 0.7em 0em 0em;
		font-size: 1em;
		font-weight: 400;
	}
	
	ul.style1 a:hover
	{
		text-decoration: underline;
	}
	
	ul.style1 h3
	{
		padding: 1em 0em 5px 0em;
		text-transform: uppercase;
		font-size: 1em;
		font-weight: 400;
	}
	
	ul.style1 .first
	{
		padding-top: 0;
		background: none;
	}
	
	ul.style1 .date
	{
		float: left;
		position: relative;
		width: 210px;
		height: 123px;
		margin: 0.5em 1.5em 0em 0.5em;
		padding: 0.8em 0em 1.5em 0em;
		box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.1);
		line-height: normal;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 1px 0px rgba(0,0,0,.2);
		font-size: 1em;
		font-weight: 400;
		border-right: 10px solid rgba(0,0,0,.1); 
                background: url(http://www.pitch-black.biz/feurbarock/img/pennuttausta.png);
	}

	ul.style1 .date2
	{
		float: left;
		position: relative;
		width: 210px;
		height: 185px;
		margin: 0.5em 1.5em 0em 0.5em;
		padding: 0.8em 0em 1.5em 0em;
		box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.1);
		line-height: normal;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 1px 0px rgba(0,0,0,.2);
		font-size: 1em;
		font-weight: 400;
		border-right: 10px solid rgba(0,0,0,.1); 
                background: url(http://www.pitch-black.biz/feurbarock/img/pennuttausta.png);
	}

	ul.style1 .date3
	{
		float: left;
		position: relative;
		width: 210px;
		height: 48px;
		margin: 0.5em 1.5em 0em 0.5em;
		padding: 0.8em 0em 1.5em 0em;
		box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.1);
		line-height: normal;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 1px 0px rgba(0,0,0,.2);
		font-size: 1em;
		font-weight: 400;
		border-right: 10px solid rgba(0,0,0,.1); 
                background: url(http://www.pitch-black.biz/feurbarock/img/pennuttausta.png);
	}
	
	ul.style1 .date:after
	{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 6px;
	}
	
	ul.style1 .date b
	{
		margin: 0;
		padding: 0;
		display: block;
		margin-top: 20px;
		font-size: 1.0em;
		font-weight: 700;
	}
	
	ul.style1 .date2 b
	{
		margin: 0;
		padding: 0;
		display: block;
		margin-top: 50px;
		font-size: 1.0em;
		font-weight: 700;
	}
	
	ul.style1 .date3 b
	{
		margin: 0;
		padding: 0;
		display: block;
		margin-top: -10px;
		font-size: 1.0em;
		font-weight: 700;
	}
	
	ul.style1 .date a
	{
	}
	
	ul.style1 .date a:hover
	{
		text-decoration: none;
	}

ul.style2
	{
		margin: 0 auto;
		padding: 0;
		width: 100%;
		overflow: hidden;
		list-style: none;
		text-align: left;
		color: #71664A
	}
	
	ul.style2 li
	{
		padding: 1.6em 0em 0em 0em;
		margin: 0 0 2.5em 0;
		border-top: 1px solid rgba(0,0,0,.1); 
	}
	
	ul.style2 li:first-child
	{
		border-top: 1px solid rgba(0,0,0,.1);
		border-bottom: 1px solid rgba(0,0,0,.1);
                background-color:#DCD1BE;
		padding-top: 0.6em;
		padding-bottom: 1em;
	}
	
	ul.style2 p
	{
		margin: 0;
	}
	
	ul.style2 a
	{
		text-decoration: none;
		color: #1F2432;
		margin: 0em 0.7em 0em 0em;
		font-size: 1em;
		font-weight: 400;
	}
	
	ul.style2 a:hover
	{
		text-decoration: underline;
	}
	
	ul.style2 h3
	{
		padding: 1em 0em 5px 0em;
		text-transform: uppercase;
		font-size: 1em;
		font-weight: 400;
	}
	
	ul.style2 .first
	{
		padding-top: 0;
		background: none;
	}
	
	ul.style2 .date
	{
		float: left;
		position: relative;
		width: 210px;
		height: 75px;
		margin: 0.5em 1.5em 0em 0.5em;
		padding: 0.8em 0em 1.5em 0em;
		box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.1);
		line-height: normal;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 1px 0px rgba(0,0,0,.2);
		font-size: 1em;
		font-weight: 400;
		border-right: 10px solid rgba(0,0,0,.1); 
                background: url(http://www.pitch-black.biz/feurbarock/img/pennuttausta2.png);
	}

	ul.style2 .date2
	{
		float: left;
		position: relative;
		width: 210px;
		height: 185px;
		margin: 0.5em 1.5em 0em 0.5em;
		padding: 0.8em 0em 1.5em 0em;
		box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.1);
		line-height: normal;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 1px 0px rgba(0,0,0,.2);
		font-size: 1em;
		font-weight: 400;
		border-right: 10px solid rgba(0,0,0,.1); 
                background: url(http://www.pitch-black.biz/feurbarock/img/pennuttausta2.png);
	}


	
	ul.style2 .date3
	{
		float: left;
		position: relative;
		width: 210px;
		height: 123px;
		margin: 0.5em 1.5em 0em 0.5em;
		padding: 0.8em 0em 1.5em 0em;
		box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.1);
		line-height: normal;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 1px 0px rgba(0,0,0,.2);
		font-size: 1em;
		font-weight: 400;
		border-right: 10px solid rgba(0,0,0,.1); 
                background: url(http://www.pitch-black.biz/feurbarock/img/pennuttausta2.png);
	}
	
	ul.style2 .date4
	{
		float: left;
		position: relative;
		width: 210px;
		height: 60px;
		margin: 0.5em 1.5em 0em 0.5em;
		padding: 0.8em 0em 1.5em 0em;
		box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.1);
		line-height: normal;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 1px 0px rgba(0,0,0,.2);
		font-size: 1em;
		font-weight: 400;
		border-right: 10px solid rgba(0,0,0,.1); 
                background: url(http://www.pitch-black.biz/feurbarock/img/pennuttausta2.png);
	}

	ul.style2 .date:after
	{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 6px;
	}
	
	ul.style2 .date b
	{
		margin: 0;
		padding: 0;
		display: block;
		margin-top: 5px;
		font-size: 1.0em;
		font-weight: 700;
	}
	
	ul.style2 .date2 b
	{
		margin: 0;
		padding: 0;
		display: block;
		margin-top: 55px;
		font-size: 1.0em;
		font-weight: 700;
	}
	
	ul.style2 .date3 b
	{
		margin: 0;
		padding: 0;
		display: block;
		margin-top: 20px;
		font-size: 1.0em;
		font-weight: 700;
	}
	
	ul.style2 .date a
	{
	}
	
	ul.style2 .date a:hover
	{
		text-decoration: none;
	}