body {
text-align: justify;
font-family:"Trebuchet MS",Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #000000;
line-height: 2.0;
margin: 0;
background-color: #fff;
background-image:url(grafiikka/vu-taustaturkoosi.png);
}

#otsikko{
position: absolute;
left: 0px;
top: 0px;
height: 294px;
width: 100%;
background-image:url(grafiikka/vu-tausturkoosi2.png);
}

/*ulkoasulinkit*/
a:link {color:#3366ff; text-decoration:none;}
a:visited {color:#3366ff; text-decoration:none;}
a:hover {color:#000000; text-decoration:none;}
a:active {color:#3366ff; text-decoration:none;}

#sisainen {
	text-decoration:none;
	color:#99cc00;
	text-decoration:underline;
	font-size: 11px;
}

#limelink {
	text-decoration:underline;
	color:#99cc00;
	font-weight:bold;
}

#orangelink {
	text-decoration:none;
	color:#FF6600;
	font-size: 9px;
}

/*otsikot*/
h1 {
color: #cc0066;
text-align: left;
font-weight: bold;
font-size: 20px;
font-family: "Comic Sans MS",Verdana, Tahoma;
border-bottom:1px dotted #dbdbdb;
padding-left: 15px;
font-style:italic;
margin-top: 0;
margin-bottom: 0;
}

h2 {
font-family: "Comic Sans MS",Verdana, Tahoma, georgia, arial, Sans-Serif;
font-size: 16px;
border-bottom:1px dotted #dbdbdb;
color: #00b650;
font-weight: bold;
font-style:italic;
text-align: left;
padding-left: 15px;
}

h3 {
font-family: "Comic Sans MS",Verdana, Tahoma, arial, Sans-Serif;
font-size: 14px;
border-bottom:1px dotted #dbdbdb;
color: #51cccc;
font-weight: bold;
font-style:italic;
text-align: left;
padding-left: 35px;
letter-spacing: 1px;
}

h4 {
font-size: 12px;
color: #414141;
font-weight:bold;
text-decoration:italic;
text-align: left;
padding-left: 60px;
letter-spacing: 1px;
}

/* taulukot */
table {
font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
font-size: 12px;
color: #000000;
}

#koko {
width: 880px;
margin-left:80px;
position: absolute;
}

#keski {
width:841px;
}

#teksti {
position: absolute;
margin-left: 35px;
width: 810px;
border-right: 0px dotted #b1a188;
float: left;
margin-top: 0px;
}

#keski {
width: 841px;
clear: both;
}

#pienitaulu {
	width: 700px;
	font-size: 10px;
	border: 0px;
}

#yhteenveto  {
    width: 700px;
    border: dotted #D5D5BF 1px;
	border-spacing: 1px 1px;
	text-align: left;
	font-size: 10px;
	border-collapse: collapse;
} 

#pieniturkoosi{
    width: 600px;
    padding: 0px;
    border: 0px;
	border-spacing: 1px 1px;
	text-align: left;
	font-size: 10px;
	color: #005555;
} 

#yleinentable {
    width: 750px;
    border: dotted #D5D5BF 1px;
	border-spacing: 1px 1px;
	font-size: 11px;
	border-collapse: collapse;
} 

#yleinentable td, th {
    border: dotted #D5D5BF 1px;
	padding: 5px;
} 

#tulostable {
    width: 600px;
    border: dotted #D5D5BF 1px;
	border-spacing: 1px 1px;
	font-size: 12px;
	text-align: justify;
	border-collapse: collapse;
} 

#tulostable td, th {
    border: dotted #D5D5BF 1px;
	padding: 5px;
}

#tulostable h1, h2, h3 {
    border-bottom: 0px;
}

.tdtulos {
border:1px dotted #430501;
}

td.tdtulos {
background-color: #F8F8F8;
}


/* yhteenvedon soluja */
td {
border:0px;
}

#td1 {
vertical-align: middle;
border:1px dotted #c2e153;
font-weight: bold;
padding: 3px;
}

#td2 {
vertical-align: middle;
border:1px dotted #c2e153;
padding: 3px;
}

