body{font-family:  "Trebuchet MS", Verdana, Arial;
text-align:center;
color:#000077;
background-image:url(http://www.terokattilakoski.com/images/bg.jpg);
background-repeat:repeat-x;
margin:0px;
padding:0px;
}

.main{
width:-;
}

.loppu{width:1000px;
margin-top:50px;
}


.facebook{
float:left;
margin-top:-10px;
margin-left:30px;
height:40px;
width:139px;
}


.kanneri     {
position:absolute;
width:178px;
height:241px;
right:450px;
margin-top:20px;
z-index:5;

}
.banneri{
float:right;
margin-right:50px;}

.tuubi{
position:relative;
width:720px;
padding-left:80px;
}

.kommentti{text-align:center;
font-style:italic;
color:black;
position:relative;
left:200px;
top:55%;
width:30%;}

.kommentti#etus{
position:relative;
top:20%;
left:220px;}

.kommentti#pete{
position:relative;
top:20%;
left:250px;
}

.kommentti#kurs{
position:relative;
top:30%;
left:250px;
}




.gif{
position:absolute;
position:absolute;
width:200px;
height:272px;
z-index:100;
top:700px;
left:1050px;
}



.dvd{
padding-top:50px;
float: right;
width:400px;
font-size:small;}

p.oikea{float:right;
padding:0;
margin:0;}

p.oikea #kuva{z-index:10;}

p.vasen{float:left;}

.header{width:1000px;
height:274px;
background-image:url(http://www.terokattilakoski.com/images/header.jpg);
text-align:left;
margin:10px auto;}

.header#toka{
background-image:url(http://www.terokattilakoski.com/images/header2.jpg);
}
.header#kolmas{
background-image:url(http://www.terokattilakoski.com/images/header3.jpg);
}
.header#neljas{
background-image:url(http://www.terokattilakoski.com/images/header4.jpg);
}
.header#viides{
background-image:url(http://www.terokattilakoski.com/images/header5.jpg);
}
.header#kuudes{
background-image:url(http://www.terokattilakoski.com/images/header6.jpg);
}
.header#seiska{
background-image:url(http://www.terokattilakoski.com/images/header7.jpg);
}
.header#kasi{
background-image:url(http://www.terokattilakoski.com/images/header8.jpg);
}
.header#ysi{
background-image:url(http://www.terokattilakoski.com/images/header9.jpg);
}
.header#kymppi{
background-image:url(http://www.terokattilakoski.com/images/header10.jpg);
}

.navi{
background-image:url(http://www.terokattilakoski.com/images/link1.jpg);
width:998px;
height:32px;
text-align:center;
color:#00185d;
margin:10px auto;
border-left: 1px solid #00185e;
border-right: 1px solid #00185e;
}
.navi ul{
width:1000px;
text-align:center;
height:28px;
}

.navi  .solu, .navi .soluvika, .navi .solupitka {
width:108px;
float:left;
z-index:3;
height:28px;
border-right: 2px solid #dbecff;
font-weight:bold;
font-size:13px;
text-align:center;
margin:2px 0px 2px 0px;
padding:0px 0px 0px 0px;
}

.navi .soluvika{
border:0; 
width:100px;
}
.navi .solupitka{
border:0; 
width:125px;
border-right: 2px solid #dbecff;
}

.navi .solu a, .navi .soluvika a, .navi .solupitka a {
display:block;
text-decoration:none;
color:#00185d;
height:28px;
}

.navi .solu a:hover, .navi .soluvika a:hover, .navi .solupitka
a:hover{
background-image:url(http://www.terokattilakoski.com/images/link2.jpg);
color:white;
}

.navi ul.navbar li#last{
border-right: 2px solid #dbecff;
}

.teksti{
z-index:2;
width:1000px;
min-height:350px;
text-align:left;
font-size:18px;
background-image:url(http://www.terokattilakoski.com/images/mainback.jpg);
margin:0px auto;
padding:0px;
border-top:1px solid #00185e;
border-bottom:1px solid #00185e;
padding-bottom:30px;
}

.leipa_eka{
width:60%;
padding-left:7%;
z-index:2;
}

.leipa{
width:70%;
padding-left:15%;
z-index:2;
}

.teksti p, .teksti ul {
margin: 0px auto 0px auto;
text-align:left;
padding:10px;
}

p.tilaa{padding-top:90px;}
.teksti ul {padding-left:30px;}

h1{
padding-top:30px;
color:#000077;}
h1,h2 {text-align:center;
}


.slogan{
z-index:1;
background-image:url(http://www.terokattilakoski.com/images/slogan5.jpg);
background-repeat:no-repeat;
position:relative;
top:20px;
float:right;
width:100px;
height:500px;
}

.slogan#pt   {
background-image:url(http://www.terokattilakoski.com/images/slogan1.jpg);
height:420px
}
.slogan#urh{
background-image:url(http://www.terokattilakoski.com/images/slogan5.jpg);
height:320px
}

.slogan#yri  {
background-image:url(http://www.terokattilakoski.com/images/slogan4.jpg);
height:700px
}

.slogan#yht{
background-image:url(http://www.terokattilakoski.com/images/slogan3.jpg);
height:500px;
}
.slogan#kurs{
background-image:url(http://www.terokattilakoski.com/images/slogan2.jpg);
height:320px;
}

.alapalkki{position:relative;
width:1000px;
height:81px;
text-align:center;
color:#00185d;
font-size:16px;
background-image:url(http://www.terokattilakoski.com/images/footer.jpg);
background-repeat:no-repeat;
margin:10px auto;
padding-top:30px;
z-index:4;
}

.alateksti{
position:relative;
left:-30px;}

.galleria{
width:100%;
}
.pic{
width:280px;
margin:10px;
}

.oikea{float:right;}
.vasen{float:left;}


.pic a img, .oikea a img, .vasen a img {border:0;
}

fieldset{border:0;}

.etusivulle{position:relative;
left:40px;
top:0px;}
.linkkietus{position:relative;
top:50px;
left:50px;}

body>.main>.teksti>.etusivulle>.linkkietus{position:absolute;
top:30px;
left:50px;
color:red;}

.linkkietus a:link, .linkkietus a:visited{text-decoration:none;}
.linkkietus a:link {color:blue;}
.linkkietus a:visited {color:blue;}
.linkkietus a:hover {color:red;} 

img{border:0;}