/* sukutaulu */
#sukutaulu {
width:700px;
background-color:#33cccd;
border:dotted #D5D5BF 1px;
border-collapse: collapse;
border-spacing:0px;
color:#000000;
font-size: 10px;
}

/* sukutaulun soluja */
.s1, .s2, .s3 {
border:1px dotted #430501;
}

td.s1, td.s2 {
width: 33%;
vertical-align: middle;
}

td.s3 {
width: 34%;
margin:0;
padding:0;
vertical-align: middle;
}

/* kaikki tekstit */
p { 
color: #000000;
text-align: justify;
padding-left: 50px;
padding-right: 50px;
}

#perotus { 
padding-left: 50px;
padding-right: 50px;
color: #cc0099;
text-align: justify;
}

#pcenter { 
text-align: center;
}

#plyhyt { 
padding-left: 80px;
padding-right: 80px;
}

#ptosilyhyt { 
padding-left: 110px;
padding-right: 80px;
}

#plevea { 
padding-left: 5px;
padding-right: 5px;
}

#potsake { 
padding-left: 5px;
padding-right: 5px;
color: #00b650;
font-style: italic;
}

#ppentu { 
padding-left: 30px;
padding-right: 20px;
color: #7030a0;
}

#koirani { 
padding-left: 30px;
padding-right: 20px;
color: #7030a0;
}

#titteli {
font-family: "Trebuchet MS",Times New Romain;
font-size: 11px;
color: #9a9a9a;
text-align: center;
letter-spacing: 1px;
vertical-align: text-bottom;
}

#vunimi {
font-family: 'Trebuchet MS', Times New Romain;
font-size: 18px;
color: #7030a0;
font-weight:bold;
text-decoration:italic;
text-align: center;
letter-spacing: 1px;
line-height: 1;
vertical-align: top;
}



/* <span>-tägiä varten, boldaa tekstin */
#bold {
font-weight: bold;
color: black;
}

#musta {
color: black;
}

#tulosn {
color: #00b650;
}

#tulost {
color: #ff0066;
}

#uusi {
font-weight: bold;
color: #ff0066;
}



/* divit pentumainoksiin */
div {
	font-family:Verdana,Tahoma,Arial;
}

#wrapper1 { overflow: hidden; }
#emakuva { float: left; width: 50%; text-align: center;}
#isakuva { float: left; width: 50%; text-align: center;}
#wrapper2 { overflow: hidden; }
#emateksti { float: left; width: 50%;}
#isateksti { float: left; width: 50%;}

#syntyneet { 
clear: both;
width: 84%; 
text-align: left;
border: double #D5D5BF 3px;
margin-left: 50px;
padding-left: 15px;
color: #7030a0;
}

#syntyneet2 { 
clear: both;
width: 64%; 
text-align: left;
border: double #D5D5BF 3px;
margin-left: 50px;
padding-left: 15px;
color: #000;
background-image:url(grafiikka/BlueGingham.jpg);
}

#boksi1 { 
clear: both;
width: 64%; 
text-align: left;
border: double #D5D5BF 3px;
margin-left: 50px;
padding-left: 15px;
color: #000;
}

#boksi2 { 
clear: both;
width: 64%; 
text-align: left;
border: double #D5D5BF 3px;
margin-left: 50px;
padding-left: 15px;
color: #000;
background-image:url(grafiikka/boksi2.jpg);
}

#boksi3{ 
clear: both;
width: 80%; 
text-align: justify;
border: double #D5D5BF 3px;
margin-left: 50px;
padding-left: 15px;
margin-right: 50px;
padding-right: 15px;
color: #000;
/* background-image:url(grafiikka/FractalAbstract.jpg); */
}

#suunnitelmat { 
clear: both;
width: 65%; 
text-align: left;
border: double #D5D5BF 5px;
border-color: #33cccd;
margin-left: 50px;
padding-left: 15px;
}

#koiranikuva { 
float: left; 
width: 45%; 
text-align: right;
margin-left: -10px;
}

#koiranikuva2 { 
float: left; 
width: 45%; 
text-align: right;
margin-left: 25px;
}

#koiraniteksti { 
float: left; 
width: 40%; 
text-align: left;
margin-left: 45px;
padding-left: 15px;
background-color: #eeece1;
border:2px groove #948a54;
}

#clear { clear: both; visibility: hidden; height: 0px; overflow: hidden; }

#koiranivas { float: left; width: 260px; margin-left: 100px; }
#koiranioik { float: right; width: 260px; margin-right: 100px; }

#linkitvas { float: left; width: 320px; margin-left: 30px; }
#linkitoik { float: right; width: 320px; margin-right: 30px; }
#linkitvas1 { float: left; width: 320px; margin-left: 30px; background-color: #51cccc; line-height:1.7; }
#linkitoik1 { float: right; width: 320px; margin-right: 30px; background-color: #51cccc; line-height:1.7; }

#pentueetvas { float: left; width: 320px; margin-left: 30px; }
#pentueetoik { float: right; width: 320px; margin-right: 80px; }

#tulos { float: left; width: 560px; margin-left: 10px; color: black;  }
#tulostuomari { float: left; width: 560px; margin-left: 10px; font-weight: bold; color: #0a684b; }

/* Sidebar etusivu */
#sidebar {
	float: left;
	width: 30%;
	border-right: #B7B7B7  dashed 1px;
	padding: 10px;
}

#sidebar p {
	margin: 0;
	padding: 0 10px;
	color: #4F4F4F;
}

#sidebar p {
	line-height: 200%;
	padding-bottom: 20px;
}

/* etusivun tekstiosuus/body */
#bodybar {
	float: right;
	width: 450px;
	margin-right: 20px;
	padding-right: 10px;
}

#bodybar p {
	margin: 0;
	padding: 10px 10px;
	padding-bottom: 20px;
}

#bodybar ul { 
text-align: left;
list-style: circle;
margin-left: 40px;
margin-right: 80px;
}

/* vaakatason väliviiva */
#divline{
	border-bottom: #B7B7B7  dashed 1px;
}

/* Sidebar2 sininen boxi, copied from ??? */
#sidebar2 {
	float: right;
	width: 240px;
	background: url(slashblog/images/img04.jpg) repeat-y;
}

#sidebar2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.8;
}

#sidebar2 li {
	background: url(slashblog/images/img05.jpg) no-repeat;
}

#sidebar2 li ul {
	padding: 20px 20px 60px 20px;
	background: url(slashblog/images/img06.jpg) no-repeat left bottom;
}

#sidebar2 li li {
	padding: 0;
	background: url(slashblog/images/spacer.gif);
	color: #FFFFFF;
}

#sidebar2 h2 {
	margin: 0;
	padding: 20px 20px 0 20px;
	text-transform: uppercase;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #FFFFFF;
}

/* Pyöreäreunainen div, copyright ??? */
#rnd_container {background: white; margin:1px;}
    
    .rnd_top, .rnd_bottom {display:block; background:white; font-size:1px; }
    .rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;}
    .rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
    .rnd_b2, .rnd_b3, .rnd_b4 {background:#51cccc; border-left:1px solid #006666; border-right:1px solid #006666;}
    .rnd_b1 {margin:0 5px; background:#006666;}
    .rnd_b2 {margin:0 3px; border-width:0 2px;}
    .rnd_b3 {margin:0 2px;}
    .rnd_b4 {height:2px; margin:0 1px;}
    
    .rnd_content {
    display:block;
    border:0 solid #006666;
    border-width:0 1px;
    padding: 4px;
    background:#51cccc;
    color:#000000;
	font-weight:bold;
}


/* kuvat pentumainoksiin */
img {
	
}

/* listaa varten */
ul { 
text-align: left;
padding-left: 10px;
list-style-type: circle;
}

#ulteksti { 
text-align: left;
list-style: circle;
margin-left: 110px;
margin-right: 80px;
}

#ulteksti2 { 
text-align: left;
list-style: circle;
margin-left: 80px;
margin-right: 80px;
}

